.hl{justify-items:center;gap:5px;display:grid}.hp{background:#080a0ee0;border-radius:99px;align-items:stretch;font-weight:800;line-height:1;transition:box-shadow .3s,transform .3s;display:inline-flex;overflow:hidden;box-shadow:0 2px 10px #00000080,inset 0 0 0 1px #ffffff29}.hp b{letter-spacing:.06em;text-transform:uppercase;color:#fff;place-items:center;padding:7px 9px 7px 12px;font-size:11px;display:grid}.hp i{color:#0b0d12;background:#fffffff2;place-items:center;min-width:34px;padding:0 11px 0 9px;font-size:16px;font-style:normal;display:grid}.hp.a b{background:#b9252f}.hp.b b{background:#235bc0}.hp.n b{background:#3a4256}.hp.win{box-shadow:0 0 0 2px var(--gold), 0 0 22px #f3c35a8c, 0 2px 10px #00000080;transform:scale(1.06)}.hp.win i{background:var(--gold);color:#2a1a00}.hp.lose{opacity:.78}.hp.quiet i{font-size:14px}.verdict{letter-spacing:-.005em;color:#fff;white-space:nowrap;border-radius:99px;align-items:center;gap:8px;padding:6px 17px;font-size:14.5px;font-weight:800;display:inline-flex;box-shadow:0 8px 26px #0000008c,inset 0 0 0 1px #ffffff38}.verdict small{opacity:.85;font-size:12px;font-weight:700}.verdict.a{background:linear-gradient(#db424c,#a31f29)}.verdict.b{background:linear-gradient(#3d7ff3,#1f58bd)}.verdict.tie{background:linear-gradient(#2fc784,#168a58)}.verdict.nat{color:#2a1a00;background:linear-gradient(#ffe19a,#e0a93a)}.verdict.dark{box-shadow:0 8px 26px #0000008c, inset 0 0 0 1px var(--line-3);background:#080a0ee6}@media (max-height:720px){.verdict{gap:6px;padding:5px 14px;font-size:14px}.verdict small{font-size:11.5px}.hp b{padding:6px 8px 6px 11px}.hp i{font-size:15px}}.note{color:var(--gold-hi);white-space:nowrap;background:#080a0edb;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:800;display:inline-flex;box-shadow:0 2px 10px #00000073,inset 0 0 0 1px #f3c35a80}.note.plain{color:var(--text);box-shadow:0 2px 10px #00000073,inset 0 0 0 1px #fff3}.rules .grid-t td,.rules .grid-t th{text-align:center;padding:6px 4px}.rules .grid-t td:first-child,.rules .grid-t th:first-child{text-align:left;padding-left:8px;font-weight:800}.rules .grid-t td:last-child,.rules .grid-t th:last-child{text-align:center}.rules .grid-t .d{color:var(--win);font-weight:800}.rules .grid-t .s{color:var(--text-3)}.rules .keys{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px 14px;margin:6px 0 12px;padding:0;list-style:none;display:grid}.rules .keys li{align-items:center;gap:8px;margin:0;display:flex}.rules kbd{background:var(--surface-3);min-width:24px;height:24px;box-shadow:inset 0 0 0 1px var(--line-2), 0 2px 0 #00000059;font:800 12px var(--font);color:var(--text);border-radius:7px;place-items:center;padding:0 6px;display:inline-grid}.flagtag{letter-spacing:.05em;text-transform:uppercase;color:var(--gold-hi);white-space:nowrap;background:#362606f2;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-block;box-shadow:0 2px 10px #00000080,inset 0 0 0 1px #f3c35abf}.flagtag.green{color:#c9ffe3;background:#0a4026f2;box-shadow:0 2px 10px #00000080,inset 0 0 0 1px #34e08fb3}.flagtag.red{color:#ffd0d4;background:#460e14f2;box-shadow:0 2px 10px #00000080,inset 0 0 0 1px #ff6e78b3}.rbanner{top:var(--banner-top,42%);left:var(--banner-left,50%);width:max-content;max-width:calc(100vw - 32px)}.rbanner .rb-inner{border-radius:18px;gap:0;padding:8px 22px 10px}.rbanner .rb-title{font-size:11.5px}.rbanner .rb-amt{font-size:30px;line-height:1.15}.rbanner.big .rb-amt{font-size:34px}.rbanner .rb-sub{max-width:280px;font-size:12.5px}.rbanner.win .rb-inner,.rbanner.big .rb-inner{grid-template-columns:auto auto;grid-template-areas:"title amt""sub sub";align-items:center;column-gap:12px}.rbanner.win .rb-title,.rbanner.big .rb-title{grid-area:title}.rbanner.win .rb-amt,.rbanner.big .rb-amt{grid-area:amt}.rbanner.win .rb-sub,.rbanner.big .rb-sub{grid-area:sub}.rbanner.push .rb-title,.rbanner.lose .rb-title{font-size:14px}@media (max-height:720px){.rbanner.win .rb-sub,.rbanner.big .rb-sub{display:none}}.spot-keys{z-index:3;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.spot-keys[hidden]{display:none}.spot-keys button{pointer-events:none;background:0 0;border-radius:14px;padding:0;position:absolute}.spot-keys button.round{border-radius:50%}.spot-keys button:focus-visible{outline:3px solid var(--gold-hi);outline-offset:3px;box-shadow:0 0 22px #f3c35a99}@media (max-height:500px) and (orientation:landscape){.dock{padding-top:6px;padding-bottom:calc(8px + var(--safe-bottom));grid-template-columns:auto minmax(0,1fr);place-items:center stretch;gap:4px 14px}.dock>*{max-width:none}.dock-status{flex-wrap:wrap;grid-column:1/-1;justify-content:center;align-items:baseline;gap:0 12px;min-height:0;display:flex}.rack{grid-area:2/1;padding:0}.chip-btn{width:42px}.chip-btn[aria-checked=true]{transform:translateY(-3px)scale(1.04)}.dock-actions{grid-area:2/2;justify-self:end;width:100%;max-width:520px}.dbtn{min-height:46px}.rbanner .rb-inner{border-radius:14px;padding:6px 16px 7px}.rbanner .rb-amt{font-size:24px}.rbanner.big .rb-amt{font-size:26px}.rbanner .rb-sub{max-width:200px;font-size:12px}.hp.pair b{display:none}.hp.pair{box-shadow:0 0 0 2px #235bc0,0 2px 10px #00000080}.hp.pair.a{box-shadow:0 0 0 2px #b9252f,0 2px 10px #00000080}.hp.pair i{border-radius:99px;min-width:30px;padding:0 8px}}