body.in-lobby #hud,body.in-lobby #net,body.in-lobby #console,body.in-lobby #help,body.in-lobby #lockhint,body.in-lobby #announce,body.in-lobby #feed,body.in-lobby #shop,body.in-lobby #tip{display:none!important}#lobby{z-index:30;box-sizing:border-box;-webkit-user-select:text;user-select:text;background:radial-gradient(at 50% 18%,#f5d76e22,#0000 55%),radial-gradient(#06121c99,#030a10f2 75%);place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0;overflow:auto}#lobby[data-view=game],#lobby[data-view=room] .lobbyScreen,#lobby[data-view=lobby] .holding,#lobby[data-view=boot] .holding{display:none}#lobby .screen{gap:14px;width:min(980px,100%);display:grid}#lobby h1{text-align:center;font:88px/.9 var(--display);color:var(--brass-hi);letter-spacing:2px;text-shadow:0 2px #7a5a1a,0 4px #2a1a0a,0 0 30px #f5d76e55,0 10px 24px #000;margin:0}#lobby .tagline{text-align:center;color:var(--parch);opacity:.8;margin:-6px 0 6px;font:italic 18px Alegreya Sans,serif}#lobby h2{font:40px/1 var(--display);color:var(--brass-hi);text-shadow:0 3px 8px #000;margin:0}#lobby h3{font:26px/1 var(--display);color:var(--brass-hi);text-shadow:0 2px 4px #000;margin:0 0 8px}#lobby label{letter-spacing:1px;text-transform:uppercase;color:var(--brass);font-size:12px;font-weight:700}#lobby input:not([type=checkbox]),#lobby select{color:var(--parch);border:1px solid var(--gilt-dark);background:#0d0906;border-radius:5px;outline:none;min-width:0;padding:7px 10px;font:16px Alegreya Sans,sans-serif;box-shadow:inset 0 2px 6px #000c}#lobby input:focus{border-color:var(--brass-hi);box-shadow:inset 0 2px 6px #000c,0 0 0 2px #f5d76e33}#lobby button{cursor:pointer;color:var(--parch);background:linear-gradient(var(--wood-hi), var(--wood));border:2px solid #1a120b;border-radius:6px;padding:7px 14px;font-weight:800;box-shadow:inset 0 1px #fff3,0 2px 4px #000a}#lobby button:hover:not(:disabled){filter:brightness(1.15)}#lobby button:disabled{cursor:default;opacity:.45;filter:grayscale(.6)}#lobby button.gold{color:var(--ink);background:linear-gradient(#f5d76e,#c9a44a);border-color:#5a3b10}#lobby button.danger{background:linear-gradient(#d8674f,#8a2a1a)}#lobby button.big{font:26px/1 var(--display);letter-spacing:.5px;padding:10px 26px}#lobby button.gold.on{background:linear-gradient(#bff0a8,#5fa34a);border-color:#1f4a14}#lobby button.mini{padding:3px 9px;font-size:12px}#lobby .captain{justify-self:center;align-items:center;gap:10px;display:flex}#lobby .captain input{width:200px;font:22px var(--display);text-align:center;color:var(--brass-hi)}#lobby .cols{grid-template-columns:1fr 300px;align-items:start;gap:22px;display:grid}#lobby .frame{border-radius:10px;padding:16px 18px}#lobby .games{gap:6px;max-height:46vh;display:grid;overflow:auto}#lobby .game{background:#0006;border:1px solid #f5d76e22;border-radius:6px;grid-template-columns:minmax(0,1fr) 44px auto 38px 92px 92px;align-items:center;gap:10px;padding:8px 10px;display:grid}#lobby .game b{font:20px/1.1 var(--display);color:var(--parch);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#lobby .game small{color:var(--good);letter-spacing:.5px;font:700 11px Alegreya Sans}#lobby .game .mode{font:18px var(--display);color:var(--brass-hi);text-align:center}#lobby .game .state{opacity:.8;font-size:13px}#lobby .game.playing .state{color:var(--bad)}#lobby .game.countdown .state{color:var(--good)}#lobby .pips{flex-wrap:wrap;gap:3px;max-width:96px;display:flex}#lobby .pips i{border:1px solid var(--gilt-dark);background:#0008;border-radius:2px;width:9px;height:9px;rotate:45deg}#lobby .pips i.on{background:radial-gradient(circle at 35% 30%, #fff6, var(--brass-hi) 45%, #7a5a1a);border-color:var(--brass-hi)}#lobby .count{font-variant-numeric:tabular-nums;opacity:.85}#lobby .empty{text-align:center;opacity:.7;margin:18px 0;font-style:italic}#lobby .sideCol{gap:16px;display:grid}#lobby .create,#lobby .vsai{gap:8px;display:grid}#lobby .vsai .hint{opacity:.75;margin:-4px 0 2px;font-size:13px;font-style:italic}#lobby .vsai button[type=submit]{font:22px/1 var(--display);margin-top:6px;padding:9px}#lobby .modes{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}#lobby .modes button{font:18px/1 var(--display);padding:6px 0}#lobby .modes button.on{color:var(--ink);background:linear-gradient(#f5d76e,#c9a44a);border-color:#5a3b10}#lobby .create button[type=submit]{font:22px/1 var(--display);margin-top:6px;padding:9px}#lobby .practice{text-transform:none;letter-spacing:0;color:var(--good);align-items:flex-start;gap:6px;font-weight:500;display:flex}#lobby .practice[hidden]{display:none}#lobby .status{text-align:center;min-height:20px;font:20px var(--display);color:var(--parch);text-shadow:0 2px 4px #000;margin:0}#lobby .status.go{color:var(--good);font-size:28px}#lobby .toast{color:var(--parch);border:1px solid var(--bad);background:#3a0f0af0;border-radius:6px;margin:0;padding:8px 16px;position:fixed;top:18px;left:50%;translate:-50%;box-shadow:0 6px 18px #000a}#lobby .holding header{border-bottom:1px solid #f5d76e44;justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:8px;display:flex}#lobby .holding .meta{opacity:.75;letter-spacing:.5px;margin:4px 0 0}#lobby .sides{grid-template-columns:1fr 64px 1fr;align-items:center;gap:8px;display:grid}#lobby .versus{font:44px var(--display);text-align:center;color:var(--brass-hi);text-shadow:0 0 18px #f5d76e66,0 3px 6px #000}#lobby .side{align-self:stretch}#lobby .side.north{--gem:#3f7cff;--gem-hi:#d2e2ff}#lobby .side.south{--gem:#e0302a;--gem-hi:#ffd0b8}#lobby .side h3{color:color-mix(in srgb, var(--gem-hi) 55%, var(--brass-hi));text-shadow:0 0 14px color-mix(in srgb, var(--gem) 60%, transparent), 0 2px 4px #000;align-items:center;gap:10px;font-size:32px;display:flex}#lobby .sigil svg{width:30px;height:36px;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--gem) 70%, transparent)) drop-shadow(0 2px 2px #000);display:block}#lobby .sigil .field{fill:var(--gem);stroke:var(--gilt);stroke-width:2.5px}#lobby .sigil path:not(.field){fill:var(--gem-hi)}#lobby .side .sub{opacity:.7;margin:-6px 0 10px;font-size:13px}#lobby .seats{gap:7px;display:grid}#lobby .seat{background:linear-gradient(90deg, color-mix(in srgb, var(--gem) 22%, #0009), #0007);border:1px solid color-mix(in srgb, var(--gem) 35%, #0000);border-radius:6px;grid-template-columns:30px 1fr;align-items:center;gap:10px;min-height:44px;padding:6px 10px 6px 6px;display:grid}#lobby .seat.open{background:#0005;border-style:dashed;border-color:#f5d76e33}#lobby .seat.you{border:1px solid var(--brass-hi);box-shadow:0 0 0 1px #7a5a1a,0 0 14px #f5d76e66,inset 0 0 12px #f5d76e22}#lobby .seat .num{width:26px;height:26px;font:16px var(--display);color:var(--gem-hi);background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--gem) 70%, #fff), var(--gem) 50%, #07071a);border:2px solid var(--gilt);border-radius:50%;place-items:center;display:grid}#lobby .seat.open .num{color:var(--gilt-dark);background:#0008}#lobby .who{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}#lobby .who b{font:20px/1.1 var(--display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#lobby .who b.open{opacity:.55;padding-right:3px;font-style:italic}#lobby .crown{color:var(--brass-hi)}#lobby .tag{letter-spacing:1px;text-transform:uppercase;color:var(--ink);background:var(--brass-hi);border-radius:4px;padding:1px 6px;font-size:10px;font-weight:800}#lobby .ready{letter-spacing:.5px;text-transform:uppercase;opacity:.6;margin-left:auto;font-size:12px;font-weight:800}#lobby .ready.on{color:var(--good);opacity:1}#lobby .seat .mini{margin-left:auto}#lobby select.ai{padding:3px 6px;font-size:12px}#lobby .seat select.ai{margin-left:auto}#lobby .seat select.ai+.mini{margin-left:0}#lobby .tag.ai{color:var(--parch);background:color-mix(in srgb, var(--gem) 60%, #000);border:1px solid var(--gilt-dark)}#lobby .level{letter-spacing:.5px;text-transform:uppercase;color:var(--brass-hi);margin-left:auto;font-size:12px;font-weight:800}#lobby .actions select.fillLevel{align-self:center;font-size:16px}#lobby .actions{justify-content:center;gap:12px;display:flex}#lobby .chat{gap:8px;padding:10px 12px;display:grid}#lobby .log{height:96px;font-size:14px;overflow:auto}#lobby .log p{overflow-wrap:anywhere;margin:0 0 2px}#lobby .log b{color:var(--brass-hi)}@media (width<=760px){#lobby h1{font-size:56px}#lobby .cols,#lobby .sides{grid-template-columns:1fr}#lobby .versus{font-size:28px}#lobby .game{grid-template-columns:minmax(0,1fr) 40px 38px 84px}#lobby .game .pips,#lobby .game .state{display:none}}