:root{--ink: #e6ebef;--dim: #8d9aa6;--faint: #63727f;--accent: #5dff9e;--accentDim: #2f8f5d;--edge: rgba(126, 158, 178, .17);--edgeLit: rgba(93, 255, 158, .34);--bad: #ff7a6b;--panel: linear-gradient(180deg, rgba(13, 18, 23, .8) 0%, rgba(8, 11, 15, .9) 100%);--sunk: rgba(6, 9, 12, .66);--barTop: 20px;--barHeight: 46px}#stage video{filter:brightness(.62) saturate(1.15) contrast(1.04)}#veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(116% 84% at 50% 44%,#04070a00 12%,#04070a80 62%,#04070adb),linear-gradient(90deg,#04070acc,#04070a00 30%,#04070a00 70%,#04070acc)}#brand h1{margin:0;font-weight:600;letter-spacing:9px;text-indent:9px;text-transform:uppercase;color:var(--accent);text-shadow:0 0 26px rgba(93,255,158,.32),0 2px 18px rgba(0,0,0,.8)}#brand .tagline{font-size:13px;letter-spacing:1.6px;color:var(--dim);text-shadow:0 1px 12px rgba(0,0,0,.9)}body.at-gate #shell{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px 20px;box-sizing:border-box}body.at-gate #brand{text-align:center}body.at-gate #brand h1{font-size:clamp(34px,5.4vw,58px)}body.at-gate #brand .tagline{max-width:46ch;margin:14px auto 30px}body.at-gate #gate.on{width:min(400px,100%);box-sizing:border-box}body.at-gate #lobbyMsg{text-align:center}body.at-home #shell{position:fixed;top:0;right:0;bottom:0;left:0}body.at-home #brand{position:absolute;top:var(--barTop);left:clamp(18px,2.4vw,34px);z-index:2;display:flex;align-items:center;height:var(--barHeight)}body.at-home #brand h1{font-size:21px;letter-spacing:7px;text-indent:7px}body.at-home #brand .tagline{display:none}body.booted #home.on{display:grid;height:100%;box-sizing:border-box;padding:var(--barTop) clamp(18px,2.4vw,34px) clamp(16px,2.4vh,26px);gap:14px;grid-template-columns:clamp(300px,25vw,400px) 1fr clamp(296px,24vw,392px);grid-template-rows:var(--barHeight) minmax(0,1fr) min(300px,32vh);grid-template-areas:".     who    who" "left  .      right" "left  .      chat";align-items:start}#home.on>.who{grid-area:who;height:var(--barHeight)}#colLeft{grid-area:left}#railRight{grid-area:right}#home.on>#chatPanel{grid-area:chat}#colLeft{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0}#colLeft .rail{flex:1 1 auto}.rail{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:4px;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 26px),transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 26px),transparent 100%);scrollbar-width:thin;scrollbar-color:rgba(126,158,178,.28) transparent}.rail::-webkit-scrollbar{width:8px}.rail::-webkit-scrollbar-thumb{background:#7e9eb247;border-radius:4px}.rail::-webkit-scrollbar-track{background:transparent}.panel{background:var(--panel);border:1px solid var(--edge);border-radius:3px;padding:16px 18px;margin-bottom:12px;-webkit-backdrop-filter:blur(13px) saturate(1.25);backdrop-filter:blur(13px) saturate(1.25);box-shadow:0 14px 34px #0000006b}.panel.gone{display:none}h2{display:flex;align-items:center;gap:9px;margin:0 0 13px;font-size:12px;font-weight:600;letter-spacing:2.6px;text-transform:uppercase;color:var(--dim)}h2:before{content:"";flex:0 0 auto;width:3px;height:11px;background:var(--accent);box-shadow:0 0 9px var(--accentDim)}.who{display:flex;align-items:center;justify-content:flex-end;gap:14px;box-sizing:border-box;padding:0;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 22px rgba(0,0,0,.75)}.who>*{flex:0 0 auto}.who .whoName{flex:0 1 auto;min-width:0}.whoName{font-size:17px;letter-spacing:1.2px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whoRecord{font-size:12px;letter-spacing:1.4px;color:#ffffffc7;font-variant-numeric:tabular-nums;white-space:nowrap}body.at-home .who button,body.at-home .who .btnLink,body.at-home .who .iconLink{padding:4px 2px;color:#fff;background:none;border-color:transparent;text-shadow:inherit}body.at-home .who button:hover,body.at-home .who .btnLink:hover,body.at-home .who .iconLink:hover{color:var(--accent);border-color:transparent}.field{display:block;margin-bottom:13px;font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--dim)}.field input,.field select,.chatRow input{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:9px 11px;font:inherit;font-size:14.5px;letter-spacing:.5px;text-transform:none;color:var(--ink);background:var(--sunk);border:1px solid var(--edge);border-radius:3px}.field input:focus,.field select:focus,.chatRow input:focus{outline:none;border-color:var(--edgeLit);box-shadow:0 0 0 1px #5dff9e1f}button{font:inherit;font-size:13px;letter-spacing:1.4px;padding:9px 16px;color:var(--ink);background:#182129b8;border:1px solid var(--edge);border-radius:3px;cursor:pointer;transition:border-color .14s ease,color .14s ease,background .14s ease}button:hover{border-color:var(--edgeLit);color:#fff}button:disabled{opacity:.4;cursor:default}button:disabled:hover{border-color:var(--edge);color:var(--ink)}button.primary{color:#05220f;background:var(--accent);border-color:var(--accent);font-weight:600;box-shadow:0 0 20px #5dff9e29}button.primary:hover{color:#05220f;background:#7dffb2;box-shadow:0 0 26px #5dff9e4d}.msg{min-height:18px;margin:14px 0 0;font-size:13px;letter-spacing:.9px;color:var(--dim)}.msg.bad{color:var(--bad)}body.at-home #lobbyMsg{position:absolute;left:50%;bottom:clamp(16px,2.4vh,26px);transform:translate(-50%);z-index:2;max-width:min(560px,40vw);margin:0;padding:9px 18px;text-align:center;background:var(--panel);border:1px solid var(--edge);border-radius:3px;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}body.at-home #lobbyMsg:empty{display:none}body.at-home #lobbyMsg.bad{border-color:#ff7a6b66}.hint{margin:11px 0 0;font-size:12px;line-height:1.5;letter-spacing:.6px;color:var(--faint)}.warn{margin:14px 0 0;padding:10px 12px;font-size:12.5px;line-height:1.5;letter-spacing:.5px;color:#f0c674;background:#241d10d9;border:1px solid #4a3a1a;border-radius:3px}.row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:15px}button.quiet{background:none;border-color:transparent;color:var(--faint);padding-left:6px;padding-right:6px}button.quiet:hover{color:var(--ink);border-color:transparent}.seg{display:flex;gap:5px;margin-top:7px}.seg button{flex:1;padding:7px 8px;font-size:12.5px;letter-spacing:1px;text-transform:capitalize}.seg button.on{color:var(--accent);border-color:var(--edgeLit);background:#122a1ccc}.langMenu{position:relative;flex:0 0 auto}.iconLink{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;color:var(--dim)}.iconLink:hover{color:var(--accent)}.langGlobe{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;color:var(--dim)}.langGlobe:hover,.langGlobe.on{color:var(--accent);border-color:var(--edgeLit)}#gate{position:relative}#gate>.langMenu{position:absolute;top:12px;right:12px}.langPop[hidden]{display:none}.langPop{position:absolute;top:calc(100% + 6px);right:0;z-index:5;display:flex;flex-direction:column;min-width:132px;padding:5px;gap:3px;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--edge);border-radius:7px;box-shadow:0 12px 30px #0000008c}.langPop.up{top:auto;bottom:calc(100% + 6px)}body.at-home .who .langPop button,.langPop button{text-align:left;padding:7px 10px;font-size:13px;letter-spacing:.6px;white-space:nowrap}body.at-home .who .langPop button.on,.langPop button.on{color:var(--accent);border-color:var(--edgeLit);background:#122a1ccc}body.at-home .who .langGlobe{width:32px;height:32px;padding:0}body.at-home .who .langGlobe.on{color:var(--accent)}button.small{padding:6px 12px;font-size:12px}h3.sub{margin:18px 0 0;font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--faint)}#codeBox{flex:0 1 190px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:3px;text-transform:uppercase}.listRow{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 10px;padding:9px 0;border-top:1px solid rgba(126,158,178,.11)}.rowMain{font-size:14.5px;letter-spacing:.6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rowSub{grid-column:1;font-size:11.5px;letter-spacing:1px;color:var(--faint)}.rowActs{display:flex;align-items:center;justify-content:flex-end;gap:6px}.rowCode{grid-column:1;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:11.5px;letter-spacing:1.5px;color:var(--dim)}.listRow.invite{border-left:2px solid var(--accentDim);padding-left:9px}.check{display:flex;align-items:center;gap:8px;margin-bottom:13px;font-size:13px;color:var(--dim);cursor:pointer}.check input{accent-color:var(--accent)}.check input:disabled+span{opacity:.45}.listRow.ladder{grid-template-columns:2.2em 1fr auto}.listRow.ladder .rowMain,.listRow.ladder .rowSub{grid-column:2}.listRow.ladder .tally{grid-column:3}.listRow.ladder .tally{grid-row:1 / span 2;align-self:center;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--dim)}.listRow.ladder .tally.scored{color:var(--accent)}.listRow.ladder .place{grid-column:1;grid-row:1 / span 2;align-self:center;font-size:15px;font-variant-numeric:tabular-nums;color:var(--dim)}.listRow.ladder.you{background:#5dff9e0f}.listRow.ladder.you .rowMain{color:var(--ink);font-weight:600}.listRow.ladder.you .place{color:var(--accent)}.nationHead{display:flex;align-items:center;gap:12px;margin-top:4px}.flag{flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.nationName{font-size:19px;letter-spacing:1.4px;color:var(--ink)}.nationTag{margin-top:2px;font-size:11px;font-weight:600;letter-spacing:2.4px;text-transform:uppercase;color:var(--accent)}.nationDesc{margin:12px 0 0;font-size:12.5px;line-height:1.6;letter-spacing:.3px;color:var(--dim)}.roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:6px;margin-top:10px}.rosterTile{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px 7px;background:#06090c80;border:1px solid rgba(126,158,178,.12);border-radius:3px}.glyph{display:block;background-color:currentColor;mask-image:var(--icon);-webkit-mask-image:var(--icon);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:contain;-webkit-mask-size:contain}.rosterTile .glyph{width:34px;height:34px;color:#cbd6df}.rosterCount{font-size:12px;font-weight:700;letter-spacing:.5px;color:var(--accent);font-variant-numeric:tabular-nums}.rosterName{font-size:9px;letter-spacing:.6px;line-height:1.3;text-align:center;text-transform:uppercase;color:var(--faint)}.skillRow{padding:9px 0;border-top:1px solid rgba(126,158,178,.11)}.skillHead{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.skillName{font-size:13.5px;letter-spacing:.6px}.skillCost{flex:0 0 auto;font-size:11px;letter-spacing:1px;color:var(--accent);font-variant-numeric:tabular-nums}.skillWhat{margin:4px 0 0;font-size:11.5px;line-height:1.5;color:var(--faint)}button.play{flex:0 0 auto;width:100%;padding:16px 20px;font-size:17px;font-weight:600;letter-spacing:5px;text-indent:5px;text-transform:uppercase;box-shadow:0 0 34px #5dff9e3d,0 10px 30px #00000073}button.play:hover{box-shadow:0 0 46px #5dff9e6b,0 10px 30px #00000073;transform:translateY(-1px)}dialog.sheet[open]{display:flex;flex-direction:column}dialog.sheet{width:min(560px,calc(100vw - 32px));max-height:min(80vh,780px);padding:0;color:var(--ink);background:linear-gradient(180deg,#0f141af7,#090c10fa);border:1px solid rgba(126,158,178,.24);border-radius:4px;box-shadow:0 30px 90px #000000a8;overflow:hidden}dialog.sheet::backdrop{background:#0306099e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sheetHead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;padding:15px 20px 13px;border-bottom:1px solid var(--edge)}.sheetHead h2{margin:0}.sheetShut{padding:3px 9px;font-size:13px}.sheetShut:hover{color:var(--ink)}.sheetBody{flex:1 1 auto;min-height:0;overflow-y:auto;padding:16px 20px 20px;scrollbar-width:thin;scrollbar-color:rgba(126,158,178,.28) transparent}.asWho{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:13px;letter-spacing:.8px;color:var(--dim)}.dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#39434d;vertical-align:middle}.dot.on{background:var(--accent);box-shadow:0 0 7px var(--accentDim)}#chatPanel{display:flex;flex-direction:column;min-height:0;height:100%;box-sizing:border-box;margin-bottom:0}.chatHead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto}.chatTabs{display:flex;flex-wrap:wrap;gap:5px}.chatTab{display:inline-flex;align-items:center;gap:6px;width:auto;margin:0;padding:4px 10px;font:inherit;font-size:12px;letter-spacing:1.2px;color:var(--dim);background:transparent;border:1px solid transparent;border-radius:999px;cursor:pointer}.chatTab:hover{color:var(--ink);background:#141b21cc}.chatTab.on{color:var(--ink);background:#16202ae6;border-color:var(--edgeLit)}.tabDot{min-width:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;text-align:center;color:#04220f;background:var(--accent);border-radius:999px}.tabShut{color:var(--faint);font-size:11px}.tabShut:hover{color:var(--bad)}.chatWho{flex:0 0 auto;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--faint)}.chatLog{flex:1 1 auto;min-height:0;margin-top:10px;overflow-y:auto;padding:4px 0;border-top:1px solid rgba(126,158,178,.11);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(126,158,178,.28) transparent}.chatLog::-webkit-scrollbar{width:8px}.chatLog::-webkit-scrollbar-thumb{background:#7e9eb247;border-radius:4px}.chatLog::-webkit-scrollbar-track{background:transparent}.chatLine{display:flex;gap:9px;padding:3px 2px;font-size:13px;line-height:1.45}.chatName{flex:0 0 auto;max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent);letter-spacing:.6px}.chatBody{color:var(--ink);overflow-wrap:anywhere}.chatRow{display:flex;gap:7px;margin-top:10px;flex:0 0 auto}.chatRow input{margin-top:0;flex:1;min-width:0}.result{grid-column:2;grid-row:1;font-size:11px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;text-align:right}.btnLink{display:inline-block;padding:6px 12px;font-size:12px;letter-spacing:1.2px;color:var(--ink);background:#182129b8;border:1px solid var(--edge);border-radius:3px;text-decoration:none}.btnLink:hover{border-color:var(--edgeLit)}.quietLink{display:block;margin-top:14px;text-align:center;font-size:12px;letter-spacing:1.2px;color:var(--dim);text-decoration:none}.quietLink:hover{color:var(--accent)}.listRow.history .btnLink{grid-column:2;justify-self:end}.result.win{color:var(--accent)}.result.loss{color:var(--bad)}.result.draw{color:var(--dim)}@media (max-width: 1000px),(max-height: 540px){body.at-home #shell{position:relative;inset:auto}body.at-home #brand{position:static;padding:22px clamp(14px,4vw,24px) 0}body.booted #home.on{display:block;height:auto;padding:14px clamp(14px,4vw,24px) 90px}#home.on>.who{height:auto;padding:4px 0 2px;margin-bottom:12px}.rail{height:auto;overflow:visible;-webkit-mask-image:none;mask-image:none}#colLeft{display:block;height:auto}#home.on>#chatPanel{height:340px;margin-bottom:12px}button.play{margin-bottom:12px}body.at-home #lobbyMsg{position:fixed;max-width:min(560px,calc(100vw - 32px))}}@media (prefers-reduced-motion: reduce){#stage video{display:none}#veil{background:radial-gradient(116% 84% at 50% 44%,#04070a00 30%,#04070a80)}}