:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eee5cf;--ink:#101713;--deep-wood:#1b1813;--iron:#343934;--parchment:#d6c7a2;--gold:#d0a95c;--blue:#426f89;--blue-bright:#76a9c4;--red:#93473f;--red-bright:#d27a69;background:#101713;font-family:Pixeloid,Trebuchet MS,Arial,sans-serif}*{box-sizing:border-box}html,body{background:var(--ink);min-width:320px;min-height:100%;margin:0;overflow:hidden}button,input{font:inherit}canvas{display:block}.home-shell{z-index:100;background:radial-gradient(circle at 50% 85%,#d0a95c2e,transparent 32%),linear-gradient(115deg,#426f8933,transparent 38%,#93473f2e),var(--ink);place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.home-atmosphere{pointer-events:none;opacity:.4;background:repeating-linear-gradient(90deg,#0000 0 44px,#d6c7a209 45px 46px);position:fixed;inset:0}.home-brand{color:var(--gold);letter-spacing:.08em;align-items:center;gap:13px;font:700 18px/1 Pixeloid,monospace;display:flex;position:fixed;top:24px;left:clamp(20px,5vw,72px)}.home-brand p{margin:0}.home-muster{background:linear-gradient(145deg,#ffffff0d,#0000004d);border:1px solid #d0a95c6b;width:min(620px,100%);padding:clamp(28px,6vw,68px);position:relative;box-shadow:0 28px 100px #00000073}.home-muster:before{content:"";background:linear-gradient(var(--blue-bright),var(--gold),var(--red-bright));width:6px;position:absolute;inset:0 auto 0 0}.home-muster h1{color:#f3ead6;letter-spacing:-.05em;margin:10px 0;font:700 clamp(36px,7vw,63px)/.96 Pixeloid,monospace}.home-copy{color:#bdb59f;max-width:400px;margin:0 0 28px;font-size:18px;line-height:1.45}.home-actions{grid-template-columns:1fr;gap:18px;margin-top:48px;display:grid}.home-primary{border:1px solid var(--gold);min-height:54px;color:var(--ink);background:var(--gold);cursor:pointer;letter-spacing:.12em;text-transform:uppercase;font:700 9px/1 Pixeloid,monospace}.home-primary:is(a){place-items:center;text-decoration:none;display:grid}.home-primary--new{color:#f4ead5;border-color:var(--blue-bright);background:#426f8957}.home-primary--resume{color:#f6e6c4;border-color:var(--red-bright);background:#93473f6b}.home-primary--resume[hidden]{display:none}.home-primary--secondary{color:var(--gold);background:0 0;border-color:#d0a95cb3}.home-primary--discord{color:#aeb5ff;border-color:#7b85f7;margin-top:18px}.home-primary:hover{filter:brightness(1.13);transform:translateY(-1px)}.home-error{min-height:0;color:var(--red-bright);margin:8px 0 0;font-size:9px}.home-utility{z-index:1;position:fixed;right:clamp(20px,5vw,72px)}.home-utility--howto{top:24px}.home-utility--credits{bottom:24px}.home-modal[hidden]{display:none}.home-modal{z-index:120;background:#040705d1;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.home-modal-card{background:#101713;border:1px solid #d0a95c8c;width:min(560px,100%);max-height:min(640px,100svh - 32px);overflow:auto;box-shadow:0 22px 70px #000000a6}.home-modal-card header{border-bottom:1px solid #d6c7a22e;justify-content:space-between;align-items:center;padding:17px 18px;display:flex}.home-modal-card h2{color:var(--gold);margin:0;font:700 14px/1.2 Pixeloid,monospace}.home-modal-card header button{color:#d6c7a2;cursor:pointer;background:0 0;border:1px solid #d6c7a24d;width:28px;height:28px;font-size:20px}.room-list{color:#bdb59f;gap:8px;padding:18px;font-size:11px;display:grid}.room-row{color:#eee5cf;cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #d6c7a233;grid-template-columns:1fr auto;align-items:center;gap:6px 16px;padding:14px;display:grid}.room-row strong{color:var(--gold);font:700 18px/1 Pixeloid,monospace}.room-row small{color:#8f948a;grid-column:1/-1;font-size:9px}.room-row:hover:not(:disabled){border-color:var(--gold)}.room-row:disabled{opacity:.55;cursor:not-allowed}.lobby-shell{z-index:100;isolation:isolate;background:linear-gradient(90deg,#1f405033,#0000 35% 65%,#5b231d38),radial-gradient(circle at 50% 112%,#d0a95c24,#0000 34%),#101713;grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(16px,2.4vh,28px);padding:clamp(18px,3.2vw,48px) clamp(18px,5vw,80px) clamp(18px,3vw,38px);transition:opacity .32s,transform .42s cubic-bezier(.4,0,.2,1);display:grid;position:fixed;inset:0}.lobby-shell.is-bootstrapping{visibility:hidden;opacity:0;pointer-events:none}.lobby-shell.is-departing{opacity:0;pointer-events:none;transform:scale(1.025)}.lobby-atmosphere{z-index:-1;opacity:.28;position:absolute;inset:0}.lobby-header,.lobby-intro,.lobby-footer{width:min(1240px,100%);margin-inline:auto}.lobby-header{border-bottom:1px solid #d6c7a233;justify-content:space-between;align-items:center;gap:24px;padding-bottom:14px;display:flex;position:relative}.brand-lockup{align-items:center;gap:16px;display:flex}.brand-mark{width:48px;height:54px;color:var(--ink);background:var(--gold);clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);letter-spacing:-.08em;place-items:center;font-family:Pixeloid,monospace;font-weight:700;display:grid}.eyebrow,.lobby-kicker,.team-card header p{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;margin:0;font:700 9px/1.2 Pixeloid,monospace}.lobby-header h1{color:var(--parchment);margin:3px 0 0;font:700 27px/1 Pixeloid,monospace}.lobby-countdown{border-inline:1px solid #d0a95c4d;place-items:center;gap:3px;min-width:126px;padding:5px 18px 7px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lobby-countdown span{color:#8f948a;letter-spacing:.14em;text-transform:uppercase;font:700 9px/1 Pixeloid,monospace}.lobby-countdown strong{color:var(--gold);letter-spacing:.05em;font-variant-numeric:tabular-nums;font:700 27px/1 Pixeloid,monospace}.music-toggle{color:#bdb59f;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #d6c7a22e;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font:700 9px/1 Pixeloid,monospace;display:flex}.music-toggle:hover{color:var(--gold);border-color:#d0a95c73}.music-toggle.is-muted{color:#7c786d}.music-glyph{font-size:9px;line-height:1}.connection-pill{color:#bdb59f;letter-spacing:.08em;text-transform:uppercase;border:1px solid #d6c7a22e;align-items:center;gap:8px;padding:8px 12px;font:700 9px/1 Pixeloid,monospace;display:flex}.connection-dot{background:#b58d50;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #b58d501a}[data-connection=online] .connection-dot{background:#6d9f79}[data-connection=offline] .connection-dot{background:var(--red-bright)}.lobby-intro{display:grid}.nickname-field{flex:0 300px;gap:5px;display:grid}.nickname-field>span{color:#c8bfa9;font-size:9px;font-weight:700}.nickname-field input{color:#fff7e5;background:#0a0e0bb8;border:1px solid #d0a95c7a;border-radius:0;outline:0;width:100%;padding:9px 12px;font:700 18px/1.2 Pixeloid,monospace;transition:border-color .16s,box-shadow .16s}.nickname-field input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d0a95c21}.team-board{grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);align-items:stretch;width:min(1240px,100%);min-height:0;max-height:460px;margin-inline:auto;display:grid}.team-card{background:linear-gradient(145deg,#ffffff0b,#0000003d);border:1px solid #d6c7a233;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;padding:clamp(18px,2.3vw,30px);display:grid;position:relative;overflow:hidden}.team-card:before{content:"";background:var(--team-color);width:5px;box-shadow:0 0 26px var(--team-color);position:absolute;inset:0 auto 0 0}.team-card--blue{--team-color:var(--blue);--team-bright:var(--blue-bright)}.team-card--red{--team-color:var(--red);--team-bright:var(--red-bright)}.team-card.is-selected{border-color:color-mix(in srgb, var(--team-bright), transparent 38%);box-shadow:inset 0 0 40px color-mix(in srgb, var(--team-color), transparent 88%)}.team-card>header{border-bottom:1px solid #d6c7a224;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding-bottom:16px;display:grid}.team-card header p{color:var(--team-bright)}.team-card h3{color:#f0e8d6;letter-spacing:.04em;margin:5px 0 0;font:700 27px/1 Pixeloid,monospace}.banner-glyph{color:#f1e6cc;background:var(--team-color);clip-path:polygon(0 0,100% 0,100% 76%,50% 100%,0 76%);place-items:center;width:38px;height:44px;display:grid}.team-count{color:var(--team-bright);font:700 18px/1 Pixeloid,monospace}.roster{overscroll-behavior:contain;min-height:0;margin:12px 0;padding:0 10px 0 0;list-style:none;display:block;overflow-y:auto}.roster-slot{color:#656b64;border-bottom:1px solid #d6c7a217;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:38px;padding:6px 0;display:grid}.roster-slot.is-filled{color:#e8dfca}.roster-slot.is-reconnecting{opacity:.56}.slot-number{color:color-mix(in srgb, var(--team-bright), transparent 25%);font:700 9px/1 Pixeloid,monospace}.slot-identity{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.slot-marks{align-items:center;gap:8px;display:flex}.player-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:700 18px/1.15 inherit;overflow:hidden}.roster-slot em{color:var(--ink);background:var(--team-bright);letter-spacing:.08em;text-transform:uppercase;padding:4px 7px;font:700 9px/1 Pixeloid,monospace}.roster-slot .reconnecting-badge{color:var(--parchment);background:var(--iron)}.team-choice,.retry-button{border:1px solid var(--team-bright,var(--gold));cursor:pointer;color:#f4ead5;background:color-mix(in srgb, var(--team-color,var(--gold)), #101713 45%);letter-spacing:.08em;text-transform:uppercase;border-radius:0;min-height:43px;font-size:9px;font-weight:700;transition:transform .14s,filter .14s,opacity .14s}.team-choice:hover:not(:disabled),.retry-button:hover{filter:brightness(1.16);transform:translateY(-1px)}.team-choice:focus-visible,.retry-button:focus-visible{outline-offset:3px;outline:3px solid #d0a95c73}.team-choice{margin-top:14px}.team-choice:disabled{cursor:default;opacity:.46}.team-card.is-selected .team-choice{opacity:1;color:var(--ink);background:var(--team-bright)}.versus-column{grid-template-rows:1fr auto 1fr;place-items:center;display:grid}.seam{background:#d0a95c47;width:1px;height:100%}.versus-seal{width:60px;height:60px;color:var(--gold);background:#1a1c17;border:1px solid #d0a95c7a;outline:5px solid #101713e6;place-content:center;place-items:center;display:grid;transform:rotate(45deg)}.versus-seal>*{transform:rotate(-45deg)}.versus-seal b{font:700 18px/1 Pixeloid,monospace}.lobby-footer{border-top:1px solid #d6c7a22e;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) minmax(180px,420px);align-items:center;gap:24px;min-height:0;padding-top:14px;display:grid}.mobilization-copy{align-items:center;gap:12px;display:flex}.hourglass{color:var(--gold);font-size:18px}.mobilization-copy div{gap:3px;display:grid}.mobilization-copy strong{color:#eee5cf;font:700 9px/1.2 Pixeloid,monospace}.mobilization-copy div>span{color:#8f948a;font-size:9px}.capacity-track{background:#d6c7a21f;height:5px;overflow:hidden}.capacity-fill{background:linear-gradient(90deg, var(--blue-bright), var(--gold), var(--red-bright));width:0;height:100%;transition:width .35s;display:block}.warroom-utilities{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-self:end;align-items:stretch;gap:12px;height:clamp(120px,22vh,240px);min-height:0;display:grid}.warroom-chat{background:#00000029;border:1px solid #d6c7a22e;grid-template-rows:minmax(0,1fr) auto;gap:6px;min-height:100px;padding:10px;display:grid}.warroom-chat-log{color:#d5e2d3;flex-direction:column;gap:3px;min-height:0;font-size:9px;line-height:1.35;display:flex;overflow:auto}.warroom-chat-log p{flex:none;margin:0}.warroom-chat-log p.warroom-chat-system{color:#8f9a8d;font-style:italic}.warroom-chat-form{gap:6px;display:flex}.warroom-chat-form input{color:#f3ead6;background:#0d120e;border:1px solid #d6c7a247;flex:1;min-width:0;padding:7px 8px;font-size:9px}.warroom-chat-form button{color:var(--gold);cursor:pointer;background:#d0a95c1f;border:1px solid #d0a95c8c;padding:0 12px;font:700 9px/1 Pixeloid,monospace}.warroom-primary-actions{flex-direction:column;gap:8px;min-width:132px;display:flex}.warroom-primary-actions>.leave-room-button{margin-top:auto}.warroom-primary-actions>button{width:100%}.lobby-actions{border-top:1px solid #d6c7a21f;flex-wrap:wrap;grid-column:1/-1;justify-content:center;align-items:center;gap:8px 18px;padding-top:12px;display:flex}.lobby-actions .connection-pill{margin-right:auto}.lobby-actions .music-toggle{margin-left:auto}.retry-button{--team-bright:var(--gold);min-height:36px;padding-inline:14px}.host-start-button,.leave-room-button{border:1px solid var(--gold);min-height:36px;color:var(--gold);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#d0a95c24;padding:0 14px;font:700 9px/1 Pixeloid,monospace}.host-start-button{background:var(--gold);min-height:54px;color:var(--ink);letter-spacing:normal;padding:0 26px;font-size:18px}.leave-room-button{color:var(--red-bright);background:#93473f21;border-color:#d27a69b3}.host-badge{letter-spacing:.04em!important;color:var(--ink)!important;background:var(--gold)!important;padding:2px 5px!important}.ready-badge--ready{color:#dff7df!important;background:#397347!important}.ready-badge--not_ready{color:#ffe2dc!important;background:#8c4038!important}.ready-badge--pending{color:#f2dfad!important;background:#6c5d35!important}.kick-player{width:27px;height:27px;color:var(--red-bright);cursor:pointer;background:#93473f2b;border:1px solid #d27a69b3;place-items:center;padding:0;font:700 20px/1 sans-serif;display:grid}.ready-timer{background:#00000059;border:1px solid #d0a95c66;height:14px;margin:12px 0 28px}.ready-timer i{background:var(--gold);width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.ready-timer i{transition:none!important}}.ready-actions{gap:10px;padding-top:8px;display:flex}.ready-actions button{border:1px solid var(--gold);min-height:42px;color:var(--gold);cursor:pointer;text-transform:uppercase;background:#d0a95c29;flex:1;font:700 9px/1 Pixeloid,monospace}.ready-actions button[data-ready=yes]{background:var(--gold);color:var(--ink)}.ready-actions button[data-ready=no]{border-color:var(--red-bright);color:var(--red-bright);background:#93473f24}.ready-actions button[data-kick=yes]{border-color:var(--red-bright);background:var(--red-bright);color:var(--ink)}.ready-actions button[data-kick=no]{background:0 0}.credits-button{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #d0a95c99;align-self:center;padding:4px 0;font:700 9px/1 Pixeloid,monospace;text-decoration:none}.credits-button:hover{border-bottom-color:var(--gold);filter:brightness(1.18)}.credits-button:focus-visible{border-color:var(--gold);color:var(--gold);outline-offset:3px;outline:2px solid #d0a95c80}.lobby-credits[hidden]{display:none}.lobby-credits{z-index:10;background:#040705d1;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.lobby-credits-card{background:#101713;border:1px solid #d0a95c8c;width:min(510px,100%);max-height:min(560px,100svh - 32px);overflow:auto;box-shadow:0 22px 70px #000000a6}.lobby-credits-card header{border-bottom:1px solid #d6c7a22e;justify-content:space-between;align-items:center;padding:17px 18px;display:flex}.lobby-credits-card h2{color:var(--gold);margin:0;font:700 14px/1.2 Pixeloid,monospace}.lobby-credits-close{color:#c8bfa9;cursor:pointer;background:0 0;border:1px solid #d6c7a24d;width:28px;height:28px;font:700 20px/1 sans-serif}.lobby-credits-close:hover,.lobby-credits-close:focus-visible{border-color:var(--gold);color:var(--gold);outline:none}.lobby-credits-copy{color:#d5e2d3;padding:18px;font-size:11px;line-height:1.55}.lobby-credits-copy p{margin:0 0 14px}.lobby-credits-copy a{color:var(--gold)}.lobby-credits-copy b{color:var(--gold);font-weight:700}.lobby-dialog-welcome{align-items:center;gap:14px;padding:18px 18px 0;display:flex}.lobby-dialog-welcome[hidden]{display:none}.lobby-dialog-welcome strong{color:var(--gold);font:700 15px/1.2 Pixeloid,monospace}.lobby-dialog-mark{flex:none;width:44px;height:50px}.lobby-credits-copy strong{color:#e8dfc8}@media (width<=820px){html,body{overflow:auto}.lobby-shell{min-height:100svh;position:relative;overflow:visible}.team-board{grid-template-columns:1fr;gap:12px;max-height:none}.versus-column{display:none}.team-card{min-height:410px}.lobby-footer{grid-template-rows:auto auto auto auto;grid-template-columns:1fr;gap:12px}.capacity-track{grid-row:1}.warroom-utilities{grid-template-columns:1fr}.warroom-primary-actions{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.warroom-primary-actions>.leave-room-button{margin-top:0}.host-start-button{min-height:44px}.lobby-header{flex-wrap:wrap}.lobby-countdown{order:3;width:100%;position:static;transform:none}}@media (width<=520px){.team-card>header{grid-template-columns:auto 1fr}.team-count{grid-column:2}.home-brand{place-self:start;margin-bottom:-10px;position:static}.home-shell{align-content:start;gap:30px}.home-muster{padding:30px 24px}.home-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@font-face{font-family:Pixeloid;src:url(/fonts/PixeloidSans.ttf)format("truetype");font-weight:400;font-display:block}@font-face{font-family:Pixeloid;src:url(/fonts/PixeloidSans-Bold.ttf)format("truetype");font-weight:700;font-display:block}