@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";.wallet-adapter-button{background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;height:48px;line-height:48px;padding:0 24px;border-radius:4px}.wallet-adapter-button-trigger{background-color:#512da8}.wallet-adapter-button:not([disabled]):focus-visible{outline-color:#fff}.wallet-adapter-button:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-button[disabled]{background:#404144;color:#999;cursor:not-allowed}.wallet-adapter-button-end-icon,.wallet-adapter-button-start-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon img{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{position:relative;display:inline-block}.wallet-adapter-dropdown-list{position:absolute;z-index:99;display:grid;grid-template-rows:1fr;grid-row-gap:10px;padding:10px;top:100%;right:0;margin:0;list-style:none;background:#2c2d30;border-radius:10px;box-shadow:0 8px 20px #0009;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.wallet-adapter-dropdown-list-active{opacity:1;visibility:visible;transform:translateY(10px)}.wallet-adapter-dropdown-list-item{display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;outline:none;cursor:pointer;white-space:nowrap;box-sizing:border-box;padding:0 20px;width:100%;border-radius:6px;font-size:14px;font-weight:600;height:37px;color:#fff}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{align-self:center;fill:#999}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transform:rotate(180deg);transition:transform ease-in .15s}.wallet-adapter-modal{position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity linear .15s;background:#00000080;z-index:1040;overflow-y:auto}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{display:flex;align-items:center;justify-content:center;position:absolute;top:18px;right:18px;padding:12px;cursor:pointer;background:#1a1f2e;border:none;border-radius:50%}.wallet-adapter-modal-button-close:focus-visible{outline-color:#fff}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s ease 0s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:#00000080;position:fixed;top:0;left:0;bottom:0;right:0}.wallet-adapter-modal-container{display:flex;margin:3rem;min-height:calc(100vh - 6rem);align-items:center;justify-content:center}@media (max-width: 480px){.wallet-adapter-modal-container{margin:1rem;min-height:calc(100vh - 2rem)}}.wallet-adapter-modal-wrapper{box-sizing:border-box;position:relative;display:flex;align-items:center;flex-direction:column;z-index:1050;max-width:400px;border-radius:10px;background:#10141f;box-shadow:0 8px 20px #0009;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;flex:1}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{font-weight:500;font-size:24px;line-height:36px;margin:0;padding:64px 48px 48px;text-align:center;color:#fff}@media (max-width: 374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{margin:0 0 12px;padding:0;width:100%;list-style:none}.wallet-adapter-modal-list .wallet-adapter-button{font-weight:400;border-radius:0;font-size:18px}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{width:28px;height:28px}.wallet-adapter-modal-list .wallet-adapter-button span{margin-left:auto;font-size:14px;opacity:.6}.wallet-adapter-modal-list-more{cursor:pointer;border:none;padding:12px 24px 24px 12px;align-self:flex-end;display:flex;align-items:center;background-color:transparent;color:#fff}.wallet-adapter-modal-list-more svg{transition:all .1s ease;fill:#fff;margin-left:.5rem}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 24px 24px;box-sizing:border-box}.wallet-adapter-modal-middle-button{display:block;cursor:pointer;margin-top:48px;width:100%;background-color:#512da8;padding:12px;font-size:18px;border:none;border-radius:8px;color:#fff}:root{--bg: #0e0f0c;--panel: #181a15;--line: #2b2e25;--text: #f1efe6;--muted: #a8a591;--green: #4ade80;--red: #f87171;--accent: #d9b44a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent)}.muted{color:var(--muted)}.small{font-size:14px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}.brand{color:var(--text);font-weight:800;font-size:20px;text-decoration:none;letter-spacing:.02em;text-transform:uppercase}.wrap{max-width:1040px;margin:0 auto;padding:24px 16px}.hero{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:16px 0}.eyebrow{margin:0;color:var(--accent);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:13px}.hero h1{margin:0;font-size:clamp(40px,8vw,76px);letter-spacing:-.02em;text-transform:uppercase}.lede{max-width:580px;color:var(--muted);margin:0}.field{display:flex;flex-direction:column;gap:6px;width:min(100%,360px)}.field label{font-size:14px;color:var(--muted)}.check{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--muted)}.in{width:100%;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit}.sides{display:flex;flex-wrap:wrap;gap:12px}.side{border:2px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-weight:800;font-size:18px;text-transform:uppercase;letter-spacing:.04em;padding:14px 26px;border-radius:12px;cursor:pointer}.side.green{border-color:var(--green);color:var(--green)}.side.red{border-color:var(--red);color:var(--red)}.side:hover:not(:disabled){background:#20231b}.side:disabled{opacity:.6;cursor:default}.status{color:#ffd78a;margin:0}.btn{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:8px 14px;font:inherit;cursor:pointer}.stage{display:flex;flex-direction:column;gap:10px}.hud-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pill{padding:4px 12px;border-radius:999px;font-weight:800;font-size:14px;border:1px solid var(--line);background:var(--panel)}.pill.green{color:var(--green);border-color:var(--green)}.pill.red{color:var(--red);border-color:var(--red)}.capbar{position:relative;flex:1;min-width:160px;height:14px;border-radius:999px;background:#23251d;border:1px solid var(--line);overflow:hidden}.capbar .mid{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff6;z-index:1}.capbar .fill{position:absolute;top:0;bottom:0}.capbar .fill.green{background:var(--green)}.capbar .fill.red{background:var(--red)}.canvas-wrap{position:relative}.canvas-wrap:fullscreen,.canvas-wrap:-webkit-full-screen{background:#000;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh}.canvas-wrap:fullscreen .game-canvas,.canvas-wrap:-webkit-full-screen .game-canvas{width:min(100vw,160vh);height:auto;border:0;border-radius:0}.game-canvas{display:block;width:100%;height:auto;aspect-ratio:1152 / 720;width:min(100%,calc((100vh - 130px)*1.6));margin:0 auto;background:#16181a;border:1px solid var(--line);border-radius:12px;cursor:crosshair;touch-action:none}.feed{position:absolute;left:10px;top:10px;font-size:13px;pointer-events:none;text-shadow:0 1px 2px #000}.feed p{margin:2px 0}b.green{color:var(--green)}b.red{color:var(--red)}.overlay{position:absolute;inset:auto 0 18% 0;text-align:center;font-weight:800;font-size:20px;text-shadow:0 2px 6px #000;pointer-events:none}.overlay.big{font-size:clamp(28px,6vw,52px);text-transform:uppercase;inset:30% 0 auto 0}.overlay small{display:block;font-size:16px;font-weight:600;color:var(--muted)}.board{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:min(90%,360px);background:#0e0f0ceb;border:1px solid var(--line);border-radius:12px;padding:12px 16px}.board table{width:100%;border-collapse:collapse;font-size:14px}.board th{text-align:left;color:var(--muted);font-weight:600}.board th:not(:first-child),.board td:not(:first-child){text-align:right;width:48px}.board tr.green td:first-child{color:var(--green)}.board tr.red td:first-child{color:var(--red)}.foot{text-align:center;padding:24px 16px}.classes{display:flex;flex-wrap:wrap;gap:10px}.class{flex:1 1 180px;text-align:left;border:2px solid var(--line);background:var(--panel);color:var(--text);font:inherit;padding:10px 12px;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px}.class b{font-size:15px}.class span{font-size:12px;opacity:.75;line-height:1.35}.class.on{border-color:#fbbf24;background:#fbbf241a}.classpick{position:relative;display:inline-block}.classmenu{position:absolute;top:calc(100% + 6px);right:0;z-index:20;width:280px;display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.pill.score{font-weight:800;letter-spacing:.02em}.pill.score b.green{color:#4ade80}.pill.score b.red{color:#f87171}.pill.score small{font-weight:500;opacity:.75}.keys{flex:0 0 150px;align-self:flex-start;font-size:12px;background:#0a1012b3;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:8px 10px}.keys-toggle{background:none;border:0;color:inherit;font:inherit;font-weight:700;cursor:pointer;padding:0;opacity:.85}.keys dl{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin:6px 0 0}.keys dt{font-weight:700;color:#fbbf24;white-space:nowrap}.keys dd{margin:0;opacity:.9;text-align:right}.quickchat{position:absolute;left:50%;bottom:20px;transform:translate(-50%);display:flex;flex-direction:column;gap:4px;padding:8px;min-width:230px;background:#0a1012e6;border:1px solid rgba(255,255,255,.2);border-radius:12px;z-index:6}.quickchat button{text-align:left;background:#ffffff0f;color:inherit;border:0;border-radius:8px;padding:6px 10px;font:inherit;cursor:pointer}.quickchat kbd{display:inline-block;min-width:18px;text-align:center;background:#fbbf24;color:#111;border-radius:4px;font-weight:800;margin-right:6px}.chatlog{position:absolute;left:10px;bottom:10px;font-size:13px;pointer-events:none;text-shadow:0 1px 2px #000;max-width:300px}.chatlog p{margin:2px 0}.chatlog b.green{color:#4ade80}.chatlog b.red{color:#f87171}.wrap.wide{max-width:1840px;padding:10px 10px 16px}.play-row{display:flex;gap:12px;align-items:flex-start}.play-row .canvas-wrap{flex:1 1 auto;min-width:0}@media (max-width: 900px){.play-row{flex-direction:column}.keys{flex-basis:auto;width:100%}.keys dl{grid-template-columns:auto 1fr auto 1fr}}.pill.stamina{display:inline-flex;align-items:center;gap:6px}.pill.stamina i{display:inline-block;width:60px;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden}.pill.stamina u{display:block;height:100%;background:#38bdf8;text-decoration:none}.pill.stamina.winded u{background:#f87171}.splash{min-height:100vh;display:flex;flex-direction:column;background:#07080a}.splash-art{position:relative;min-height:clamp(260px,42vh,420px);background-size:cover;background-position:center bottom;display:flex;align-items:flex-start;justify-content:center;border-bottom:3px solid var(--accent)}.splash-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07080a8c,#07080a00 55%);pointer-events:none}.splash-title{position:relative;z-index:1;text-align:center;padding:28px 16px 0}.splash-title .eyebrow{margin:0}.splash-title h1{margin:4px 0 6px;font-size:clamp(44px,9vw,96px);line-height:1;text-transform:uppercase;letter-spacing:-.02em;text-shadow:0 4px 24px #000,0 0 40px rgba(217,180,74,.35)}.splash-tag{margin:0;color:#f1e6c4;font-weight:600;text-shadow:0 2px 8px #000}.splash-brief{display:flex;align-items:stretch;justify-content:center;gap:10px;padding:24px 16px 8px;max-width:1180px;width:100%;margin:0 auto}.brief-card{position:relative;flex:1 1 0;min-width:0;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:12px;padding:16px 16px 14px}.brief-card h2{margin:0 0 10px;font-size:18px;text-transform:uppercase;letter-spacing:.06em}.brief-card .step{position:absolute;right:12px;top:10px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#111;font-weight:800;font-size:14px}.brief-card dl{margin:0;display:grid;gap:6px}.brief-card dl>div{display:flex;justify-content:space-between;gap:10px;font-size:14px;border-bottom:1px dashed var(--line);padding-bottom:5px}.brief-card dt{font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--accent);font-weight:700}.brief-card dd{margin:0;text-align:right;color:var(--text)}.brief-card ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}.brief-card li{display:flex;flex-direction:column;font-size:14px}.brief-card li b{color:var(--accent)}.brief-card li span{color:var(--muted);font-size:13px;line-height:1.4}.brief-card ul.obj{list-style:disc;padding-left:18px}.brief-card ul.obj li{display:list-item;color:var(--muted);font-size:13px;line-height:1.4}.chev{align-self:center;font-size:38px;color:var(--accent);line-height:1}.splash-go{display:grid;justify-items:center;gap:4px;padding:20px 16px 36px}.enter{font:inherit;font-weight:800;font-size:22px;letter-spacing:.1em;text-transform:uppercase;color:#111;background:linear-gradient(#f3d57a,#d9b44a);border:0;border-radius:12px;padding:16px 56px;cursor:pointer;box-shadow:0 6px #8d6d1c,0 12px 28px #00000080;transition:transform .1s,box-shadow .1s}.enter:hover{transform:translateY(2px);box-shadow:0 4px #8d6d1c,0 8px 22px #00000080}.enter:active{transform:translateY(6px);box-shadow:0 0 #8d6d1c}@media (max-width: 860px){.splash-brief{flex-direction:column}.chev{transform:rotate(90deg);margin:-6px 0}}.leaderboard{max-width:1040px;margin:8px auto 40px;padding:0 16px}.lb-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.lb-head h2{margin:0;font-size:20px;text-transform:uppercase;letter-spacing:.06em}.lb-tabs{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.lb-tabs button{font:inherit;font-size:13px;font-weight:700;background:var(--panel);color:var(--muted);border:0;padding:7px 14px;cursor:pointer}.lb-tabs button+button{border-left:1px solid var(--line)}.lb-tabs button.on{background:var(--accent);color:#111}.leaderboard table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:14px}.leaderboard th{text-align:right;color:var(--muted);font-weight:600;padding:8px 12px;background:#1d2018}.leaderboard td{text-align:right;padding:7px 12px;border-top:1px solid var(--line)}.leaderboard th:nth-child(-n+2),.leaderboard td:nth-child(-n+2){text-align:left}.leaderboard td:first-child{color:var(--accent);font-weight:800;width:40px}.leaderboard tbody tr:nth-child(1) td:first-child{color:#fbbf24}.leaderboard .mono{font-family:ui-monospace,Menlo,Consolas,monospace}@media (max-width: 600px){.leaderboard th:nth-child(n+6),.leaderboard td:nth-child(n+6){display:none}}.chatbox{position:absolute;left:10px;bottom:150px;display:flex;gap:6px;align-items:center;background:#000000b3;padding:6px 8px;border-radius:6px;width:min(420px,80%)}.chatbox input{flex:1;background:#111;color:#eee;border:1px solid #444;border-radius:4px;padding:5px 8px;font-size:14px}.chatmode{font-size:11px;font-weight:700;padding:3px 6px;border-radius:4px;background:#555;color:#fff}.chatmode.team,.chatlog i.team{background:#2563eb}.chatlog i.tag{font-style:normal;font-size:10px;font-weight:700;padding:1px 4px;border-radius:3px;background:#555;color:#fff}.chatlog i.tag.team{background:#2563eb}.brief-card.wide{flex:2 1 0}.brief-card ul.cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}@media (max-width: 700px){.brief-card ul.cols{grid-template-columns:1fr}}.field.wide-field{width:100%;max-width:760px}.classes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media (max-width: 700px){.classes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 440px){.classes{grid-template-columns:1fr}}.roster{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:760px;margin:4px 0 12px}.roster-col{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--line);border-radius:12px;padding:10px 12px;min-height:64px}.roster-col.green{border-top-color:#4ade80}.roster-col.red{border-top-color:#f87171}.roster-col h3{margin:0 0 6px;font-size:14px;text-transform:uppercase;letter-spacing:.06em;display:flex;justify-content:space-between}.roster-col ul{list-style:none;margin:0;padding:0;display:grid;gap:3px;font-size:14px;max-height:160px;overflow:auto}.roster-col li{display:flex;justify-content:space-between;gap:8px}.hudbar{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:flex;align-items:flex-end;gap:14px;padding:8px 12px;background:#080a0cc7;border:1px solid rgba(255,255,255,.14);border-radius:14px;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hud-vitals{display:grid;gap:8px;width:170px}.hud-hp{display:flex;align-items:center;gap:6px}.hud-hp b{font-size:14px;min-width:28px;text-align:right}.hud-hp .bar,.hud-sprint .bar{flex:1;height:10px;background:#ffffff1f;border-radius:6px;overflow:hidden;display:block}.hud-hp .bar u,.hud-sprint .bar u{display:block;height:100%;text-decoration:none;background:#4ade80;transition:width .15s}.hud-sprint{display:flex;align-items:center;gap:6px}.hud-sprint .bar u{background:#38bdf8}.hud-sprint.winded .bar u{background:#ef4444}.hud-sprint small{font-size:10px;letter-spacing:.08em;opacity:.7}.hud-slots{display:flex;gap:8px}.hud-slot{position:relative;overflow:hidden;width:88px;padding:6px 4px 5px;display:flex;flex-direction:column;align-items:center;gap:1px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:10px}.hud-slot.active{border-color:#fbbf24;background:#fbbf241f}.hud-slot.dim{opacity:.45}.hud-slot b{font-size:16px;line-height:1.1}.hud-slot small{font-size:10px;opacity:.7;text-transform:uppercase;letter-spacing:.05em}.hud-slot kbd{position:absolute;top:3px;left:4px;font-size:10px;padding:0 4px;border-radius:4px;background:#00000080;border:1px solid rgba(255,255,255,.25)}.hud-slot img,.hud-slot svg{display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.hud-slot .slot-fill{position:absolute;left:0;bottom:0;width:100%;background:#fbbf2438;pointer-events:none}@media (max-width: 760px){.hudbar{flex-direction:column;align-items:stretch;gap:6px;width:calc(100% - 20px)}.hud-vitals{width:auto}.hud-slots{justify-content:space-between}.hud-slot{width:auto;flex:1}}.hudbar{bottom:6px;gap:10px;padding:5px 8px;border-radius:10px;background:#080a0c9e}.hud-vitals{width:120px;gap:5px}.hud-hp b{font-size:12px;min-width:24px}.hud-hp .bar,.hud-sprint .bar{height:7px}.hud-slots{gap:5px}.hud-slot{width:62px;padding:3px 2px;border-radius:8px}.hud-slot b{font-size:13px}.hud-slot small{font-size:8px}.hud-slot kbd{font-size:8px;padding:0 3px;top:2px;left:3px}.hudbar{bottom:8px;gap:12px;padding:7px 10px}.hud-vitals{width:145px;gap:6px}.hud-hp b{font-size:14px;min-width:28px}.hud-hp .bar,.hud-sprint .bar{height:9px}.hud-slots{gap:7px}.hud-slot{width:76px;padding:4px 3px}.hud-slot b{font-size:15px}.hud-slot small,.hud-slot kbd{font-size:9px}.voice-ctl{display:inline-flex;align-items:center;gap:8px}.pill.mic.live{color:#4ade80;border-color:#4ade80}.voicebox{position:absolute;left:10px;top:10px;font-size:13px;pointer-events:none;text-shadow:0 1px 2px #000;background:#00000073;border-radius:8px;padding:4px 8px}.voicebox p{margin:2px 0}.voice-err{position:absolute;left:10px;top:46px;max-width:360px;background:#3c0a0ad9;padding:6px 10px;border-radius:8px;font-size:13px}.board th:last-child,.board td:last-child{width:48px;text-align:center!important}.mute-btn{background:none;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:14px;padding:0 4px;opacity:.75}.mute-btn:hover{opacity:1;border-color:var(--line)}.mute-btn.on{opacity:1}.capbar.points{height:20px}.capbar.points .fill{opacity:.55;transition:width .3s}.capbar .pts{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;letter-spacing:.04em;text-shadow:0 1px 2px #000;z-index:2}.capbar .pts b.green{color:#bbf7d0}.capbar .pts b.red{color:#fecaca}.hud-slot kbd.k2{left:auto;right:4px}.hud-slot small{white-space:pre-line;text-align:center;line-height:1.15}.class-row{display:flex;align-items:flex-start;gap:16px;width:100%;max-width:1010px;flex-wrap:wrap}.class-row .wide-field{flex:1 1 560px;max-width:none;width:auto}.class-row .roster{flex:0 1 240px;display:grid;grid-template-columns:1fr;margin:22px 0 0}.class-row .roster-col ul{max-height:130px}body{background:radial-gradient(1200px 500px at 50% -120px,#2a2417 0%,transparent 70%),var(--bg)}.lobby-hero{position:relative;width:100%;max-width:1010px;border-radius:18px;overflow:hidden;isolation:isolate;border:1px solid #3b3624;box-shadow:0 18px 40px #0000008c,inset 0 0 0 1px #ffffff0a;background-size:cover;background-position:center 62%;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 28px;min-height:250px}.lobby-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#080a08db,#080a0873 50%,#080a08db),linear-gradient(0deg,rgba(8,10,8,.75),transparent 45%)}.lobby-brand{flex:1;display:flex;align-items:center;justify-content:center;gap:22px;padding:26px 0;flex-wrap:wrap;text-align:left}.brand-logo{width:132px;height:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.7))}.lobby-brand h1{margin:0;text-shadow:0 3px 18px rgba(0,0,0,.8)}.lobby-brand .eyebrow{margin:0 0 4px}.lobby-brand .lede{margin-top:8px;max-width:440px;color:#cfcbb5;text-shadow:0 1px 6px #000}.faction-banner{width:70px;height:auto;flex:none;filter:drop-shadow(0 8px 10px rgba(0,0,0,.6));transform-origin:50% 0;animation:sway 6s ease-in-out infinite}.faction-banner.red{animation-delay:-3s}@keyframes sway{0%,to{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}}@media (prefers-reduced-motion: reduce){.faction-banner{animation:none}}@media (max-width: 760px){.faction-banner{display:none}.lobby-hero{padding:0 16px}}@media (max-width: 520px){.brand-logo{width:96px}}.class.card{position:relative;display:grid;grid-template-columns:52px 1fr;column-gap:12px;row-gap:4px;align-items:start;padding:12px;background:linear-gradient(180deg,#1d2018,#151711);border-color:#34382a;transition:transform .12s,border-color .12s,box-shadow .12s}.class.card:hover{transform:translateY(-2px);border-color:#6b6a45}.class.card.on{border-color:#fbbf24;box-shadow:0 0 0 1px #fbbf24,0 6px 20px #fbbf242e;background:linear-gradient(180deg,#2a2412,#181610)}.class.card .cicon{grid-row:1 / span 3;width:52px;height:52px;border-radius:10px;object-fit:cover;box-shadow:0 2px 8px #0009}.class.card b{font-size:16px;display:flex;align-items:baseline;justify-content:space-between;gap:6px}.class.card b em{white-space:nowrap;font-style:normal;font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.04em}.class.card span{font-size:12.5px;line-height:1.4;opacity:.85}.class.card .cspec{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fbbf24}.field>label{text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:800;color:var(--accent)}.field.wide-field>label:after{content:"";display:block;height:1px;margin-top:6px;background:linear-gradient(90deg,#6b5a2a,transparent)}.side{position:relative;overflow:hidden;padding:16px 28px;border-radius:12px}.side.green{background:linear-gradient(180deg,#143321,#0e1a12);box-shadow:0 0 0 1px #4ade8040,0 8px 22px #4ade801f}.side.red{background:linear-gradient(180deg,#3a1818,#1b0e0e);box-shadow:0 0 0 1px #f8717140,0 8px 22px #f871711f}.side.random{background:linear-gradient(180deg,#25251d,#15160f)}.roster-col{background:linear-gradient(180deg,#1b1d16,#14160f)}.board table+table{margin-top:12px}.board th.team-head{font-size:15px;letter-spacing:.04em;text-transform:uppercase;padding-bottom:4px}.board th.team-head.red{color:var(--red)}.board th.team-head.green{color:var(--green)}.board th.team-head{text-align:left!important;width:auto!important}.board{max-height:86%;overflow-y:auto}.overlay small .award{display:block;font-size:15px;margin-bottom:4px}.overlay small .award b.green{color:var(--green)}.overlay small .award b.red{color:var(--red)}.board th.team-head{width:auto!important}.train-warn{position:absolute;top:74px;left:50%;transform:translate(-50%);padding:6px 16px;border-radius:8px;background:#facc15eb;color:#1a1500;font-weight:800;letter-spacing:.05em;font-size:15px;animation:trainflash .5s steps(2) infinite;pointer-events:none;z-index:5}@keyframes trainflash{50%{background:#78640aeb;color:#fde68a}}.device-ask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#060808e0;padding:16px}.device-card{max-width:520px;width:100%;background:#14171a;border:1px solid var(--line);border-radius:14px;padding:22px;text-align:center}.device-card h2{margin:0 0 4px}.device-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.device-opts .btn.big{display:flex;flex-direction:column;gap:4px;padding:18px 10px;font-size:18px}.device-opts .btn.big span{font-size:12px;opacity:.75;font-weight:400}.device-opts .btn.big em{font-size:11px;color:#fbbf24;font-style:normal}.device-opts .btn.big.suggested{border-color:#fbbf24}.linkbtn{background:none;border:0;padding:0;color:#fbbf24;cursor:pointer;font:inherit;text-decoration:underline}.device-line{margin:8px 0 0}.touch-ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.tc-zone{position:absolute;bottom:0;height:72%;pointer-events:auto;touch-action:none}.tc-zone.left{left:0;width:36%}.tc-zone.right{right:0;width:40%}.tc-zone.aim{left:0;right:0;top:0;bottom:0;height:auto;width:auto}.tc-zone.aim.armed{background:#fbbf240f}.tc-hint{position:absolute;top:56px;left:50%;transform:translate(-50%);padding:6px 14px;border-radius:8px;background:#fbbf24eb;color:#1a1500;font-weight:800;font-size:14px;pointer-events:none}.tc-base{position:absolute;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#ffffff14}.tc-knob{position:absolute;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#ffffff73;border:2px solid rgba(255,255,255,.7)}.tc-btns{position:absolute;right:10px;bottom:12px;display:grid;grid-template-columns:repeat(3,44px);gap:6px;pointer-events:none}.tc-btn{pointer-events:auto;touch-action:none;width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.45);background:#14181c9e;color:#fff;font-weight:800;font-size:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;padding:0;-webkit-tap-highlight-color:transparent}.tc-btn small{font-size:7px;font-weight:600;opacity:.8;margin-top:2px;text-transform:uppercase}.tc-btn.on,.tc-btn.latched{background:#fbbf248c;border-color:#fbbf24}.tc-top{position:absolute;left:10px;top:10px;display:flex;gap:8px}.tc-top .tc-btn{width:44px;height:44px;font-size:20px;border-radius:10px}.touch-score{position:absolute;top:8px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center;padding:4px 14px;border-radius:999px;background:#0a0e10b3;font-weight:800;font-size:18px;pointer-events:none}.touch-score span{font-size:14px;opacity:.85;font-weight:600}.touch-menu{position:absolute;left:10px;top:62px;z-index:6;display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:12px;background:#0a0e10f0;border:1px solid var(--line);max-width:240px;pointer-events:auto}.touch-menu .btn.on{border-color:#fbbf24}.rotate-ask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;align-items:center;justify-content:center;background:#060808e6;font-size:20px;font-weight:700;text-align:center;padding:20px}html,body{overscroll-behavior:none}.touchplay .hud-top,.touchplay .keys,.touchplay .stage>.toolbar{display:none!important}.touchplay .stage{position:static}.touchplay .canvas-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000;display:flex;align-items:center;justify-content:center}.touchplay .game-canvas{width:min(100vw,160dvh);height:auto;max-height:100dvh;border:0;border-radius:0}.touchplay .touch-ui{top:0;right:0;bottom:0;left:0}.touchplay .hudbar{flex-direction:row;width:auto;transform:translate(-50%) scale(.62);transform-origin:bottom center;bottom:2px;opacity:.9}.touchplay .hud-slots{justify-content:flex-start}.touchplay .hud-slot{flex:none}.touchplay .feed{top:54px;transform:scale(.8);transform-origin:top right}.touchplay .chatlog{bottom:auto;top:116px;left:10px;font-size:12px;max-width:250px;max-height:110px;overflow:hidden;z-index:4}.tc-top2{position:absolute;left:10px;top:62px;display:flex;gap:8px;z-index:5}.tc-btn.sq{width:44px;height:44px;border-radius:10px;font-size:20px}.touch-menu{top:116px;max-height:calc(100% - 126px);overflow-y:auto}.touchplay .chatbox{top:8px;bottom:auto;left:50%;transform:translate(-50%);width:min(620px,78%);z-index:9}.chatbox button.chatmode{border:0;cursor:pointer;font:inherit}.chatsend{background:#2b3138;color:#eee;border:1px solid #444;border-radius:6px;padding:5px 10px;font:inherit}.touchplay .quickchat{bottom:auto;top:60px;max-height:calc(100% - 70px);overflow-y:auto}