@font-face{font-family:Handjet;src:url(/fonts/handjet-vietnamese.woff2) format("woff2");font-weight:100 400;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Handjet;src:url(/fonts/handjet-latin.woff2) format("woff2");font-weight:100 400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Baloo;src:url(/fonts/baloo-vietnamese.woff2) format("woff2");font-weight:400 800;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Baloo;src:url(/fonts/baloo-latin.woff2) format("woff2");font-weight:400 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Trebuchet MS,Gill Sans,Segoe UI,sans-serif;color:#c6ffe4;background:radial-gradient(circle at top,#17975b,#065932 34%,#022c18);--bg-deep: #022816;--bg-panel-top: rgba(15, 163, 94, .96);--bg-panel-bottom: rgba(4, 95, 52, .95);--bg-inset: rgba(3, 64, 35, .92);--bg-inset-dark: rgba(2, 42, 23, .96);--line-bright: rgba(0, 243, 130, .95);--line-mid: rgba(16, 156, 91, .98);--line-dark: rgba(0, 16, 9, .9);--text-primary: #daffee;--text-secondary: #10ff8f;--text-muted: #11d77b;--warning: #ffd66e;--success: #7ef7c0;--danger: #ff8e8e;--shadow-blue: 0 24px 70px rgba(0, 19, 10, .46)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;min-height:100%;overflow:hidden}body{margin:0;color:var(--text-primary);overflow:hidden;background:radial-gradient(circle at 15% 15%,rgba(0,242,129,.22),transparent 24%),radial-gradient(circle at 84% 18%,rgba(0,199,106,.22),transparent 20%),linear-gradient(180deg,#097845,#045c33 20%,#02331c)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#000d0714,#000d0766);opacity:.16;pointer-events:none}button,input,select{font:inherit}button,input,select{border-radius:12px;border:1px solid rgba(0,240,128,.52);outline:none}input,select{width:100%;min-height:40px;padding:9px 12px;color:var(--text-primary);background:linear-gradient(180deg,#01351df5,#022716f5);box-shadow:inset 0 1px #00f98538,inset 0 -2px #000a0559}input::placeholder{color:#00f3828c}button{min-height:40px;padding:8px 14px;color:#dbffee;background:linear-gradient(180deg,#00c368f5,#068147f5);box-shadow:inset 0 1px #ffffff59,inset 0 -3px #011f1161,0 10px 20px #00130a3d;cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06)}button:active:not(:disabled){transform:translateY(1px)}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.56}.primary-button{background:linear-gradient(180deg,#00e078,#119e5cfa)}.app-viewport{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;height:100dvh;max-height:100dvh;overflow:hidden}.settings-trigger-chip{justify-content:flex-start;gap:8px;padding-left:14px;padding-right:14px;letter-spacing:0;text-transform:none}.settings-trigger-chip-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-trigger-chip-icon{margin-left:auto;width:16px;height:16px}.settings-trigger-chip:hover:not(:disabled),.settings-trigger-chip:active:not(:disabled){transform:none;filter:none}.ui-icon{display:inline-flex;align-items:center;justify-content:center;color:currentColor}.ui-icon-inline{width:16px;height:16px;flex:0 0 auto}.ui-icon>svg{display:block;width:100%;height:100%;stroke:currentColor}.settings-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:20px;overflow-y:auto}.settings-modal[hidden]{display:none}.settings-modal .settings-modal-card{width:min(760px,calc(100% - 24px));max-height:none;overflow:visible}.settings-modal-head{align-items:flex-start}.settings-modal-body{display:grid;gap:16px;overflow:visible}.settings-modal-title{margin-top:0}.settings-modal-section{display:grid;gap:10px}.settings-modal-actions-grid button,.settings-modal-panel button{min-width:0;min-height:44px;border:4px solid #000;border-radius:0}.settings-modal-panel{display:grid;gap:12px;padding:14px;border:4px solid #000;background:#afffda}.settings-modal-panel[hidden]{display:none}.settings-modal-panel-title{color:#0a1b13;font-size:1rem;font-weight:900;letter-spacing:-.03em;text-transform:uppercase}.settings-modal-body select{color:#0a1b13;background:#ecf7f2}.settings-modal-close{min-width:112px}.app-shell{display:grid;grid-template-columns:minmax(240px,280px) minmax(760px,1fr) minmax(240px,280px);gap:16px;width:min(1700px,100%);height:100%;min-height:0;margin:0 auto;padding:12px 16px 16px;overflow:hidden}.shell-column,.shell-center{min-height:0;overflow:hidden}.shell-column{display:flex;flex-direction:column;gap:14px}.shell-center{display:flex;height:100%;min-height:0}.chrome-panel{position:relative;padding:16px;border:2px solid rgba(0,205,109,.88);border-radius:20px;background:linear-gradient(180deg,var(--bg-panel-top) 0%,var(--bg-panel-bottom) 100%);box-shadow:inset 0 1px #cdffe752,inset 0 -4px #011e1073,var(--shadow-blue);overflow:hidden}.chrome-panel:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:14px;border:1px solid rgba(3,41,23,.5);pointer-events:none}.chrome-panel-compact{flex:0 0 auto}.chrome-panel-fill{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.chrome-panel-chat{display:flex;flex-direction:column;min-height:0}.view-panel{position:relative;display:flex;flex-direction:column;gap:10px;min-height:0;padding:16px;border-radius:20px;border:1px solid rgba(0,240,128,.38);background:linear-gradient(180deg,#04502de6,#022f1aeb);box-shadow:inset 0 1px #9bffd129,inset 0 -3px #00100857;overflow:hidden}.view-panel-fill{flex:1 1 auto}.panel-note-spaced{margin-bottom:2px}.panel-label{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:0 14px;margin:-4px 0 12px;border:1px solid rgba(0,232,124,.82);border-radius:999px;color:#e1fff1;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(180deg,#024425,#022c18fa);box-shadow:inset 0 1px #44ffa842,inset 0 -2px #000c077a}.field-label{display:block;margin:0 0 5px;color:var(--text-secondary);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.status-row,.button-row,.two-up,.input-inline,.filter-grid,.summary-grid,.stats-grid{display:grid;gap:10px}.status-row,.button-row,.input-inline{grid-template-columns:repeat(2,minmax(0,1fr))}.button-row-tight{gap:8px}.two-up,.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-grid{margin-bottom:10px}.input-inline input{min-width:0}.input-inline button{width:100%}.input-inline-chat{grid-template-columns:minmax(0,1fr) auto}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(0,245,131,.5);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#defff0;background:#03391fb3}.status-badge-info{background:#097743d6}.status-badge-success{color:#eafff3;background:#0d7a66d6}.status-badge-warning{color:#fff8df;background:#926812d1}.status-badge-danger{color:#fff1f1;background:#962c2cd1}.status-badge-muted{color:var(--text-secondary);background:#04351ec7}.readout,.panel-note{color:var(--text-secondary);font-size:.92rem;line-height:1.45}.mono{font-family:ui-monospace,SFMono-Regular,Cascadia Code,monospace;font-size:.8rem}.subpanel{margin-top:16px;padding:14px;border-radius:16px;background:linear-gradient(180deg,#023b20d6,#012916e0);box-shadow:inset 0 1px #00fe872e,inset 0 -2px #000b065c}.subpanel-title{margin-bottom:12px;color:var(--text-primary);font-size:.95rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.room-list,.roster-list,.chat-list,.feed-list{display:flex;flex-direction:column;gap:10px;flex:1 1 auto;min-height:0}.room-list{margin-top:12px;overflow:auto;padding-right:4px}.room-card,.roster-card,.feed-entry,.chat-entry,.summary-card,.stat-card{padding:12px;border-radius:16px;border:1px solid rgba(0,242,129,.34);background:linear-gradient(180deg,#034526f5,#022d19fa);box-shadow:inset 0 1px #32ffa029,inset 0 -2px #000a0557}.room-card.is-current{border-color:#80f0cbb3}.room-card-head,.roster-card-head,.chat-entry-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.room-card-title,.roster-name,.summary-title,.stat-title{font-weight:800;letter-spacing:.03em}.room-card-meta,.roster-meta,.chat-entry-text,.feed-entry-text,.summary-value,.stat-value{color:var(--text-secondary);font-size:.9rem;line-height:1.42}.room-card-actions,.roster-flags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tiny-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;border:1px solid rgba(0,245,131,.3);color:var(--text-secondary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:#011e1085}.tiny-pill.is-red{color:#ffe1e1;background:#87212bc7}.tiny-pill.is-blue{color:#bcffe0;background:#0c6c3fc7}.tiny-pill.is-ready{color:#edfff5;background:#0b7b58c2}.tiny-pill.is-warning{color:#fff7e3;background:#8f6a1dc7}.summary-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card,.stat-card{min-height:94px}.summary-title,.stat-title{margin-bottom:8px;color:var(--text-muted);font-size:.73rem;letter-spacing:.08em;text-transform:uppercase}.summary-value strong,.stat-value strong{display:block;margin-top:6px;color:var(--text-primary);font-size:1.05rem}.stage-shell{display:flex;flex:1 1 auto;flex-direction:column;gap:14px;min-height:0;overflow:hidden}.center-view{display:flex;flex:1 1 auto;height:100%;min-height:0}.center-view[hidden]{display:none}.lobby-view,.match-view{flex-direction:column}.lobby-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.9fr);gap:16px;flex:1 1 auto;min-height:0}.room-view-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:16px;flex:1 1 auto;min-height:0}.room-view-column{display:flex;flex-direction:column;gap:16px;min-height:0}.stage-frame{position:relative;flex:1 1 auto;min-height:0;padding:18px;border-radius:26px;border:2px solid rgba(0,221,118,.96);background:linear-gradient(180deg,#097e47fa,#025c32fa);box-shadow:inset 0 1px #cfffe861,inset 0 -4px #00170c70,0 35px 80px #000c0766;overflow:hidden}.stage-frame:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:18px;border:2px solid rgba(0,0,0,.68);box-shadow:inset 0 0 0 2px #00f9852e;pointer-events:none}.stage-tab{position:absolute;top:12px;z-index:2;min-height:30px;padding:0 14px;border-radius:999px;border:1px solid rgba(0,244,130,.7);background:linear-gradient(180deg,#024727,#02321cfa);color:#e6fff4;font-size:.74rem;font-weight:800;line-height:28px;letter-spacing:.12em;text-transform:uppercase}.stage-tab-left{left:16px}.stage-tab-right{right:16px}.stage-surface{position:relative;display:flex;align-items:center;justify-content:center;min-height:100%;padding:44px 16px 18px;border-radius:18px;background:radial-gradient(circle at top,rgba(0,209,111,.16),transparent 28%),linear-gradient(180deg,#052416ad,#02180edb);box-shadow:inset 0 0 0 2px #000000b8,inset 0 0 0 6px #ffffff0f}.stage-surface.is-post-match #game canvas{opacity:.34;filter:saturate(.68) brightness(.72)}#game{position:relative;z-index:1;display:grid;place-items:center;width:100%;max-width:100%;min-height:100%}#game canvas{display:block;width:min(100%,100%);max-height:min(62dvh,100%);height:auto;border-radius:6px;image-rendering:pixelated;box-shadow:0 12px 32px #00000052}.post-match-panel{position:absolute;z-index:3;top:50%;left:50%;width:min(720px,calc(100% - 52px));display:grid;gap:14px;padding:24px 24px 18px;border-radius:22px;border:1px solid rgba(0,253,135,.45);background:linear-gradient(180deg,#423912d1,#372309e0),linear-gradient(180deg,#054627f5,#022716fa);box-shadow:inset 0 1px #cfffe82e,0 28px 52px #0000005c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-50%,-50%)}.post-match-panel[hidden]{display:none}.post-match-chip{display:inline-flex;align-items:center;width:fit-content;min-height:28px;padding:0 12px;border-radius:999px;background:#00de7724;color:#c4ffe3;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.post-match-panel h2{margin:0;font-size:clamp(2rem,4vw,4rem);line-height:.95;letter-spacing:.06em;text-transform:uppercase;color:#74ffd0;text-shadow:0 2px 0 rgba(0,0,0,.55),0 8px 24px rgba(17,41,17,.48)}.post-match-subhead{margin-top:-6px;color:#fff2bf;font-size:.9rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.post-match-meta{color:#a4ffd4;font-size:.92rem;line-height:1.4}.post-match-table-wrap{overflow:auto;border-radius:16px;border:1px solid rgba(0,253,135,.22);background:linear-gradient(180deg,#062215b8,#031a0fd1)}.post-match-table{width:100%;border-collapse:collapse;font-size:.92rem}.post-match-table th,.post-match-table td{padding:10px 12px;text-align:left;white-space:nowrap}.post-match-table th{position:sticky;top:0;background:#042415f0;color:#f6f0c3;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.post-match-table tbody tr:nth-child(odd){background:#00db750f}.post-match-table tbody tr.is-winning{background:#3bd08f24}.post-match-table tbody tr.is-local{background:#00d4714d;color:#fff}.post-match-table tbody tr+tr td{border-top:1px solid rgba(255,255,255,.08)}.post-match-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.post-match-footer-copy{color:#8cffc9;font-size:.92rem;line-height:1.4}.post-match-footer button{min-width:140px}.stage-bottombar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stage-debugbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.stage-debug-status{display:flex;align-items:center;min-height:42px;padding:0 14px;border-radius:14px;border:1px solid rgba(0,240,128,.3);background:linear-gradient(180deg,#024a28b8,#012e19c2);color:var(--text-secondary);font-size:.8rem;line-height:1.35}.stage-debugbar button{min-width:220px}.status-pill{display:flex;align-items:center;min-height:42px;padding:0 14px;border-radius:14px;border:1px solid rgba(0,240,128,.38);background:linear-gradient(180deg,#024a28e0,#012e19eb);color:var(--text-secondary);font-size:.88rem;line-height:1.35}.chat-list,.feed-list{min-height:0;padding-right:4px;overflow:auto}.roster-list{overflow:auto}.chat-entry-head,.feed-entry-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.chat-entry-author,.feed-entry-kind{color:var(--text-primary);font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.chat-entry-time,.feed-entry-time{color:var(--text-muted);font-size:.75rem}.feed-entry[data-tone=success]{border-color:#75f7c059}.feed-entry[data-tone=warning]{border-color:#ffd66e59}.empty-state{display:grid;place-items:center;min-height:88px;padding:16px;border-radius:16px;border:1px dashed rgba(0,239,128,.28);color:var(--text-muted);text-align:center;line-height:1.45}.auth-screen,.admin-screen{height:100%;min-height:0;padding:18px 22px 22px;overflow:auto}.auth-screen-shell,.admin-screen-shell{width:min(1520px,100%);margin:0 auto}.auth-screen-shell{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,440px);gap:22px;min-height:calc(100dvh - 82px);align-items:center}.auth-stage-card,.auth-console,.admin-header-panel,.admin-sidebar,.admin-list-panel{position:relative;border:2px solid rgba(0,235,125,.92);border-radius:30px;overflow:hidden;box-shadow:inset 0 1px #e9fff54d,inset 0 -4px #00150c6b,0 24px 70px #00150c6b}.auth-stage-card{min-height:620px;padding:24px;background:linear-gradient(180deg,#00ed7e33,#fff0 16%),linear-gradient(180deg,#00dd76,#00c669 26%,#17975b 72%,#0f683e)}.auth-stage-card:before,.auth-console:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:22px;border:1px solid rgba(8,51,31,.34);pointer-events:none}.auth-stage-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-stage-chip,.auth-stage-socket{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border-radius:999px;color:#eafff5;font-size:.82rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(180deg,#158c54f2,#0a5833fa);box-shadow:inset 0 1px #ffffff4d,inset 0 -3px #0010084d}.auth-stage-scene{position:relative;min-height:430px;margin-top:22px;border-radius:26px;overflow:hidden;border:2px solid rgba(182,255,221,.44);background:linear-gradient(180deg,#d4ffebe6,#00ee7fcc 12%,#00ce6e33 38%),linear-gradient(180deg,#00e87c,#00cc6d 48%,#6fd063 48%,#85de72 62%,#5ab35b 62%,#2c8f42)}.auth-stage-rainbow{position:absolute;top:-90px;left:-10%;width:84%;height:250px;background:linear-gradient(120deg,#ff537ae6 0,#ff537ae6 12%,#ffbb52e6 12%,#ffbb52e6 24%,#fff15be6 24%,#fff15be6 36%,#7eef8fe6 36%,#7eef8fe6 48%,#00e67be6 48%,#00e67be6 60%,#00b560eb 60%,#00b560eb 72%,#d492ffeb 72%,#d492ffeb 84%,#fff0 84%);border-radius:0 0 240px 240px;opacity:.7;filter:blur(2px);transform:rotate(-8deg)}.auth-stage-cloud{position:absolute;top:66px;width:140px;height:54px;border-radius:999px;background:#ffffffeb;box-shadow:34px -12px 0 10px #ffffffeb,82px 4px #ffffffeb}.auth-stage-cloud-left{left:8%}.auth-stage-cloud-right{top:104px;right:12%;transform:scale(.8)}.auth-stage-road{position:absolute;left:0;right:0;bottom:52px;height:74px;background:linear-gradient(180deg,#1b4833db,#0b2619f5),repeating-linear-gradient(90deg,#ffffffd1 0,#ffffffd1 16px,#fff0 16px,#fff0 36px);border-top:6px solid rgba(255,223,102,.94)}.auth-stage-rider{position:absolute;image-rendering:pixelated;filter:drop-shadow(0 16px 18px rgba(2,19,11,.26))}.auth-stage-rider-main{right:14%;bottom:88px;width:184px;animation:auth-float 2.8s ease-in-out infinite}.auth-stage-rider-side{left:12%;bottom:96px;width:128px;transform:rotate(-5deg) scaleX(-1);opacity:.9;animation:auth-float-side 3.4s ease-in-out infinite}@keyframes auth-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes auth-float-side{0%,to{transform:rotate(-5deg) scaleX(-1) translateY(0)}50%{transform:rotate(-5deg) scaleX(-1) translateY(-8px)}}.auth-stage-footer{position:absolute;left:34px;right:34px;bottom:26px;z-index:2;display:grid;gap:8px}.auth-stage-title{color:#fefcff;font-size:clamp(1.5rem,2.6vw,2.4rem);font-weight:900;letter-spacing:.03em;text-shadow:0 8px 18px rgba(3,24,14,.24)}.auth-stage-copy{max-width:560px;color:#effff8f5;font-size:1rem;line-height:1.6}.auth-console{padding:24px;background:linear-gradient(180deg,#f59520f5,#dc7411fa)}.auth-console-label{background:linear-gradient(180deg,#9f3b04f0,#7c2603fa)}.auth-mode-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.auth-mode-button{min-height:48px;font-size:.88rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.auth-mode-button-guest{background:linear-gradient(180deg,#00c268fa,#0a7d47fa)}.auth-mode-button-login{background:linear-gradient(180deg,#ffd152fa,#e08808fa)}.auth-mode-button-signup{background:linear-gradient(180deg,#8cff98fa,#2db049fa)}.auth-mode-button.is-active{transform:translateY(1px);filter:brightness(.94);box-shadow:inset 0 1px #ffffff2e,inset 0 -2px #00100870}.auth-message{min-height:56px;margin-bottom:16px;padding:12px 14px;border-radius:18px;color:#fff6e7;background:linear-gradient(180deg,#82330552,#681f0266)}.auth-form-card{display:grid;gap:10px;padding:16px;border-radius:22px;background:linear-gradient(180deg,#a6460766,#812a0380);box-shadow:inset 0 1px #ffdbb82e,inset 0 -3px #5517015c}.auth-form-title{color:#fffaf1;font-size:1rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.admin-screen-shell{display:grid;gap:16px;min-height:calc(100dvh - 82px)}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.admin-title{margin:4px 0 8px;font-size:clamp(1.7rem,2vw,2.4rem)}.admin-subtitle{max-width:760px;margin:0}.admin-header-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:420px}.admin-layout{display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr);gap:16px;min-height:0}.admin-sidebar,.admin-list-panel{min-height:0}.admin-status{margin-top:12px}.admin-account-list{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:auto;padding-right:4px}.admin-account-card{display:grid;gap:12px;padding:16px;border-radius:18px;border:1px solid rgba(0,242,129,.34);background:linear-gradient(180deg,#034526f5,#022d19fa)}.admin-account-head,.admin-account-meta,.admin-account-actions{display:grid;gap:10px}.admin-account-head{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.admin-account-name{color:var(--text-primary);font-size:1rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.admin-account-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-account-actions{grid-template-columns:minmax(180px,220px) auto minmax(0,1fr) auto;align-items:center}.admin-inline-password{min-width:0}@media(max-width:1280px){.auth-screen-shell,.admin-layout{grid-template-columns:1fr}.app-shell{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}.shell-column-right{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.chrome-panel-chat,.shell-column-right .chrome-panel-fill{min-height:260px}.lobby-grid,.room-view-grid{grid-template-columns:1fr}}@media(max-width:900px){.auth-screen,.admin-screen{padding:12px}.auth-screen-shell{min-height:auto}.auth-stage-card{min-height:540px;padding:18px}.auth-stage-rider-main{right:8%;width:150px}.auth-stage-rider-side{width:98px}.admin-header,.admin-header-actions,.admin-account-head,.admin-account-meta,.admin-account-actions{grid-template-columns:1fr}.app-shell{grid-template-columns:1fr;padding:12px}.shell-center{order:-1}.shell-column-right,.stage-bottombar,.stage-debugbar,.summary-grid,.stats-grid,.status-row,.button-row,.filter-grid,.two-up,.input-inline{grid-template-columns:1fr}.room-view-column{gap:12px}.stage-frame{min-height:0}.stage-surface{padding:52px 10px 14px}.post-match-panel{width:calc(100% - 28px);padding:18px 16px 16px}.post-match-footer{grid-template-columns:1fr}}:root{font-family:Public Sans,Trebuchet MS,sans-serif;--sky-bright: #00d873;--sky-mid: #07b061;--sky-deep: #108850;--paper: #ffffff;--paper-soft: #d6ffec;--paper-warm: #fffaf0;--ink: #0c281b;--ink-soft: #1b5e3f;--line: #102d1f;--line-soft: rgba(16, 45, 31, .2);--orange: #ef6a21;--orange-shadow: #963809;--blue: #079955;--blue-shadow: #0d5131;--cyan: #00ec7e;--green: #22c55e;--green-shadow: #166534;--yellow: #facc15;--yellow-shadow: #a16207;--red: #ef4444;--red-shadow: #991b1b;--text-primary: #0c281b;--text-secondary: #476b5a;--text-muted: #5f8c77;--shadow-hard: 0 6px 0 0 var(--line), 0 18px 30px rgba(12, 40, 27, .18)}html,body{overflow:hidden}body{color:var(--text-primary);background:radial-gradient(circle at 18% 16%,rgba(255,255,255,.3),transparent 28%),radial-gradient(circle at 82% 14%,rgba(255,255,255,.2),transparent 22%),linear-gradient(180deg,var(--sky-bright) 0%,var(--sky-mid) 44%,var(--sky-deep) 100%)}body:before{background:radial-gradient(circle,rgba(255,255,255,.18) 1.3px,transparent 1.3px),linear-gradient(180deg,#ffffff14,#fff0);background-size:10px 10px,100% 100%;opacity:.42}*{scrollbar-width:thin;scrollbar-color:rgba(16,45,31,.45) rgba(255,255,255,.18)}button,input,select{border-width:3px;border-color:var(--line);border-radius:14px;font-family:inherit}button{min-height:42px;padding:8px 14px;color:var(--text-primary);font-size:.84rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(180deg,#fff,#cbffe7);box-shadow:0 4px 0 0 var(--line),0 10px 18px #102d1f24}button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.01)}button:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 0 var(--line),0 6px 12px #102d1f24}button:disabled,input:disabled,select:disabled{opacity:1;color:#679a82;border-color:#102d1f5c;background:linear-gradient(180deg,#e1f8ed,#c7ecdb);box-shadow:0 4px #679a8273}input,select{min-height:44px;padding:10px 12px;color:var(--text-primary);font-size:.94rem;font-weight:700;background:linear-gradient(180deg,#fff,#dffff0);box-shadow:inset 0 -3px #102d1f14}input::placeholder{color:#66957f}.primary-button,#createBtn,#guestContinueBtn,#accountLoginBtn,#accountSignupBtn,#startBtn,#chatSendBtn,#postMatchExitBtn,#debugSnapshotBtn,#adminLogoutBtn,#selfPasswordBtn{color:#fff;background:linear-gradient(180deg,#ff9758,var(--orange));box-shadow:0 4px 0 0 var(--orange-shadow),0 12px 20px #9638093d}#leaveBtn,#adminBackBtn,#accountSwitchBtn{color:#fff;background:linear-gradient(180deg,#234f3a,#123324);box-shadow:0 4px #091811,0 10px 18px #09181140}.app-shell{grid-template-columns:minmax(250px,292px) minmax(0,1fr) minmax(250px,304px);gap:18px;width:min(1760px,100%);padding:14px 18px 18px}.shell-column,.shell-center{gap:18px}.chrome-panel,.view-panel,.subpanel,.auth-stage-card,.auth-console,.admin-header-panel,.admin-sidebar,.admin-list-panel,.room-card,.summary-card,.stat-card,.chat-entry,.feed-entry,.post-match-panel,.status-pill,.stage-debug-status,.admin-account-card{border-color:var(--line);border-width:4px;border-radius:20px;background:linear-gradient(180deg,var(--paper) 0%,var(--paper-soft) 100%);box-shadow:var(--shadow-hard)}.chrome-panel:before,.view-panel:before,.auth-stage-card:before,.auth-console:before{display:none}.chrome-panel,.view-panel{padding:16px}.view-panel{gap:12px}.panel-label{min-height:32px;margin:0 0 14px;padding:0 14px;border:3px solid var(--line);border-radius:999px;color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.14em;background:linear-gradient(180deg,#175638,#0e3422);box-shadow:0 3px 0 0 var(--line)}.field-label{margin-bottom:6px;color:var(--ink-soft);font-size:.72rem;font-weight:900;letter-spacing:.1em}.readout,.panel-note{color:var(--text-secondary);font-size:.9rem;font-weight:700}.subpanel{margin-top:14px;padding:14px}.subpanel-title{color:#0d4d2f;font-size:.88rem;font-weight:900;letter-spacing:.08em}.status-badge{min-height:34px;padding:0 12px;border:3px solid var(--line);border-radius:999px;box-shadow:0 3px 0 0 var(--line);font-size:.74rem;font-weight:900;letter-spacing:.08em}.status-badge-info{color:#06341e;background:linear-gradient(180deg,#00ec7e,#00d170)}.status-badge-success{color:#14532d;background:linear-gradient(180deg,#bbf7d0,#4ade80)}.status-badge-warning{color:#78350f;background:linear-gradient(180deg,#fde68a,#f59e0b)}.status-badge-danger{color:#7f1d1d;background:linear-gradient(180deg,#fecaca,#ef4444)}.status-badge-muted{color:#2c4539;background:linear-gradient(180deg,#d4ffeb,#9afcce)}.stage-shell{display:flex;gap:18px;padding:18px;border:4px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#00eb7d,#00c368 36%,#0e9556);box-shadow:0 6px 0 0 var(--line),0 26px 42px #102d1f33}.room-list,.roster-list{gap:16px}.room-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-content:start;margin-top:6px}.room-card{display:grid;gap:14px;min-height:328px;padding:14px;transition:transform .12s ease}.room-card:hover{transform:translateY(-2px)}.room-card.is-current{border-color:#15633f;box-shadow:0 0 0 3px #fffc inset,0 6px #15633f,0 18px 30px #102d1f2e}.room-card-preview{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:144px;padding:10px 12px;border:3px solid var(--line);border-radius:16px;overflow:hidden;color:#fff;background:linear-gradient(135deg,#00f281,#00b35f 48%,#117848);box-shadow:inset 0 -12px #0c281b29}.room-card-private .room-card-preview{background:linear-gradient(135deg,#00c86b,#099554 48%,#1d563c)}.room-card-match .room-card-preview{background:linear-gradient(135deg,#77a38e,#4c6f5f,#2c4539)}.room-card-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.24),transparent 28%),linear-gradient(180deg,transparent 0%,rgba(255,255,255,.06) 100%);pointer-events:none}.room-card-preview-top,.room-card-preview-footer{position:relative;z-index:1;display:flex;justify-content:space-between;gap:10px}.room-card-preview-footer{font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.room-card-preview-grid{position:absolute;top:26px;right:18px;bottom:36px;left:18px;border:2px solid rgba(255,255,255,.34);border-radius:14px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.18) 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 1px,transparent 1px 22px)}.room-card-code,.room-card-capacity{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:2px solid rgba(255,255,255,.34);border-radius:999px;background:#0c281b70;font-size:.72rem;font-weight:900;letter-spacing:.08em}.room-card-preview-stamp{position:relative;z-index:1;align-self:flex-end;padding:6px 12px;border:3px solid var(--line);border-radius:12px;background:#fffffff0;box-shadow:0 3px 0 0 var(--line);color:var(--text-primary);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;transform:rotate(-7deg)}.room-card-body{display:grid;gap:12px}.room-card-title{color:var(--text-primary);font-size:1.08rem;font-weight:900;letter-spacing:-.03em;text-transform:uppercase}.room-card-subtitle{margin-top:4px;color:var(--ink-soft);font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.room-card-meta{color:var(--text-secondary);font-size:.88rem;font-weight:700;line-height:1.45}.room-card-progress{overflow:hidden;height:12px;border:3px solid var(--line);border-radius:999px;background:linear-gradient(180deg,#96ffce,#3cf29d)}.room-card-progress-fill{height:100%;border-right:3px solid rgba(255,255,255,.75);background:linear-gradient(90deg,#2ed573,#5cf7b2)}.team-roster-board{display:grid;gap:14px;padding:16px;border:4px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#fff,#d6ffec);box-shadow:var(--shadow-hard)}.team-roster-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin:-16px -16px 0;padding:12px 14px;border-bottom:3px solid var(--line)}.team-roster-board-red .team-roster-head{background:linear-gradient(180deg,#ff8383,var(--red));color:#fff}.team-roster-board-blue .team-roster-head{background:linear-gradient(180deg,#00e379,var(--blue));color:#fff}.team-roster-board-neutral .team-roster-head{background:linear-gradient(180deg,#9afcce,#04dd78);color:var(--text-primary)}.team-roster-title{font-size:.9rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.team-roster-subtitle{margin-top:4px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.9}.team-roster-chip{align-self:center;min-height:32px;padding:0 12px;border:3px solid var(--line);border-radius:999px;background:#fffffff5;box-shadow:0 3px 0 0 var(--line);color:var(--text-primary);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.team-roster-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.team-slot-card{display:flex;flex-direction:column;gap:10px;min-height:196px;padding:12px;border:3px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,#cfffe9);box-shadow:0 4px 0 0 var(--line)}.team-slot-card-red{background:linear-gradient(180deg,#fff5f5,#fff)}.team-slot-card-blue{background:linear-gradient(180deg,#e1fff1,#fff)}.team-slot-card-empty{justify-content:center;align-items:center;border-style:dashed;background:linear-gradient(180deg,#fffc,#d6ffec8c);box-shadow:none}.team-slot-portrait-wrap{display:grid;place-items:center;min-height:94px;border:3px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#f1fff8,#8bffc9);overflow:hidden}.team-slot-card-red .team-slot-portrait-wrap{background:linear-gradient(180deg,#ffe0e0,#ffc2c2)}.team-slot-card-blue .team-slot-portrait-wrap{background:linear-gradient(180deg,#bdffe0,#00f884)}.team-slot-portrait{width:74px;height:74px;object-fit:contain;image-rendering:pixelated;transform:translateY(4px)}.team-slot-name{color:var(--text-primary);font-size:.9rem;font-weight:900;letter-spacing:.02em;text-transform:uppercase}.team-slot-meta{color:var(--text-secondary);font-size:.74rem;font-weight:800;letter-spacing:.05em;line-height:1.45;text-transform:uppercase}.team-slot-flags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.team-slot-empty{color:var(--text-muted);font-size:.82rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.tiny-pill{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border:2px solid var(--line);border-radius:999px;background:#fff;box-shadow:0 2px 0 0 var(--line);color:var(--text-primary);font-size:.68rem;font-weight:900;line-height:1;letter-spacing:.06em;white-space:nowrap}.tiny-pill.is-red{border-color:var(--red-shadow);background:linear-gradient(180deg,#ff9f9f,var(--red));box-shadow:0 2px 0 0 var(--red-shadow);color:#fff}.tiny-pill.is-blue{border-color:var(--blue-shadow);background:linear-gradient(180deg,#00ec7e,var(--blue));box-shadow:0 2px 0 0 var(--blue-shadow);color:#fff}.tiny-pill.is-ready,.tiny-pill.is-linked{border-color:var(--green-shadow);background:linear-gradient(180deg,#bbf7d0,#4ade80);box-shadow:0 2px 0 0 var(--green-shadow);color:#14532d}.tiny-pill.is-warning{border-color:var(--yellow-shadow);background:linear-gradient(180deg,#fde68a,#f59e0b);box-shadow:0 2px 0 0 var(--yellow-shadow);color:#7c2d12}.summary-grid,.stats-grid{gap:12px}.summary-card,.stat-card{min-height:112px;padding:14px}.summary-title,.stat-title{margin-bottom:8px;color:#0c7d48;font-size:.72rem;font-weight:900;letter-spacing:.12em}.summary-value,.stat-value{color:var(--text-primary);font-size:1rem;font-weight:900;line-height:1.15}.summary-value strong,.stat-value strong{display:block;font-size:1.45rem}.summary-meta,.stat-meta{margin-top:8px;color:var(--text-secondary);font-size:.82rem;font-weight:700;line-height:1.45}.chat-list,.feed-list{padding-right:2px}.chat-entry,.feed-entry{padding:12px 14px}.chat-entry-head,.feed-entry-head{margin-bottom:8px}.chat-entry-author,.feed-entry-kind{color:#0c7d48;font-size:.72rem;font-weight:900;letter-spacing:.1em}.chat-entry-time,.feed-entry-time{color:var(--text-muted);font-size:.72rem;font-weight:800}.chat-entry-text,.feed-entry-text{color:var(--text-primary);font-size:.88rem;font-weight:700}.feed-entry[data-tone=success]{background:linear-gradient(180deg,#f0fff4,#fff)}.feed-entry[data-tone=warning]{background:linear-gradient(180deg,#fff7db,#fff)}.feed-entry[data-tone=danger]{background:linear-gradient(180deg,#fff1f2,#fff)}.empty-state{min-height:110px;border:3px dashed rgba(16,45,31,.36);border-radius:18px;background:#ffffff6b;color:var(--text-secondary);font-weight:700}.stage-frame{border:4px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#fff,#d6ffec);box-shadow:var(--shadow-hard)}.stage-frame:before{top:10px;right:10px;bottom:10px;left:10px;border:3px solid rgba(16,45,31,.16);border-radius:18px;box-shadow:none}.stage-tab{top:14px;border:3px solid var(--line);background:linear-gradient(180deg,#154830,#0b2b1c);box-shadow:0 3px 0 0 var(--line)}.stage-surface{border:4px solid var(--line);border-radius:18px;background:radial-gradient(circle at top,rgba(0,236,126,.26),transparent 32%),linear-gradient(180deg,#9afcce,#d4ffeb);box-shadow:inset 0 -12px #07995514}#game canvas{border:4px solid var(--line);border-radius:14px;box-shadow:0 6px 0 0 var(--line),0 18px 28px #102d1f29}.post-match-panel{color:var(--text-primary);-webkit-backdrop-filter:none;backdrop-filter:none}.post-match-panel h2{color:#0e6a3f;font-style:italic;font-weight:900;text-transform:uppercase;letter-spacing:-.04em;text-shadow:none}.post-match-meta,.post-match-footer-copy{color:var(--text-secondary);font-weight:700}.post-match-chip{border:3px solid var(--line);background:linear-gradient(180deg,#a6ffd6,#00fe88);box-shadow:0 3px 0 0 var(--line);color:var(--text-primary)}.post-match-subhead{color:var(--orange)}.post-match-table-wrap{border:3px solid var(--line);background:#edfff6}.post-match-table th{background:#0d4d2f;color:#fff}.post-match-table tbody tr:nth-child(odd){background:#9afcce73}.post-match-table tbody tr.is-winning{background:#22c55e24}.post-match-table tbody tr.is-local{background:#0799552e;color:inherit}.status-pill,.stage-debug-status{border-width:3px;border-radius:16px;background:linear-gradient(180deg,#fff,#d6ffec);box-shadow:0 4px 0 0 var(--line);color:var(--text-primary);font-size:.82rem;font-weight:800}.stage-debugbar button{min-width:208px}.auth-stage-card{padding:22px;background:linear-gradient(180deg,#fff,#d6ffec)}.auth-stage-chip,.auth-stage-socket{border:3px solid var(--line);background:linear-gradient(180deg,#fff,#d6ffec);box-shadow:0 3px 0 0 var(--line);color:var(--text-primary)}.auth-stage-scene{border:4px solid var(--line);box-shadow:0 6px 0 0 var(--line)}.auth-stage-title{color:#0d4d2f;font-style:italic;font-weight:900;text-transform:uppercase;letter-spacing:-.04em;text-shadow:0 4px 0 rgba(0,226,120,.72)}.auth-stage-copy{color:var(--text-secondary);font-weight:700}.auth-console{padding:22px;background:linear-gradient(180deg,#ffb46e,#ef6a21)}.auth-console-label{background:linear-gradient(180deg,#174932,#0b2b1c)}.auth-mode-button{min-height:50px}.auth-mode-button-guest{color:var(--text-primary);background:linear-gradient(180deg,#fff,#d6ffec);box-shadow:0 4px 0 0 var(--line)}.auth-mode-button-login{color:#7c2d12;background:linear-gradient(180deg,#ffefb5,#facc15);box-shadow:0 4px 0 0 var(--yellow-shadow)}.auth-mode-button-signup{color:#14532d;background:linear-gradient(180deg,#d9f99d,#4ade80);box-shadow:0 4px 0 0 var(--green-shadow)}.auth-mode-button.is-active{transform:translateY(2px);box-shadow:0 2px #102d1fb3}.auth-message{min-height:60px;border:3px solid rgba(16,45,31,.7);box-shadow:0 4px #102d1fb3;color:#fff9f0;background:#7e28003d}.auth-form-card{border:3px solid rgba(16,45,31,.76);box-shadow:0 4px #102d1fc2;background:#ffffffe6}.auth-form-title{color:var(--text-primary)}.admin-account-card{gap:12px}.admin-account-name{color:#0d4d2f}.debug-feed-toggle{position:fixed;top:92px;right:12px;z-index:24;min-height:38px;padding:0 12px;border:1px solid rgba(131,170,152,.46);border-radius:10px;background:#0a1b13;box-shadow:0 10px 24px #01090547;color:#daece3;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.debug-feed-toggle:hover:not(:disabled),.debug-feed-toggle:active:not(:disabled){transform:none;filter:none;box-shadow:0 10px 24px #01090547}.debug-feed-toggle:hover:not(:disabled){background:#172d23}.debug-feed-drawer{position:fixed;top:86px;right:12px;bottom:12px;z-index:23;display:flex;flex-direction:column;gap:12px;width:min(320px,calc(100vw - 24px));padding:44px 12px 12px;border:1px solid rgba(131,170,152,.4);border-radius:14px;background:#0a1b13f7;box-shadow:0 18px 42px #01090557;transform:translate(calc(100% + 24px));transition:transform .18s ease}.debug-feed-drawer.is-open{transform:translate(0)}.debug-feed-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#f6fbf9;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.debug-feed-head button{min-height:30px;padding:0 10px;border:1px solid rgba(131,170,152,.38);border-radius:8px;background:#1a2c24;box-shadow:none;color:#daece3;font-size:.72rem;letter-spacing:.04em}.debug-feed-head button:hover:not(:disabled),.debug-feed-head button:active:not(:disabled){transform:none;box-shadow:none}.debug-feed-head button:hover:not(:disabled){background:#2c4539}.debug-feed-list{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-height:0;overflow:auto;padding-right:0}.debug-feed-drawer .feed-entry{padding:10px;border:1px solid rgba(131,170,152,.24);border-radius:10px;background:#0c1b14;box-shadow:none}.debug-feed-drawer .feed-entry[data-tone=success]{border-color:#22c55e66;background:#052e16}.debug-feed-drawer .feed-entry[data-tone=warning]{border-color:#f59e0b66;background:#3b2606}.debug-feed-drawer .feed-entry[data-tone=danger]{border-color:#ef44446b;background:#3f1019}.debug-feed-drawer .feed-entry-kind{color:#04dd78;font-size:.66rem;font-weight:800;letter-spacing:.08em}.debug-feed-drawer .feed-entry-time{color:#83aa98;font-size:.66rem}.debug-feed-drawer .feed-entry-text{color:#daece3;font-size:.8rem;font-weight:600}.debug-feed-drawer .empty-state{min-height:84px;border:1px dashed rgba(131,170,152,.36);border-radius:10px;background:#0a1b1394;box-shadow:none;color:#c1dace}@media(max-width:1320px){.app-shell{grid-template-columns:minmax(248px,292px) minmax(0,1fr)}.shell-column-right{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.room-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.app-shell{grid-template-columns:1fr;padding:12px}.shell-center{order:-1}.shell-column-right,.room-list,.team-roster-grid{grid-template-columns:1fr}.debug-feed-toggle{top:auto;bottom:16px}.debug-feed-drawer{top:16px;bottom:16px}}.auth-screen{display:flex;align-items:center;justify-content:center;min-height:100%;padding:24px;overflow:hidden;background:#109959}.auth-screen[hidden],.admin-screen[hidden]{display:none}.auth-screen-shell.auth-login-layout{display:flex;align-items:center;justify-content:center;width:100%;min-height:calc(100dvh - 48px)}.auth-login-wrap{position:relative;width:min(352px,calc(100vw - 48px))}.auth-login-card{position:relative;padding:30px 28px 22px;border:4px solid #000;background:#fff;box-shadow:none}.app-soundtrack-player{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}.app-soundtrack-player iframe{width:1px;height:1px;border:0}.auth-login-socket{position:absolute;top:10px;right:12px;color:transparent;font-size:0;pointer-events:none}.soundtrack-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:3px solid #000;border-radius:999px;background:#daece3;color:#3f5a4d;box-shadow:0 3px #83aa98,0 3px #000}.soundtrack-toggle.is-active{background:#9afcce;color:#0c7d48;box-shadow:0 3px #06ba66,0 3px #000}.soundtrack-toggle .ui-icon{width:18px;height:18px}.soundtrack-toggle:hover:not(:disabled),.soundtrack-toggle:active:not(:disabled){transform:none;filter:none}.auth-login-soundtrack-toggle{position:absolute;top:14px;right:14px;z-index:2}.lobby-browser-soundtrack-toggle,.ready-room-soundtrack-toggle{flex:0 0 auto}.auth-login-brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:24px;text-align:center}.auth-login-icon{position:relative;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border:4px solid #000;background:#079955;box-shadow:4px 4px #000;transform:rotate(3deg)}.auth-login-icon .ui-icon-brand{width:26px;height:26px;color:#fff}.auth-login-title{margin:0;color:#000;font-size:clamp(2rem,6vw,2.6rem);font-weight:900;font-style:italic;letter-spacing:-.08em;text-transform:uppercase}.auth-login-title span{color:#079955}.auth-login-rule{width:96px;height:4px;background:#000}.auth-login-message{min-height:16px;color:#5a7a6b;font-size:.64rem;font-weight:800;letter-spacing:.02em}.auth-login-form{display:grid;gap:8px}.auth-login-form[hidden]{display:none}.auth-login-label{display:block;margin:0;color:#000;font-size:.58rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.auth-login-field{position:relative;margin-bottom:10px}.auth-login-field input{width:100%;min-height:42px;padding:0 40px 0 12px;border:4px solid #000;border-radius:0;background:#ecf7f2;box-shadow:none;color:#0c1b14;font-size:.88rem;font-weight:700}.auth-login-field input::placeholder{color:#83aa98}.auth-login-field-icon{position:absolute;top:50%;right:12px;width:17px;height:17px;transform:translateY(-50%);color:#5a7a6b;opacity:.92}.auth-login-actions{display:flex;flex-direction:column;gap:10px;margin-top:6px}.auth-login-primary,.auth-login-secondary{width:100%;min-height:42px;border:4px solid #000;border-radius:0;font-size:.96rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;transition:none}.auth-login-primary{color:#fff;background:#079955;box-shadow:0 4px #0e6a3f,0 4px #000}.auth-login-secondary{color:#000;background:#daece3;box-shadow:0 4px #abc7ba,0 4px #000}.auth-login-primary:hover:not(:disabled),.auth-login-primary:active:not(:disabled),.auth-login-secondary:hover:not(:disabled),.auth-login-secondary:active:not(:disabled){transform:none;filter:none}.auth-login-primary:disabled,.auth-login-secondary:disabled{opacity:.8}.auth-login-footer{display:flex;flex-direction:column;gap:8px;align-items:center;margin-top:22px;padding-top:16px;border-top:4px solid rgba(0,0,0,.08)}.auth-login-link{min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#0c7d48;font-size:.66rem;font-weight:900;letter-spacing:.02em;text-transform:uppercase}.auth-login-link:hover:not(:disabled),.auth-login-link:active:not(:disabled){transform:none;filter:none;box-shadow:none}.auth-login-link-muted{color:#5a7a6b;font-size:.56rem}.auth-login-hidden-control{display:none}.auth-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center}.auth-modal[hidden]{display:none}.auth-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a1b1361}.auth-modal-card{position:relative;z-index:1;display:grid;gap:12px;width:min(260px,calc(100% - 40px));padding:18px 16px 14px;border:4px solid #000;background:#fff;box-shadow:6px 6px #0000002e;text-align:center}.auth-modal-title{margin:0;color:#000;font-size:1rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.auth-modal-body{margin:0;color:#3f5a4d;font-size:.8rem;font-weight:700;line-height:1.5}.auth-modal-close{min-height:38px;border:4px solid #000;border-radius:0;background:#079955;box-shadow:0 4px #0e6a3f,0 4px #000;color:#fff;font-size:.84rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.auth-modal-close:hover:not(:disabled),.auth-modal-close:active:not(:disabled){transform:none;filter:none}.auth-login-sticker{position:absolute;z-index:2;display:grid;place-items:center;width:54px;height:54px;padding:4px;border:4px solid #000;border-radius:8px;background:#d4ffeb;box-shadow:4px 4px #00000038}.auth-login-sticker-figure{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;transform:translateY(1px)}.auth-login-sticker-top{top:-22px;left:-20px;transform:rotate(-11deg)}.auth-login-sticker-bottom{right:-18px;bottom:-18px;transform:rotate(14deg)}.auth-login-pin{position:absolute;z-index:3;width:11px;height:11px;border:2px solid #000}.auth-login-pin-top{top:18px;right:-6px;background:#06ba66}.auth-login-pin-bottom{bottom:-4px;left:-4px;width:14px;height:14px;background:#facc15}.app-shell[data-mode=authenticated],.app-shell[data-mode=browsing],.app-shell[data-mode=in_room],.app-shell[data-mode=in_match],.app-shell[data-mode=post_match_pending],.app-shell[data-mode=post_match]{grid-template-columns:minmax(0,1fr);width:min(100%,calc(100dvh * 4 / 3));min-width:0;max-width:min(100%,calc(100dvh * 4 / 3));height:100dvh;max-height:100dvh;aspect-ratio:4 / 3;justify-self:center;align-self:center;padding:10px 14px 14px}.app-shell[data-mode=in_match],.app-shell[data-mode=post_match_pending],.app-shell[data-mode=post_match]{overflow:hidden}.app-shell[data-mode=authenticated] .shell-column,.app-shell[data-mode=browsing] .shell-column,.app-shell[data-mode=in_room] .shell-column,.app-shell[data-mode=in_match] .shell-column,.app-shell[data-mode=post_match_pending] .shell-column,.app-shell[data-mode=post_match] .shell-column{display:none}.app-shell[data-mode=authenticated] .stage-shell,.app-shell[data-mode=browsing] .stage-shell,.app-shell[data-mode=in_room] .stage-shell,.app-shell[data-mode=in_match] .stage-shell,.app-shell[data-mode=post_match_pending] .stage-shell,.app-shell[data-mode=post_match] .stage-shell{gap:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.app-shell[data-mode=authenticated] .stage-bottombar,.app-shell[data-mode=authenticated] .stage-debugbar,.app-shell[data-mode=browsing] .stage-bottombar,.app-shell[data-mode=browsing] .stage-debugbar,.app-shell[data-mode=in_room] .stage-bottombar,.app-shell[data-mode=in_room] .stage-debugbar,.app-shell[data-mode=in_match] .stage-bottombar,.app-shell[data-mode=in_match] .stage-debugbar,.app-shell[data-mode=post_match_pending] .stage-bottombar,.app-shell[data-mode=post_match_pending] .stage-debugbar,.app-shell[data-mode=post_match] .stage-bottombar,.app-shell[data-mode=post_match] .stage-debugbar{display:none}.app-shell[data-mode=authenticated] .lobby-view,.app-shell[data-mode=browsing] .lobby-view,.app-shell[data-mode=in_room] .room-view{overflow:hidden}.app-shell[data-mode=in_match] .match-view,.app-shell[data-mode=post_match_pending] .match-view,.app-shell[data-mode=post_match] .match-view{overflow:auto}.lobby-browser-shell{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100%;min-height:0;border:4px solid #000;border-radius:26px;background:#0fb668;box-shadow:0 10px #0000002e,0 30px 56px #07251742;overflow:hidden}.lobby-browser-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;border-bottom:4px solid #000;background:#fff}.lobby-browser-brand{display:flex;align-items:center;gap:16px;min-width:0}.lobby-browser-logo{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:52px;height:52px;border:4px solid #000;border-radius:14px;background:#079955;box-shadow:4px 4px #000}.lobby-browser-logo .ui-icon-brand{width:24px;height:24px;color:#fff}.lobby-browser-brand-title{color:#0a1b13;font-size:clamp(1.6rem,2.8vw,2.35rem);font-weight:900;font-style:italic;letter-spacing:-.05em;line-height:.95;word-spacing:.16em;text-transform:uppercase}.lobby-browser-brand-subtitle{margin-top:2px;color:#5a7a6b;font-size:.82rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.lobby-browser-header-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.lobby-browser-header-stat,.lobby-browser-header-player{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:3px solid #000;border-radius:12px;background:#fff;color:#0a1b13;font-size:.82rem;font-weight:900;box-shadow:0 4px #000000d1}.lobby-browser-header-player{cursor:pointer}.lobby-browser-header-player:hover:not(:disabled),.lobby-browser-header-player:active:not(:disabled){background:#c0f6dd}.lobby-browser-header-stat .ui-icon{color:#22c55e}.lobby-browser-stage{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:18px;height:100%;min-height:0;padding:24px 28px 26px;background:linear-gradient(180deg,#10bf6d,#14ae67)}.lobby-browser-hero{display:flex;align-items:center;justify-content:flex-start;gap:12px}.lobby-browser-hero-copy h2{display:inline-flex;align-items:center;gap:8px;margin:0;padding:6px 10px 5px;border:3px solid #000;background:#facc15;color:#0a1b13;font-size:.76rem;font-weight:900;font-style:normal;letter-spacing:.16em;line-height:1;text-transform:uppercase;box-shadow:0 4px #000000d1}.lobby-browser-hero-copy h2:before{content:"";width:10px;height:10px;border:2px solid #000;background:#fffef2}.lobby-browser-hero-copy p{margin:12px 0 0;color:#fffffff0;font-size:1rem;font-weight:800}.lobby-browser-hero-actions{display:flex;flex-wrap:wrap;gap:12px}.lobby-browser-action-btn,.lobby-browser-tab,.room-lobby-card-action{min-height:54px;padding:0 22px;border:4px solid #000;border-radius:0;box-shadow:0 4px #000000d1;font-size:.94rem;font-weight:900;letter-spacing:-.02em;text-transform:uppercase;transition:none}.lobby-browser-action-btn:hover:not(:disabled),.lobby-browser-action-btn:active:not(:disabled),.lobby-browser-tab:hover:not(:disabled),.lobby-browser-tab:active:not(:disabled),.room-lobby-card-action:hover:not(:disabled),.room-lobby-card-action:active:not(:disabled){transform:none;filter:none}.lobby-browser-tab{display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:flex-start;min-height:42px;padding:0 12px;color:#0a1b13;background:#fff;box-shadow:0 3px #000000d1}.lobby-browser-tab-label,.lobby-browser-action-label{font-size:.68rem;font-weight:900;letter-spacing:.1em;line-height:1;white-space:nowrap}.lobby-browser-tab-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 auto}.lobby-browser-tab-icon svg,.lobby-browser-action-icon svg{width:100%;height:100%;stroke-width:2.2}.lobby-browser-tab.is-active{color:#0a1b13;background:#facc15;box-shadow:0 3px #000000d1}.lobby-browser-action-btn{display:inline-flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-width:0;min-height:42px;padding:0 16px;color:#0a1b13;background:#fff;box-shadow:0 3px #000000d1}.lobby-browser-action-btn.primary-button{color:#fff;background:#0c7d48;box-shadow:0 3px #0e6a3f,0 3px #000}.lobby-browser-action-btn:disabled{opacity:.68}.lobby-browser-action-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 auto}.lobby-browser-main{display:grid;grid-template-columns:minmax(232px,248px) minmax(0,1fr);gap:18px;min-height:0}.lobby-browser-sidebar{display:grid;align-content:start;gap:14px}.lobby-browser-side-card{display:grid;gap:12px;padding:14px;border:4px solid #000;background:#fff;box-shadow:0 4px #000000d1}.lobby-browser-side-card-title{color:#0a1b13;font-size:.68rem;font-weight:900;letter-spacing:.12em;line-height:1;text-transform:uppercase}.lobby-browser-quick-actions,.lobby-browser-filter-list{display:grid;gap:10px}.lobby-browser-registry{display:flex;flex:1 1 auto;flex-direction:column;gap:14px;min-width:0;min-height:0}.lobby-browser-registry .room-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,248px));flex:1 1 auto;gap:16px;justify-content:flex-start;align-content:start;min-height:0;margin:0;padding:0 6px 6px 0;overflow:auto}.lobby-browser-shell .room-card{display:grid;gap:10px;min-height:0;padding:10px;border:4px solid #000;border-radius:0;background:#fff;box-shadow:0 6px #000000d1}.lobby-browser-shell .room-card:hover{transform:none}.room-card-public{--room-card-accent: #0c7d48;--room-card-shadow: #0e6a3f;--room-card-soft: #9afcce}.room-card-private{--room-card-accent: #facc15;--room-card-shadow: #ca8a04;--room-card-soft: #fef3c7}.room-card-match{--room-card-accent: #83aa98;--room-card-shadow: #5a7a6b;--room-card-soft: #daece3}.lobby-browser-shell .room-card.is-current{border-color:#0a1b13;box-shadow:inset 0 0 0 4px #facc1547,0 6px #000000d1}.room-lobby-card-media{position:relative;display:grid;align-items:stretch;min-height:0;aspect-ratio:6 / 5;padding:0;border:3px solid #000;border-radius:0;overflow:hidden;background:var(--room-card-soft, #9afcce)}.room-lobby-card-media:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--room-card-accent, #0c7d48);z-index:1}.room-lobby-card-media.is-public{background:linear-gradient(180deg,#edfff6,#9afcce 60%,#04f886)}.room-lobby-card-media.is-private{background:linear-gradient(180deg,#fffdf2,#fef3c7 58%,#fde68a)}.room-lobby-card-media.is-live{background:linear-gradient(180deg,#f6fbf9,#cee9dd 60%,#c1dace)}.room-lobby-card-media-top{position:absolute;top:0;right:0;left:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:10px 8px 0}.room-lobby-card-id,.room-lobby-card-badge{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 7px;border:2px solid #000;border-radius:4px;font-size:.62rem;font-weight:900;line-height:1;box-shadow:0 2px #000000b8}.room-lobby-card-id{color:#fff;background:#30453b}.room-lobby-card-badge{color:#0a1b13;background:#fff}.room-lobby-card-map{position:absolute;top:0;right:0;bottom:0;left:0;border:0;border-radius:0;overflow:hidden}.room-lobby-card-map-image,.lobby-dialog-map-preview img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.ready-room-summary-map-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;image-rendering:pixelated}.room-lobby-card-map-overlay,.ready-room-summary-map-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff0a,#0a1b1357)}.room-lobby-card-map-copy{position:absolute;right:8px;bottom:8px;left:8px;z-index:1;padding:5px 8px;border-radius:8px;background:#0a1b13b8}.room-lobby-card-map-label{color:#fff;font-size:.72rem;font-weight:900;letter-spacing:-.02em;text-transform:uppercase}.room-lobby-card-stamp{position:absolute;right:8px;bottom:8px;z-index:2;min-height:22px;padding:0 8px;border:2px solid #000;border-radius:4px;background:var(--room-card-accent, #0c7d48);color:#fff;font-size:.58rem;font-weight:900;line-height:18px;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 2px #000}.room-card-private .room-lobby-card-stamp{color:#0a1b13;background:#facc15}.room-card-match .room-lobby-card-stamp{color:#0a1b13;background:#c1dace}.room-lobby-card-body{display:grid;gap:10px}.room-lobby-card-title-row{display:flex;align-items:flex-start;justify-content:flex-start;gap:8px}.room-lobby-card-copy{display:grid;gap:3px;min-width:0}.room-lobby-card-title{color:#0a1b13;font-size:.98rem;font-weight:900;line-height:1.02;letter-spacing:-.04em;text-transform:uppercase}.room-lobby-card-meta{color:#3f5a4d;font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.room-lobby-card-footer{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.room-lobby-card-slots{display:grid;grid-template-columns:repeat(var(--room-slot-count, 4),minmax(0,1fr));gap:4px}.room-lobby-card-slot{min-width:0;height:8px;border:1px solid #0a1b13;border-radius:3px;background:#c4f0dc}.room-lobby-card-slot.is-filled{background:var(--room-card-accent, #0c7d48)}.room-lobby-card .room-lobby-card-slots{--room-slot-count: 4}.room-lobby-card-action{width:100%;min-width:0;min-height:38px;padding:0 12px;justify-content:center;color:#fff;background:#0c7d48;box-shadow:0 4px #0e6a3f,0 4px #000;font-size:.68rem;letter-spacing:.12em}.room-lobby-card[data-room-capacity="2"] .room-lobby-card-slots{--room-slot-count: 2}.room-lobby-card[data-room-capacity="3"] .room-lobby-card-slots{--room-slot-count: 3}.room-lobby-card[data-room-capacity="4"] .room-lobby-card-slots{--room-slot-count: 4}.room-lobby-card[data-room-capacity="5"] .room-lobby-card-slots{--room-slot-count: 5}.room-lobby-card[data-room-capacity="6"] .room-lobby-card-slots{--room-slot-count: 6}.room-lobby-card[data-room-capacity="7"] .room-lobby-card-slots{--room-slot-count: 7}.room-lobby-card[data-room-capacity="8"] .room-lobby-card-slots{--room-slot-count: 8}.room-lobby-card[data-room-capacity="9"] .room-lobby-card-slots{--room-slot-count: 9}.room-lobby-card[data-room-capacity="10"] .room-lobby-card-slots{--room-slot-count: 10}.room-lobby-card-action.is-actionable{color:#fff;background:var(--room-card-accent, #0c7d48);box-shadow:0 4px 0 var(--room-card-shadow, #0e6a3f),0 4px #000}.room-card-private .room-lobby-card-action.is-actionable,.room-card-private .room-lobby-card-action,.room-card-match .room-lobby-card-action.is-actionable{color:#0a1b13}.room-lobby-card-action:disabled{opacity:1;color:#3f5a4d;background:#cce6da;box-shadow:0 4px #83aa98,0 4px #000}.lobby-browser-empty{display:grid;place-items:center;min-height:220px;padding:32px 20px;border:4px dashed rgba(0,0,0,.2);border-radius:18px;color:#fffffff5;font-size:1rem;font-weight:900;text-align:center;text-transform:uppercase}.lobby-browser-empty-action{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border:4px dashed rgba(0,0,0,.7);border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff8dc38;box-shadow:none;color:#172d23;font:inherit;font-size:1.05rem;font-weight:900;letter-spacing:.18em;line-height:1;text-transform:uppercase;cursor:pointer;transition:transform .12s ease,background .12s ease}.lobby-browser-empty-action:hover,.lobby-browser-empty-action:focus-visible{outline:none;filter:none;transform:translateY(-1px);background:#fff8dc57}.lobby-browser-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;border-top:4px solid #000;background:#10241b;color:#b3f1d4;font-size:.74rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.lobby-dialog{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:28px;overflow:hidden}.lobby-dialog[hidden]{display:none}.lobby-dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a1b136b}.lobby-dialog-card{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;width:min(520px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:22px 22px 18px;border:4px solid #000;border-radius:18px;background:#fff;box-shadow:0 8px #00000038;overflow:hidden}.lobby-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.lobby-dialog-kicker{color:#5a7a6b;font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.lobby-dialog-title{margin:6px 0 0;color:#0a1b13;font-size:1.5rem;font-weight:900;font-style:italic;letter-spacing:-.06em;word-spacing:.16em;text-transform:uppercase}.lobby-dialog-close{min-height:38px;padding:0 14px;border:4px solid #000;border-radius:0;background:#daece3;box-shadow:0 4px #abc7ba,0 4px #000;color:#0a1b13;font-size:.8rem;font-weight:900;text-transform:uppercase}.lobby-dialog-body{display:grid;gap:12px;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-right:2px}.lobby-dialog-body .field-label{margin-bottom:0;color:#0a1b13}.lobby-dialog-body input,.lobby-dialog-body select{min-height:44px;border:4px solid #000;border-radius:0;background:#ecf7f2;box-shadow:none;color:#0a1b13;font-size:.9rem;font-weight:700}.arcade-select{position:relative;width:100%}.arcade-select.is-open{z-index:12}.arcade-select-native{position:absolute;top:0;left:0;width:0;height:0;min-height:0;padding:0;border:0!important;opacity:0;pointer-events:none}.arcade-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;padding:8px 10px 8px 12px;border:4px solid #000;border-radius:14px;background:linear-gradient(180deg,#00a558,#13824e);box-shadow:4px 4px #ff8c00;color:#fff;letter-spacing:0;text-transform:none}.arcade-select-trigger:hover:not(:disabled){transform:translate(-1px,-1px);filter:none;box-shadow:5px 5px #ff8c00}.arcade-select-trigger:active:not(:disabled),.arcade-select.is-open .arcade-select-trigger{transform:translate(2px,2px);filter:none;box-shadow:2px 2px #ff8c00}.arcade-select-trigger:disabled{cursor:not-allowed;opacity:.74;background:linear-gradient(180deg,#17e283,#27be78);box-shadow:4px 4px #83aa98eb}.arcade-select-trigger-main{display:flex;align-items:center;gap:12px;min-width:0}.arcade-select-trigger-label{min-width:0;overflow:hidden;color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;font-weight:900;font-style:italic;letter-spacing:-.04em;line-height:1.1;text-align:left}.arcade-select-trigger-icon,.arcade-select-option-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:32px;height:32px;border:3px solid #000;border-radius:10px;background:#fff;color:#0e6a3f}.arcade-select-trigger-icon>svg,.arcade-select-option-icon>svg{width:18px;height:18px;stroke-width:2.4}.arcade-select-trigger-caret{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;border:3px solid #000;border-radius:10px;background:#ff8c00;color:#0a1b13}.arcade-select-trigger-caret>svg{width:16px;height:16px;stroke-width:2.8;transition:transform .12s ease}.arcade-select.is-open .arcade-select-trigger-caret>svg{transform:rotate(180deg)}.arcade-select-menu{position:absolute;top:calc(100% + 10px);left:0;right:0;display:grid;gap:6px;padding:8px;border:4px solid #000;border-radius:16px;background:#fff;box-shadow:6px 6px #0a1b133d}.arcade-select-menu[hidden]{display:none}.arcade-select-option{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 12px;border:3px solid #000;border-radius:12px;background:#fff;box-shadow:none;color:#0a1b13;font-size:.92rem;font-weight:900;letter-spacing:0;line-height:1.1;text-transform:none}.arcade-select-option:hover:not(:disabled),.arcade-select-option:focus-visible{transform:none;filter:none;background:#ff8c00;color:#fff}.arcade-select-option.is-selected{background:#baffdf}.arcade-select-option.is-selected:hover:not(:disabled),.arcade-select-option.is-selected:focus-visible{background:#ff8c00}.arcade-select-option:disabled{opacity:.56}.arcade-select-option-label{flex:1 1 auto;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.arcade-select-option-mark{width:16px;height:16px;opacity:0}.arcade-select-option-mark>svg{width:100%;height:100%;stroke-width:3}.arcade-select-option.is-selected .arcade-select-option-mark{opacity:1}.lobby-dialog-map-preview{display:grid;grid-template-columns:148px minmax(0,1fr);gap:12px;padding:10px;border:4px solid #000;background:#afffda}.lobby-dialog-map-preview img{min-height:110px;border:3px solid #000;background:#fff}.lobby-dialog-map-preview-copy{display:grid;align-content:center;gap:6px}.lobby-dialog-map-preview-label{color:#0a1b13;font-size:1rem;font-weight:900;letter-spacing:-.04em;text-transform:uppercase}.lobby-dialog-password-field[hidden]{display:none}.lobby-dialog-actions{display:flex;justify-content:flex-end}.lobby-dialog-actions button{min-width:158px;min-height:44px;border:4px solid #000;border-radius:0;background:#f97316;box-shadow:0 4px #9a3412,0 4px #000;color:#fff}.lobby-dialog-actions button:disabled{opacity:.82}.match-exit-dialog-card{width:min(460px,calc(100% - 24px));gap:16px}.match-exit-dialog-body{gap:0}.match-exit-dialog-question{margin:0;color:#0a1b13;font-size:1.16rem;font-weight:900;line-height:1.5;text-align:center}.match-exit-dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.match-exit-dialog-actions button{min-height:46px;border:4px solid #000;border-radius:0;font-size:.92rem;font-weight:900;text-transform:uppercase}.match-exit-dialog-cancel{background:#daece3;box-shadow:0 4px #abc7ba,0 4px #000;color:#0a1b13}.match-exit-dialog-confirm{background:#f97316;box-shadow:0 4px #9a3412,0 4px #000;color:#fff}.match-exit-dialog-actions button:disabled{opacity:.82}.room-view{flex-direction:column}.ready-room-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-content:start;width:100%;height:100%;min-height:0;border:4px solid #000;border-radius:26px;background:radial-gradient(circle at top,rgba(0,242,129,.16),transparent 24%),linear-gradient(180deg,#0bac61,#129257 38%,#198251);box-shadow:0 10px #0000002e,0 30px 56px #07251747;overflow:hidden}.ready-room-header,.ready-room-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:4px solid #000;background:#fff}.ready-room-footer{justify-content:flex-start;border-top:4px solid #000;border-bottom:0;background:linear-gradient(180deg,#158953,#127145)}.ready-room-header{justify-content:space-between}.ready-room-brand{display:flex;align-items:center;gap:16px;min-width:0}.ready-room-brand-mark{display:grid;place-items:center;flex:0 0 auto;width:54px;height:54px;border:4px solid #000;border-radius:14px;background:#079955;box-shadow:4px 4px #000}.ready-room-brand-mark .ui-icon-brand{width:28px;height:28px;color:#fff}.ready-room-brand-title{color:#0a1b13;font-size:clamp(1.5rem,2.4vw,2.15rem);font-weight:900;font-style:italic;letter-spacing:-.05em;line-height:.95;text-transform:uppercase}.ready-room-brand-subtitle{margin-top:4px;color:#5a7a6b;font-size:.8rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.ready-room-header-pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.ready-room-header-pill{display:inline-flex;align-items:center;min-height:48px;padding:0 16px;border:3px solid #000;border-radius:14px;background:#ccffe7;color:#2c4539;font-size:.94rem;font-weight:900;text-transform:uppercase;box-shadow:inset 0 -2px #83aa9847}.ready-room-header-pill-player{color:#2c4539;letter-spacing:0;text-transform:none}.ready-room-header-pill-player:hover:not(:disabled),.ready-room-header-pill-player:active:not(:disabled){background:#c0f6dd}.ready-room-header-pill-accent{background:#e8ffe6;color:#14532d}.ready-room-header-pill-lobby{background:#ccffe7;color:#172d23}.ready-room-header-pill-starting{background:#fef3c7;color:#92400e}.ready-room-header-pill-in-match{background:#9afcce;color:#0e6a3f}.ready-room-header-pill-ended{background:#e2e8e5;color:#3f5a4d}.ready-room-body{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.5fr);gap:12px;height:auto;min-height:0;padding:14px;align-content:start;overflow:hidden}.ready-room-main,.ready-room-side{display:grid;gap:12px;min-height:0;align-content:start;overflow:visible}.ready-room-main{grid-template-rows:minmax(0,1fr) auto}.ready-room-side{grid-template-rows:auto minmax(0,1fr)}.ready-room-card{display:grid;gap:12px;min-height:0;padding:14px;border:4px solid #000;border-radius:18px;background:#ffffffe6;box-shadow:0 5px #0000008c}.ready-room-card-label{color:#2c4539;font-size:.76rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.ready-room-team-stack{display:grid;gap:12px;grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-content:stretch;min-height:0;padding-right:4px;overflow:hidden}.ready-room-team-board{display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;min-height:0;padding:16px;border:4px solid #000;border-radius:16px;box-shadow:0 5px #00000073;overflow:hidden}.ready-room-team-board-red{background:linear-gradient(180deg,#ff5a5f,#f14147)}.ready-room-team-board-blue{background:linear-gradient(180deg,#ffd84f,#fbbf24)}.ready-room-team-board-blue .ready-room-team-title{color:#172d23}.ready-room-team-board-neutral{background:linear-gradient(180deg,#edfff6,#c2f7de)}.ready-room-team-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ready-room-team-title{color:#fff;font-size:1.05rem;font-weight:900;line-height:1;text-transform:uppercase}.ready-room-team-board-neutral .ready-room-team-title{color:#172d23}.ready-room-team-chip{min-height:32px;padding:0 12px;border:3px solid #000;border-radius:999px;background:#ffffffeb;color:#0a1b13;font-size:.72rem;font-weight:900;line-height:26px;text-transform:uppercase;box-shadow:0 3px #000000b8}.ready-room-team-grid{display:grid;grid-template-columns:repeat(var(--ready-room-team-columns, 2),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:12px;min-height:0;align-content:stretch;align-items:stretch;overflow:hidden}.ready-room-slot{display:flex;flex-direction:column;gap:8px;height:100%;min-height:146px;padding:12px;border:3px solid #000;border-radius:12px;background:#fffffff0;box-shadow:0 4px #0000007a}.ready-room-slot.is-joinable{cursor:pointer}.ready-room-slot.is-joinable:hover,.ready-room-slot.is-joinable:focus-visible{outline:none;box-shadow:inset 0 0 0 4px #07995538,0 4px #0000007a}.ready-room-slot.is-local{box-shadow:inset 0 0 0 4px #07995542,0 4px #0000007a}.ready-room-slot-red .ready-room-slot-art{background:linear-gradient(180deg,#fff5f5,#ffe4e6)}.ready-room-slot-blue .ready-room-slot-art{background:linear-gradient(180deg,#fff9db,#fef3c7)}.ready-room-slot-neutral .ready-room-slot-art{background:linear-gradient(180deg,#f6fbf9,#daece3)}.ready-room-slot-empty{justify-content:center;align-items:center;border-style:dashed;background:#ffffff1f;box-shadow:none}.ready-room-slot-art{display:grid;place-items:center;min-height:78px;border:3px solid #000;border-radius:10px;overflow:hidden}.ready-room-slot-portrait{width:72px;height:72px;object-fit:contain;image-rendering:auto;transform:translateY(2px)}.ready-room-slot-name{color:#0a1b13;font-size:.9rem;font-weight:900;text-transform:uppercase}.ready-room-slot-copy{display:grid;gap:4px}.ready-room-slot-meta{margin-top:4px;color:#5a7a6b;font-size:.72rem;font-weight:900;letter-spacing:.04em;line-height:1.45;text-transform:uppercase}.ready-room-slot-flags{display:flex;flex-wrap:nowrap;gap:6px;min-height:26px;margin-top:auto}.ready-room-slot-empty{color:#ffffffe6}.ready-room-team-board-blue .ready-room-slot-empty,.ready-room-team-board-blue .ready-room-slot-empty .ready-room-slot-empty,.ready-room-team-board-blue .ready-room-slot-empty-meta{color:#172d23e0}.ready-room-slot-empty .ready-room-slot-empty{color:#ffffffe0;font-size:.88rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.ready-room-slot-empty-meta{margin-top:4px;color:#ffffffc7;font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.ready-room-summary-card,.ready-room-chat-card{align-content:start}.ready-room-summary-card{grid-template-rows:auto auto}.ready-room-summary{display:grid;gap:12px}.ready-room-summary-map{position:relative;width:min(100%,232px);height:164px;min-height:0;justify-self:center;border:4px solid #000;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#ffd196,#f2ba71)}.ready-room-summary-map-label{position:relative;z-index:1;position:absolute;left:12px;bottom:12px;max-width:calc(100% - 120px);padding:8px 12px;border-radius:10px;background:#0a1b13c2;color:#fff;font-size:.92rem;font-weight:900;letter-spacing:-.04em;text-transform:uppercase}.ready-room-summary-map-stamp{position:absolute;right:12px;bottom:12px;z-index:1;min-height:30px;padding:0 10px;border:3px solid #000;border-radius:10px;background:#ffffffeb;color:#0a1b13;font-size:.72rem;font-weight:900;line-height:24px;text-transform:uppercase;box-shadow:0 3px #000000b8}.ready-room-summary-grid{display:grid;gap:10px}.ready-room-summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:3px solid #000;border-radius:12px;background:#f6fbf9;color:#5a7a6b;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.ready-room-summary-row strong{color:#0a1b13;font-size:.8rem;letter-spacing:.04em}.ready-room-chat-card{grid-template-rows:auto minmax(0,1fr) auto}.ready-room-chat-head{display:flex;align-items:center;justify-content:space-between}.ready-room-chat-list{min-height:0;padding:12px;border:3px solid #000;border-radius:12px;background:#f6fbf9;overflow:auto}.ready-room-chat-list .chat-entry,.ready-room-chat-list .empty-state{border:0;border-radius:0;background:transparent;box-shadow:none;padding:0}.ready-room-chat-list .chat-entry+.chat-entry{margin-top:8px;padding-top:8px;border-top:2px solid rgba(10,27,19,.08)}.ready-room-chat-list .chat-entry{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:baseline;column-gap:8px;color:#5a7a6b;font-size:.86rem;font-weight:700;line-height:1.5}.ready-room-chat-list .chat-entry-author{display:inline-block;color:#ef4444;font-weight:900;line-height:inherit}.ready-room-chat-list .chat-entry:nth-child(2n) .chat-entry-author{color:#0c7d48}.ready-room-chat-list .chat-entry-text{color:#5a7a6b;min-width:0;overflow-wrap:anywhere;line-height:inherit}.ready-room-chat-compose{gap:0;align-items:stretch}.ready-room-chat-compose input{width:100%;border:4px solid #000;border-radius:0;background:#f6fbf9;color:#0a1b13;min-height:56px;padding:14px 16px;font-size:.95rem;font-weight:700}.ready-room-loadout-row{display:grid;grid-template-columns:minmax(250px,.6fr) minmax(0,1.4fr);gap:12px;align-content:start;align-items:stretch;min-height:0}.ready-room-loadout-card{align-content:start}.ready-room-loadout-stats{display:grid;gap:12px}.ready-room-loadout-copy{display:grid;gap:6px}.ready-room-loadout-name{color:#0a1b13;font-size:1.15rem;font-weight:900;text-transform:uppercase}.ready-room-loadout-meta{color:#0c7d48;font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.ready-room-loadout-note{color:#5a7a6b;font-size:.8rem;font-weight:800;line-height:1.45}.ready-room-loadout-bars{display:grid;gap:12px}.ready-room-loadout-bar{display:grid;gap:6px}.ready-room-loadout-bar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#2c4539;font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.ready-room-loadout-bar-head strong{color:#0a1b13;font-size:.8rem}.ready-room-loadout-bar-track{overflow:hidden;height:12px;border:3px solid #000;border-radius:999px;background:#caecdc}.ready-room-loadout-bar-fill{height:100%;box-sizing:border-box;border-radius:inherit}.ready-room-loadout-bar-fill:not(.is-maxed){border-right:3px solid rgba(255,255,255,.8)}.ready-room-loadout-bar-fill-speed{background:linear-gradient(90deg,#06ba66,#0c7d48)}.ready-room-loadout-bar-fill-armor{background:linear-gradient(90deg,#fb7185,#ef4444)}.ready-room-loadout-bar-fill-power{background:linear-gradient(90deg,#facc15,#f59e0b)}.ready-room-selection-card{grid-template-rows:auto minmax(0,1fr) auto}.ready-room-selection-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ready-room-selection-hint{margin-top:6px;color:#5a7a6b;font-size:.8rem;font-weight:800;line-height:1.45}.ready-room-selection-hint:empty{display:none}.ready-room-footer-actions button{min-height:44px;border:4px solid #000;border-radius:0;background:#f6fbf9;color:#0a1b13;box-shadow:0 4px #83aa98bf,0 4px #000}.ready-room-hidden-control{display:none}.ready-room-character-tray{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px}.ready-room-color-tray{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;margin-top:12px}.ready-room-color-tile{position:relative;aspect-ratio:1 / 1;display:grid;place-items:center;border:3px solid #000;border-radius:8px;background:#cbf9e3;cursor:pointer;padding:4px;overflow:hidden}.ready-room-color-portrait{width:100%;height:100%;object-fit:contain;image-rendering:auto}.ready-room-color-tile.is-active{outline:3px solid #facc15;outline-offset:2px;background:#fff7cc}.ready-room-color-tile.is-locked{filter:grayscale(.6) brightness(.7);cursor:not-allowed}.ready-room-color-tile:disabled{opacity:.85}.ready-room-color-lock{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:28px;font-weight:800;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.85);pointer-events:none}.ready-room-character-tile{display:grid;gap:8px;justify-items:center;min-height:116px;padding:10px 8px;border:3px solid #000;border-radius:10px;background:#cbf9e3;box-shadow:inset 0 -2px #5a7a6b3d}.ready-room-character-tile.is-active{background:#fff7cc;box-shadow:inset 0 0 0 3px #facc15}.ready-room-character-tile:disabled{opacity:.6}.ready-room-character-tile-frame{display:grid;place-items:center;width:100%;min-height:78px;border:3px solid rgba(10,27,19,.35);border-radius:8px;background:#ffffffb8}.ready-room-character-portrait{width:72px;height:72px;object-fit:contain;image-rendering:auto;transform:translateY(2px)}.ready-room-character-tile-name{color:#2c4539;font-size:.68rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.ready-room-footer-queue{display:flex;align-items:center;flex:1 1 auto;min-width:0}.ready-room-footer-queue-list{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:38px}.ready-room-footer-queue-pill{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:3px solid #000;border-radius:999px;background:#fffffff5;color:#0a1b13;font-size:.8rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 3px #0000007a}.ready-room-footer-queue-pill.is-local{background:#fde68a}.ready-room-footer-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-inline-start:auto}.ready-room-footer-actions #readyBtn{color:#03341d;background:#11dd7e;box-shadow:0 4px #079955,0 4px #000}.ready-room-footer-actions #readyBtn.is-selected{color:#fff7ed;background:#f97316;box-shadow:0 4px #c2410c,0 4px #000}.ready-room-footer-actions #startBtn{color:#0a1b13;background:#facc15;box-shadow:0 4px #ca8a04,0 4px #000}.ready-room-footer-actions #startBtn.is-actionable{color:#0a1b13}.ready-room-footer-actions #startBtn:disabled{color:#7c6f34;background:#f3e7a9;border-color:#000;box-shadow:0 4px #c6b675,0 4px #000}.ready-room-footer-actions #leaveBtn{background:#daece3}.match-view{flex-direction:column}.match-view.is-fullscreen-view{overflow:hidden}html.match-fullscreen-active,body.match-fullscreen-active{height:100%;overflow:hidden;overscroll-behavior:none}.match-shell{display:grid;grid-template-rows:auto minmax(0,1fr);align-content:start;width:100%;height:100%;min-height:0;border:4px solid #000;border-radius:26px;background:radial-gradient(circle at top,rgba(0,242,129,.18),transparent 24%),linear-gradient(180deg,#0bac61,#129257 38%,#198251);box-shadow:0 10px #0000002e,0 30px 56px #07251747;overflow:hidden}.match-shell.is-fullscreen-shell{width:100vw;height:100dvh;min-height:100dvh;border-width:0;border-radius:0;box-shadow:none}.match-shell.is-pseudo-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200}.match-shell.is-fullscreen-shell .match-header{padding-top:calc(16px + env(safe-area-inset-top,0px));padding-right:max(18px,calc(18px + env(safe-area-inset-right,0px)));padding-left:max(18px,calc(18px + env(safe-area-inset-left,0px)))}.match-shell.is-fullscreen-shell .match-body{align-content:stretch;padding-right:max(14px,calc(14px + env(safe-area-inset-right,0px)));padding-bottom:max(14px,calc(14px + env(safe-area-inset-bottom,0px)));padding-left:max(14px,calc(14px + env(safe-area-inset-left,0px)))}.match-shell.is-fullscreen-shell .match-body,.app-shell[data-mode=in_match] .match-shell.is-fullscreen-shell .match-body,.app-shell[data-mode=post_match_pending] .match-shell.is-fullscreen-shell .match-body,.app-shell[data-mode=post_match] .match-shell.is-fullscreen-shell .match-body{grid-template-columns:minmax(170px,.25fr) minmax(0,2.8fr) minmax(170px,.25fr)}.match-shell.is-fullscreen-shell .match-center-column,.match-shell.is-fullscreen-shell .match-side,.match-shell.is-fullscreen-shell .stage-frame{min-height:0}.match-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:4px solid #000;background:#fff}.match-brand{display:flex;align-items:center;gap:16px;min-width:0}.match-brand-mark{display:grid;place-items:center;flex:0 0 auto;width:52px;height:52px;border:4px solid #000;border-radius:14px;background:#079955;box-shadow:4px 4px #000}.match-brand-mark .ui-icon-brand{width:27px;height:27px;color:#fff}.match-brand-title{color:#0a1b13;font-size:clamp(1.45rem,2.2vw,2rem);font-weight:900;font-style:italic;letter-spacing:-.05em;line-height:1;text-transform:uppercase}.match-brand-subtitle{margin-top:4px;color:#5a7a6b;font-size:.8rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.match-scoreboard{display:inline-grid;grid-template-columns:auto auto auto;align-items:center;gap:18px;padding:10px 20px;border:4px solid #000;border-radius:999px;background:#1f6e49;box-shadow:inset 0 -3px #09281a52}.match-score-block{display:grid;gap:2px;min-width:112px;color:#fff;text-align:center;text-transform:uppercase}.match-score-block span{color:#ffffffc7;font-size:.7rem;font-weight:900;letter-spacing:.16em}.match-score-block strong{font-size:clamp(1.35rem,2vw,1.85rem);line-height:1}.match-score-divider{width:2px;height:42px;background:#fff3}.match-header-tools{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px}.match-feed-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:3px solid #000;border-radius:999px;background:#0a1b13;box-shadow:0 4px #0109057a;color:#daece3;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.match-feed-toggle:hover:not(:disabled),.match-feed-toggle:active:not(:disabled){transform:none;filter:none}.match-feed-toggle:hover:not(:disabled){background:#172d23}.match-feed-toggle.is-open{background:#172d23}.match-header-action{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:3px solid #000;border-radius:999px;background:#ffe6dd;color:#7c2d12;font-size:.8rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;box-shadow:inset 0 -2px #9a34122e}.match-header-action:hover:not(:disabled),.match-header-action:active:not(:disabled){background:#ffd7cc}.match-fullscreen-toggle{background:#befde0;color:#0a5532;box-shadow:inset 0 -2px #02733e29}.match-fullscreen-toggle:hover:not(:disabled),.match-fullscreen-toggle:active:not(:disabled){background:#78ffc0}.match-fullscreen-toggle.is-active{background:#9afcce;color:#0e6a3f}.match-header-action .ui-icon{width:16px;height:16px}.match-header-tools #debugSnapshotBtn{min-height:44px;border:4px solid #000;border-radius:0;box-shadow:0 4px #0e6a3f,0 4px #000}.match-local-pill{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 14px 0 10px;border:3px solid #000;border-radius:999px;background:#ccffe7;color:#2c4539;font-size:.95rem;font-weight:900;box-shadow:inset 0 -2px #83aa9847;cursor:pointer;letter-spacing:0;text-transform:none}.match-local-pill:hover:not(:disabled),.match-local-pill:active:not(:disabled){background:#c0f6dd}.match-local-pill-avatar{width:32px;height:32px;border:2px solid #000;border-radius:999px;background:#fff;object-fit:contain;image-rendering:pixelated}.match-body{position:relative;display:grid;grid-template-columns:minmax(230px,.5fr) minmax(0,1.5fr) minmax(240px,.55fr);gap:12px;min-height:0;padding:14px;align-content:start}.app-shell[data-mode=in_match] .match-body,.app-shell[data-mode=post_match_pending] .match-body,.app-shell[data-mode=post_match] .match-body{grid-template-columns:minmax(210px,.34fr) minmax(0,2.2fr) minmax(210px,.34fr)}.match-side,.match-center-column{display:grid;gap:12px;min-height:0}.match-side{grid-auto-rows:min-content;align-content:start}.match-center-column{grid-template-rows:minmax(0,1fr) auto}.match-center-footer{display:grid;gap:8px}.match-card{display:grid;gap:12px;min-height:0;padding:14px;border:4px solid #000;border-radius:18px;background:#ffffffeb;box-shadow:0 5px #0000008c}.match-card-label{color:#2c4539;font-size:.76rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.match-player-list{display:grid;gap:12px;min-height:0;overflow:auto}.match-team-groups{display:grid;gap:12px}.match-team-group{display:grid;gap:10px;padding:10px;border:3px solid #000;border-radius:16px;background:#edfff6;box-shadow:inset 0 -3px #0a1b1314}.match-team-group-red{background:linear-gradient(180deg,#fff5f5,#ffe4e6)}.match-team-group-blue{background:linear-gradient(180deg,#fffbe6,#fef3c7)}.match-team-group-players{display:grid;gap:8px}.match-player-entry{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center;padding:8px;border:2px solid rgba(10,27,19,.2);border-radius:14px;background:#ffffffb8}.match-player-entry.is-local{border:3px solid #000;background:#fff;box-shadow:0 3px #0a1b131f}.match-player-avatar-wrap{display:grid;place-items:center;width:54px;height:54px;border:2px solid #000;border-radius:12px;background:linear-gradient(180deg,#fff,#cfffe9)}.match-player-avatar{width:42px;height:42px;object-fit:contain;image-rendering:pixelated}.match-player-name{color:#0a1b13;font-size:.86rem;font-weight:900;line-height:1.1;word-break:break-word}.match-shell .stage-frame{position:relative;display:grid;place-items:center;padding:12px;border:4px solid #000;border-radius:20px;background:#fff;box-shadow:0 5px #0000008c}.match-stage-mobile-hud{position:absolute;top:14px;left:14px;right:14px;z-index:3;display:none;grid-template-columns:repeat(4,minmax(0,max-content));justify-content:space-between;gap:8px;pointer-events:none}.match-stage-mobile-chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:3px solid #000;border-radius:999px;background:#fffffff5;color:#0a1b13;box-shadow:0 3px #00000073}.match-stage-mobile-chip .ui-icon{width:15px;height:15px;color:#0c7d48}.match-stage-mobile-chip strong{font-size:.76rem;font-weight:900;letter-spacing:.06em;line-height:1;text-transform:uppercase}.match-shell .stage-surface{width:100%;max-width:100%;max-height:100%;aspect-ratio:var(--stage-aspect-ratio, 4 / 3);min-height:0;padding:10px;border-radius:14px;background:#c4ffe3;box-shadow:inset 0 0 0 4px #000}.match-shell #game{width:100%;height:100%;min-height:0}.match-center-column #game canvas{width:auto;height:auto;max-width:100%;max-height:100%;border-radius:10px;box-shadow:0 10px 28px #0a1b1338}.match-mobile-controls{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;user-select:none;-webkit-user-select:none}.match-mobile-move-surface{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;touch-action:none}.match-mobile-joystick{position:absolute;left:var(--joystick-anchor-x, -999px);top:var(--joystick-anchor-y, -999px);width:176px;height:176px;opacity:0;transform:translate(-50%,-50%);transition:opacity .12s ease-out;pointer-events:none}.match-mobile-joystick.is-active{opacity:1}.match-mobile-joystick-base,.match-mobile-joystick-thumb{position:absolute;left:50%;top:50%;border-radius:999px;transform:translate(-50%,-50%)}.match-mobile-joystick-base{width:128px;height:128px;border:2px solid rgba(255,255,255,.48);background:radial-gradient(circle at center,#ffffff42,#83aa9824 55%,#0a1b130f);box-shadow:inset 0 0 0 1px #0a1b131f,0 10px 26px #0a1b1338;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.match-mobile-joystick-thumb{width:62px;height:62px;border:2px solid rgba(255,255,255,.72);background:radial-gradient(circle at 30% 30%,#fffffff5,#04f886c7 45%,#07995570);box-shadow:inset 0 -4px 10px #0e6a3f2e,0 10px 20px #0a1b133d;transform:translate(calc(-50% + var(--joystick-thumb-x, 0px)),calc(-50% + var(--joystick-thumb-y, 0px)))}.match-mobile-bomb-button .ui-icon{width:24px;height:24px}.match-mobile-bomb-button .ui-icon>svg{stroke-width:2.8}.match-mobile-bomb-button{position:absolute;right:20px;bottom:20px;z-index:5;pointer-events:auto;display:grid;place-items:center;width:104px;height:104px;border:2px solid rgba(255,255,255,.72);border-radius:999px;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.88) 0%,rgba(255,255,255,.08) 26%,transparent 30%),linear-gradient(180deg,#fb7185db,#ef4444d6);color:#fff;box-shadow:inset 0 -10px 16px #7f1d1d4d,0 12px 28px #0a1b135c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);touch-action:manipulation;opacity:.88}.match-mobile-bomb-button:active:not(:disabled){opacity:1;transform:scale(.96)}.match-mobile-bomb-button:disabled{opacity:.55}.match-feed-card{grid-template-rows:auto minmax(0,1fr) auto auto}.match-feed-list{display:grid;gap:8px;min-height:0;max-height:140px;overflow:auto}.match-feed-entry{color:#2c4539;font-size:.82rem;line-height:1.45}.match-feed-entry strong{color:#0a1b13}.match-feed-entry[data-kind=chat] strong{color:#0c7d48}.match-meta-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.match-meta-pills .status-pill,.match-debug-status{min-height:38px;padding:8px 12px;border:3px solid #000;border-radius:12px;background:#ccffe7;color:#3f5a4d;box-shadow:none}.match-debug-status{font-size:.75rem;line-height:1.45}.match-feed-drawer{position:absolute;top:0;right:0;bottom:0;z-index:12;display:flex;flex-direction:column;gap:12px;width:min(360px,calc(100% - 24px));padding:14px;border:4px solid #000;border-radius:20px;background:#f6fbf9fa;box-shadow:0 18px 42px #0a1b1347;transform:translate(calc(100% + 24px));visibility:hidden;pointer-events:none;transition:transform .18s ease,visibility .18s ease}.match-shell.is-fullscreen-shell .match-feed-drawer{top:max(8px,env(safe-area-inset-top,0px));right:max(8px,env(safe-area-inset-right,0px));bottom:max(8px,env(safe-area-inset-bottom,0px))}.match-feed-drawer.is-open{transform:translate(0);visibility:visible;pointer-events:auto}.match-feed-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#0a1b13;font-size:.8rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.match-feed-head button{min-height:32px;padding:0 10px;border:3px solid #000;border-radius:999px;background:#ccffe7;box-shadow:none;color:#2c4539;font-size:.72rem;letter-spacing:.06em}.match-feed-head button:hover:not(:disabled),.match-feed-head button:active:not(:disabled){transform:none;box-shadow:none}.match-feed-drawer-list{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-height:0;overflow:auto;padding-right:2px}.match-feed-drawer .feed-entry{border:3px solid #000;border-radius:14px;background:#fff;box-shadow:none}.match-feed-drawer .feed-entry-kind{color:#5a7a6b}.match-feed-drawer .feed-entry[data-kind=chat] .feed-entry-kind{color:#0c7d48}.match-feed-drawer .feed-entry-text{color:#0a1b13}.match-feed-drawer .empty-state{min-height:84px;background:#edfff6;color:#5a7a6b}.match-inventory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.match-inventory-slot{position:relative;display:grid;place-items:center;gap:6px;width:100%;min-width:0;aspect-ratio:1 / 1;justify-items:center;min-height:0;padding:5px 3px 7px;border:3px solid #000;border-radius:14px;background:linear-gradient(180deg,#edfff6,#affcd8);box-shadow:inset 0 -3px #0c7d4829,0 4px #0a1b132e}.match-inventory-slot.is-active{background:linear-gradient(180deg,#f1fff8,#8affc8)}.match-inventory-slot:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:2px solid rgba(6,186,102,.38);border-radius:10px;pointer-events:none}.match-inventory-slot.is-empty{border-style:dashed;background:#ccffe77a;box-shadow:none}.match-inventory-slot.is-empty:before{border-style:solid;border-color:#5a7a6b38}.match-inventory-icon{display:grid;place-items:center;width:36px;height:36px;border:2px solid #000;border-radius:11px;background:linear-gradient(180deg,#fff,#cfffe9);box-shadow:0 3px #0a1b1329}.match-inventory-slot.is-empty .match-inventory-icon{background:#ffffffc2;box-shadow:none}.match-inventory-slot.is-empty .match-inventory-icon:after{content:"";width:18px;height:18px;border:2px solid rgba(63,90,77,.45);border-radius:6px;background:#ffffffe0}.match-inventory-art{width:28px;height:28px;object-fit:contain;image-rendering:pixelated}.match-inventory-value{position:absolute;top:-10px;right:-10px;z-index:1;justify-self:end;align-self:start;min-width:28px;padding:2px 6px;border:2px solid #000;border-radius:999px;background:#fff;box-shadow:0 2px #0a1b1329;color:#0a1b13;font-size:.66rem;font-weight:900;letter-spacing:.06em;text-transform:none;text-align:center;line-height:1}@media(max-width:1100px){.lobby-browser-registry .room-list{grid-template-columns:repeat(auto-fit,minmax(196px,1fr))}.ready-room-body,.ready-room-loadout-row{grid-template-columns:minmax(0,1fr)}.ready-room-footer{flex-direction:column;align-items:stretch}.ready-room-footer-actions{justify-content:stretch;margin-inline-start:0}.ready-room-footer-actions button{flex:1 1 180px}.app-shell[data-mode=in_room] .ready-room-body{grid-template-columns:minmax(0,1.58fr) minmax(232px,.42fr)}.app-shell[data-mode=in_room] .ready-room-loadout-row{grid-template-columns:minmax(210px,.52fr) minmax(0,1.48fr)}.app-shell[data-mode=in_room] .ready-room-footer{flex-direction:row;align-items:center}.app-shell[data-mode=in_room] .ready-room-footer-actions{justify-content:flex-end;margin-inline-start:auto}.app-shell[data-mode=in_room] .ready-room-footer-actions button{flex:0 0 auto}.match-body{grid-template-columns:minmax(0,1fr)}.match-side{grid-template-columns:repeat(2,minmax(0,1fr))}.match-feed-drawer{width:100%}}@media(max-width:1480px),(max-height:950px){.match-header{gap:12px;padding:12px 14px}.match-brand{gap:12px}.match-brand-mark{width:46px;height:46px}.match-brand-title{font-size:clamp(1.2rem,2vw,1.65rem)}.match-brand-subtitle{font-size:.68rem;letter-spacing:.08em}.match-scoreboard{gap:12px;padding:8px 14px}.match-score-block{min-width:96px}.match-header-tools{gap:10px}.match-header-action,.match-header-tools #debugSnapshotBtn,.match-local-pill{min-height:40px}.match-body{display:flex;flex-direction:column;overflow:auto;padding:10px}.match-center-column{order:-1;grid-template-rows:minmax(0,1fr) auto;min-height:clamp(600px,calc(100dvh - 210px),940px)}.match-body>*,.match-center-column>*{flex:0 0 auto}.match-side{grid-template-columns:repeat(2,minmax(0,1fr))}.match-card{padding:12px}.match-shell .stage-frame{min-height:clamp(500px,calc(100dvh - 290px),780px);padding:8px}.match-shell .stage-surface{padding:8px}.match-feed-list,.match-player-list{max-height:none}}@media(max-height:940px){.room-view,.match-view{height:auto;min-height:100%}.app-shell[data-mode=in_room] .room-view{height:100%;min-height:0}.ready-room-shell{min-height:0}.ready-room-body{gap:10px;padding:10px;overflow:hidden}.ready-room-main{grid-template-rows:minmax(0,1.38fr) minmax(0,.62fr)}.ready-room-side{grid-template-rows:auto minmax(0,1fr)}.ready-room-main,.ready-room-side,.ready-room-loadout-row,.ready-room-team-stack{gap:12px}.ready-room-header,.ready-room-footer{gap:12px;padding:10px 12px}.ready-room-brand-mark{width:44px;height:44px}.ready-room-header-pill{min-height:40px;padding:0 14px;font-size:.86rem}.ready-room-team-stack{grid-auto-rows:minmax(0,1fr);padding-right:0;overflow:hidden}.ready-room-card,.ready-room-team-board{gap:10px;padding:10px}.ready-room-team-head{gap:10px}.ready-room-team-title{font-size:.96rem}.ready-room-team-chip{min-height:28px;padding:0 10px;font-size:.66rem;line-height:22px}.ready-room-team-grid{gap:8px}.ready-room-slot{min-height:0;padding:8px;gap:6px}.ready-room-slot-art{flex:0 0 48px;min-height:48px}.ready-room-slot-portrait{width:44px;height:44px}.ready-room-slot-name{font-size:.76rem;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ready-room-slot-copy{gap:2px}.ready-room-slot-flags{min-height:20px;gap:4px;margin-top:auto}.ready-room-slot .tiny-pill{min-height:20px;padding:0 6px;border-width:2px;font-size:.58rem;box-shadow:0 1px 0 0 var(--line)}.ready-room-loadout-row{min-height:0;grid-template-columns:minmax(164px,.42fr) minmax(0,1.58fr);gap:8px;align-content:stretch}.ready-room-loadout-stats,.ready-room-loadout-bars{gap:10px}.ready-room-loadout-name{font-size:1rem}.ready-room-loadout-bar{gap:4px}.ready-room-selection-hint{display:none}.ready-room-loadout-card,.ready-room-selection-card,.ready-room-summary-card,.ready-room-chat-card{overflow:hidden}.ready-room-selection-card{grid-template-rows:auto minmax(0,1fr)}.ready-room-character-tray{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:4px;min-height:0;align-content:start}.ready-room-character-tile{min-height:0;gap:4px;padding:5px 4px}.ready-room-character-tile-frame{min-height:44px}.ready-room-character-portrait{width:40px;height:40px}.ready-room-character-tile-name{font-size:.56rem;letter-spacing:.04em}.ready-room-summary-map{display:none}.ready-room-summary-grid{gap:8px}.ready-room-summary-row{padding:8px 10px;font-size:.68rem}.ready-room-summary-row strong{font-size:.74rem}.ready-room-chat-compose input{min-height:44px;padding:10px 12px;font-size:.88rem}.ready-room-footer{flex-direction:column;align-items:stretch}.ready-room-footer-actions{justify-content:stretch;margin-inline-start:0}.ready-room-footer-actions button{flex:1 1 180px}.app-shell[data-mode=in_room] .ready-room-footer{flex-direction:row;align-items:center}.app-shell[data-mode=in_room] .ready-room-footer-actions{justify-content:flex-end;margin-inline-start:auto}.app-shell[data-mode=in_room] .ready-room-footer-actions button{flex:0 0 auto}.match-shell{grid-template-rows:auto auto;min-height:0}.match-body{display:flex;flex-direction:column;overflow:auto}.match-center-column{order:-1;grid-template-rows:auto auto}.match-body>*,.match-center-column>*{flex:0 0 auto}.match-side{grid-template-columns:repeat(2,minmax(0,1fr))}.match-feed-drawer{width:100%}}@media(max-height:700px){.app-shell[data-mode=in_room] .ready-room-loadout-card,.app-shell[data-mode=in_room] .ready-room-selection-card{padding:8px;gap:6px}.app-shell[data-mode=in_room] .ready-room-loadout-stats,.app-shell[data-mode=in_room] .ready-room-loadout-bars{gap:6px}.app-shell[data-mode=in_room] .ready-room-loadout-name{font-size:.92rem}.app-shell[data-mode=in_room] .ready-room-loadout-bar{gap:3px}.app-shell[data-mode=in_room] .ready-room-loadout-bar-head{font-size:.66rem}.app-shell[data-mode=in_room] .ready-room-loadout-bar-head strong{font-size:.72rem}.app-shell[data-mode=in_room] .ready-room-loadout-bar-track{height:10px;border-width:2px}.app-shell[data-mode=in_room] .ready-room-character-tray{gap:3px}.app-shell[data-mode=in_room] .ready-room-character-tile{gap:3px;padding:4px 3px}.app-shell[data-mode=in_room] .ready-room-character-tile-frame{min-height:38px;border-width:2px}.app-shell[data-mode=in_room] .ready-room-character-portrait{width:34px;height:34px}.app-shell[data-mode=in_room] .ready-room-character-tile-name{font-size:.52rem}}@media(max-width:860px){.app-shell[data-mode=authenticated],.app-shell[data-mode=browsing],.app-shell[data-mode=in_room],.app-shell[data-mode=in_match],.app-shell[data-mode=post_match_pending],.app-shell[data-mode=post_match]{padding:10px}.lobby-browser-header,.lobby-browser-hero,.lobby-browser-footer{flex-direction:column;align-items:stretch}.lobby-browser-header-tools,.lobby-browser-hero-actions{justify-content:flex-start}.lobby-browser-stage{padding:22px 18px 20px}.lobby-browser-main{grid-template-columns:minmax(0,1fr)}.lobby-browser-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-browser-registry .room-list{grid-template-columns:minmax(0,1fr)}.lobby-dialog{padding:16px}.lobby-dialog-card{width:100%;max-height:calc(100dvh - 24px)}.lobby-dialog-map-preview,.lobby-browser-sidebar{grid-template-columns:minmax(0,1fr)}.ready-room-header,.ready-room-selection-head{flex-direction:column;align-items:stretch}.ready-room-header-pills,.ready-room-footer-actions{justify-content:flex-start}.ready-room-body{padding:12px}.match-header,.match-side{flex-direction:column;align-items:stretch}.match-header{gap:14px}.match-scoreboard{width:100%;justify-content:center}.match-header-tools{justify-content:flex-start}.match-header-action,.match-header-tools #debugSnapshotBtn{flex:1 1 160px;justify-content:center}.match-side{grid-template-columns:minmax(0,1fr)}.match-mobile-controls{display:grid}}@media(max-height:680px){.match-side{grid-template-columns:minmax(0,1fr)}}@media(pointer:coarse){.match-mobile-controls{display:grid}}@media(max-width:720px){.app-shell[data-mode=authenticated],.app-shell[data-mode=browsing],.app-shell[data-mode=in_room],.app-shell[data-mode=in_match],.app-shell[data-mode=post_match_pending],.app-shell[data-mode=post_match]{padding:calc(8px + env(safe-area-inset-top,0px)) max(8px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))}.auth-screen{padding:calc(12px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}.auth-login-wrap{width:min(100%,360px)}.auth-login-card{padding:28px 18px 18px}.auth-login-field input,.auth-login-primary,.auth-login-secondary{min-height:48px}.lobby-browser-shell,.ready-room-shell,.match-shell{border-radius:18px}.match-fullscreen-toggle>span:not(.ui-icon){display:none}.match-fullscreen-toggle{width:46px;padding:0;justify-content:center}.lobby-browser-header,.ready-room-header,.ready-room-footer,.match-header{padding:12px;gap:12px}.lobby-browser-stage,.ready-room-body,.match-body{padding:10px;gap:10px}.lobby-browser-header-tools,.ready-room-header-pills,.match-header-tools{width:100%}.lobby-browser-header-tools>*{flex:1 1 136px;justify-content:center}.ready-room-header-pills>*{flex:1 1 136px;justify-content:center}.ready-room-brand,.match-brand{gap:12px}.ready-room-brand-mark,.match-brand-mark{width:46px;height:46px}.ready-room-brand-title,.match-brand-title{font-size:1.15rem}.match-brand-subtitle,.ready-room-selection-hint,.ready-room-team-subtitle{font-size:.68rem;letter-spacing:.08em}.match-brand-subtitle{display:none}.ready-room-team-grid{grid-template-columns:repeat(auto-fit,minmax(124px,1fr))}.ready-room-slot{min-height:128px;padding:10px}.ready-room-slot-art{min-height:72px}.ready-room-slot-portrait,.ready-room-character-portrait{width:64px;height:64px}.ready-room-character-tray{grid-template-columns:repeat(2,minmax(0,1fr))}.ready-room-footer-actions button{flex:1 1 100%}.match-scoreboard{display:none}.match-header-tools{gap:10px}.match-header-tools .soundtrack-toggle{flex:0 0 auto}.match-header-action,.match-header-tools #debugSnapshotBtn,.match-local-pill{flex:1 1 calc(50% - 5px);min-width:0;justify-content:center}.match-header-tools #debugSnapshotBtn{display:none}.match-body{display:flex;flex-direction:column;flex:1 1 auto;overflow:auto}.match-center-column{order:-1;grid-template-rows:auto auto auto;min-height:clamp(420px,calc(100dvh - 150px),900px)}.match-shell.is-fullscreen-shell .match-header{padding-top:calc(10px + env(safe-area-inset-top,0px))}.match-shell.is-fullscreen-shell .match-body{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.match-shell.is-fullscreen-shell .match-center-column{min-height:clamp(520px,calc(100dvh - 118px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)),1400px)}.match-body>*,.match-center-column>*{flex:0 0 auto}.match-side{grid-template-columns:minmax(0,1fr)}.match-shell .stage-frame{padding:8px;min-height:clamp(360px,calc(100dvh - 190px),820px)}.match-shell.is-fullscreen-shell .stage-frame{min-height:clamp(450px,calc(100dvh - 184px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)),1200px)}.match-shell .stage-surface{padding:6px}.match-stage-mobile-hud{display:grid}.match-feed-list{max-height:none}}@media(max-width:640px){.auth-screen{padding:calc(18px + env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px))}.auth-screen-shell.auth-login-layout{min-height:calc(100dvh - 36px)}.auth-login-wrap{width:min(340px,calc(100vw - 36px))}.auth-login-card{padding:28px 22px 20px}.auth-login-title{font-size:1.9rem}.auth-login-sticker-top{left:-10px}.auth-login-sticker-bottom{right:-10px}.ready-room-header,.ready-room-footer{padding:14px}.ready-room-brand{gap:12px}.ready-room-brand-mark{width:48px;height:48px}.ready-room-brand-title{font-size:1.2rem}.ready-room-character-tray{grid-template-columns:repeat(2,minmax(0,1fr))}.match-header,.match-body{padding:12px}.match-scoreboard,.match-player-entry,.match-meta-pills,.match-player-focus-stats,.match-inventory-grid{grid-template-columns:minmax(0,1fr)}.match-player-entry{grid-template-columns:64px minmax(0,1fr)}.match-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.match-inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.match-score-divider{display:none}.match-local-pill{width:100%;justify-content:center}.match-mobile-controls{top:0;right:0;bottom:0;left:0}.match-stage-mobile-hud{left:10px;right:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.match-stage-mobile-chip{justify-content:center}.match-mobile-joystick{width:152px;height:152px}.match-mobile-joystick-base{width:112px;height:112px}.match-mobile-joystick-thumb{width:54px;height:54px}.match-mobile-bomb-button{width:88px;height:88px;right:16px;bottom:16px}}@media(max-width:420px){.match-status-grid,.match-player-focus-stats,.ready-room-character-tray{grid-template-columns:minmax(0,1fr)}.match-stage-mobile-hud{top:10px}.match-header-action,.match-header-tools #debugSnapshotBtn,.match-local-pill{flex-basis:100%}.match-mobile-controls{top:0;right:0;bottom:0;left:0}.match-mobile-bomb-button{width:82px;height:82px;right:14px;bottom:14px}}@media(max-width:720px){.match-shell.is-fullscreen-shell .match-header{gap:10px;padding-bottom:10px}.match-shell.is-fullscreen-shell .match-brand{gap:10px}.match-shell.is-fullscreen-shell .match-brand-mark{width:42px;height:42px}.match-shell.is-fullscreen-shell .match-brand-title{font-size:1rem}.match-shell.is-fullscreen-shell .match-header-tools{width:100%;gap:8px}.match-shell.is-fullscreen-shell .match-header-tools .soundtrack-toggle,.match-shell.is-fullscreen-shell .match-header-action,.match-shell.is-fullscreen-shell .match-feed-toggle,.match-shell.is-fullscreen-shell .match-local-pill{flex:0 0 44px;width:44px;min-width:44px;min-height:44px;padding:0;justify-content:center}.match-shell.is-fullscreen-shell .match-header-action>span:not(.ui-icon),.match-shell.is-fullscreen-shell .match-feed-toggle>span,.match-shell.is-fullscreen-shell .match-local-pill-avatar,.match-shell.is-fullscreen-shell .settings-trigger-chip-label{display:none}.match-shell.is-fullscreen-shell .match-side,.match-shell.is-fullscreen-shell .match-center-footer{display:none}.match-shell.is-fullscreen-shell .match-body{overflow:hidden;padding-top:8px;gap:8px}.match-shell.is-fullscreen-shell .match-center-column{min-height:calc(100dvh - 148px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));grid-template-rows:minmax(0,1fr) auto;gap:8px}.match-shell.is-fullscreen-shell .stage-frame{min-height:clamp(250px,calc(100dvh - 330px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)),540px);padding:6px}.match-shell.is-fullscreen-shell .stage-surface{padding:4px}.match-shell.is-fullscreen-shell .match-stage-mobile-hud{top:8px;left:8px;right:8px;gap:6px}.match-shell.is-fullscreen-shell .match-stage-mobile-chip{min-height:30px;padding:6px 8px}.match-shell.is-fullscreen-shell .match-mobile-controls{top:0;right:0;bottom:0;left:0}.match-shell.is-fullscreen-shell .match-mobile-joystick{width:144px;height:144px}.match-shell.is-fullscreen-shell .match-mobile-joystick-base{width:104px;height:104px}.match-shell.is-fullscreen-shell .match-mobile-joystick-thumb{width:50px;height:50px}.match-shell.is-fullscreen-shell .match-mobile-bomb-button{width:86px;height:86px;right:16px;bottom:16px}}@media(pointer:coarse)and (orientation:landscape){.app-shell[data-mode=in_match],.app-shell[data-mode=post_match_pending],.app-shell[data-mode=post_match]{padding:0}.match-view{width:100%;height:100%}.match-shell{min-height:100dvh;background:radial-gradient(circle at top,rgba(0,242,129,.08),transparent 22%),linear-gradient(180deg,#129257,#198251)}.match-header{position:absolute;inset:calc(10px + env(safe-area-inset-top,0px)) calc(10px + env(safe-area-inset-right,0px)) auto calc(10px + env(safe-area-inset-left,0px));z-index:6;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:10px;padding:0;border:none;background:transparent;pointer-events:none}.match-scoreboard{display:none}.match-body,.app-shell[data-mode=in_match] .match-body,.app-shell[data-mode=post_match_pending] .match-body,.app-shell[data-mode=post_match] .match-body{display:grid;grid-template-columns:minmax(0,1fr);padding:0;overflow:hidden;align-content:stretch}.match-side,.match-center-footer{display:none}.match-center-column{order:initial;min-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));grid-template-rows:minmax(0,1fr);gap:0}.match-body>*,.match-center-column>*{flex:initial;min-height:0}.match-shell .stage-frame{height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));min-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:calc(8px + env(safe-area-inset-top,0px)) calc(8px + env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) calc(8px + env(safe-area-inset-left,0px));border:none;border-radius:0;background:transparent;box-shadow:none}.match-shell .stage-surface{padding:5px;border-radius:24px;background:#c4ffe3e6}.match-stage-mobile-hud{display:grid;left:16px;right:126px;top:calc(12px + env(safe-area-inset-top,0px));z-index:5;gap:6px;grid-template-columns:repeat(4,minmax(0,max-content));justify-content:flex-start}.match-mobile-controls{display:block;inset:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.match-fullscreen-toggle>span:not(.ui-icon),.match-feed-toggle>span,.match-header-action>span:not(.ui-icon),.settings-trigger-chip-label,.match-local-pill-avatar{display:none}.match-header-tools{gap:8px;width:auto;justify-content:flex-end;flex-wrap:nowrap;margin-left:auto;pointer-events:auto}.match-header-tools>*{flex:0 0 auto}.match-brand{min-width:0;max-width:calc(100% - 192px);gap:8px;padding:8px 12px;border-radius:999px;background:#0a1b136b;color:#d4ffeb;box-shadow:0 10px 24px #0a1b133d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.match-brand-mark{width:34px;height:34px;background:#07995533;box-shadow:none}.match-brand-title{color:#d4ffeb;font-size:.98rem;white-space:nowrap}.match-brand-subtitle,.match-header-tools .soundtrack-toggle,.match-header-tools #debugSnapshotBtn{display:none}.match-header-action,.match-feed-toggle,.match-local-pill{flex:0 0 42px;width:42px;min-width:42px;min-height:42px;padding:0;justify-content:center}.match-header-action,.match-feed-toggle,.match-local-pill,.match-fullscreen-toggle{border:1px solid rgba(255,255,255,.66);background:#0a1b136b;color:#d4ffeb;box-shadow:0 10px 24px #0a1b133d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.match-fullscreen-toggle.is-active{background:#0c7d484d;color:#9afcce}.match-shell.is-fullscreen-shell .match-header{padding:0}.match-shell.is-fullscreen-shell .match-brand{max-width:calc(100% - 196px)}.match-shell.is-fullscreen-shell .match-header-tools{width:auto}.match-shell.is-fullscreen-shell .match-header-tools .soundtrack-toggle,.match-shell.is-fullscreen-shell .match-header-tools #debugSnapshotBtn{display:none}.match-shell.is-fullscreen-shell .match-body{padding:0;overflow:hidden}.match-shell.is-fullscreen-shell .match-center-column,.match-shell.is-fullscreen-shell .stage-frame{min-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.match-shell.is-fullscreen-shell .stage-surface{padding:6px}.match-shell.is-fullscreen-shell .match-stage-mobile-hud{top:calc(12px + env(safe-area-inset-top,0px));left:18px;right:132px;gap:8px}.match-shell.is-fullscreen-shell .match-mobile-joystick{width:196px;height:196px}.match-shell.is-fullscreen-shell .match-mobile-joystick-base{width:142px;height:142px}.match-shell.is-fullscreen-shell .match-mobile-joystick-thumb{width:70px;height:70px}.match-shell.is-fullscreen-shell .match-mobile-bomb-button{right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));width:118px;height:118px}.match-mobile-joystick{width:188px;height:188px}.match-mobile-joystick-base{width:136px;height:136px}.match-mobile-joystick-thumb{width:68px;height:68px}.match-mobile-bomb-button{right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));width:108px;height:108px;opacity:.82}body:has(#matchView:not([hidden])) .debug-feed-toggle{top:auto;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(148px + env(safe-area-inset-bottom,0px));z-index:7;min-height:42px;padding:0 14px;border-radius:14px;background:#0a1b13e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}body:has(#matchView:not([hidden])) .debug-feed-drawer{top:calc(68px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(152px + env(safe-area-inset-bottom,0px));width:min(320px,calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)))}}@media(pointer:coarse)and (orientation:landscape)and (max-height:560px){.app-shell[data-mode=authenticated],.app-shell[data-mode=browsing],.app-shell[data-mode=in_room],.app-shell[data-mode=in_match],.app-shell[data-mode=post_match_pending],.app-shell[data-mode=post_match]{width:100%;max-width:none;height:100dvh;max-height:none;aspect-ratio:auto;padding:calc(8px + env(safe-area-inset-top,0px)) calc(8px + env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) calc(8px + env(safe-area-inset-left,0px))}.auth-screen{padding:calc(10px + env(safe-area-inset-top,0px)) calc(14px + env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) calc(14px + env(safe-area-inset-left,0px));overflow:auto}.auth-screen-shell.auth-login-layout{min-height:calc(100dvh - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.auth-login-wrap{width:min(760px,calc(100vw - 28px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)))}.auth-login-card{display:grid;grid-template-columns:minmax(210px,.82fr) minmax(260px,1.18fr);grid-template-areas:"brand form" "footer form";align-items:start;gap:14px 20px;padding:20px 20px 16px}.auth-login-brand{grid-area:brand;align-items:flex-start;margin-bottom:0;text-align:left}.auth-login-icon{width:48px;height:48px}.auth-login-title{font-size:clamp(1.65rem,4.6vw,2.45rem)}.auth-login-rule{width:124px}.auth-login-message{min-height:0;font-size:.6rem}.auth-login-form{grid-area:form;gap:6px}.auth-login-field{margin-bottom:6px}.auth-login-field input,.auth-login-primary,.auth-login-secondary{min-height:40px}.auth-login-actions{gap:8px;margin-top:2px}.auth-login-footer{grid-area:footer;align-items:flex-start;gap:6px;margin-top:0;padding-top:12px}.auth-login-link{font-size:.6rem}.auth-login-link-muted{font-size:.54rem}.auth-login-sticker{width:46px;height:46px;padding:3px}.auth-login-sticker-top{top:-14px;left:-10px}.auth-login-sticker-bottom{right:-12px;bottom:-12px}.lobby-browser-shell,.ready-room-shell{height:100%;min-height:0;border-radius:22px}.lobby-browser-header,.ready-room-header,.ready-room-footer{flex-direction:row;align-items:center;gap:10px;padding:10px 14px}.lobby-browser-logo,.ready-room-brand-mark{width:42px;height:42px;border-radius:12px;box-shadow:3px 3px #000}.lobby-browser-brand-title,.ready-room-brand-title{font-size:clamp(1.2rem,3vw,1.7rem)}.ready-room-brand-subtitle,.lobby-browser-brand-subtitle{display:none}.lobby-browser-header-tools,.ready-room-header-pills{gap:8px}.lobby-browser-header-stat,.lobby-browser-header-player,.ready-room-header-pill{min-height:40px;padding:0 12px;font-size:.8rem}.lobby-browser-shell{grid-template-rows:auto minmax(0,1fr)}.lobby-browser-footer{display:none}.lobby-browser-stage{grid-template-rows:auto minmax(0,1fr);gap:12px;padding:12px 14px 14px}.lobby-browser-hero{justify-content:space-between}.lobby-browser-main{grid-template-columns:minmax(200px,224px) minmax(0,1fr);gap:12px;min-height:0}.lobby-browser-sidebar{grid-template-columns:minmax(0,1fr);gap:10px}.lobby-browser-side-card{gap:10px;padding:10px}.lobby-browser-registry .room-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;padding-right:2px}.lobby-browser-shell .room-card{gap:8px;padding:8px}.room-lobby-card-media{aspect-ratio:7 / 4}.lobby-browser-empty{min-height:0;height:100%;padding:20px 14px}.lobby-browser-empty-action{min-height:42px;padding:0 16px;font-size:.84rem}.lobby-dialog{padding:12px}.lobby-dialog-card{width:min(640px,calc(100% - 20px));max-height:calc(100dvh - 20px);gap:12px;padding:16px 16px 14px}.lobby-dialog-body{gap:10px;padding-right:4px}.lobby-dialog-map-preview{grid-template-columns:132px minmax(0,1fr)}.ready-room-body{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(240px,.58fr);gap:8px;height:100%;padding:8px;overflow:auto}.ready-room-main{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px}.ready-room-side{display:grid;grid-template-rows:minmax(0,.72fr) minmax(0,1.28fr);gap:8px}.ready-room-loadout-row{display:grid;grid-template-columns:minmax(168px,.48fr) minmax(0,1.52fr);gap:8px}.ready-room-card{gap:8px;padding:8px}.ready-room-team-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;grid-auto-rows:auto;padding-right:0}.ready-room-team-board{gap:8px;min-height:138px;padding:10px}.ready-room-team-head{gap:8px}.ready-room-team-title{font-size:.92rem}.ready-room-team-subtitle,.ready-room-card-label,.ready-room-selection-hint,.ready-room-summary-row,.ready-room-loadout-bar-head,.ready-room-slot-meta,.ready-room-character-tile-name{font-size:.64rem}.ready-room-slot{min-height:96px;padding:8px}.ready-room-slot-art,.ready-room-character-tile-frame{min-height:48px}.ready-room-slot-portrait,.ready-room-character-portrait{width:48px;height:48px}.ready-room-slot-name,.ready-room-loadout-name{font-size:.76rem}.ready-room-summary-map{width:min(100%,148px);height:92px}.ready-room-summary-map-label{left:8px;bottom:8px;padding:6px 8px;font-size:.72rem}.ready-room-summary-map-stamp{right:8px;bottom:8px;min-height:24px;padding:0 8px;font-size:.62rem;line-height:18px}.ready-room-chat-list{padding:8px}.ready-room-chat-compose input{min-height:38px;padding:8px 10px;font-size:.8rem}.ready-room-character-tray{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.ready-room-character-tile{min-height:78px;padding:6px 4px;gap:4px}.ready-room-footer{gap:8px}.ready-room-footer-queue{min-width:0}.ready-room-footer-queue-list{gap:6px;min-height:32px}.ready-room-footer-queue-pill{min-height:30px;padding:0 10px;font-size:.68rem}.ready-room-footer-actions{flex-wrap:nowrap;gap:8px}.ready-room-footer-actions button{min-height:36px;padding:0 10px;font-size:.7rem}}@media(pointer:coarse)and (orientation:landscape)and (max-height:560px){.app-shell[data-mode=in_room] .room-view{overflow:hidden}.app-shell[data-mode=in_room]{padding:calc(8px + env(safe-area-inset-top,0px)) calc(8px + env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) calc(8px + env(safe-area-inset-left,0px))}.ready-room-shell{grid-template-rows:auto minmax(0,1fr) auto;min-height:100%}.ready-room-header{gap:8px;padding:10px 12px}.ready-room-brand{gap:10px}.ready-room-brand-mark{width:38px;height:38px;border-radius:12px}.ready-room-brand-mark .ui-icon-brand{width:22px;height:22px}.ready-room-brand-title{font-size:clamp(1rem,3.2vw,1.45rem);line-height:1}.ready-room-header-pills{flex:0 0 auto;width:auto;flex-wrap:nowrap;gap:8px}.ready-room-header-pills>*{flex:0 0 auto}.ready-room-header-pill,.ready-room-header-pill-player{min-height:38px;min-width:38px;padding:0 10px;border-radius:12px}.ready-room-header-pill .settings-trigger-chip-label,.ready-room-soundtrack-toggle .settings-trigger-chip-label{display:none}.ready-room-body{display:flex;flex-direction:column;gap:10px;min-height:0;padding:10px 10px 8px;overflow-x:hidden;overflow-y:auto;align-content:stretch}.ready-room-main,.ready-room-side,.ready-room-loadout-row{display:flex;flex-direction:column;gap:10px;min-height:auto;overflow:visible}.ready-room-team-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:10px;overflow:visible}.ready-room-team-board{min-height:120px;gap:8px;padding:10px}.ready-room-team-head{gap:8px;align-items:flex-start}.ready-room-team-title{font-size:.82rem}.ready-room-team-subtitle{display:none}.ready-room-team-chip{min-height:24px;padding:0 8px;font-size:.58rem;line-height:18px}.ready-room-team-grid{gap:8px}.ready-room-slot{min-height:84px;gap:6px;padding:8px}.ready-room-slot-art{min-height:42px}.ready-room-slot-portrait{width:42px;height:42px}.ready-room-slot-name{font-size:.72rem}.ready-room-slot-flags{min-height:0;gap:4px}.ready-room-loadout-card{order:2}.ready-room-selection-card{order:1}.ready-room-card{gap:8px;padding:10px;border-radius:16px}.ready-room-card-label{font-size:.66rem;letter-spacing:.12em}.ready-room-loadout-stats{gap:10px}.ready-room-loadout-name{font-size:.84rem}.ready-room-loadout-bars{gap:8px}.ready-room-loadout-bar{gap:4px}.ready-room-loadout-bar-head{font-size:.58rem;letter-spacing:.08em}.ready-room-loadout-bar-head strong{font-size:.66rem}.ready-room-loadout-bar-track{height:10px}.ready-room-selection-head{gap:6px}.ready-room-selection-hint{display:none}.ready-room-character-tray{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.ready-room-character-tile{min-height:72px;gap:4px;padding:6px 4px}.ready-room-character-tile-frame{min-height:40px}.ready-room-character-portrait{width:42px;height:42px}.ready-room-character-tile-name{font-size:.54rem;letter-spacing:.01em}.ready-room-summary{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:10px}.ready-room-summary-map{width:100%;height:86px;justify-self:stretch}.ready-room-summary-grid{gap:6px}.ready-room-summary-row{padding:8px 10px;font-size:.58rem;letter-spacing:.08em}.ready-room-summary-row strong{font-size:.68rem}.ready-room-chat-card{grid-template-rows:auto minmax(88px,auto) auto}.ready-room-chat-list{min-height:88px;max-height:120px;padding:8px}.ready-room-chat-list .chat-entry,.ready-room-chat-list .empty-state{font-size:.72rem}.ready-room-chat-compose input{min-height:38px;padding:8px 10px;font-size:.78rem}.ready-room-footer{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px}.ready-room-footer-queue{width:100%}.ready-room-footer-queue-list{gap:6px;min-height:28px}.ready-room-footer-queue-pill{min-height:28px;padding:0 8px;font-size:.62rem}.ready-room-footer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.ready-room-footer-actions button{min-width:0;min-height:38px;padding:0 8px;font-size:.68rem}.ready-room-footer-actions #startBtn{grid-column:1 / -1}body:has(#roomView:not([hidden])) .debug-feed-toggle{display:none}body:has(#roomView:not([hidden])) .debug-feed-drawer{display:none}}:root{--sn-font-display: "Handjet", "Baloo", monospace;--sn-font-ui: "Baloo", "Trebuchet MS", sans-serif;--sn-mint-lite: #8df0c4;--sn-mint: #3fdda0;--sn-green-lite: #2ccb90;--sn-green: #1cbe85;--sn-green-mid: #159c68;--sn-green-deep: #0e9463;--sn-green-edge: #0a6b47;--sn-dark: #0a3b26;--sn-dark-deep: #052717;--sn-frame: #d8ffee;--sn-gold: #ffd23c;--sn-orange: #ff9b21;--sn-orange-deep: #f0741a;--sn-lime: #9be04a;--sn-purple: #9a57dc;font-family:var(--sn-font-ui)}body{font-family:var(--sn-font-ui);background:radial-gradient(circle at 20% 12%,rgba(255,255,255,.32),transparent 20%),linear-gradient(180deg,#a8e4ff,#c8f2e2 34%,#7fd8a4 35%,#4fbb78 62%,#2b9350)}body:before{background:radial-gradient(circle at 12% 76%,rgba(19,118,63,.46) 0 12%,transparent 12.5%),radial-gradient(circle at 28% 80%,rgba(21,138,72,.42) 0 15%,transparent 15.5%),radial-gradient(circle at 78% 78%,rgba(15,116,59,.4) 0 17%,transparent 17.5%),radial-gradient(circle at 94% 75%,rgba(25,142,76,.44) 0 13%,transparent 13.5%),linear-gradient(154deg,transparent 0 35%,rgba(80,151,117,.34) 35.4% 46%,transparent 46.4%),linear-gradient(206deg,transparent 0 36%,rgba(69,139,106,.3) 36.4% 48%,transparent 48.4%);background-size:100% 100%;opacity:1}button,input,select{font-family:var(--sn-font-ui)}button:focus-visible,input:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:3px solid var(--sn-gold);outline-offset:3px}.auth-screen{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;padding:12px;overflow:hidden;color:#fff;background:transparent}.auth-screen-shell.auth-login-layout{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;place-items:center;gap:0;width:100%;height:100%;max-width:none;padding:0}.auth-world{position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;overflow:hidden;background:linear-gradient(180deg,#a8e4ff,#c8f2e2 38%,#63c987 38.5%,#258a4c)}.auth-world:after{content:"";position:absolute;right:-6vw;bottom:-16vh;left:-6vw;height:46vh;background:radial-gradient(ellipse at 8% 62%,#3ba565 0 18%,transparent 18.5%),radial-gradient(ellipse at 24% 54%,#29945a 0 22%,transparent 22.5%),radial-gradient(ellipse at 50% 64%,#3ba565 0 25%,transparent 25.5%),radial-gradient(ellipse at 75% 55%,#268a51 0 23%,transparent 23.5%),radial-gradient(ellipse at 94% 62%,#3ba565 0 19%,transparent 19.5%),linear-gradient(180deg,transparent 0 35%,#268a51 36% 100%)}.auth-world-mountain{position:absolute;top:12vh;width:34vw;height:28vh;opacity:.64;background:linear-gradient(145deg,#d7f6e8 0,#d7f6e8 12%,#8fc9ac 12.5%,#8fc9ac);clip-path:polygon(50% 0,100% 100%,0 100%)}.auth-world-mountain-left{left:-4vw}.auth-world-mountain-center{top:8vh;left:32vw;width:42vw}.auth-world-mountain-right{right:-6vw}.auth-world-trees{position:absolute;right:0;bottom:0;left:0;height:30vh;opacity:.74;background:#268a51;clip-path:polygon(0 100%,0 46%,4% 62%,9% 28%,14% 58%,20% 34%,26% 66%,32% 30%,38% 61%,44% 24%,50% 63%,57% 32%,63% 64%,69% 29%,76% 60%,82% 34%,88% 62%,94% 30%,100% 48%,100% 100%)}.auth-game-window{position:relative;width:min(1280px,calc(100vw - 24px),calc((100dvh - 24px) * 4 / 3));aspect-ratio:4 / 3;overflow:hidden;border:5px solid var(--sn-frame);border-radius:18px;background:linear-gradient(180deg,#3fdda0e6,#0e9463f5),radial-gradient(circle at 50% 10%,rgba(255,255,255,.25),transparent 42%);box-shadow:0 0 0 3px #06452cd1,0 24px 60px #0023146b}.auth-game-window:before{content:"";position:absolute;top:10px;right:10px;bottom:76px;left:10px;border-radius:12px;background:linear-gradient(180deg,#a8e4ffbd,#c8f2e26b 34%,#43b771b3 35%,#13773dd9);box-shadow:inset 0 0 0 2px #0a6b4766}.auth-game-header{position:absolute;z-index:5;top:28px;right:32px;left:32px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.auth-game-mini-brand{display:flex;align-items:center;gap:12px;text-shadow:0 2px 2px rgba(4,48,31,.7)}.auth-game-mini-brand>span:last-child{display:flex;flex-direction:column}.auth-game-mini-brand strong{font-family:var(--sn-font-display);font-size:clamp(1rem,2vw,1.55rem);line-height:.9;letter-spacing:.03em}.auth-game-mini-brand small{margin-top:5px;color:#cffff0;font-family:var(--sn-font-display);font-size:clamp(.48rem,.8vw,.68rem);font-weight:650;letter-spacing:.14em;text-transform:uppercase}.auth-game-mini-avatar{display:grid;place-items:center;width:clamp(34px,4vw,50px);aspect-ratio:1;overflow:hidden;border:3px solid #fff;border-radius:12px;background:linear-gradient(180deg,var(--sn-mint-lite),var(--sn-green));box-shadow:0 4px 0 var(--sn-green-edge)}.auth-game-mini-avatar img{width:90%;height:90%;object-fit:contain;image-rendering:pixelated}.auth-game-header .soundtrack-toggle{position:static;width:46px;min-height:42px;pointer-events:auto;color:#06452c;border:3px solid #fff;background:linear-gradient(180deg,#eafff6,var(--sn-mint-lite));box-shadow:0 4px 0 var(--sn-green-edge)}.auth-login-wrap{position:absolute;z-index:3;top:9%;right:7%;bottom:14%;left:7%;width:auto;max-width:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,2vh,24px)}.auth-login-wrap.is-signup-open>.auth-login-brand,.auth-login-wrap.is-signup-open>.auth-login-card,.auth-login-wrap.is-signup-open>.auth-login-actions{opacity:.28;filter:blur(1px)}.auth-login-brand{display:flex;flex-direction:column;align-items:center;gap:9px}.auth-login-title{margin:0;color:#fff;font-family:var(--sn-font-display);font-size:clamp(2.6rem,7vw,5.2rem);font-weight:800;line-height:.8;letter-spacing:.015em;-webkit-text-stroke:clamp(4px,.65vw,9px) #04301f;paint-order:stroke fill;text-shadow:0 7px 0 rgba(4,48,31,.38)}.auth-login-subtitle{padding:5px 22px 3px;color:var(--sn-gold);border:3px solid var(--sn-mint-lite);border-radius:999px;background:var(--sn-dark);font-family:var(--sn-font-display);font-size:clamp(.8rem,1.8vw,1.35rem);font-weight:750;letter-spacing:.1em;line-height:1;box-shadow:0 5px #04301f80}.auth-login-card{position:relative;width:min(520px,78vw);padding:clamp(14px,2vw,22px);border:3px solid #d2640f;border-radius:24px;background:linear-gradient(180deg,#ffb43c,#ff9518 46%,#ff8208);box-shadow:0 0 0 2px #ffd58a,inset 0 2px #ffffff8c,inset 0 -4px 8px #963c0066,0 18px 36px #501e006b}.auth-login-card-title{margin:0 0 12px;color:#ffe24a;font-family:var(--sn-font-display);font-size:clamp(1.6rem,3.2vw,2.3rem);font-weight:800;line-height:1;text-align:center;-webkit-text-stroke:3px #a8500a;paint-order:stroke fill}.auth-login-form{display:flex;flex-direction:column;gap:8px;padding:9px;border-radius:14px;background:linear-gradient(180deg,#4a3c2c,#2c241a);box-shadow:inset 0 4px 7px #0000008f,0 1px #ffdea073}.auth-login-field,.auth-signup-row{display:flex;align-items:stretch;gap:5px;margin:0}.auth-login-label{display:grid;flex:0 0 clamp(110px,14vw,158px);place-items:center;min-height:48px;color:#fff;border:2px solid var(--sn-green-edge);border-radius:9px;background:repeating-linear-gradient(57deg,rgba(190,255,232,.22) 0 6px,transparent 6px 13px),linear-gradient(180deg,#40ffcc,#1fd894 14%,#00c878 40%,#00d68c 72%,#0a8a5c);font-family:var(--sn-font-ui);font-size:clamp(.76rem,1.5vw,1.1rem);font-weight:800;-webkit-text-stroke:1px #0a5c3e;paint-order:stroke fill;box-shadow:inset 0 2px #ffffff8c,inset 0 -3px 6px #00593c73}.auth-login-field input,.auth-signup-row input{flex:1;min-width:0;min-height:48px;color:#253e34;border:0;border-radius:8px;background:linear-gradient(180deg,#dfe6ec,#fff 22%);font-family:var(--sn-font-display);font-size:clamp(.88rem,1.65vw,1.2rem);font-weight:650;letter-spacing:.06em;box-shadow:inset 0 3px 5px #002d1a38,inset 0 0 0 2px #ffffffe6}.auth-login-field input::placeholder,.auth-signup-row input::placeholder{color:#718a7e}.auth-login-message{margin-bottom:9px;padding:6px 10px;color:#5a3600;border:2px solid #c99b00;border-radius:8px;background:linear-gradient(180deg,#ffe68a,#ffc61e);font-size:.75rem;font-weight:800;text-align:center}.auth-login-actions{display:grid;grid-template-columns:repeat(4,minmax(0,auto));align-items:center;justify-content:center;gap:clamp(7px,1.4vw,18px)}.auth-login-action{min-width:clamp(112px,13vw,180px);min-height:48px;padding:7px 18px;color:#fff;border:2px solid #0effc0;border-radius:9px;background:linear-gradient(180deg,#33e0a8,#00b478 16%,#00dfa0 72%,#00b483);font-family:var(--sn-font-ui);font-size:clamp(.66rem,1.2vw,.98rem);font-weight:800;letter-spacing:0;text-transform:none;box-shadow:0 4px #00553a,0 12px 18px #04261a66}.auth-login-action-primary,#accountLoginBtn.auth-login-action-primary,#accountSignupBtn.auth-login-action-primary{color:#31520a;border-color:#c4ff5a;background:linear-gradient(180deg,#cdf870,#95dd30 18%,#b8f055 72%,#8ed42a);box-shadow:0 4px #2f5c00,0 12px 18px #1e280466}.auth-login-action-guest{border-color:#d9a8ff;background:linear-gradient(180deg,#d9a8ff,var(--sn-purple) 48%,#6d2eb2);box-shadow:0 4px #4c1d82,0 12px 18px #2a0f4657}#guestContinueBtn.auth-login-action-guest{color:#fff;border-color:#d9a8ff;background:linear-gradient(180deg,#d9a8ff,var(--sn-purple) 48%,#6d2eb2);box-shadow:0 4px #4c1d82,0 12px 18px #2a0f4657}.auth-login-action:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05)}.auth-login-action:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #00553a}.auth-login-action:disabled{color:#ffffffb8;border-color:#7aa994;background:linear-gradient(180deg,#93a79c,#6e8478);box-shadow:0 4px #435c50}.auth-signup-layer{position:absolute;z-index:20;top:-12%;right:-8%;bottom:-18%;left:-8%;display:grid;place-items:center}.auth-signup-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;padding:0;border:0;border-radius:0;background:#012a174d;box-shadow:none}.auth-signup-card{position:relative;width:min(620px,78vw);padding:clamp(18px,2.5vw,30px);color:#fff;border:4px solid #fff;border-radius:22px;background:linear-gradient(180deg,#2fe0a4,#12be82);box-shadow:0 0 0 3px var(--sn-green-edge),0 22px 46px #00140a80}.auth-signup-title,.auth-modal-title{margin:0 0 20px;color:#fff;font-family:var(--sn-font-display);font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1;text-align:center;-webkit-text-stroke:4px var(--sn-green-edge);paint-order:stroke fill}.auth-signup-note{margin:7px 0 15px clamp(118px,15vw,168px);color:#045032c7;font-size:.78rem;font-weight:800}.auth-signup-actions{display:flex;justify-content:center;gap:16px;margin-top:18px}.auth-game-taskbar{position:absolute;z-index:4;right:24px;bottom:14px;left:24px;display:flex;align-items:center;gap:10px;height:54px;padding:0 10px}.auth-game-taskbar-rule{width:7px;height:34px;border-radius:3px;background:var(--sn-mint-lite)}.auth-game-taskbar-menu,.auth-game-taskbar-icon{display:grid;place-items:center;min-width:54px;height:40px;padding:0 18px;border:3px solid #fff;border-radius:10px;background:linear-gradient(180deg,#d6f58c,var(--sn-lime) 48%,#63a81e);font-size:.8rem;font-weight:800;text-shadow:0 2px 2px rgba(4,48,31,.55);box-shadow:0 3px 5px #0000004d,inset 0 2px #ffffff8c}.auth-game-taskbar-icon{padding:0;background:linear-gradient(180deg,var(--sn-mint-lite),var(--sn-green),var(--sn-green-deep))}.auth-game-taskbar-icon.is-danger{background:linear-gradient(180deg,#ff9a80,#e8452f 48%,#a81e10)}.auth-game-taskbar-spacer{flex:1}.auth-modal{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.auth-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#032717a3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.auth-modal-card{position:relative;width:min(470px,calc(100vw - 36px));padding:24px;color:#fff;border:4px solid #fff;border-radius:18px;background:linear-gradient(180deg,var(--sn-mint),#12be82);box-shadow:0 0 0 3px var(--sn-green-edge),0 22px 46px #00140a80}.auth-modal-body{padding:18px;color:#eafff6;border:2px solid #3e8f6b;border-radius:10px;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep));font-weight:700;text-align:center}.auth-modal-close{display:block;min-width:150px;margin:18px auto 0;color:#31520a;border:3px solid #fff;background:linear-gradient(180deg,#d6f58c,var(--sn-lime),#63a81e);box-shadow:0 4px #31520a}.app-shell[data-mode=authenticated],.app-shell[data-mode=browsing],.app-shell[data-mode=in_room],.app-shell[data-mode=in_match],.app-shell[data-mode=post_match_pending],.app-shell[data-mode=post_match]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;width:100%;height:100dvh;padding:12px;background:transparent}.app-shell[data-mode] .shell-center{display:grid;place-items:center;width:100%;height:100%;min-height:0}.app-shell[data-mode] .stage-shell{position:relative;width:min(1280px,calc(100vw - 24px),calc((100dvh - 24px) * 4 / 3));height:auto;max-width:none;max-height:none;aspect-ratio:4 / 3;padding:10px;overflow:hidden;color:#fff;border:5px solid var(--sn-frame);border-radius:18px;background:linear-gradient(180deg,var(--sn-green),var(--sn-green-deep));box-shadow:0 0 0 3px #06452cd1,0 24px 60px #0023146b}.app-shell[data-mode] .center-view{width:100%;height:100%;min-height:0}.lobby-browser-shell,.ready-room-shell,.match-shell{color:#fff;border:0;border-radius:12px;background:linear-gradient(180deg,#3fdda0b3,#0e9463c7),radial-gradient(circle at 50% -12%,rgba(255,255,255,.26),transparent 45%);box-shadow:inset 0 2px #ffffff47,inset 0 -3px 8px #04301f47}.lobby-browser-shell{display:grid;grid-template-rows:60px minmax(0,1fr) 54px;height:100%;min-height:0;overflow:hidden}.app-shell[data-mode=in_match] .match-body,.app-shell[data-mode=post_match_pending] .match-body,.app-shell[data-mode=post_match] .match-body{grid-template-columns:126px minmax(0,1fr) 186px;grid-template-rows:minmax(0,1fr);align-content:stretch}.lobby-browser-header,.ready-room-header,.match-header{min-height:0;padding:8px 14px;color:#fff;border:2px solid #a6efcd;border-radius:10px;background:linear-gradient(180deg,#2ccb90,#159c68);box-shadow:inset 0 2px #ffffff47,inset 0 -2px 6px #00000024}.lobby-browser-brand{gap:10px}.lobby-browser-logo,.ready-room-brand-mark,.match-brand-mark{display:grid;place-items:center;width:42px;height:42px;border:3px solid #fff;border-radius:11px;background:linear-gradient(180deg,var(--sn-mint-lite),var(--sn-green),var(--sn-green-deep));box-shadow:0 3px 0 var(--sn-green-edge),inset 0 2px #ffffff7a}.lobby-browser-logo:before,.ready-room-brand-mark:before,.match-brand-mark:before{content:"●";color:var(--sn-gold);font-size:1.45rem;text-shadow:0 2px 0 var(--sn-green-edge)}.lobby-browser-logo>*,.ready-room-brand-mark>*,.match-brand-mark>*{display:none}.lobby-browser-brand-title,.ready-room-brand-title,.match-brand-kicker{color:#fff;font-family:var(--sn-font-display);font-size:clamp(1.15rem,2vw,1.65rem);font-weight:800;letter-spacing:.04em;line-height:.9;text-shadow:0 2px 2px rgba(4,48,31,.65)}.lobby-browser-brand-subtitle,.ready-room-brand-subtitle,.match-brand-title,.match-brand-subtitle{margin-top:3px;color:#cffff0;font-family:var(--sn-font-display);font-size:.66rem;font-weight:650;letter-spacing:.11em;line-height:1.1;text-transform:uppercase}.lobby-browser-header-tools{gap:8px}.lobby-browser-header-stat,.lobby-browser-header-player,.ready-room-header-pill,.match-local-pill,.match-header-action,.match-feed-toggle,.soundtrack-toggle{min-height:36px;color:#04301f;border:2px solid var(--sn-green-edge);border-radius:8px;background:linear-gradient(180deg,#bff3df,#7fdcb4);font-size:.72rem;font-weight:800;box-shadow:inset 0 2px #ffffff6b,0 2px #04301f59}.lobby-browser-stage{display:grid;grid-template-rows:52px minmax(0,1fr);min-height:0;padding:9px 0 0;overflow:hidden;background:transparent}.lobby-browser-hero{display:flex;align-items:stretch;min-height:0;padding:0 8px;background:transparent}.lobby-browser-hero-copy{display:flex;align-items:center;width:100%;padding:0 16px;border:2px solid #a6efcd;border-radius:10px;background:linear-gradient(180deg,#57dfaa,#22b57d);box-shadow:inset 0 2px #ffffff47}.lobby-browser-hero-copy h2{margin:0;color:#fff;font-family:var(--sn-font-display);font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:800;font-style:normal;letter-spacing:.04em;text-shadow:0 2px 2px rgba(4,48,31,.65)}.lobby-browser-hero-copy h2:before{content:"◆";margin-right:10px;color:var(--sn-gold)}.lobby-browser-main{display:grid;grid-template-columns:230px minmax(0,1fr);gap:9px;min-height:0;padding:9px 8px 8px}.lobby-browser-sidebar{display:flex;flex-direction:column;gap:8px;min-height:0;padding:0}.lobby-browser-side-card,.lobby-browser-registry,.ready-room-card,.match-card{color:#fff;border:2px solid #a6efcd;border-radius:10px;background:linear-gradient(180deg,#2ccb90,#159c68);box-shadow:inset 0 2px #ffffff47,inset 0 -2px 6px #00000024}.lobby-browser-side-card{padding:8px}.lobby-browser-side-card-filters{flex:1}.lobby-browser-side-card-title,.ready-room-card-label,.match-card-label{margin:-8px -8px 8px;padding:7px 10px 6px;color:#fff;border-bottom:2px solid var(--sn-green-edge);background:linear-gradient(180deg,#1fae79,#0c8154);font-family:var(--sn-font-display);font-size:1rem;font-weight:800;letter-spacing:.05em;text-shadow:0 2px 2px rgba(4,48,31,.55)}.lobby-browser-quick-actions,.lobby-browser-filter-list{gap:7px}.lobby-browser-action-btn,.lobby-browser-tab{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-height:42px;padding:7px 10px;color:#fff;border:3px solid #fff;border-radius:10px;background:linear-gradient(180deg,var(--sn-mint-lite),#28c98c 48%,#129463);font-size:.74rem;text-shadow:0 2px 2px rgba(4,48,31,.6);box-shadow:0 3px 4px #0000003d,inset 0 2px #ffffff73,inset 0 -3px #00000026}.lobby-browser-action-btn.primary-button{color:#fff;background:linear-gradient(180deg,#ffd98a,#ffb03a 46%,var(--sn-orange-deep));box-shadow:0 3px #963c00,0 7px 12px #501e0038}.lobby-browser-tab.is-active{color:#5a3600;border-color:#fff;background:linear-gradient(180deg,#ffe27a,var(--sn-gold));text-shadow:none;box-shadow:0 3px #c99b00}.lobby-browser-action-icon,.lobby-browser-tab-icon{width:24px;height:24px;padding:4px;color:currentColor;border:1px solid currentColor;border-radius:6px;background:#ffffff2e}.lobby-browser-registry{min-height:0;padding:9px;overflow:hidden}.lobby-browser-registry .room-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(132px,1fr);gap:9px;height:100%;min-height:0;padding:0;overflow:auto}.lobby-browser-shell .room-card{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:132px;overflow:hidden;color:#063b26;border:2px solid var(--sn-green-edge);border-radius:9px;background:linear-gradient(180deg,#5fe0ac,#25b983);box-shadow:inset 0 2px #ffffff57;transition:transform .12s ease,box-shadow .12s ease}.lobby-browser-shell .room-card:hover{transform:translateY(-2px);box-shadow:0 0 0 2px #ffd23c8c,0 7px 13px #04301f38}.lobby-browser-shell .room-card.is-current{border-color:var(--sn-gold);box-shadow:0 0 0 2px #ffd23c94,inset 0 2px #ffffff57}.room-lobby-card-media{min-width:0;height:100%;border:0;border-right:2px solid var(--sn-green-edge);border-radius:0;background:var(--sn-dark)}.room-lobby-card-media-top{z-index:4;top:5px;right:5px;left:5px}.room-lobby-card-id,.room-lobby-card-badge,.room-lobby-card-stamp{color:#fff;border:1px solid rgba(255,255,255,.65);background:#04301fd6;font-family:var(--sn-font-display);font-size:.64rem}.room-lobby-card-map{height:100%}.room-lobby-card-map-image{filter:saturate(.86) hue-rotate(-8deg)}.room-lobby-card-stamp{right:6px;bottom:6px;color:#5a3600;border-color:#c99b00;background:linear-gradient(180deg,#ffe68a,#ffc61e);text-shadow:none}.room-lobby-card-body{display:flex;flex-direction:column;min-width:0;padding:9px}.room-lobby-card-title{color:#063b26;font-family:var(--sn-font-display);font-size:1.1rem;font-weight:800;line-height:1}.room-lobby-card-meta{margin-top:3px;color:#0a6b47;font-family:var(--sn-font-display);font-size:.72rem}.room-lobby-card-slots{gap:4px;margin-top:auto}.room-lobby-card-slot{width:12px;height:12px;border:2px solid var(--sn-green-edge);border-radius:3px;background:#bff3df}.room-lobby-card-slot.is-filled{background:var(--sn-gold)}.room-lobby-card-action{min-height:30px;padding:3px 12px;color:#04301f;border:2px solid var(--sn-green-edge);border-radius:7px;background:linear-gradient(180deg,#bff3df,#7fdcb4);font-size:.68rem;box-shadow:0 2px #04301f59}.room-lobby-card-action.is-actionable{color:#fff;border-color:#fff;background:linear-gradient(180deg,var(--sn-mint-lite),#28c98c,#129463)}.lobby-browser-empty{grid-column:1 / -1;color:#cffff0;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep))}.match-team-group-red,.match-team-group-blue{border-color:#3e8f6b;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep))}.lobby-browser-footer{display:flex;align-items:center;gap:12px;margin:0;padding:7px 14px;color:#fff;border-top:0;background:transparent;font-family:var(--sn-font-display);font-size:.82rem;font-weight:700;letter-spacing:.06em}.lobby-browser-footer:before{content:"";width:7px;height:32px;border-radius:3px;background:var(--sn-mint-lite)}.lobby-browser-footer-links,.lobby-browser-footer-meta{display:grid;place-items:center;min-height:36px;padding:0 20px;border:3px solid #fff;border-radius:9px;background:linear-gradient(180deg,var(--sn-mint-lite),#28c98c,#129463);text-shadow:0 2px 2px rgba(4,48,31,.55);box-shadow:0 3px 0 var(--sn-green-edge)}.lobby-browser-footer-meta{margin-left:0;color:#5a3600;background:linear-gradient(180deg,#ffe27a,var(--sn-gold));text-shadow:none}.lobby-dialog{z-index:60}.lobby-dialog-backdrop{background:#03271794;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.lobby-dialog-card{width:min(1120px,calc(100% - 70px));max-height:calc(100% - 12px);padding:18px 22px 22px;overflow:auto;color:#fff;border:5px solid var(--sn-frame);border-radius:18px;background:linear-gradient(180deg,#22c98c,#0fa06b);box-shadow:0 0 0 3px var(--sn-green-edge),0 18px 42px #00140a7a}.lobby-dialog-head{align-items:center;margin:0 0 13px;padding:0;border:0}.lobby-dialog-title{color:#fff;font-family:var(--sn-font-display);font-size:clamp(2rem,4vw,3.1rem);line-height:1;text-shadow:0 3px 0 rgba(4,48,31,.45)}.lobby-dialog-close{min-height:38px;color:#fff;border:3px solid #fff;background:linear-gradient(180deg,#ff9a80,#e8452f 48%,#a81e10);box-shadow:0 3px #7b1d12}.lobby-dialog-body{gap:10px;padding:0}.lobby-dialog-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;padding:12px;border:2px solid #a6efcd;border-radius:11px;background:linear-gradient(180deg,#57dfaa,#22b57d)}.lobby-dialog-mode-card{display:grid;grid-template-rows:auto minmax(74px,1fr);min-height:128px;overflow:hidden;border:3px solid #a6efcd;border-radius:11px;background:linear-gradient(180deg,#2ccb90,#129463);opacity:.68}.lobby-dialog-mode-card.is-active{border-color:var(--sn-lime);background:linear-gradient(180deg,#7fcf2e,#4e9414);box-shadow:0 0 0 2px #ffffff57;opacity:1}.lobby-dialog-mode-card strong{padding:7px;color:#fff;font-family:var(--sn-font-display);font-size:1.1rem;text-align:center;text-shadow:0 2px 2px rgba(4,48,31,.55)}.lobby-dialog-mode-card>span{display:grid;place-items:center;margin:0 7px 7px;overflow:hidden;border:2px solid var(--sn-green-edge);border-radius:8px;background:linear-gradient(180deg,#bff3df,#5fd3a6)}.lobby-dialog-mode-card img{width:82px;height:82px;object-fit:contain;image-rendering:pixelated}.lobby-dialog-game-types{display:grid;align-content:center;gap:5px;padding:7px}.lobby-dialog-game-types button{min-height:24px;padding:3px 7px;color:#eafff6;border:2px solid #3e8f6b;border-radius:6px;background:linear-gradient(180deg,#2e7d52,#0f4a2e);font-size:.55rem;font-weight:800;text-align:left}.lobby-dialog-visual-hint{margin-top:-7px;color:#cffff0;font-size:.58rem}.lobby-dialog-rule-row{display:grid;grid-template-columns:120px repeat(3,minmax(0,1fr));align-items:center;gap:8px}.lobby-dialog-rule-row>span{color:#fff;font-family:var(--sn-font-display);font-size:.92rem;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 0 rgba(4,48,31,.55)}.lobby-dialog-rule-row button{min-height:38px;color:#cffff0;border:2px solid #3e8f6b;border-radius:8px;background:linear-gradient(180deg,#2e7d52,#0f4a2e);font-size:.65rem;font-weight:800}.lobby-dialog-rule-row button.is-active{color:#31520a;border-color:#fff;background:linear-gradient(180deg,#d6f58c,var(--sn-lime) 48%,#63a81e)}.lobby-dialog-body .field-label{color:#fff;font-family:var(--sn-font-display);font-size:.92rem;letter-spacing:.06em;text-shadow:0 1px 0 rgba(4,48,31,.55)}.lobby-dialog-body input,.lobby-dialog-body select,.arcade-select-trigger{color:#0b3b28;border:3px solid var(--sn-green-edge);border-radius:9px;background:linear-gradient(180deg,#fff,#dffff0);box-shadow:inset 0 3px 5px #002d1a29}.arcade-select-menu{border-color:var(--sn-green-edge);background:#eafff6}.arcade-select-option{color:#0b3b28;background:#eafff6}.arcade-select-option.is-selected{color:#04301f;background:var(--sn-mint-lite)}.lobby-dialog-map-preview{min-height:92px;align-items:center;border:2px solid var(--sn-green-edge);border-radius:10px;background:var(--sn-dark)}.lobby-dialog-map-preview img{min-height:0;aspect-ratio:4 / 3}.lobby-dialog-map-preview-label{color:var(--sn-gold);font-family:var(--sn-font-display);font-size:1.25rem}.lobby-dialog-actions{justify-content:center;gap:16px;margin-top:14px}.lobby-dialog-actions button{min-width:190px;min-height:48px;color:#fff;border:3px solid #fff;border-radius:11px;background:linear-gradient(180deg,var(--sn-mint-lite),#28c98c,#129463);box-shadow:0 4px 0 var(--sn-green-edge)}.lobby-dialog-actions .primary-button{color:#31520a;background:linear-gradient(180deg,#d6f58c,var(--sn-lime) 48%,#63a81e);box-shadow:0 4px #31520a}.ready-room-shell{display:grid;grid-template-rows:60px minmax(0,1fr) 66px;height:100%;min-height:0;overflow:hidden}.ready-room-header{margin:0}.ready-room-brand{gap:10px}.ready-room-header-pills{gap:8px}.ready-room-header-pill-player{min-width:132px}.ready-room-body{display:grid;grid-template-columns:minmax(0,1.6fr) 340px;gap:9px;min-height:0;padding:9px;overflow:hidden}.ready-room-main{display:grid;grid-template-rows:minmax(210px,.9fr) minmax(250px,1.1fr);gap:9px;min-height:0}.ready-room-side{display:grid;grid-template-rows:minmax(190px,.8fr) minmax(210px,1.2fr);gap:9px;min-height:0}.ready-room-team-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-height:0;padding:9px;overflow:hidden;border:2px solid #a6efcd;border-radius:10px;background:linear-gradient(180deg,#2ccb90,#159c68);box-shadow:inset 0 2px #ffffff47}.ready-room-team-board{display:grid;grid-template-rows:auto minmax(0,1fr);align-self:stretch;height:100%;min-height:0;padding:7px;border:2px solid var(--sn-green-edge);border-radius:9px;background:linear-gradient(180deg,#1aae77,#0f8f5f);box-shadow:inset 0 3px 7px #00000038}.ready-room-team-board-red,.ready-room-team-board-blue,.ready-room-team-board-neutral{background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep));border-color:#3e8f6b}.ready-room-team-head{min-height:34px;padding:0 3px 7px;border-bottom:1px solid rgba(143,231,194,.34)}.ready-room-team-title{color:#fff;font-family:var(--sn-font-display);font-size:1rem;font-weight:800;letter-spacing:.04em;text-shadow:0 2px 2px rgba(4,48,31,.62)}.ready-room-team-board-red .ready-room-team-title{color:#ff9a80}.ready-room-team-board-blue .ready-room-team-title{color:#ffe27a}.ready-room-team-chip{color:#04301f;border:1px solid var(--sn-green-edge);background:linear-gradient(180deg,var(--sn-mint-lite),#25b983);font-size:.58rem}.ready-room-team-grid{display:grid;grid-template-columns:repeat(var(--ready-room-team-columns),minmax(0,1fr));gap:7px;min-height:0;padding-top:7px}.ready-room-slot{display:grid;grid-template-rows:minmax(0,1fr) auto auto;min-width:0;min-height:0;padding:4px;overflow:hidden;color:#fff;border:2px solid #8fe7c2;border-radius:9px;background:linear-gradient(180deg,#5fe0ac,#25b983);box-shadow:inset 0 2px #ffffff57}.ready-room-slot-red,.ready-room-slot-blue,.ready-room-slot-neutral{background:linear-gradient(180deg,#5fe0ac,#25b983)}.ready-room-slot.is-local{border-color:var(--sn-gold);box-shadow:0 0 0 2px #ffd23c8c,inset 0 2px #ffffff57}.ready-room-slot-empty{place-items:center;color:#cfffe9a6;border-color:#3e8f6b;background:#04301f57;font-family:var(--sn-font-display);font-size:.72rem}.ready-room-slot-empty.is-joinable:hover,.ready-room-slot-empty.is-joinable:focus-visible{color:#04301f;border-color:var(--sn-gold);background:linear-gradient(180deg,#ffe27a,var(--sn-gold))}.ready-room-slot-art{min-height:0;border:2px solid var(--sn-green-edge);border-radius:7px;background:linear-gradient(180deg,#bff3df,#5fd3a6)}.ready-room-slot-portrait{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.ready-room-slot-name{padding-top:4px;color:#063b26;font-family:var(--sn-font-display);font-size:.78rem;font-weight:800;text-align:center}.ready-room-slot-flags{justify-content:center;gap:3px}.ready-room-slot .tiny-pill{min-height:17px;padding:1px 5px;color:#04301f;border:1px solid var(--sn-green-edge);background:#bff3df;font-size:.46rem}.ready-room-slot .tiny-pill.is-ready{background:var(--sn-gold)}.ready-room-loadout-row{display:grid;grid-template-columns:minmax(130px,.42fr) minmax(0,1.58fr);gap:9px;min-height:0}.ready-room-card{min-height:0;padding:9px;overflow:hidden}.ready-room-loadout-card{background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep));border-color:#3e8f6b}.ready-room-loadout-stats{display:flex;flex-direction:column;height:100%}.ready-room-loadout-name{color:var(--sn-gold);font-family:var(--sn-font-display);font-size:1.25rem;font-weight:800;text-align:center}.ready-room-loadout-bars{justify-content:center;gap:9px}.ready-room-loadout-bar-head{color:#cffff0;font-size:.58rem}.ready-room-loadout-bar-track{height:9px;border:1px solid #3e8f6b;background:#04301f}.ready-room-loadout-bar-fill,.ready-room-loadout-bar-fill-speed,.ready-room-loadout-bar-fill-armor,.ready-room-loadout-bar-fill-power{background:linear-gradient(90deg,var(--sn-mint),var(--sn-gold))}.ready-room-selection-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:9px}.ready-room-selection-head{min-height:0}.ready-room-selection-card .ready-room-card-label{margin:-9px -9px 7px}.ready-room-selection-hint{max-height:30px;overflow:hidden;color:#cffff0;font-size:.6rem;line-height:1.2}.ready-room-character-tray{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:6px;min-height:0;overflow:auto}.ready-room-character-tile{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;padding:4px;color:#04301f;border:2px solid var(--sn-green-edge);border-radius:8px;background:linear-gradient(180deg,#bff3df,#5fd3a6);box-shadow:inset 0 2px #ffffff61}.ready-room-character-tile.is-active{border-color:var(--sn-gold);background:linear-gradient(180deg,#ffe68a,#ffc61e);box-shadow:0 0 0 2px #ffd23c80}.ready-room-character-tile-frame{min-height:0;border:0;background:transparent}.ready-room-character-portrait{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.ready-room-character-tile-name{font-family:var(--sn-font-display);font-size:.58rem;font-weight:800}.ready-room-color-tray{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;margin-top:6px}.ready-room-color-tile{min-width:0;min-height:32px;padding:1px;border:2px solid rgba(255,255,255,.72);border-radius:6px;background:linear-gradient(180deg,var(--sn-mint-lite),var(--sn-green));box-shadow:0 2px 0 var(--sn-green-edge)}.ready-room-color-tile.is-active{border-color:var(--sn-gold);box-shadow:0 0 0 2px #ffd23c8c}.ready-room-color-portrait{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.ready-room-summary-card,.ready-room-chat-card{min-height:0}.ready-room-summary{display:grid;grid-template-rows:minmax(0,1fr) auto;height:calc(100% - 30px)}.ready-room-summary-map{min-height:0;border:2px solid var(--sn-green-edge);border-radius:8px;background:var(--sn-dark)}.ready-room-summary-map-image{filter:saturate(.86) hue-rotate(-8deg)}.ready-room-summary-map-label,.ready-room-summary-map-stamp{color:var(--sn-gold);font-family:var(--sn-font-display)}.ready-room-summary-grid{gap:5px;margin-top:7px}.ready-room-summary-row{min-height:31px;padding:5px 9px;color:#cffff0;border:2px solid var(--sn-green-edge);border-radius:7px;background:#1aae77;font-size:.62rem}.ready-room-summary-row strong{color:var(--sn-gold);font-family:var(--sn-font-display);font-size:.82rem}.ready-room-chat-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.ready-room-chat-head{min-height:0}.ready-room-chat-head .ready-room-card-label{margin:-9px -9px 0}.ready-room-chat-list{min-height:0;max-height:none;padding:8px;overflow:auto;border:2px solid #3e8f6b;border-radius:8px;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep))}.ready-room-chat-list .chat-entry,.ready-room-chat-list .empty-state{color:#cffff0;background:transparent;font-size:.7rem}.ready-room-chat-list .chat-entry-author{color:var(--sn-gold)}.ready-room-chat-compose{margin-top:6px}.ready-room-chat-compose input{min-height:36px;color:#0b3b28;border:2px solid var(--sn-green-edge);border-radius:8px;background:linear-gradient(180deg,#fff,#dffff0)}.ready-room-footer{display:flex;flex-direction:row;align-items:center;gap:10px;min-height:0;padding:8px 12px;border:0;background:transparent}.ready-room-footer:before{content:"";width:7px;height:34px;border-radius:3px;background:var(--sn-mint-lite)}.ready-room-footer-queue{flex:1}.ready-room-footer-queue-pill{min-height:28px;color:#04301f;border:2px solid var(--sn-green-edge);background:linear-gradient(180deg,#bff3df,#7fdcb4)}.ready-room-footer-actions{display:flex;gap:9px;margin-left:auto}.ready-room-footer-actions button{min-width:130px;min-height:44px;color:#fff;border:3px solid #fff;border-radius:10px;background:linear-gradient(180deg,var(--sn-mint-lite),#28c98c,#129463);box-shadow:0 3px 0 var(--sn-green-edge)}.ready-room-footer-actions #leaveBtn{background:linear-gradient(180deg,#2e6b52,#123d2a)}.ready-room-footer-actions #readyBtn.is-selected{color:#5a3600;background:linear-gradient(180deg,#ffe27a,var(--sn-gold));box-shadow:0 3px #c99b00}.ready-room-footer-actions #startBtn,.ready-room-footer-actions #startBtn.is-actionable{min-width:190px;color:#fff;background:linear-gradient(180deg,#ffd98a,#ffb03a 46%,var(--sn-orange-deep));box-shadow:0 4px #963c00,0 8px 15px #501e0040}.ready-room-footer-actions #startBtn:disabled{color:#ffffffb8;border-color:#a7c6b7;background:linear-gradient(180deg,#93a79c,#6e8478);box-shadow:0 3px #435c50}.match-view,.match-shell{min-height:0}.match-shell{display:grid;grid-template-rows:64px minmax(0,1fr);height:100%;overflow:hidden}.match-header{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);gap:10px;margin:0}.match-brand{gap:9px}.match-brand-kicker{font-size:1.15rem}.match-brand-title{color:var(--sn-gold);font-size:.64rem}.match-brand-subtitle{color:#cffff0;font-size:.54rem;letter-spacing:.07em}.match-scoreboard{min-height:44px;padding:4px 14px;color:#fff;border:2px solid #3e8f6b;border-radius:9px;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep));box-shadow:inset 0 3px 8px #00000061}.match-score-block span{color:var(--sn-mint-lite);font-family:var(--sn-font-display);font-size:.55rem;letter-spacing:.1em}.match-score-block strong{color:var(--sn-gold);font-family:var(--sn-font-display);font-size:1.2rem}.match-score-divider{background:#3e8f6b}.match-header-tools{gap:5px}.match-header-action,.match-feed-toggle,.match-local-pill,.match-header-tools #debugSnapshotBtn{min-width:0;min-height:36px;padding:5px 8px;color:#04301f;border:2px solid var(--sn-green-edge);background:linear-gradient(180deg,#bff3df,#7fdcb4);font-size:.58rem;box-shadow:0 2px #04301f66}.match-header-tools #debugSnapshotBtn{color:#fff;border-color:#fff;background:linear-gradient(180deg,var(--sn-mint-lite),#28c98c,#129463)}.match-body{display:grid;grid-template-columns:126px minmax(0,1fr) 186px;gap:9px;min-height:0;padding:9px;overflow:hidden}.match-side,.match-center-column{min-height:0}.match-side{display:block;width:auto}.match-side-left,.match-center-column,.match-side-right{order:0}.match-player-list,.match-card{width:100%;height:100%;min-height:0;padding:8px;border:2px solid #a6efcd;border-radius:10px;background:linear-gradient(180deg,#2ccb90,#159c68)}.match-team-groups{gap:7px}.match-team-group{padding:5px;border:2px solid #3e8f6b;border-radius:8px;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep))}.match-team-group-players{gap:5px}.match-player-entry{display:grid;grid-template-columns:42px minmax(0,1fr);min-height:48px;padding:3px;color:#063b26;border:2px solid var(--sn-green-edge);border-radius:7px;background:linear-gradient(180deg,#5fe0ac,#25b983)}.match-player-entry.is-local{border-color:var(--sn-gold);box-shadow:0 0 0 2px #ffd23c80}.match-player-avatar-wrap{width:40px;height:40px;border:1px solid var(--sn-green-edge);background:#bff3df}.match-player-avatar{image-rendering:pixelated}.match-player-name{color:#063b26;font-family:var(--sn-font-display);font-size:.68rem}.match-center-column{display:grid;grid-template-rows:minmax(0,1fr) auto}.match-shell .stage-frame{min-height:0;padding:7px;overflow:hidden;border:4px solid var(--sn-frame);border-radius:13px;background:linear-gradient(180deg,var(--sn-green),var(--sn-green-deep));box-shadow:0 0 0 2px var(--sn-green-edge),0 8px 18px #04301f4d}.match-shell .stage-frame:before,.match-shell .stage-tab{display:none}.match-shell .stage-surface{overflow:hidden;border:2px solid var(--sn-green-edge);border-radius:8px;background:var(--sn-dark-deep);box-shadow:inset 0 3px 9px #0000005c}.match-inventory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.match-inventory-slot{min-height:58px;padding:3px;border:2px solid var(--sn-green-edge);border-radius:7px;background:linear-gradient(180deg,#93a79c,#6e8478);box-shadow:inset 0 2px #ffffff2e}.match-inventory-slot.is-active{border-color:#8fe7c2;background:linear-gradient(180deg,#5fe0ac,#25b983)}.match-inventory-slot:before{display:none}.match-inventory-icon{border:0;background:transparent}.match-inventory-art{image-rendering:pixelated}.match-inventory-value{color:var(--sn-gold);font-family:var(--sn-font-display);font-size:.72rem}.match-feed-drawer,.debug-feed-drawer{color:#eafff6;border-color:#3e8f6b;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep))}.match-feed-head,.debug-feed-head{border-bottom-color:#3e8f6b;background:#0c8154}.post-match-panel{color:#fff;background:linear-gradient(180deg,#0a3b26f7,#052717fa)}.post-match-panel h2{color:var(--sn-gold);font-family:var(--sn-font-display);-webkit-text-stroke-color:var(--sn-green-edge)}.post-match-chip{color:#04301f;border-color:var(--sn-green-edge);background:var(--sn-mint-lite)}.post-match-table th{color:var(--sn-mint-lite)}.post-match-table tbody tr.is-winning{background:#ffd23c2e}.match-mobile-bomb-button{border-color:#fff;background:linear-gradient(180deg,#ffd98a,#ffb03a 46%,var(--sn-orange-deep));box-shadow:0 5px #963c00}body:has(#app:not([hidden])) .debug-feed-toggle{display:none}@media(max-width:860px){.auth-screen,.app-shell[data-mode]{padding:0}.auth-game-window,.app-shell[data-mode] .stage-shell{width:100%;height:100dvh;aspect-ratio:auto;border-width:0;border-radius:0;box-shadow:none}.auth-game-window:before{top:8px;right:8px;bottom:62px;left:8px}.auth-game-header{top:18px;right:18px;left:18px}.auth-login-wrap{top:10%;right:4%;bottom:11%;left:4%}.auth-login-title{font-size:clamp(3.2rem,12vw,5rem)}.auth-login-card{width:min(540px,92vw)}.auth-login-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:min(540px,92vw)}.auth-login-action{min-width:0}.auth-signup-layer{top:-8%;right:-4%;bottom:-12%;left:-4%}.auth-signup-card{width:min(620px,92vw)}.auth-game-taskbar{right:10px;bottom:7px;left:10px}.lobby-browser-shell,.ready-room-shell,.match-shell{border-radius:0}.lobby-browser-shell{grid-template-rows:56px minmax(0,1fr) 48px}.lobby-browser-shell .lobby-browser-header{flex-direction:row;align-items:center;flex-wrap:nowrap}.lobby-browser-header-tools{flex-wrap:nowrap;margin-left:auto}.lobby-browser-header-player{max-width:170px}.lobby-browser-header-stat,.lobby-browser-brand-subtitle,.ready-room-brand-subtitle,.match-brand-title,.match-brand-subtitle{display:none}.lobby-browser-stage{overflow:auto}.lobby-browser-main{grid-template-columns:1fr;overflow:visible}.lobby-browser-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-browser-side-card-filters{min-height:0}.lobby-browser-filter-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.lobby-browser-tab,.lobby-browser-action-btn{justify-content:center;min-width:0}.lobby-browser-action-icon,.lobby-browser-tab-icon{display:none}.lobby-browser-registry{overflow:visible}.lobby-browser-registry .room-list{grid-template-columns:1fr;grid-auto-rows:132px;height:auto;overflow:visible}.lobby-dialog-card{width:calc(100% - 20px);max-height:calc(100% - 20px);padding:14px}.lobby-dialog-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-dialog-mode-card{min-height:112px}.ready-room-shell{grid-template-rows:56px minmax(0,1fr) auto}.ready-room-body{grid-template-columns:1fr;overflow:auto}.ready-room-main,.ready-room-side{grid-template-rows:auto}.ready-room-team-stack{grid-template-columns:1fr;overflow:visible}.ready-room-team-board{min-height:190px}.ready-room-loadout-row{grid-template-columns:150px minmax(0,1fr);min-height:280px}.ready-room-summary-card,.ready-room-chat-card{min-height:260px}.ready-room-footer{flex-wrap:wrap}.ready-room-footer:before,.ready-room-footer-queue{display:none}.ready-room-footer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.ready-room-footer-actions button,.ready-room-footer-actions #startBtn{min-width:0}.ready-room-footer-actions #startBtn{grid-column:1 / -1}.match-shell{grid-template-rows:58px minmax(0,1fr)}.match-header{grid-template-columns:minmax(110px,1fr) auto minmax(0,1fr);padding:6px 8px}.match-brand-mark,.match-score-block span,.match-header-action span,.match-feed-toggle span,.match-header-tools #debugSnapshotBtn,.match-local-pill .settings-trigger-chip-label{display:none}.match-header-action,.match-feed-toggle,.match-local-pill{width:36px;min-height:34px;padding:4px}.match-scoreboard{padding:4px 8px}.match-score-block strong{font-size:.92rem}.match-body{grid-template-columns:88px minmax(0,1fr);gap:6px;padding:6px}.app-shell[data-mode=in_match] .match-body,.app-shell[data-mode=post_match_pending] .match-body,.app-shell[data-mode=post_match] .match-body{grid-template-columns:88px minmax(0,1fr)}.match-side-right{display:none}.match-player-entry{grid-template-columns:1fr}.match-player-avatar-wrap{width:100%}.match-player-name{font-size:.52rem}}@media(max-width:560px){.auth-game-mini-brand small,.auth-game-taskbar-menu,.auth-game-taskbar-rule{display:none}.auth-login-wrap{top:8%;right:3%;bottom:10%;left:3%;gap:13px}.auth-login-title{font-size:clamp(2.9rem,15vw,4.5rem);-webkit-text-stroke-width:5px}.auth-login-subtitle{font-size:.72rem}.auth-login-card{width:94vw;padding:13px}.auth-login-field,.auth-signup-row{flex-direction:column}.auth-login-label{flex-basis:auto;min-height:34px}.auth-login-field input,.auth-signup-row input{min-height:42px}.auth-login-actions{width:94vw;gap:8px}.auth-login-action{min-height:42px;padding:5px 8px;font-size:.7rem}.auth-signup-card{width:94vw;padding:16px}.auth-signup-note{margin-left:0}.auth-signup-actions{gap:8px}.lobby-browser-logo,.ready-room-brand-mark{display:none}.lobby-browser-sidebar{grid-template-columns:1fr}.lobby-browser-footer-links,.lobby-browser-footer-meta{min-height:32px;padding:0 12px;font-size:.66rem}.lobby-dialog-mode-grid{grid-template-columns:1fr 1fr;padding:7px}.lobby-dialog-mode-card{grid-template-rows:auto 58px;min-height:92px}.lobby-dialog-mode-card:has(.lobby-dialog-game-types){grid-template-rows:auto minmax(118px,auto)}.lobby-dialog-mode-card img{width:58px;height:58px}.lobby-dialog .two-up,.lobby-dialog-rule-row{grid-template-columns:1fr}.lobby-dialog-actions button{min-width:0;flex:1}.ready-room-loadout-row{grid-template-columns:1fr}.ready-room-loadout-card{min-height:150px}.ready-room-selection-card{min-height:360px}.ready-room-character-tray{grid-template-columns:repeat(3,minmax(0,1fr))}.ready-room-color-tray{grid-template-columns:repeat(5,minmax(0,1fr))}}.sn-room-shell{grid-template-rows:minmax(0,1fr) 66px}.sn-room-layout.ready-room-body{display:grid;grid-template-columns:minmax(0,1fr) clamp(350px,32.85%,404px);gap:10px;min-height:0;padding:10px;overflow:hidden}.sn-room-left.ready-room-card{display:grid;grid-template-rows:46px auto minmax(180px,1fr);gap:9px;min-width:0;min-height:0;padding:10px;overflow:hidden}.sn-room-title-row{display:flex;align-items:center;gap:9px;min-width:0}.sn-room-code{flex:none;padding:5px 11px 3px;color:var(--sn-mint-lite);border:2px solid #3e8f6b;border-radius:7px;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep));font-family:var(--sn-font-display);font-size:1rem;font-weight:800;letter-spacing:.08em;box-shadow:inset 0 2px #ffffff14}.sn-room-title-copy{min-width:0}.sn-room-title{overflow:hidden;color:#fff;font-family:var(--sn-font-display);font-size:clamp(1rem,1.8vw,1.35rem);font-weight:800;line-height:1;text-overflow:ellipsis;text-shadow:0 2px 2px rgba(4,48,31,.62);white-space:nowrap}.sn-room-title-meta{margin-top:3px;color:#cffff0;font-size:.62rem;font-weight:700}.sn-room-title-tools{display:flex;align-items:center;gap:6px;margin-left:auto}.sn-room-title-tools .soundtrack-toggle,.sn-room-title-tools .ready-room-header-pill{position:static;min-height:34px}.sn-room-title-tools .soundtrack-toggle{width:38px;padding:4px}.sn-room-mini-tool,.sn-room-info-button{min-height:32px;color:#cffff0;border:2px solid #3e8f6b;border-radius:7px;background:linear-gradient(180deg,#2e7d52,#0f4a2e)}.sn-room-mini-tool{width:42px;padding:0}.sn-room-info-button{max-width:126px;padding:0 9px;overflow:hidden;font-family:var(--sn-font-display);font-size:.54rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.sn-room-player-grid{display:grid;grid-template-columns:repeat(var(--sn-room-slot-columns, 4),minmax(0,1fr));grid-template-rows:repeat(2,auto);grid-auto-rows:auto;gap:9px;min-height:0}.sn-room-player-grid .ready-room-slot{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 42px;gap:4px;min-width:0;min-height:0;padding:0;overflow:visible;color:#fff;border:0;border-radius:9px;background:transparent;box-shadow:none}.sn-room-player-grid .ready-room-slot-art{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;min-height:0;overflow:hidden;border:2px solid var(--sn-green-edge);border-radius:9px;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.62),transparent 35%),linear-gradient(180deg,#bff3df,#5fd3a6);box-shadow:inset 0 2px #ffffff73}.sn-room-player-grid .ready-room-slot.is-local .ready-room-slot-art{border-color:var(--sn-gold);box-shadow:0 0 0 3px #ffd23c75,inset 0 2px #ffffff80}.sn-room-player-grid .ready-room-slot.is-host .ready-room-slot-art{border-color:var(--sn-gold)}.sn-room-player-grid .ready-room-slot-portrait{position:absolute;top:7px;right:7px;bottom:7px;left:7px;width:calc(100% - 14px);height:calc(100% - 14px);object-fit:contain;object-position:center;transform:none}.ready-room-slot-team{position:absolute;top:4px;left:4px;padding:2px 5px;color:#fff;border:1px solid rgba(255,255,255,.76);border-radius:4px;font-size:.48rem;font-weight:800;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.46);z-index:2}.ready-room-slot-team-red{background:linear-gradient(180deg,#ff8a72,#e8452f)}.ready-room-slot-team-blue{background:linear-gradient(180deg,#ffe08a,#f0a81a)}.ready-room-slot-plate{display:grid;align-content:center;min-width:0;padding:3px 6px;overflow:hidden;border:2px solid #3e8f6b;border-radius:7px;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep));box-shadow:inset 0 2px #ffffff12}.sn-room-player-grid .ready-room-slot-name{overflow:hidden;padding:0;color:#fff;font-size:clamp(.62rem,1.05vw,.84rem);line-height:1;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ready-room-slot-status{margin-top:3px;color:#9fcdb8;font-size:.48rem;font-weight:800;line-height:1;text-align:center;text-transform:uppercase}.ready-room-slot-status.is-ready{color:var(--sn-gold)}.ready-room-slot-status.is-host{color:var(--sn-gold);text-transform:none}.ready-room-slot-status.is-warning{color:#ff9a80}.sn-room-player-grid .ready-room-slot-empty{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 42px;place-items:stretch;padding:0;color:#cfffe994;border:0;background:transparent}.ready-room-slot-empty-mark{display:grid;place-items:center;aspect-ratio:1;min-height:0;border:2px solid #3e8f6b;border-radius:9px;background:#04301f61;font-family:var(--sn-font-display);font-size:2rem;font-weight:800;transition:border-color .12s ease,background .12s ease,color .12s ease}.ready-room-slot-empty-copy{display:grid;place-content:center;border:2px solid #3e8f6b;border-radius:7px;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep));text-align:center}.ready-room-slot-empty-copy strong,.ready-room-slot-empty-copy span{font-size:.5rem;line-height:1.05}.ready-room-slot-empty-copy strong{color:#cffff0;font-family:var(--sn-font-display);font-size:.66rem}.sn-room-player-grid .ready-room-slot-empty.is-joinable:hover .ready-room-slot-empty-mark,.sn-room-player-grid .ready-room-slot-empty.is-joinable:focus-visible .ready-room-slot-empty-mark{color:#5a3600;border-color:var(--sn-gold);background:linear-gradient(180deg,#ffe68a,#ffc61e)}.sn-room-player-grid .ready-room-slot-empty.is-locked{opacity:.48}.sn-room-player-grid .ready-room-slot-empty.is-locked .ready-room-slot-empty-mark{font-size:0}.sn-room-player-grid .ready-room-slot-empty.is-locked .ready-room-slot-empty-mark:before{content:"×";font-size:1.2rem}.sn-room-chat{display:grid;grid-template-rows:30px minmax(0,1fr) 38px;min-height:0}.sn-room-chat-tabs{display:flex;align-items:end;gap:5px}.sn-room-chat-tabs span,.sn-room-chat-tabs .sn-room-chat-tab{display:grid;place-items:center;min-width:96px;height:28px;padding:0 12px;color:#9fcdb8;border:2px solid #3e8f6b;border-bottom:0;border-radius:7px 7px 0 0;background:#0b5035;font-size:.62rem;font-weight:800;box-shadow:none}.sn-room-chat-tabs span.is-active,.sn-room-chat-tabs .sn-room-chat-tab.is-active{color:#fff;border-color:#a6efcd;background:linear-gradient(180deg,#2ccb90,#159c68)}.sn-room-chat .ready-room-chat-list{border-radius:0 8px 8px}.sn-room-chat .ready-room-chat-compose{display:grid;grid-template-columns:90px minmax(0,1fr) 58px;gap:6px;margin-top:6px}.sn-room-chat-channel,.sn-room-chat .ready-room-chat-compose button{display:grid;place-items:center;min-height:36px;padding:0 7px;color:#fff;border:2px solid #fff;border-radius:7px;background:linear-gradient(180deg,var(--sn-mint-lite),#28c98c,#129463);font-size:.58rem;font-weight:800;box-shadow:0 2px 0 var(--sn-green-edge)}.sn-room-chat .ready-room-chat-compose button:disabled{color:#ffffff8f;border-color:#7aa994;background:linear-gradient(180deg,#829b8e,#5e776a)}.sn-room-right{display:grid;grid-template-rows:78px minmax(300px,1.08fr) 58px minmax(145px,.92fr) 64px;gap:9px;min-width:0;min-height:0}.sn-room-hero.ready-room-card{display:grid;grid-template-columns:72px minmax(0,1fr) 112px;align-items:center;gap:8px;padding:7px 9px;border-color:#3e8f6b;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep))}.sn-room-hero-character{width:68px;height:64px;object-fit:contain;object-position:center;image-rendering:pixelated}.sn-room-hero-copy{display:grid;align-content:center;min-width:0}.sn-room-hero-copy strong{overflow:hidden;color:var(--sn-gold);font-family:var(--sn-font-display);font-size:clamp(.9rem,1.45vw,1.25rem);line-height:1;text-overflow:ellipsis;white-space:nowrap}.sn-room-hero-copy span{display:-webkit-box;margin-top:4px;overflow:hidden;color:#cffff0;font-size:.5rem;line-height:1.2;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sn-room-hero-stats{display:grid;gap:4px}.sn-room-hero-stats .ready-room-loadout-bar-head{font-size:.45rem}.sn-room-hero-stats .ready-room-loadout-bar-track{height:6px}.sn-room-character-panel.ready-room-selection-card{grid-template-rows:30px minmax(0,1fr) 30px;padding:8px}.sn-room-character-panel .ready-room-card-label{margin:-8px -8px 7px;padding:6px 9px 5px;font-size:.82rem}.sn-room-character-panel .ready-room-character-tray{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(58px,1fr);gap:6px;overflow:auto}.sn-room-character-panel .ready-room-character-tile{position:relative;grid-template-rows:minmax(0,1fr);gap:0;padding:3px;overflow:hidden}.sn-room-character-panel .ready-room-character-tile-frame{position:relative;min-width:0;min-height:0;overflow:hidden}.sn-room-character-panel .ready-room-character-portrait{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;transform:none}.sn-room-character-panel .ready-room-character-tile-name{display:none;overflow:hidden;font-size:.48rem;text-overflow:ellipsis;white-space:nowrap}.sn-room-character-panel .ready-room-character-tile.is-placeholder{opacity:.55}.sn-room-character-panel .ready-room-character-tile.is-placeholder .ready-room-character-tile-name{position:absolute;z-index:2;right:3px;bottom:3px;left:3px;display:block;height:13px;line-height:13px;text-align:center}.sn-room-character-panel .ready-room-character-tile.is-placeholder .ready-room-character-tile-frame{display:grid;place-items:center;color:#0a6b4780;font-size:1.25rem}.sn-room-character-pager{display:flex;align-items:center;justify-content:center;gap:7px}.sn-room-character-pager button,.sn-room-character-pager span{display:grid;place-items:center;height:28px;color:#cffff0;border:2px solid #3e8f6b;border-radius:7px;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep));font-family:var(--sn-font-display);font-size:.58rem}.sn-room-character-pager button{width:42px}.sn-room-character-pager span{min-width:84px;color:var(--sn-mint-lite)}.sn-room-color-panel{min-height:0}.sn-room-section-title{height:18px;color:#fff;font-family:var(--sn-font-display);font-size:.72rem;font-weight:800;line-height:1;text-shadow:0 2px 2px rgba(4,48,31,.62)}.sn-room-color-panel .ready-room-color-tray{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;height:40px;margin:0;padding:5px;border:2px solid #a6efcd;border-radius:8px;background:linear-gradient(180deg,#2ccb90,#159c68)}.sn-room-color-panel .ready-room-color-tile{position:relative;min-width:0;min-height:0;padding:0;overflow:hidden;border:2px solid rgba(255,255,255,.68);border-radius:6px;background:transparent;box-shadow:none}.ready-room-color-swatch{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ff8a72,#e8452f)}.ready-room-color-tile-1 .ready-room-color-swatch{background:linear-gradient(180deg,#ffc978,#f0741a)}.ready-room-color-tile-2 .ready-room-color-swatch{background:linear-gradient(180deg,#ffe08a,#f0a81a)}.ready-room-color-tile-3 .ready-room-color-swatch{background:linear-gradient(180deg,#c8f58c,#7fc02e)}.ready-room-color-tile-4 .ready-room-color-swatch{background:linear-gradient(180deg,#8df0c4,#22b57d)}.ready-room-color-tile-5 .ready-room-color-swatch{background:linear-gradient(180deg,#8fd4ff,#2e86d6)}.ready-room-color-tile-6 .ready-room-color-swatch{background:linear-gradient(180deg,#d9a8ff,#8a3ed0)}.ready-room-color-tile-7 .ready-room-color-swatch{background:linear-gradient(180deg,#ffa8dc,#e048a8)}.ready-room-color-tile-8 .ready-room-color-swatch{background:linear-gradient(180deg,#d8e0e7,#7c8b98)}.ready-room-color-tile-9 .ready-room-color-swatch{background:linear-gradient(180deg,#d5ad83,#82552e)}.sn-room-color-panel .ready-room-color-tile.is-active{border-color:#fff;box-shadow:0 0 0 2px var(--sn-gold)}.ready-room-color-check,.sn-room-color-panel .ready-room-color-lock{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:.72rem;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.65)}.sn-room-color-panel .ready-room-color-tile.is-locked .ready-room-color-swatch{filter:grayscale(.8) brightness(.62)}.sn-room-map-panel.ready-room-summary-card{display:grid;grid-template-rows:30px minmax(0,1fr);min-height:0;padding:8px}.sn-room-map-panel .ready-room-card-label{margin:-8px -8px 7px;padding:6px 9px 5px;font-size:.82rem}.sn-room-map-panel .ready-room-summary{display:grid;grid-template-columns:minmax(120px,.95fr) minmax(120px,1.05fr);grid-template-rows:minmax(0,1fr);gap:8px;height:auto;min-height:0}.sn-room-map-panel .ready-room-summary-map{position:relative;display:block;height:100%;min-height:0;overflow:hidden}.sn-room-map-panel .ready-room-summary-map-image{width:100%;height:100%;object-fit:cover}.sn-room-map-name{position:absolute;z-index:3;right:5px;bottom:6px;left:5px;overflow:hidden;color:var(--sn-gold);font-family:var(--sn-font-display);font-size:.78rem;text-align:center;text-overflow:ellipsis;text-shadow:0 2px 2px var(--sn-dark-deep);white-space:nowrap}.sn-room-map-panel .ready-room-summary-grid{display:grid;grid-template-rows:repeat(3,minmax(0,1fr)) auto;gap:5px;width:100%;min-width:0;min-height:0;margin:0}.sn-room-map-stars{color:var(--sn-gold);letter-spacing:1px}.sn-room-map-stars i{color:#cfffe947;font-style:normal}.sn-room-map-select{width:100%;min-width:0;min-height:28px;color:#fff;border:2px solid #fff;border-radius:7px;background:linear-gradient(180deg,var(--sn-mint-lite),#28c98c,#129463);font-family:var(--sn-font-display);font-size:.54rem;font-weight:800}.sn-room-map-panel .ready-room-summary-row{min-width:0;min-height:0;padding:3px 7px;overflow:hidden}.sn-room-map-panel .ready-room-summary-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sn-room-primary-actions{display:grid;grid-template-columns:minmax(0,1fr) 94px 68px;grid-template-rows:minmax(0,1fr);gap:9px;min-height:0;overflow:hidden}.sn-room-auto-ready{display:grid;place-items:center;align-content:center;gap:4px;min-width:0;min-height:0;color:#fff;border:2px solid #a6efcd;border-radius:9px;background:linear-gradient(180deg,#2ccb90,#159c68);font-family:var(--sn-font-display);font-size:.55rem;font-weight:800}.sn-room-auto-ready input{width:18px;height:18px;accent-color:var(--sn-lime)}.sn-room-primary-actions button{min-width:0;min-height:0;color:#fff;border:3px solid #fff;border-radius:10px;background:linear-gradient(180deg,var(--sn-mint-lite),#28c98c,#129463);font-family:var(--sn-font-display);font-size:clamp(.68rem,1.15vw,.95rem);font-weight:800;line-height:1;text-shadow:0 2px 2px rgba(4,48,31,.58);box-shadow:0 4px 0 var(--sn-green-edge)}.sn-room-primary-actions #startBtn,.sn-room-primary-actions #startBtn.is-actionable{color:#fff;background:repeating-linear-gradient(58deg,rgba(255,255,255,.12) 0 6px,transparent 6px 14px),linear-gradient(180deg,#ffd98a,#ffb03a 46%,var(--sn-orange-deep));box-shadow:0 4px #963c00,0 8px 15px #501e0040}.sn-room-primary-actions #startBtn:disabled,.sn-room-primary-actions #readyBtn:disabled{color:#ffffff9e;border-color:#a7c6b7;background:linear-gradient(180deg,#93a79c,#6e8478);box-shadow:0 3px #435c50}.sn-room-primary-actions #readyBtn.is-selected{color:#5a3600;background:linear-gradient(180deg,#ffe27a,var(--sn-gold));text-shadow:none;box-shadow:0 4px #c99b00}.sn-room-shell .ready-room-footer{display:flex;align-items:center;gap:9px;min-height:0;padding:8px 14px}.sn-room-shell .ready-room-footer:before{flex:none}.sn-room-shell .ready-room-footer>#leaveBtn{min-width:52px;min-height:42px;color:#fff;border:3px solid #fff;border-radius:9px;background:linear-gradient(180deg,#2e6b52,#123d2a);font-weight:800;box-shadow:0 3px #052717}.sn-room-footer-menu,.sn-room-footer-social{display:grid;place-items:center;min-width:52px;min-height:42px;color:#31520a;border:3px solid #fff;border-radius:9px;background:linear-gradient(180deg,#d6f58c,var(--sn-lime) 48%,#63a81e);font-family:var(--sn-font-display);font-size:.62rem;font-weight:800;box-shadow:0 3px 0 var(--sn-green-edge)}.sn-room-footer-social{color:#fff;background:linear-gradient(180deg,var(--sn-mint-lite),#28c98c,#129463)}.sn-room-footer-text{position:relative;flex:none;padding:4px 2px;color:#d8fff0;border:0;background:transparent;font-size:.56rem;font-weight:800;text-shadow:0 2px 2px rgba(4,48,31,.55)}.sn-room-footer-text.is-pink{color:#ff9fe0}.sn-room-footer-mission i{position:absolute;top:0;right:-2px;width:8px;height:8px;border-radius:50%;background:#e8452f}.sn-room-footer-brand{margin-left:auto;color:#cffff0;font-family:var(--sn-font-display);font-size:.68rem;font-weight:700;letter-spacing:.06em}@media(max-width:860px){.sn-room-shell{grid-template-rows:minmax(0,1fr) 58px}.sn-room-layout.ready-room-body{grid-template-columns:minmax(0,1.35fr) minmax(300px,.9fr);gap:7px;padding:7px;overflow:hidden}.app-shell[data-mode=in_room] .sn-room-layout.ready-room-body{grid-template-columns:minmax(0,1.35fr) minmax(300px,.9fr)}.sn-room-left.ready-room-card{grid-template-rows:42px auto minmax(160px,1fr);gap:7px;padding:7px}.sn-room-player-grid{gap:6px}.sn-room-title-tools .ready-room-header-pill{max-width:120px}.sn-room-mini-tool,.sn-room-info-button,.sn-room-footer-text,.sn-room-footer-menu,.sn-room-footer-social,.sn-room-title-tools .ready-room-header-pill .settings-trigger-chip-label,.sn-room-title-meta,.sn-room-hero-stats{display:none}.sn-room-right{grid-template-rows:70px minmax(250px,1fr) 55px minmax(145px,1fr) 58px;gap:7px}.sn-room-hero.ready-room-card{grid-template-columns:54px minmax(0,1fr)}.sn-room-hero-character{width:52px;height:56px}.sn-room-chat .ready-room-chat-compose{grid-template-columns:72px minmax(0,1fr) 48px}}@media(max-width:680px){.sn-room-shell{display:block;height:100%;overflow:auto}.sn-room-layout.ready-room-body{display:grid;grid-template-columns:1fr;overflow:visible}.app-shell[data-mode=in_room] .sn-room-layout.ready-room-body{grid-template-columns:minmax(0,1fr);overflow:visible}.sn-room-left.ready-room-card{grid-template-rows:auto auto 260px}.sn-room-player-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:clamp(196px,52vw,220px)}.sn-room-right{grid-template-rows:78px 500px 62px 240px 64px}.sn-room-character-panel .ready-room-character-tray{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}.sn-room-shell .ready-room-footer{position:sticky;bottom:0;z-index:5;background:linear-gradient(180deg,#159c68,#0e9463)}.sn-room-shell .ready-room-footer:before,.sn-room-shell .ready-room-footer-queue,.sn-room-footer-brand{display:none}.sn-room-shell .ready-room-footer>#leaveBtn{min-width:112px}.sn-room-footer-link{min-width:82px}}@media(max-width:460px){.sn-room-title-tools .soundtrack-toggle,.sn-room-footer-brand{display:none}.sn-room-player-grid{grid-auto-rows:clamp(190px,54vw,210px)}.sn-room-color-panel .ready-room-color-tray{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));height:76px}.sn-room-color-panel .ready-room-color-tile{aspect-ratio:auto;height:auto;min-height:0}.sn-room-right{grid-template-rows:78px 520px 98px 260px 64px}.sn-room-primary-actions{grid-template-columns:minmax(0,1fr) 82px 62px}}@media(orientation:portrait)and (max-width:680px){.sp-orientation-guard{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto auto auto;place-content:center;place-items:center;gap:10px;padding:max(24px,env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px));color:#fff;background:radial-gradient(circle at 50% 35%,rgba(143,240,196,.28),transparent 32%),linear-gradient(180deg,#159c68,#075135);text-align:center}.sp-orientation-guard>span{display:grid;place-items:center;width:88px;height:88px;color:#31520a;border:4px solid #fff;border-radius:24px;background:linear-gradient(180deg,#ffe68a,#ffc61e);font-family:var(--sn-font-display);font-size:3.2rem;font-weight:900;box-shadow:0 6px #9b7300,0 16px 30px #001e1057}.sp-orientation-guard>strong{margin-top:8px;font-family:var(--sn-font-display);font-size:clamp(1.3rem,7vw,2rem);text-shadow:0 3px 0 rgba(4,48,31,.52)}.sp-orientation-guard>p{max-width:320px;margin:0;color:#cffff0;font-size:.82rem;font-weight:700;line-height:1.45}}@media(orientation:landscape)and (max-width:960px)and (max-height:560px){.app-shell[data-mode=in_room]{place-items:stretch;width:100%;height:100dvh;min-height:0;padding:0;overflow:hidden}.app-shell[data-mode=in_room] .shell-center,.app-shell[data-mode=in_room] .stage-shell,.app-shell[data-mode=in_room] .room-view{width:100%;height:100%;min-height:0}.app-shell[data-mode=in_room] .stage-shell{aspect-ratio:auto;padding:0;overflow:hidden;border:0;border-radius:0;box-shadow:none}.app-shell[data-mode=in_room] .room-view{overflow:hidden}.sn-room-shell{position:relative;display:grid;grid-template-rows:minmax(0,1fr) 56px;height:100%;min-height:0;overflow:hidden;border-radius:0}.sn-room-layout.ready-room-body,.app-shell[data-mode=in_room] .sn-room-layout.ready-room-body{display:grid;grid-template-columns:minmax(0,1fr) clamp(270px,41vw,330px);gap:6px;width:100%;height:100%;min-height:0;padding:max(5px,env(safe-area-inset-top,0px)) max(6px,env(safe-area-inset-right,0px)) 5px max(6px,env(safe-area-inset-left,0px));overflow:hidden}.sn-room-left.ready-room-card{position:relative;display:grid;grid-template-rows:34px minmax(0,1fr) 32px;gap:4px;height:100%;min-height:0;padding:5px;overflow:hidden}.sn-room-title-row{min-height:34px;gap:5px}.sn-room-code{padding:4px 7px 3px;font-size:.72rem}.sn-room-title{font-size:.78rem}.sn-room-title-meta,.sn-room-mini-tool,.sn-room-info-button,.sn-room-title-tools .soundtrack-toggle,.sn-room-title-tools .settings-trigger-chip-label{display:none}.sn-room-title-tools .ready-room-header-pill{width:38px;min-width:38px;max-width:38px;min-height:30px;padding:3px}.sn-room-player-grid{grid-template-columns:repeat(var(--sn-room-slot-columns, 5),minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:4px;min-height:0}.sn-room-player-grid .ready-room-slot,.sn-room-player-grid .ready-room-slot-empty{grid-template-rows:minmax(0,1fr) 27px;gap:2px}.sn-room-player-grid .ready-room-slot-art,.ready-room-slot-empty-mark{aspect-ratio:auto;border-radius:6px}.sn-room-player-grid .ready-room-slot-portrait{width:70%;height:70%}.ready-room-slot-plate,.ready-room-slot-empty-copy{padding:2px 3px;border-radius:5px}.sn-room-player-grid .ready-room-slot-name,.ready-room-slot-empty-copy strong{font-size:.48rem}.ready-room-slot-status,.ready-room-slot-empty-copy span,.ready-room-slot-team{font-size:.38rem}.sn-room-chat{position:relative;grid-template-rows:32px;min-height:32px;overflow:hidden}.sn-room-chat-tabs{align-items:center}.sn-room-chat-tabs span{height:30px;min-width:90px;padding-inline:8px;font-size:.52rem}.sn-room-chat-tabs span:not(.is-active){display:none}.sn-room-mobile-chat-toggle{display:grid;place-items:center;width:34px;height:30px;min-height:30px;margin-left:auto;padding:0;color:#fff;border:2px solid #fff;border-radius:6px;background:linear-gradient(180deg,var(--sn-mint-lite),#28c98c,#129463);font-size:.9rem;font-weight:900}.sn-room-chat:not(.is-mobile-open) .ready-room-chat-list,.sn-room-chat:not(.is-mobile-open) .ready-room-chat-compose{display:none}.sn-room-chat.is-mobile-open{position:absolute;z-index:12;right:5px;bottom:5px;left:5px;display:grid;grid-template-rows:32px minmax(0,1fr) 36px;height:min(220px,calc(100% - 44px));min-height:180px;padding:5px;overflow:hidden;border:2px solid #a6efcd;border-radius:8px;background:linear-gradient(180deg,#159c68,#0e9463);box-shadow:0 10px 24px #0023146b}.sn-room-chat.is-mobile-open .ready-room-chat-list{display:block;min-height:0;overflow-y:auto}.sn-room-chat.is-mobile-open .ready-room-chat-compose{display:grid;grid-template-columns:60px minmax(0,1fr) 42px;gap:4px;min-height:0;margin-top:3px}.sn-room-right{grid-template-rows:56px 205px 58px 145px 46px;gap:5px;height:100%;min-height:0;padding-right:2px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.sn-room-hero.ready-room-card{grid-template-columns:46px minmax(0,1fr);gap:5px;min-height:0;padding:4px 6px}.sn-room-hero-character{width:38px;height:38px}.sn-room-hero-copy strong{font-size:.76rem}.sn-room-hero-copy span,.sn-room-hero-stats{display:none}.sn-room-character-panel.ready-room-selection-card{grid-template-rows:26px minmax(0,1fr) 25px;min-height:0;padding:5px}.sn-room-character-panel .ready-room-card-label,.sn-room-map-panel .ready-room-card-label{margin:-5px -5px 4px;padding:4px 6px;font-size:.62rem}.sn-room-character-panel .ready-room-character-tray{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:3px;overflow:hidden}.sn-room-character-panel .ready-room-character-tile{padding:2px}.sn-room-character-pager button,.sn-room-character-pager span{height:23px;font-size:.46rem}.sn-room-character-pager button{width:34px}.sn-room-character-pager span{min-width:70px}.sn-room-color-panel .ready-room-color-tray{grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:3px;height:40px;padding:4px}.sn-room-map-panel.ready-room-summary-card{grid-template-rows:26px minmax(0,1fr);min-height:0;padding:5px}.sn-room-map-panel .ready-room-summary{grid-template-columns:minmax(90px,1fr) minmax(100px,1fr);gap:5px}.sn-room-map-panel .ready-room-summary-row{padding:2px 4px;font-size:.44rem}.sn-room-map-select{min-height:24px;font-size:.44rem}.sn-room-primary-actions{grid-template-columns:minmax(0,1fr);min-height:0}.sn-room-primary-actions #readyBtn,.sn-room-auto-ready{display:none}.sn-room-primary-actions button{min-height:42px;font-size:.62rem}.sn-room-shell .ready-room-footer{position:static;z-index:15;display:grid;min-height:56px;padding:5px max(7px,env(safe-area-inset-right,0px)) max(6px,env(safe-area-inset-bottom,0px)) max(7px,env(safe-area-inset-left,0px));background:linear-gradient(180deg,#159c68,#0e9463)}.sn-room-shell .ready-room-footer:before,.sn-room-shell .ready-room-footer>:not(.sn-room-mobile-actions){display:none!important}.sn-room-mobile-actions{display:grid;grid-template-columns:minmax(112px,.36fr) minmax(0,1fr);gap:7px;min-width:0}.sn-room-mobile-actions button{min-width:0;min-height:44px;color:#fff;border:3px solid #fff;border-radius:8px;font-family:var(--sn-font-display);font-size:.62rem;font-weight:800}}@media(orientation:landscape)and (max-width:720px)and (max-height:420px){.sn-room-shell{grid-template-rows:minmax(0,1fr) 50px}.sn-room-layout.ready-room-body,.app-shell[data-mode=in_room] .sn-room-layout.ready-room-body{grid-template-columns:minmax(0,1fr) 264px;gap:4px;padding-block:4px}.sn-room-left.ready-room-card{grid-template-rows:30px minmax(0,1fr) 29px;padding:4px}.sn-room-player-grid .ready-room-slot,.sn-room-player-grid .ready-room-slot-empty{grid-template-rows:minmax(0,1fr) 24px}.sn-room-right{grid-template-rows:50px 180px 52px 130px 42px;gap:4px}.sn-room-shell .ready-room-footer{min-height:50px;padding-block:4px}.sn-room-mobile-actions button{min-height:40px}}@media(min-width:861px)and (max-height:820px){.sn-room-shell{grid-template-rows:minmax(0,1fr) 56px}.sn-room-layout.ready-room-body{gap:8px;padding:8px}.app-shell[data-mode=in_room] .sn-room-layout.ready-room-body{grid-template-columns:minmax(0,1fr) clamp(300px,32.85%,350px)}.sn-room-left.ready-room-card{grid-template-rows:40px minmax(0,1fr) minmax(130px,.65fr);gap:7px;padding:8px}.sn-room-mini-tool,.sn-room-info-button{display:none}.sn-room-player-grid{grid-template-rows:repeat(2,minmax(0,1fr));gap:7px}.sn-room-player-grid .ready-room-slot,.sn-room-player-grid .ready-room-slot-empty{grid-template-rows:minmax(0,1fr) 34px}.sn-room-player-grid .ready-room-slot-art,.ready-room-slot-empty-mark{aspect-ratio:auto}.sn-room-right{grid-template-rows:64px minmax(236px,1.15fr) 48px minmax(140px,.85fr) 60px;gap:6px}.sn-room-hero.ready-room-card{grid-template-columns:56px minmax(0,1fr) 88px;padding:5px 8px}.sn-room-hero-character{width:54px;height:52px}.sn-room-character-panel.ready-room-selection-card,.sn-room-map-panel.ready-room-summary-card{padding:6px}.sn-room-character-panel .ready-room-card-label,.sn-room-map-panel .ready-room-card-label{margin:-6px -6px 5px}.sn-room-character-panel .ready-room-character-tray{gap:4px;grid-auto-rows:minmax(48px,1fr)}.sn-room-color-panel .ready-room-color-tray{height:32px;padding:3px}.sn-room-map-panel .ready-room-summary{gap:6px}.sn-room-map-panel .ready-room-summary-map{height:100%}.sn-room-map-panel .ready-room-summary-grid,.sn-room-map-panel .ready-room-summary-row,.sn-room-map-select{min-width:0;width:100%}.sn-room-map-panel .ready-room-summary-row{overflow:hidden}.sn-room-map-panel .ready-room-summary-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sn-room-primary-actions{grid-template-rows:minmax(0,1fr);overflow:hidden}.sn-room-auto-ready{min-height:0}.sn-room-shell .ready-room-footer{padding-block:6px}.sn-room-shell .ready-room-footer>#leaveBtn,.sn-room-footer-menu,.sn-room-footer-social,.sn-room-footer-link{min-height:38px}}@media(orientation:landscape)and (max-width:960px)and (max-height:560px){.app-shell[data-mode=in_room]{width:100%;max-width:none;height:100dvh;max-height:none;aspect-ratio:auto;padding:8px}.app-shell[data-mode=in_room] .stage-shell{width:100%;height:100%;aspect-ratio:auto}.app-shell[data-mode=in_room] .room-view{overflow:hidden}.sn-room-shell{display:block;height:100%;overflow-x:hidden;overflow-y:auto}.sn-room-layout.ready-room-body,.app-shell[data-mode=in_room] .sn-room-layout.ready-room-body{grid-template-columns:minmax(0,1.35fr) minmax(300px,.9fr);height:620px;min-height:620px;overflow:hidden}.sn-room-left.ready-room-card{grid-template-rows:40px minmax(0,1fr) minmax(130px,.65fr)}.sn-room-player-grid{grid-template-rows:repeat(2,minmax(0,1fr))}.sn-room-player-grid .ready-room-slot,.sn-room-player-grid .ready-room-slot-empty{grid-template-rows:minmax(0,1fr) 34px}.sn-room-player-grid .ready-room-slot-art,.ready-room-slot-empty-mark{aspect-ratio:auto}.sn-room-right{grid-template-rows:64px minmax(236px,1.15fr) 48px minmax(140px,.85fr) 60px;gap:6px}.sn-room-shell .ready-room-footer{position:sticky;bottom:0;z-index:5;min-height:54px;background:linear-gradient(180deg,#159c68,#0e9463)}}.sn-lobby-shell.lobby-browser-shell{display:grid;grid-template-rows:minmax(0,1fr) 66px}.sn-lobby-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:10px;min-height:0;padding:20px 24px 22px;overflow:hidden}.sn-lobby-sidebar{display:grid;grid-template-rows:36px 212px 36px minmax(0,1fr) 30px;gap:7px;min-width:0;min-height:0}.sn-lobby-channel-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sn-lobby-channel-row button{display:grid;place-items:center;min-width:0;overflow:hidden;color:#fff;border:2px solid #fff;border-radius:7px;background:linear-gradient(180deg,var(--sn-mint-lite),#28c98c,#129463);font-family:var(--sn-font-ui);min-height:36px;padding:6px 12px;font-size:13px;font-weight:800;text-overflow:ellipsis;text-shadow:0 2px 2px rgba(4,48,31,.55);white-space:nowrap;box-shadow:0 2px 0 var(--sn-green-edge)}.sn-lobby-channel-row button[aria-disabled=true]{cursor:default}.sn-lobby-profile-card{display:grid;grid-template-rows:132px 34px 32px;gap:7px;min-height:0}.sn-lobby-profile-art{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;border:2px solid #a6efcd;border-radius:10px;background:radial-gradient(circle at 50% 25%,rgba(255,255,255,.68),transparent 34%),linear-gradient(160deg,#bff3df,#5fd3a6 60%,#25b983);box-shadow:inset 0 2px #ffffff6b,inset 0 -4px 10px #044e3129}.sn-lobby-profile-art:after{content:"";position:absolute;right:-1px;bottom:17px;width:17px;height:48px;border:2px solid #a6efcd;border-right:0;border-radius:7px 0 0 7px;background:linear-gradient(180deg,#5fe0ac,#25b983)}.sn-lobby-profile-art img{width:clamp(54px,3.333vw,64px);height:clamp(82px,4.896vw,94px);max-width:42%;object-fit:contain;object-position:center;image-rendering:pixelated}.sn-lobby-profile-name{display:flex;align-items:center;gap:8px;min-width:0;padding:0 9px;color:#fff;border:2px solid #3e8f6b;border-radius:7px;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep))}.sn-lobby-profile-name strong{overflow:hidden;font-family:var(--sn-font-display);font-size:19px;text-overflow:ellipsis;white-space:nowrap}.sn-lobby-online-dot{flex:none;width:13px;height:13px;border:2px solid #fff;border-radius:4px;background:var(--sn-mint);box-shadow:0 0 8px #3fdda0a6}.sn-lobby-profile-progress{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:5px;min-width:0}.sn-lobby-profile-progress>span{display:grid;place-items:center;height:30px;color:#5a3600;border:2px solid #c99b00;border-radius:7px;background:linear-gradient(180deg,#ffe68a,#ffc61e);font-family:var(--sn-font-ui);font-size:14px;font-weight:800}.sn-lobby-profile-progress>div{position:relative;display:grid;place-items:center;height:30px;overflow:hidden;border:2px solid #3e8f6b;border-radius:7px;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep))}.sn-lobby-profile-progress>div i{position:absolute;top:2px;bottom:2px;left:2px;width:10%;border-radius:4px;background:linear-gradient(180deg,#ffe68a,#ffb03a)}.sn-lobby-profile-progress>div strong{position:relative;color:#ffe68a;font-family:var(--sn-font-display);font-size:16px;font-weight:800}.sn-lobby-player-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sn-lobby-player-tabs span{display:grid;place-items:center;color:#a8ddc6;border:2px solid #3e8f6b;border-radius:7px;background:linear-gradient(180deg,#16553c,#0a3b26);font-size:13px;font-weight:800}.sn-lobby-player-tabs span.is-active{color:#fff;border-color:#fff;background:linear-gradient(180deg,var(--sn-mint-lite),#28c98c,#129463)}.sn-lobby-player-list{min-height:0;padding:5px;overflow:auto;border:2px solid #3e8f6b;border-radius:9px;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep))}.sn-lobby-player-row{display:grid;grid-template-columns:28px minmax(0,1fr) 8px;align-items:center;gap:7px;min-height:34px;padding:3px 5px;border-radius:6px;color:#eafff6}.sn-lobby-player-row:nth-child(odd){background:#ffffff0f}.sn-lobby-player-row img{width:28px;height:28px;object-fit:contain;image-rendering:pixelated}.sn-lobby-player-row span{overflow:hidden;font-family:var(--sn-font-display);font-size:17px;text-overflow:ellipsis;white-space:nowrap}.sn-lobby-player-row i{width:7px;height:7px;border-radius:50%;background:#607a6e}.sn-lobby-player-row i.is-online{background:var(--sn-mint);box-shadow:0 0 6px #3fdda0d9}.sn-lobby-player-empty{display:grid;place-items:center;height:100%;padding:12px;color:#9fcdb8;font-size:13px;line-height:1.35;text-align:center}.sn-lobby-sidebar-tools{display:grid;grid-template-rows:30px}.sn-lobby-player-pager,.sn-lobby-room-pager{display:flex;align-items:center;justify-content:center;gap:7px}.sn-lobby-player-pager button,.sn-lobby-room-pager button{display:grid;place-items:center;width:44px;height:28px;color:#fff;border:2px solid #a6efcd;border-radius:7px;background:linear-gradient(180deg,#2e7d52,#0f4a2e);font-weight:900;font-size:13px}.sn-lobby-player-pager span,.sn-lobby-room-pager span{display:grid;place-items:center;min-width:76px;height:28px;color:#cffff0;border:2px solid #3e8f6b;border-radius:7px;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep));font-family:var(--sn-font-ui);font-size:13px}.sn-lobby-utility-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:6px}.sn-lobby-sidebar-tools .soundtrack-toggle,.sn-lobby-sidebar-tools .settings-trigger-chip{position:static;min-height:40px;color:#04301f;border:2px solid var(--sn-green-edge);border-radius:7px;background:linear-gradient(180deg,#bff3df,#7fdcb4)}.sn-lobby-main{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:66px min(511px,calc(53.2dvh - 12.8px),calc(39.9vw - 9.6px),calc(100% - 234px)) minmax(150px,1fr);gap:9px;min-width:0;min-height:0}.sn-lobby-quick-row{display:grid;grid-template-columns:1.05fr 1fr 1.15fr;gap:11px;min-width:0}.sn-lobby-quick-button{min-width:0;color:#fff;border:3px solid #fff;border-radius:11px;background:repeating-linear-gradient(58deg,rgba(255,255,255,.1) 0 6px,transparent 6px 15px),linear-gradient(180deg,var(--sn-mint-lite),#28c98c,#129463);font-family:var(--sn-font-ui);font-size:26px;font-weight:800;font-style:normal;text-shadow:0 2px 2px rgba(4,48,31,.55);box-shadow:0 4px 0 var(--sn-green-edge),inset 0 2px #ffffff75}.sn-lobby-quick-button.is-orange{background:repeating-linear-gradient(58deg,rgba(255,255,255,.13) 0 6px,transparent 6px 15px),linear-gradient(180deg,#ffd98a,#ffb03a 46%,var(--sn-orange-deep));box-shadow:0 4px #963c00,inset 0 2px #ffffff7a}.sn-lobby-quick-button.is-purple{background:repeating-linear-gradient(58deg,rgba(255,255,255,.12) 0 6px,transparent 6px 15px),linear-gradient(180deg,#d9a8ff,var(--sn-purple) 48%,#6d2eb2);box-shadow:0 4px #4c1d82,inset 0 2px #ffffff6b}.sn-lobby-quick-button:disabled{opacity:1}.sn-lobby-shell button:disabled{opacity:1}.sn-lobby-room-panel.lobby-browser-registry{display:grid;grid-template-rows:36px minmax(0,1fr) 30px;gap:9px;padding:9px}.sn-lobby-room-toolbar{display:flex;align-items:start;gap:6px;min-width:0}.sn-lobby-room-toolbar .lobby-browser-action-btn,.sn-lobby-room-toolbar .lobby-browser-tab{flex:0 0 auto;min-height:34px;padding:4px 9px;font-family:var(--sn-font-ui);font-size:13px}.sn-lobby-room-toolbar .lobby-browser-action-btn{width:auto;min-width:100px}.sn-lobby-room-toolbar .lobby-browser-action-icon{width:20px;height:20px;padding:3px}.sn-lobby-toolbar-square{flex:none;width:34px;min-height:34px;padding:0;color:#8df0c4;border:2px solid #3e8f6b;border-radius:7px;background:linear-gradient(180deg,#2e7d52,#0f4a2e);font-weight:900;font-size:15px}.sn-lobby-room-toolbar .lobby-browser-filter-list{display:flex;gap:5px;margin-left:auto}.sn-lobby-room-toolbar .lobby-browser-tab{width:auto;min-width:0;justify-content:center;padding-inline:12px}.sn-lobby-room-grid.room-list,.lobby-browser-registry .sn-lobby-room-grid.room-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:8px;height:100%;min-height:0;padding:0;overflow:hidden}.sn-lobby-room-placeholder{display:grid;grid-template-columns:96px minmax(0,1fr);gap:9px;min-width:0;min-height:0;padding:9px;opacity:.46;border:2px solid #8fe7c2;border-radius:9px;background:linear-gradient(180deg,#5fe0ac,#25b983);box-shadow:inset 0 2px #ffffff57}.sn-lobby-room-placeholder-thumb{min-height:0;border:2px solid var(--sn-green-edge);border-radius:7px;background:#1aae77}.sn-lobby-room-placeholder-copy{display:flex;flex-direction:column;gap:7px;min-width:0}.sn-lobby-room-placeholder-name{height:30px;border:2px solid var(--sn-green-edge);border-radius:6px;background:linear-gradient(180deg,#bff3df,#8fe0c0)}.sn-lobby-room-placeholder-foot{display:flex;gap:7px;margin-top:auto}.sn-lobby-room-placeholder-foot i,.sn-lobby-room-placeholder-foot span{height:34px;border:2px solid var(--sn-green-edge);border-radius:6px;background:linear-gradient(180deg,#5fe0ac,#25b983)}.sn-lobby-room-placeholder-foot i{width:34px}.sn-lobby-room-placeholder-foot span{width:64px}.sn-lobby-room-grid .room-card,.lobby-browser-shell .sn-lobby-room-grid .room-card{grid-template-columns:minmax(94px,.38fr) minmax(0,.62fr);height:100%;min-height:0}.sn-lobby-room-grid .room-lobby-card-media{min-height:0}.sn-lobby-room-grid .room-lobby-card-title{font-size:14px}.sn-lobby-room-grid .room-lobby-card-meta{font-size:12px}.sn-lobby-room-grid .room-lobby-card-slot{width:9px;height:9px;border-width:1px}.sn-lobby-chat-panel{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:34px minmax(0,1fr) 38px;gap:0;min-height:0}.sn-lobby-chat-tabs{display:flex;align-items:end;gap:5px}.sn-lobby-chat-tabs>button{display:grid;place-items:center;min-width:0;height:40px;min-height:40px;padding:8px 22px;color:#9fcdb8;border:2px solid #3e8f6b;border-bottom:0;border-radius:7px 7px 0 0;background:#0b5035;font-size:13px;font-weight:800}.sn-lobby-chat-tabs>button.is-active{color:#fff;border-color:#a6efcd;background:linear-gradient(180deg,#2ccb90,#159c68)}.sn-lobby-chat-scroll-buttons{display:flex;gap:4px}.sn-lobby-chat-scroll-buttons button{width:40px;height:36px;min-height:36px;padding:0;color:#fff;border:2px solid #a6efcd;border-radius:7px;background:linear-gradient(180deg,#2ccb90,#159c68);font-size:13px}.sn-lobby-chat-log{min-height:0;padding:9px 11px;overflow:auto;color:#cffff0;border:2px solid #3e8f6b;border-radius:0 9px 9px;background:radial-gradient(circle at 90% 20%,rgba(63,221,160,.1),transparent 30%),linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep));font-size:13px;line-height:1.75}.sn-lobby-chat-log p{margin:0 0 5px}.sn-lobby-chat-log strong{color:var(--sn-gold)}.sn-lobby-chat-log b{color:var(--sn-mint-lite)}.sn-lobby-chat-compose{display:grid;grid-template-columns:52px 110px minmax(0,1fr) 46px;gap:6px;min-width:0;margin-top:6px}.sn-lobby-chat-compose button,.sn-lobby-chat-compose input{min-width:0;height:38px;min-height:38px;border:2px solid #3e8f6b;border-radius:7px}.sn-lobby-chat-compose button{color:#fff;background:linear-gradient(180deg,#2ccb90,#159c68);font-family:var(--sn-font-ui);font-size:13px}.sn-lobby-chat-compose input{padding:0 11px;color:#eafff6;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep));font-size:13.5px}.sn-lobby-chat-compose input::placeholder{color:#9fcdb8}.sn-lobby-chat-send{font-size:13px!important}.sn-lobby-shell .lobby-browser-footer{justify-content:flex-start;gap:9px;padding:8px 14px}.sn-lobby-footer-menu,.sn-lobby-shell .lobby-browser-footer-links,.sn-lobby-shell .lobby-browser-footer-meta,.sn-lobby-footer-icon{display:grid;place-items:center;height:46px;min-height:46px;padding:0 20px;color:#fff;border:3px solid #fff;border-radius:9px;background:linear-gradient(180deg,var(--sn-mint-lite),#28c98c,#129463);font-family:var(--sn-font-ui);font-size:15px;font-weight:800;text-shadow:0 2px 2px rgba(4,48,31,.55);box-shadow:0 3px 0 var(--sn-green-edge)}.sn-lobby-footer-icon{width:52px;padding:0}.sn-lobby-footer-menu+.sn-lobby-footer-icon{width:58px}.sn-lobby-footer-icon.is-danger{background:linear-gradient(180deg,#ff8a72,#e8452f);box-shadow:0 3px #8f281d}.sn-lobby-footer-text{position:relative;flex:none;padding:6px 4px;color:#d8fff0;border:0;background:transparent;font-family:var(--sn-font-ui);font-size:16px;font-weight:800;text-shadow:0 2px 2px rgba(4,48,31,.55)}.sn-lobby-footer-text.is-pink{color:#ff9fe0}.sn-lobby-footer-mission i{position:absolute;top:1px;right:0;width:8px;height:8px;border-radius:50%;background:#e8452f}.sn-lobby-footer-menu{min-width:100px;padding-inline:26px;color:#31520a;background:linear-gradient(180deg,#d6f58c,var(--sn-lime) 48%,#63a81e);text-shadow:none}.sn-lobby-footer-settings .settings-trigger-chip-label,.sn-lobby-footer-settings .settings-trigger-chip-icon{display:none}.sn-lobby-footer-settings{display:grid;grid-template:1fr / 1fr;place-items:center;padding:0}.sn-lobby-footer-settings>span[aria-hidden=true]:not(.settings-trigger-chip-icon){display:grid;place-items:center;font-size:1rem}.sn-lobby-footer-settings>.settings-trigger-chip-icon{display:none}.sn-lobby-shell .lobby-browser-footer-meta{margin-left:auto}.sn-lobby-shell .lobby-browser-footer-links{min-width:104px}@media(min-width:861px)and (max-width:1180px),(min-width:861px)and (max-height:820px){.sn-lobby-shell.lobby-browser-shell{grid-template-rows:minmax(0,1fr) 56px}.sn-lobby-layout{grid-template-columns:220px minmax(0,1fr);gap:8px;padding:12px 14px 14px}.sn-lobby-sidebar{grid-template-rows:32px 178px 32px minmax(0,1fr) 28px;gap:5px}.sn-lobby-channel-row button{min-height:32px;padding-inline:7px;font-size:11px}.sn-lobby-profile-card{grid-template-rows:112px 31px 26px;gap:4px}.sn-lobby-profile-art img{width:52px;height:78px}.sn-lobby-profile-name strong,.sn-lobby-player-row span{font-size:15px}.sn-lobby-main{grid-template-rows:54px min(390px,calc(100% - 210px)) minmax(140px,1fr);gap:8px}.sn-lobby-quick-row{gap:7px}.sn-lobby-quick-button{border-width:2px;border-radius:9px;font-size:20px}.sn-lobby-room-panel.lobby-browser-registry{grid-template-rows:32px minmax(0,1fr) 28px;gap:6px;padding:7px}.sn-lobby-room-toolbar .lobby-browser-action-btn,.sn-lobby-room-toolbar .lobby-browser-tab{min-height:30px;padding-block:2px;font-size:11px}.sn-lobby-room-toolbar .lobby-browser-action-btn{min-width:86px}.sn-lobby-toolbar-square{width:30px;min-height:30px}.sn-lobby-room-grid.room-list,.lobby-browser-registry .sn-lobby-room-grid.room-list{gap:6px}.sn-lobby-room-grid .room-card,.lobby-browser-shell .sn-lobby-room-grid .room-card{grid-template-columns:minmax(76px,.34fr) minmax(0,.66fr)}.sn-lobby-room-grid .room-lobby-card-body{padding:6px}.sn-lobby-room-grid .room-lobby-card-title{font-size:12px}.sn-lobby-room-grid .room-lobby-card-meta{font-size:10px}.sn-lobby-chat-panel{grid-template-rows:30px minmax(0,1fr) 34px}.sn-lobby-chat-tabs>button{height:34px;min-height:34px;padding:5px 15px;font-size:11px}.sn-lobby-chat-log{padding:6px 9px;font-size:11px;line-height:1.45}.sn-lobby-chat-compose{grid-template-columns:42px 90px minmax(0,1fr) 40px;gap:4px;margin-top:4px}.sn-lobby-chat-compose button,.sn-lobby-chat-compose input{height:34px;min-height:34px;font-size:11px}.sn-lobby-shell .lobby-browser-footer{gap:6px;padding:6px 10px}.sn-lobby-footer-menu,.sn-lobby-shell .lobby-browser-footer-links,.sn-lobby-shell .lobby-browser-footer-meta,.sn-lobby-footer-icon{height:38px;min-height:38px;padding-inline:12px;border-width:2px;font-size:11px}.sn-lobby-footer-text{padding-inline:2px;font-size:12px}}@media(max-width:860px){.sn-lobby-shell.lobby-browser-shell{grid-template-rows:minmax(0,1fr) 58px}.sn-lobby-shell .lobby-browser-footer{flex-direction:row;align-items:center;flex-wrap:nowrap}.sn-lobby-layout{grid-template-columns:205px minmax(0,1fr);gap:7px;padding:7px}.sn-lobby-sidebar{grid-template-rows:32px 190px 32px minmax(0,1fr) 30px;gap:5px}.sn-lobby-profile-card{grid-template-rows:120px 32px 28px;gap:5px}.sn-lobby-main{grid-template-rows:54px minmax(260px,1.35fr) minmax(170px,.65fr);gap:7px}.sn-lobby-room-grid.room-list,.lobby-browser-registry .sn-lobby-room-grid.room-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(104px,1fr)}.sn-lobby-room-toolbar .lobby-browser-action-icon,.sn-lobby-room-toolbar .lobby-browser-action-btn span,.sn-lobby-sidebar-tools .settings-trigger-chip-label{display:none}.sn-lobby-room-toolbar .lobby-browser-action-btn{width:36px;min-width:36px;padding:4px}.sn-lobby-room-toolbar .lobby-browser-action-btn:before{content:"+";font-size:1rem}.sn-lobby-room-toolbar #openJoinRoomBtn:before{content:"#"}.sn-lobby-footer-text,.sn-lobby-footer-icon,.sn-lobby-footer-menu{display:none}}@media(max-width:680px){.sn-lobby-shell.lobby-browser-shell{display:block;height:100%;overflow:auto}.sn-lobby-layout{grid-template-columns:minmax(0,1fr);gap:9px;padding:8px;overflow:visible}.sn-lobby-sidebar{grid-template-rows:34px 180px 34px 190px 30px}.sn-lobby-profile-card{grid-template-rows:112px 31px 27px;gap:4px}.sn-lobby-main{grid-template-rows:56px 500px 220px}.sn-lobby-room-grid.room-list,.lobby-browser-registry .sn-lobby-room-grid.room-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:120px;overflow:auto}.sn-lobby-shell .lobby-browser-footer{display:flex;position:sticky;bottom:0;z-index:5;flex-direction:row;align-items:center;flex-wrap:nowrap;height:58px;padding:6px 8px;background:linear-gradient(180deg,#159c68,#0e9463)}.sn-lobby-shell .lobby-browser-footer:before{display:none}.sn-lobby-chat-compose{grid-template-columns:40px 86px minmax(0,1fr) 40px}}@media(min-width:681px)and (max-width:860px)and (max-height:620px)and (orientation:landscape){.sn-lobby-shell.lobby-browser-shell{display:block;height:100%;overflow:auto}.sn-lobby-layout{height:560px;min-height:560px}.sn-lobby-main{grid-template-rows:52px 300px 180px}.sn-lobby-shell .lobby-browser-footer{position:sticky;z-index:5;bottom:0;height:58px;background:linear-gradient(180deg,#159c68,#0e9463)}}@media(max-width:520px){.sn-lobby-room-grid.room-list,.lobby-browser-registry .sn-lobby-room-grid.room-list{grid-template-columns:1fr;grid-template-rows:none}.sn-lobby-room-grid .room-card,.lobby-browser-shell .sn-lobby-room-grid .room-card{grid-template-columns:104px minmax(0,1fr)}}@media(max-width:460px){.sn-lobby-quick-button{font-size:.64rem}.sn-lobby-chat-tabs>button{padding-inline:10px;font-size:10px}.sn-lobby-room-toolbar .lobby-browser-filter-list{gap:3px}.sn-lobby-room-toolbar .lobby-browser-tab{padding:4px 6px;font-size:.48rem}.sn-lobby-footer-menu{display:none}.sn-lobby-shell .lobby-browser-footer-links,.sn-lobby-shell .lobby-browser-footer-meta{min-width:0;padding:0 9px;font-size:.52rem}}.sn-feature-modal{position:fixed;z-index:75;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px}.sn-feature-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#032717a3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sn-feature-window{position:relative;display:grid;grid-template-rows:68px minmax(0,1fr) 58px;width:min(1180px,calc(100vw - 36px));height:min(880px,calc(100dvh - 20px));min-height:0;padding:14px 18px 18px;overflow:hidden;color:#fff;border:5px solid var(--sn-frame);border-radius:17px;background:linear-gradient(180deg,#22c98c,#0fa06b);box-shadow:0 0 0 3px var(--sn-green-edge),0 24px 52px #00140a85}.sn-feature-taskbar{display:flex;align-items:center;gap:8px;min-width:0;margin:8px -4px -6px;padding:6px 8px 0;border-top:2px solid rgba(166,239,205,.52)}.sn-feature-taskbar-menu,.sn-feature-taskbar>button:not(.sn-feature-taskbar-text){display:grid;place-items:center;min-width:86px;min-height:40px;padding:0 14px;color:#fff;border:3px solid #fff;border-radius:9px;background:linear-gradient(180deg,var(--sn-mint-lite),#28c98c,#129463);font-family:var(--sn-font-display);font-size:.62rem;font-weight:800;text-shadow:0 2px 2px rgba(4,48,31,.55);box-shadow:0 3px 0 var(--sn-green-edge)}.sn-feature-taskbar-menu{color:#31520a;background:linear-gradient(180deg,#d6f58c,var(--sn-lime) 48%,#63a81e);text-shadow:none}.sn-feature-taskbar>button.is-active{color:#5a3600;background:linear-gradient(180deg,#ffe68a,var(--sn-gold));text-shadow:none;opacity:1}.sn-feature-taskbar>.sn-feature-taskbar-icon{min-width:48px;width:48px;padding:0}.sn-feature-taskbar>.sn-feature-taskbar-icon.is-danger{background:linear-gradient(180deg,#ff8a72,#e8452f);box-shadow:0 3px #8f281d}.sn-feature-taskbar-text{flex:none;padding:5px 2px;color:#d8fff0;border:0;background:transparent;font-size:.56rem;font-weight:800;text-shadow:0 2px 2px rgba(4,48,31,.55)}.sn-feature-taskbar-text.is-pink{color:#ff9fe0}.sn-feature-header{display:flex;align-items:end;gap:14px;min-width:0}.sn-feature-kicker{display:block;color:var(--sn-mint-lite);font-family:var(--sn-font-display);font-size:.56rem;font-weight:800;letter-spacing:.14em}.sn-feature-header h2{margin:2px 0 0;color:#fff;font-family:var(--sn-font-display);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;line-height:.9;text-shadow:0 3px 0 rgba(4,48,31,.42)}.sn-profile-title-row{display:grid;grid-template-columns:auto 48px;align-items:end;column-gap:9px}.sn-profile-title-row .sn-feature-kicker{grid-column:1 / -1}.sn-profile-search{display:grid;place-items:center;width:48px;height:38px;color:#8df0c4;border:2px solid #3e8f6b;border-radius:8px;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep));font-size:1rem;opacity:1}.sn-feature-close{display:grid;place-items:center;width:42px;height:38px;padding:0;color:#fff;border:3px solid #fff;border-radius:8px;background:linear-gradient(180deg,#ff9a80,#e8452f 48%,#a81e10);font-size:1.25rem;font-weight:900;box-shadow:0 3px #7b1d12}.sn-profile-groups{display:flex;align-items:end;gap:5px;margin-left:auto}.sn-profile-groups>button:not(.sn-feature-close){min-width:122px;min-height:39px;padding:5px 14px;color:#bcebd5;border:2px solid #3e8f6b;border-bottom:0;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#176646,#0a3b26);font-family:var(--sn-font-display);font-size:.76rem;font-weight:800}.sn-profile-groups>button.is-active:not(.sn-feature-close){color:#fff;border-color:#a6efcd;background:linear-gradient(180deg,#5fe0ac,#1fae79)}.sn-profile-layout{display:grid;grid-template-columns:296px minmax(0,1fr);gap:12px;min-height:0}.sn-profile-card-column{display:grid;grid-template-rows:44px minmax(0,1fr) 48px;gap:9px;min-height:0}.sn-profile-character-button,.sn-profile-close-button,.sn-shop-profile-link,.sn-shop-close-button{color:#fff;border:3px solid #fff;border-radius:9px;background:linear-gradient(180deg,var(--sn-mint-lite),#28c98c,#129463);font-family:var(--sn-font-display);font-size:.75rem;font-weight:800;box-shadow:0 3px 0 var(--sn-green-edge)}.sn-profile-character-button:disabled{opacity:1}.sn-profile-card{display:grid;grid-template-rows:40px minmax(170px,1fr) 58px auto;gap:9px;min-height:0;padding:10px;overflow:hidden;border:2px solid #a6efcd;border-radius:11px;background:linear-gradient(180deg,#2ccb90,#159c68);box-shadow:inset 0 2px #ffffff4d}.sn-profile-nameplate,.sn-shop-nameplate{display:flex;align-items:center;gap:7px;min-width:0;padding:0 8px;overflow:hidden;color:#fff;border:2px solid #3e8f6b;border-radius:7px;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep))}.sn-profile-nameplate strong,.sn-shop-nameplate strong{overflow:hidden;font-family:var(--sn-font-display);font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.sn-profile-rank-badge,.sn-shop-nameplate>span{display:grid;flex:none;place-items:center;width:22px;height:22px;color:#5a3600;border:2px solid #c99b00;border-radius:5px;background:linear-gradient(180deg,#ffe68a,#ffc61e);font-family:var(--sn-font-display);font-size:.62rem;font-weight:800}.sn-profile-portrait{display:grid;place-items:end center;min-height:0;overflow:hidden;border:2px solid var(--sn-green-edge);border-radius:10px;background:radial-gradient(circle at 50% 26%,rgba(255,255,255,.67),transparent 34%),linear-gradient(180deg,#bff3df,#5fd3a6)}.sn-profile-portrait img{width:94%;height:95%;object-fit:contain;object-position:center bottom;image-rendering:pixelated}.sn-profile-currency{display:grid;grid-template-columns:92px minmax(0,1fr);gap:6px}.sn-profile-currency span,.sn-profile-currency strong{display:grid;place-items:center;min-width:0;color:#fff;border:2px solid #3e8f6b;border-radius:7px;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep));font-size:.66rem}.sn-profile-currency strong{color:#7bff7b;font-family:var(--sn-font-display);font-size:1.1rem}.sn-profile-facts{display:grid;gap:6px;margin:0}.sn-profile-facts>div{display:grid;grid-template-columns:84px minmax(0,1fr);min-height:34px}.sn-profile-facts dt,.sn-profile-facts dd{display:flex;align-items:center;min-width:0;margin:0;padding:5px 8px;overflow:hidden;border:2px solid var(--sn-green-edge);font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.sn-profile-facts dt{justify-content:center;border-radius:7px 0 0 7px;background:linear-gradient(180deg,var(--sn-mint-lite),#28c98c);font-weight:800}.sn-profile-facts dd{color:#0b3b28;border-left:0;border-radius:0 7px 7px 0;background:linear-gradient(180deg,#fff,#dffff0);font-weight:700}.sn-profile-content{display:grid;grid-template-rows:42px minmax(0,1fr);min-width:0;min-height:0}.sn-profile-tabs{display:flex;align-items:end;gap:4px;min-width:0;overflow-x:auto}.sn-profile-tabs button{flex:1 0 94px;min-height:38px;padding:5px 8px;color:#a8ddc6;border:2px solid #3e8f6b;border-bottom:0;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#176646,#0a3b26);font-family:var(--sn-font-display);font-size:.58rem;font-weight:800}.sn-profile-tabs button.is-active{color:#fff;border-color:#a6efcd;background:linear-gradient(180deg,#5fe0ac,#1fae79)}.sn-profile-pane{display:grid;grid-template-rows:64px minmax(0,1fr) auto;gap:10px;min-height:0;padding:11px;overflow:hidden;border:3px solid #a6efcd;border-radius:0 11px 11px;background:linear-gradient(180deg,#1fbe85,#0e9463)}.sn-profile-pane-title{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:8px 11px;border:2px solid #3e8f6b;border-radius:8px;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep))}.sn-profile-pane-title span{color:var(--sn-mint-lite);font-size:.56rem;font-weight:800;text-transform:uppercase}.sn-profile-pane-title h3{margin:2px 0 0;color:var(--sn-gold);font-family:var(--sn-font-display);font-size:1.2rem;line-height:1}.sn-profile-pane-title .sn-profile-readonly{max-width:250px;color:#9fcdb8;font-size:.52rem;line-height:1.25;text-align:right;text-transform:none}.sn-profile-pane-title>button{min-height:36px;color:#fff;border:2px solid #fff;border-radius:7px;background:linear-gradient(180deg,#ffd98a,#ffb03a,var(--sn-orange-deep));font-size:.62rem;font-weight:800;box-shadow:0 3px #963c00}.sn-profile-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) minmax(120px,.6fr);gap:10px;min-height:0}.sn-profile-summary-card,.sn-profile-intro-card{min-height:0;padding:14px;overflow:auto;color:#0b3b28;border:2px solid var(--sn-green-edge);border-radius:10px;background:linear-gradient(180deg,#bff3df,#7fdcb4)}.sn-profile-summary-card.is-dark{color:#eafff6;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep))}.sn-profile-summary-card>span,.sn-profile-intro-card>span{color:inherit;font-family:var(--sn-font-display);font-size:.74rem;font-weight:800}.sn-profile-summary-card>strong{display:block;margin-top:14px;color:var(--sn-gold);font-family:var(--sn-font-display);font-size:1.7rem}.sn-profile-summary-card p,.sn-profile-intro-card p{font-size:.68rem;line-height:1.45}.sn-profile-stat-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:6px;margin-top:8px}.sn-profile-stat-row b,.sn-profile-stat-row strong{display:grid;place-items:center;min-height:32px;border:1px solid #3e8f6b;border-radius:6px;background:#ffffff0f}.sn-profile-intro-card{grid-column:1 / -1}.sn-profile-accessory-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:9px;min-height:0}.sn-profile-accessory-grid article{display:grid;grid-template-rows:minmax(0,1fr) auto auto;min-width:0;min-height:0;padding:6px;overflow:hidden;border:2px solid #3e8f6b;border-radius:9px;background:linear-gradient(180deg,#5fe0ac,#25b983)}.sn-profile-empty-slot{display:grid;place-items:center;min-height:0;color:#0a6b4775;border:2px solid var(--sn-green-edge);border-radius:7px;background:linear-gradient(180deg,#dffff0,#9fe6c5);font-family:var(--sn-font-display);font-size:1.4rem}.sn-profile-accessory-grid article>span,.sn-profile-accessory-grid article>small{overflow:hidden;margin-top:4px;font-size:.5rem;font-weight:800;text-align:center;text-overflow:ellipsis;white-space:nowrap}.sn-profile-accessory-grid article>small{margin-top:1px;color:#0a6b47}.sn-profile-bag-strip{display:grid;grid-template-columns:90px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:8px;min-height:64px;padding:7px;border:2px solid #3e8f6b;border-radius:8px;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep))}.sn-profile-bag-strip>span{color:var(--sn-gold);font-family:var(--sn-font-display);font-size:.72rem;text-align:center}.sn-profile-bag-strip>div{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.sn-profile-bag-strip i{aspect-ratio:1;border:2px solid #3e8f6b;border-radius:6px;background:#ffffff0f}.sn-profile-bag-strip>footer{grid-column:2;display:flex;align-items:center;gap:7px}.sn-profile-bag-strip>footer button,.sn-profile-bag-strip>footer strong{display:grid;place-items:center;min-height:28px;color:#cffff0;border:2px solid #3e8f6b;border-radius:7px;background:#ffffff0f;font-family:var(--sn-font-display);font-size:.54rem}.sn-profile-bag-strip>footer button{min-width:42px}.sn-profile-bag-strip>footer button:last-child{min-width:72px;margin-left:auto}.sn-profile-bag-strip>footer strong{min-width:120px;padding:0 8px;color:var(--sn-gold)}.sn-profile-bag-strip>footer strong i{width:auto;height:auto;aspect-ratio:auto;margin-left:5px;color:#8df0c4;border:0;background:transparent;font-style:normal}.sn-shop-header{align-items:center}.sn-shop-wallet{display:flex;align-items:center;gap:7px;margin-left:auto}.sn-shop-wallet>span{min-width:128px;padding:7px 10px;color:#cffff0;border:2px solid #3e8f6b;border-radius:7px;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep));font-size:.62rem;font-weight:800}.sn-shop-wallet strong{float:right;color:var(--sn-gold);font-family:var(--sn-font-display)}.sn-shop-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:11px;min-height:0}.sn-shop-catalog{display:grid;grid-template-rows:42px minmax(0,1fr);min-width:0;min-height:0}.sn-shop-tabs{display:flex;align-items:end;gap:4px;min-width:0}.sn-shop-tabs button{flex:1;min-width:86px;min-height:38px;padding:5px 8px;color:#a8ddc6;border:2px solid #3e8f6b;border-bottom:0;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#176646,#0a3b26);font-family:var(--sn-font-display);font-size:.56rem;font-weight:800}.sn-shop-tabs button.is-active{color:#fff;border-color:#a6efcd;background:linear-gradient(180deg,#5fe0ac,#1fae79)}.sn-shop-tabs .sn-shop-search{flex:0 0 42px;min-width:42px;color:#fff;border-color:#fff;background:linear-gradient(180deg,var(--sn-mint-lite),#28c98c);font-size:1rem;opacity:1}.sn-shop-body{display:grid;grid-template-rows:38px 132px minmax(0,1fr);gap:9px;min-height:0;padding:10px;overflow:hidden;border:3px solid #a6efcd;border-radius:0 11px 11px;background:linear-gradient(180deg,#1fbe85,#0e9463)}.sn-shop-subtabs{display:flex;gap:5px;min-width:0}.sn-shop-subtabs span{display:grid;flex:1;place-items:center;min-width:0;color:#a8ddc6;border:2px solid #3e8f6b;border-radius:7px;background:linear-gradient(180deg,#176646,#0a3b26);font-size:.54rem;font-weight:800}.sn-shop-subtabs span.is-active{color:#5a3600;border-color:#c99b00;background:linear-gradient(180deg,#ffe68a,#ffc61e)}.sn-shop-banner{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:12px;min-height:0;padding:12px 16px;overflow:hidden;color:#eafff6;border:2px solid #3e8f6b;border-radius:10px;background:radial-gradient(circle at 84% 30%,rgba(141,240,196,.25),transparent 28%),linear-gradient(135deg,var(--sn-dark),#0c8154)}.sn-shop-banner span{color:var(--sn-mint-lite);font-size:.56rem;font-weight:800;text-transform:uppercase}.sn-shop-banner strong{display:block;margin-top:3px;color:var(--sn-gold);font-family:var(--sn-font-display);font-size:1.35rem}.sn-shop-banner p{max-width:520px;margin:7px 0 0;font-size:.62rem;line-height:1.35}.sn-shop-banner>img{width:100px;height:100px;object-fit:contain;image-rendering:pixelated}.sn-shop-product-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-height:0;overflow:auto}.sn-shop-product-list article{display:grid;grid-template-rows:minmax(0,1fr) 42px;min-width:0;min-height:200px;overflow:hidden;border:2px solid var(--sn-green-edge);border-radius:10px;background:linear-gradient(180deg,#bff3df,#5fd3a6);box-shadow:inset 0 2px #fff6}.sn-shop-product-list article.is-selected{border-color:var(--sn-gold);box-shadow:0 0 0 2px #ffd23c8f,inset 0 2px #ffffff70}.sn-shop-product-select{position:relative;display:grid;grid-template-rows:minmax(90px,1fr) auto;min-width:0;min-height:0;padding:9px;color:#0b3b28;border:0;border-radius:0;background:transparent;box-shadow:none}.sn-shop-product-tag{position:absolute;z-index:2;top:6px;left:6px;padding:3px 6px;color:#fff;border-radius:4px;background:linear-gradient(180deg,#ff8a72,#e8452f);font-size:.48rem;font-weight:900}.sn-shop-product-image{display:grid;place-items:center;min-height:0}.sn-shop-product-image img{width:82px;height:82px;object-fit:contain;image-rendering:pixelated}.sn-shop-product-copy{display:grid;gap:3px;min-width:0}.sn-shop-product-copy strong{overflow:hidden;font-family:var(--sn-font-display);font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.sn-shop-product-copy small{display:-webkit-box;overflow:hidden;font-size:.54rem;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sn-shop-product-footer{display:grid;grid-template-columns:minmax(0,1fr) 76px;align-items:center;gap:5px;padding:5px 7px;border-top:2px solid var(--sn-green-edge);background:linear-gradient(180deg,#2ccb90,#159c68)}.sn-shop-product-footer>span{color:#cffff0;font-size:.52rem;font-weight:800}.sn-shop-product-footer button{min-height:28px;padding:2px 7px;color:#5a3600;border:2px solid #c99b00;border-radius:6px;background:linear-gradient(180deg,#ffe68a,#ffc61e);font-size:.52rem;font-weight:800}.sn-shop-preview-column{display:grid;grid-template-rows:42px 100px 34px minmax(120px,1fr) 36px 116px 38px 42px 40px 40px;gap:6px;min-height:0}.sn-shop-character-title{display:grid;place-items:center;color:#fff;border:3px solid #fff;border-radius:9px;background:linear-gradient(180deg,var(--sn-mint-lite),#28c98c,#129463);font-family:var(--sn-font-display);font-size:.76rem;font-weight:800;box-shadow:0 3px 0 var(--sn-green-edge)}.sn-shop-character-banner{display:grid;grid-template-columns:70px minmax(0,1fr) 70px;place-items:end center;min-height:0;overflow:hidden;border:2px solid var(--sn-green-edge);border-radius:9px;background:radial-gradient(circle at 50% 25%,rgba(255,255,255,.65),transparent 32%),linear-gradient(180deg,#bff3df,#7fd8a4)}.sn-shop-character-banner img{width:100%;height:100%;object-fit:contain;object-position:center bottom;image-rendering:pixelated}.sn-shop-character-banner img:first-child,.sn-shop-character-banner img:last-child{width:46px;height:46px;align-self:center}.sn-shop-preview-stage{position:relative;display:grid;place-items:end center;min-height:0;overflow:hidden;border:2px solid var(--sn-green-edge);border-radius:9px;background:linear-gradient(180deg,#a8e4ffb3,#c8f2e273 38%,#43b771cc 39%,#13773de0)}.sn-shop-preview-stage>img:first-child{width:82%;height:92%;object-fit:contain;object-position:center bottom;image-rendering:pixelated}.sn-shop-preview-stage .sn-shop-preview-item{position:absolute;right:12px;bottom:12px;width:58px;height:58px;object-fit:contain;image-rendering:pixelated}.sn-shop-preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sn-shop-preview-actions button{color:#ffffff9e;border:2px solid #8bb5a1;border-radius:7px;background:linear-gradient(180deg,#829b8e,#5e776a);font-size:.56rem;font-weight:800;opacity:1}.sn-shop-balance-card{display:grid;gap:6px;padding:8px;border:2px solid #a6efcd;border-radius:9px;background:linear-gradient(180deg,#2ccb90,#159c68)}.sn-shop-balance-card>div{display:grid;grid-template-columns:86px minmax(0,1fr);min-height:32px}.sn-shop-balance-card span,.sn-shop-balance-card strong{display:grid;place-items:center;border:2px solid #3e8f6b;font-size:.58rem}.sn-shop-commerce-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sn-shop-commerce-actions button,.sn-shop-mystery-button{color:#ffffffad;border:2px solid #a6efcd;border-radius:8px;background:linear-gradient(180deg,#2ccb90,#159c68);font-family:var(--sn-font-display);font-size:.56rem;font-weight:800;opacity:1}.sn-shop-commerce-actions button:first-child{color:#fff;background:linear-gradient(180deg,#ffd98a,#ffb03a 46%,var(--sn-orange-deep))}.sn-shop-mystery-button{color:#fff;font-size:.7rem}.sn-shop-balance-card span{border-radius:6px 0 0 6px;background:linear-gradient(180deg,var(--sn-mint-lite),#28c98c);font-weight:800}.sn-shop-balance-card strong{color:var(--sn-gold);border-left:0;border-radius:0 6px 6px 0;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep));font-family:var(--sn-font-display)}.sn-shop-detail{position:fixed;z-index:90;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.sn-shop-detail>section{position:relative;width:min(640px,calc(100vw - 32px));padding:22px;color:#fff;border:5px solid var(--sn-frame);border-radius:16px;background:linear-gradient(180deg,#22c98c,#0fa06b);box-shadow:0 0 0 3px var(--sn-green-edge),0 22px 48px #00140a8c}.sn-shop-detail h3{margin:0 0 16px;font-family:var(--sn-font-display);font-size:1.8rem;text-shadow:0 3px 0 rgba(4,48,31,.42)}.sn-shop-detail-layout{display:grid;grid-template-columns:132px minmax(0,1fr);gap:13px}.sn-shop-detail-image{display:grid;place-items:center;height:132px;border:2px solid var(--sn-green-edge);border-radius:9px;background:linear-gradient(180deg,#bff3df,#5fd3a6)}.sn-shop-detail-image img{width:92px;height:92px;object-fit:contain;image-rendering:pixelated}.sn-shop-detail dl{display:grid;gap:5px;margin:0}.sn-shop-detail dl>div{display:grid;grid-template-columns:96px minmax(0,1fr)}.sn-shop-detail dt,.sn-shop-detail dd{display:flex;align-items:center;min-width:0;min-height:29px;margin:0;padding:4px 8px;border:2px solid #3e8f6b;font-size:.62rem}.sn-shop-detail dt{justify-content:center;border-radius:6px 0 0 6px;background:linear-gradient(180deg,var(--sn-mint-lite),#28c98c);font-weight:800}.sn-shop-detail dd{color:#eafff6;border-left:0;border-radius:0 6px 6px 0;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep))}.sn-shop-detail>section>p{margin:14px 0;padding:10px;color:#cffff0;border:2px solid #3e8f6b;border-radius:8px;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep));font-size:.66rem;line-height:1.4}.sn-shop-bundle-title,.sn-shop-detail-summary{margin-bottom:11px;padding:9px 12px;color:#eafff6;border:2px solid #3e8f6b;border-radius:8px;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep));font-size:.7rem;font-weight:800}.sn-shop-bundle-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sn-shop-bundle-grid article{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:58px;padding:6px;color:#eafff6;border:2px solid #3e8f6b;border-radius:8px;background:#04301f61}.sn-shop-bundle-grid article.is-empty{opacity:.35}.sn-shop-bundle-grid img{width:44px;height:44px;object-fit:contain}.sn-shop-bundle-grid span{font-size:.6rem;font-weight:800}.sn-shop-bundle-grid small{color:var(--sn-gold);font-size:.5rem}.sn-shop-detail-summary{display:grid;gap:5px;margin-top:12px}.sn-shop-detail-summary span{display:flex;justify-content:space-between;gap:12px}.sn-shop-detail-summary strong{color:var(--sn-gold)}.sn-shop-detail-actions{display:flex;justify-content:center;gap:11px}.sn-shop-detail-actions button,.sn-shop-notice>section>button{min-width:130px;min-height:42px;color:#fff;border:3px solid #fff;border-radius:9px;background:linear-gradient(180deg,var(--sn-mint-lite),#28c98c,#129463);font-family:var(--sn-font-display);font-size:.7rem;font-weight:800;box-shadow:0 3px 0 var(--sn-green-edge)}.sn-shop-detail-actions button.is-primary{background:linear-gradient(180deg,#ffd98a,#ffb03a 46%,var(--sn-orange-deep));box-shadow:0 3px #963c00}.sn-shop-notice{position:fixed;z-index:95;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.sn-shop-notice>section{position:relative;width:min(470px,calc(100vw - 32px));padding:22px;color:#fff;border:5px solid #a6efcd;border-radius:15px;background:linear-gradient(180deg,#22c98c,#0fa06b);box-shadow:0 0 0 3px var(--sn-green-edge),0 22px 48px #00140a8c}.sn-shop-notice h3{margin:0 0 14px;font-family:var(--sn-font-display);font-size:1.55rem}.sn-shop-notice>section>div{position:relative;min-height:140px;margin-bottom:15px;padding:13px 38px 13px 14px;border:2px solid #3e8f6b;border-radius:9px;background:linear-gradient(180deg,var(--sn-dark),var(--sn-dark-deep));font-size:.68rem;line-height:1.5}.sn-shop-notice>section>div>span{position:absolute;top:6px;right:6px;bottom:6px;display:grid;place-content:space-between center;width:18px;padding:3px 0;border:1px solid #3e8f6b;border-radius:7px;background:#04301f8c;font-size:.5rem}.sn-shop-notice>section>button{display:block;margin:0 auto}.sn-shop-detail>section>button{display:block;min-width:150px;min-height:42px;margin:0 auto;color:#fff;border:3px solid #fff;border-radius:8px;background:linear-gradient(180deg,var(--sn-mint-lite),#28c98c,#129463);font-weight:800;box-shadow:0 3px 0 var(--sn-green-edge)}.sn-room-footer-link{min-width:100px;min-height:42px;color:#fff;border:3px solid #fff;border-radius:9px;background:linear-gradient(180deg,var(--sn-mint-lite),#28c98c,#129463);font-weight:800;box-shadow:0 3px 0 var(--sn-green-edge)}@media(max-width:860px){.sn-feature-modal{padding:0}.sn-feature-window{width:100%;height:100dvh;border-width:0;border-radius:0;box-shadow:none}.sn-profile-layout{grid-template-columns:240px minmax(0,1fr)}.sn-profile-accessory-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:130px;overflow:auto}.sn-shop-layout{grid-template-columns:minmax(0,1fr) 270px}.sn-shop-product-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sn-shop-preview-column{grid-template-rows:38px 92px 32px minmax(110px,1fr) 34px 108px 36px 38px 36px 38px}.sn-feature-taskbar-text,.sn-feature-taskbar-menu,.sn-feature-taskbar>.sn-feature-taskbar-icon:last-child{display:none}.sn-feature-taskbar>button:not(.sn-feature-taskbar-text){min-width:72px;padding:0 9px}}@media(max-width:680px){.sn-feature-window{display:block;padding:12px;overflow:auto}.sn-feature-taskbar{position:sticky;bottom:-12px;z-index:4;margin:12px -12px -12px;padding:7px 12px 10px;background:linear-gradient(180deg,#159c68,#0e9463)}.sn-feature-header{min-height:62px}.sn-profile-layout,.sn-shop-layout{grid-template-columns:1fr}.sn-profile-card-column{grid-template-rows:44px 560px 48px}.sn-profile-content{min-height:650px;margin-top:12px}.sn-profile-groups>button:not(.sn-feature-close){min-width:82px;padding-inline:8px;font-size:.58rem}.sn-shop-catalog{min-height:720px}.sn-shop-preview-column{grid-template-rows:42px 118px 36px 280px 38px 132px 38px 42px 40px 46px;margin-top:12px}.sn-shop-wallet>span{display:none}}@media(max-width:460px){.sn-feature-header h2{font-size:1.5rem}.sn-profile-groups>button:not(.sn-feature-close){min-width:68px;font-size:.5rem}.sn-profile-accessory-grid,.sn-shop-product-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sn-profile-pane-title .sn-profile-readonly{display:none}.sn-shop-tabs{overflow-x:auto}.sn-shop-tabs button{flex:0 0 84px}.sn-shop-banner{grid-template-columns:minmax(0,1fr) 78px}.sn-shop-banner>img{width:70px;height:70px}.sn-shop-detail-layout{grid-template-columns:96px minmax(0,1fr)}.sn-shop-detail-image{height:110px}.sn-shop-detail dl>div{grid-template-columns:72px minmax(0,1fr)}}.sn-room-player-grid .ready-room-slot-portrait,.sn-room-character-panel .ready-room-character-portrait{position:absolute;inset:auto;top:50%;left:50%;width:62%;height:62%;object-fit:contain;object-position:center;transform:translate(-50%,-50%);transform-origin:center}.sn-room-character-panel .ready-room-character-tile-frame{display:grid;place-items:center}.sn-room-hero-character{align-self:center;justify-self:center;width:48px;height:48px;object-fit:contain;object-position:center}.sn-lobby-profile-art img{position:absolute;top:50%;left:50%;width:35%;height:62%;max-width:none;object-fit:contain;object-position:center;transform:translate(-50%,-50%)}.sn-lobby-player-row img{justify-self:center;width:20px;height:20px;object-fit:contain;object-position:center}.lobby-dialog-mode-card img{position:absolute;top:50%;left:50%;width:62%;height:62%;max-width:68px;max-height:68px;object-fit:contain;object-position:center;transform:translate(-50%,-50%)}.lobby-dialog-mode-card>span{position:relative}.sn-profile-portrait{position:relative;place-items:center}.sn-profile-portrait img{position:absolute;top:50%;left:50%;width:62%;height:62%;object-fit:contain;object-position:center;transform:translate(-50%,-50%)}.sn-shop-character-banner{position:relative;place-items:center}.sn-shop-character-banner img:nth-child(2){position:absolute;z-index:1;top:50%;left:50%;width:62%;height:62%;object-fit:contain;object-position:center;transform:translate(-50%,-50%)}.sn-shop-character-banner img:first-child{grid-column:1}.sn-shop-character-banner img:last-child{grid-column:3}.sn-shop-preview-stage{place-items:center}.sn-shop-preview-stage>img:first-child{position:absolute;top:50%;left:50%;width:62%;height:62%;object-fit:contain;object-position:center;transform:translate(-50%,-50%)}.sn-room-shell .ready-room-footer-queue{overflow:hidden}.sn-room-shell .ready-room-footer-queue-list{flex-wrap:nowrap;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden}.sn-room-shell .ready-room-footer-queue-pill{flex:0 0 auto;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:861px)and (max-height:700px){.sn-room-shell{grid-template-rows:minmax(0,1fr) 52px}.sn-room-left.ready-room-card{grid-template-rows:38px minmax(0,1fr) minmax(120px,.62fr)}.sn-room-right{grid-template-rows:60px minmax(180px,1.15fr) 48px minmax(105px,.85fr) 50px;gap:5px}.sn-room-hero.ready-room-card{grid-template-columns:46px minmax(0,1fr) 80px;gap:5px;padding:4px 6px}.sn-room-hero-character{width:40px;height:40px}.sn-room-hero-copy span{display:none}.sn-room-character-panel.ready-room-selection-card{grid-template-rows:28px minmax(0,1fr) 28px}.sn-room-character-panel .ready-room-card-label{font-size:.7rem}.sn-room-character-pager button,.sn-room-character-pager span{height:26px}.sn-room-color-panel .ready-room-color-tray{height:30px;padding:3px}.sn-room-primary-actions{grid-template-columns:minmax(0,1fr) 88px 62px;gap:7px}.sn-room-shell .ready-room-footer{gap:7px;padding:5px 10px}.sn-room-footer-text,.sn-room-footer-brand{display:none}}.sn-room-mobile-chat-toggle,.sn-room-mobile-actions,.sp-orientation-guard{display:none}@media(max-width:680px){.app-shell[data-mode=authenticated],.app-shell[data-mode=browsing],.app-shell[data-mode=in_room]{place-items:stretch;width:100%;height:100dvh;min-height:0;padding:0;overflow:hidden}.app-shell[data-mode=authenticated] .shell-center,.app-shell[data-mode=browsing] .shell-center,.app-shell[data-mode=in_room] .shell-center{place-items:stretch;min-height:0}.app-shell[data-mode=authenticated] .stage-shell,.app-shell[data-mode=browsing] .stage-shell,.app-shell[data-mode=in_room] .stage-shell{width:100%;height:100%;min-height:0;aspect-ratio:auto;padding:0;overflow:hidden;border:0;border-radius:0;box-shadow:none}.app-shell[data-mode=authenticated] .lobby-view,.app-shell[data-mode=browsing] .lobby-view,.app-shell[data-mode=in_room] .room-view{min-height:0;overflow:hidden}.sn-room-shell{display:grid;grid-template-rows:minmax(0,1fr) 66px;height:100%;min-height:0;overflow:hidden}.sn-room-layout.ready-room-body,.app-shell[data-mode=in_room] .sn-room-layout.ready-room-body{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;height:100%;min-height:0;padding:8px 8px 12px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.sn-room-left.ready-room-card{grid-template-rows:auto auto auto;gap:7px;min-height:auto;padding:7px;overflow:visible}.sn-room-title-row{min-height:42px}.sn-room-title-tools{gap:4px}.sn-room-player-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:clamp(136px,43vw,160px);gap:6px}.sn-room-player-grid .ready-room-slot,.sn-room-player-grid .ready-room-slot-empty{grid-template-rows:minmax(0,1fr) 34px}.sn-room-player-grid .ready-room-slot-art,.ready-room-slot-empty-mark{aspect-ratio:auto}.ready-room-slot-empty-copy span{display:none}.sn-room-chat{grid-template-rows:40px;min-height:40px;overflow:hidden}.sn-room-chat-tabs{align-items:center}.sn-room-chat-tabs span{min-width:0;height:34px;padding-inline:10px}.sn-room-mobile-chat-toggle{display:grid;place-items:center;width:38px;height:34px;min-height:34px;margin-left:auto;padding:0;color:#fff;border:2px solid #fff;border-radius:7px;background:linear-gradient(180deg,var(--sn-mint-lite),#28c98c,#129463);font-size:1rem;font-weight:900;box-shadow:0 2px 0 var(--sn-green-edge)}.sn-room-chat:not(.is-mobile-open) .ready-room-chat-list,.sn-room-chat:not(.is-mobile-open) .ready-room-chat-compose{display:none}.sn-room-chat.is-mobile-open{grid-template-rows:40px 180px 42px;min-height:274px;overflow:visible}.sn-room-chat.is-mobile-open .ready-room-chat-list,.sn-room-chat.is-mobile-open .ready-room-chat-compose{display:grid}.sn-room-chat .ready-room-chat-compose{grid-template-columns:68px minmax(0,1fr) 48px}.sn-room-right{grid-template-rows:70px 300px 76px 190px 58px;gap:7px;min-height:auto;overflow:visible}.sn-room-hero.ready-room-card{grid-template-columns:52px minmax(0,1fr);min-height:0}.sn-room-hero-character{width:44px;height:44px}.sn-room-character-panel.ready-room-selection-card{grid-template-rows:30px minmax(0,1fr) 30px;min-height:0}.sn-room-character-panel .ready-room-character-tray{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));overflow:hidden}.sn-room-map-panel.ready-room-summary-card{min-height:0}.sn-room-primary-actions{grid-template-columns:minmax(0,1fr)}.sn-room-primary-actions #readyBtn,.sn-room-auto-ready{display:none}.sn-room-shell .ready-room-footer{position:static;z-index:5;display:grid;min-height:66px;padding:7px 8px 9px;background:linear-gradient(180deg,#159c68,#0e9463)}.sn-room-shell .ready-room-footer:before,.sn-room-shell .ready-room-footer>:not(.sn-room-mobile-actions){display:none!important}.sn-room-mobile-actions{display:grid;grid-template-columns:minmax(108px,.42fr) minmax(0,1fr);gap:8px;min-width:0}.sn-room-mobile-actions button{min-width:0;min-height:50px;color:#fff;border:3px solid #fff;border-radius:10px;font-family:var(--sn-font-display);font-size:.72rem;font-weight:800;text-shadow:0 2px 2px rgba(4,48,31,.55)}.sn-room-mobile-leave{background:linear-gradient(180deg,#ff8a72,#e8452f);box-shadow:0 3px #8f281d}.sn-room-mobile-ready{background:linear-gradient(180deg,var(--sn-mint-lite),#28c98c,#129463);box-shadow:0 3px 0 var(--sn-green-edge)}.sn-room-mobile-ready.is-selected{color:#5a3600;background:linear-gradient(180deg,#ffe27a,var(--sn-gold));text-shadow:none;box-shadow:0 3px #c99b00}.sn-room-mobile-actions button:disabled{color:#ffffff9e;border-color:#a7c6b7;background:linear-gradient(180deg,#93a79c,#6e8478);box-shadow:0 3px #435c50}.sn-lobby-shell.lobby-browser-shell{display:grid;grid-template-rows:minmax(0,1fr) 64px;height:100%;min-height:0;overflow:hidden}.sn-lobby-layout{grid-template-columns:minmax(0,1fr);gap:9px;width:100%;height:100%;min-height:0;padding:8px 8px 12px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.sn-lobby-sidebar{grid-template-rows:38px 124px 32px 86px;gap:6px;min-height:auto;overflow:visible}.sn-lobby-profile-card{grid-template-columns:112px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 34px;gap:6px;min-height:0}.sn-lobby-profile-art{grid-row:1 / 3;min-height:0}.sn-lobby-profile-art img{width:50%;height:72%}.sn-lobby-profile-name{grid-column:2;grid-row:1}.sn-lobby-profile-progress{grid-column:2;grid-row:2}.sn-lobby-player-list{display:flex;gap:5px;min-height:86px;padding:5px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity}.sn-lobby-player-row{flex:0 0 146px;grid-template-columns:24px minmax(0,1fr) 8px;min-height:72px;scroll-snap-align:start}.sn-lobby-player-empty{flex:1 0 100%;height:auto}.sn-lobby-sidebar-tools{display:none}.sn-lobby-main{grid-template-rows:66px 500px 220px;gap:9px;min-height:auto;overflow:visible}.sn-lobby-quick-row{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.sn-lobby-quick-button{flex:0 0 min(68vw,230px);min-height:60px;font-size:1rem;scroll-snap-align:start}.sn-lobby-room-panel.lobby-browser-registry{grid-template-rows:auto minmax(0,1fr) 30px;min-height:500px}.sn-lobby-room-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:6px}.sn-lobby-room-toolbar .lobby-browser-action-btn{width:auto;min-width:0;min-height:42px;padding:5px 8px}.sn-lobby-room-toolbar .lobby-browser-action-btn span{display:inline}.sn-lobby-room-toolbar .lobby-browser-action-btn:before,.sn-lobby-toolbar-square{display:none}.sn-lobby-room-toolbar .lobby-browser-filter-list{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-left:0}.sn-lobby-room-toolbar .lobby-browser-tab{min-height:36px}.sn-lobby-room-grid.room-list,.lobby-browser-registry .sn-lobby-room-grid.room-list{grid-template-rows:none;grid-auto-rows:112px;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.sn-lobby-chat-panel{grid-template-rows:38px minmax(0,1fr) 42px;min-height:220px}.sn-lobby-chat-tabs>button{min-height:38px;height:38px;padding-inline:12px}.sn-lobby-chat-compose{grid-template-columns:40px 72px minmax(0,1fr) 40px}.sn-lobby-shell .lobby-browser-footer{position:static;z-index:5;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;height:64px;min-height:64px;padding:7px 8px 9px;background:linear-gradient(180deg,#159c68,#0e9463)}.sn-lobby-shell .lobby-browser-footer:before,.sn-lobby-footer-menu,.sn-lobby-footer-text,.sn-lobby-footer-menu+.sn-lobby-footer-icon{display:none!important}.sn-lobby-shell .lobby-browser-footer-links,.sn-lobby-shell .sn-lobby-footer-settings,.sn-lobby-shell .sn-lobby-footer-icon.is-danger{display:grid!important;width:auto;min-width:0;height:48px;min-height:48px;padding:0 5px;font-size:.64rem}.lobby-dialog-card{width:calc(100% - 12px);max-height:calc(100% - 12px);padding:12px;border-width:3px;border-radius:12px}.lobby-dialog-title{font-size:clamp(1.5rem,8vw,2.2rem)}}@media(max-width:460px){.sn-room-shell{grid-template-rows:minmax(0,1fr) 64px}.sn-room-code{padding-inline:7px;font-size:.78rem}.sn-room-title{font-size:.85rem}.sn-room-title-tools .ready-room-header-pill{max-width:42px}.sn-room-player-grid{grid-auto-rows:clamp(132px,43vw,154px)}.sn-room-right{grid-template-rows:70px 290px 98px 188px 58px}.sn-room-map-panel .ready-room-summary{grid-template-columns:minmax(108px,.9fr) minmax(118px,1.1fr)}.sn-room-mobile-actions{grid-template-columns:minmax(96px,.38fr) minmax(0,1fr)}.sn-lobby-profile-card{grid-template-columns:96px minmax(0,1fr)}.sn-lobby-quick-button{flex-basis:66vw;font-size:.72rem}.sn-lobby-room-toolbar .lobby-browser-action-btn,.sn-lobby-room-toolbar .lobby-browser-tab{font-size:.58rem}.sn-lobby-chat-tabs>button{padding-inline:8px;font-size:.56rem}.sn-lobby-chat-compose{grid-template-columns:36px 64px minmax(0,1fr) 36px;gap:4px}}@media(orientation:portrait)and (max-width:680px){body{overflow:hidden}.sp-orientation-guard{z-index:1000;display:grid}}@media(orientation:landscape)and (max-width:960px)and (max-height:560px){html,body,#root,.app-viewport,.auth-screen,.auth-screen-shell,.app-shell[data-mode]{width:100%;height:100dvh;min-height:0;max-height:100dvh;overflow:hidden}.sp-orientation-guard{display:none!important}.auth-screen,.app-shell[data-mode]{padding:0}.auth-game-window,.app-shell[data-mode] .stage-shell{width:100%;height:100%;min-height:0;aspect-ratio:auto;padding:0;overflow:hidden;border:0;border-radius:0;box-shadow:none}.auth-game-window:before{top:5px;right:5px;bottom:48px;left:5px}.auth-game-header{top:max(7px,env(safe-area-inset-top,0px));right:max(10px,env(safe-area-inset-right,0px));left:max(10px,env(safe-area-inset-left,0px));height:38px}.auth-game-mini-avatar{width:34px}.auth-game-mini-brand small{display:none}.auth-game-header .soundtrack-toggle{width:38px;min-height:34px}.auth-login-wrap{inset:max(49px,calc(env(safe-area-inset-top,0px) + 43px)) max(14px,env(safe-area-inset-right,0px)) max(52px,calc(env(safe-area-inset-bottom,0px) + 45px)) max(14px,env(safe-area-inset-left,0px));display:grid;grid-template-columns:minmax(150px,.72fr) minmax(300px,1.28fr);grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-content:stretch;gap:7px 14px}.auth-login-brand{grid-column:1;grid-row:1 / 3;gap:6px}.auth-login-title{font-size:clamp(2rem,6.8vw,3.8rem);-webkit-text-stroke-width:4px}.auth-login-subtitle{padding:4px 10px 3px;font-size:.58rem}.auth-login-card{grid-column:2;grid-row:1;width:100%;max-height:100%;padding:9px;overflow-y:auto;border-radius:14px}.auth-login-card-title{margin-bottom:6px;font-size:1.05rem;-webkit-text-stroke-width:2px}.auth-login-form{gap:5px;padding:6px}.auth-login-field,.auth-signup-row{flex-direction:row}.auth-login-label{flex:0 0 92px;min-height:34px;font-size:.62rem}.auth-login-field input,.auth-signup-row input{min-height:34px;font-size:.72rem}.auth-login-actions{grid-column:2;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:5px}.auth-login-action{min-width:0;min-height:36px;padding:4px 6px;font-size:.56rem}.auth-signup-layer{position:fixed;top:0;right:0;bottom:0;left:0;padding:max(8px,env(safe-area-inset-top,0px)) max(10px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px))}.auth-signup-card{width:min(650px,94vw);max-height:calc(100dvh - 16px);padding:12px;overflow-y:auto;border-radius:14px}.auth-signup-title,.auth-modal-title{margin-bottom:9px;font-size:1.35rem;-webkit-text-stroke-width:2px}.auth-signup-note{margin:3px 0 7px 98px;font-size:.58rem}.auth-signup-actions{gap:7px;margin-top:8px}.auth-game-taskbar{right:max(8px,env(safe-area-inset-right,0px));bottom:max(5px,env(safe-area-inset-bottom,0px));left:max(8px,env(safe-area-inset-left,0px));height:40px}.auth-game-taskbar-rule,.auth-game-taskbar-menu{display:none}.auth-game-taskbar-icon{min-width:40px;height:34px}.auth-modal{padding:8px}.auth-modal-card{width:min(520px,calc(100vw - 20px));max-height:calc(100dvh - 16px);padding:12px;overflow-y:auto}.sn-lobby-shell.lobby-browser-shell{display:grid;grid-template-rows:minmax(0,1fr) 52px;height:100%;min-height:0;overflow:hidden}.sn-lobby-layout{display:grid;grid-template-columns:clamp(168px,24vw,205px) minmax(0,1fr);gap:6px;width:100%;height:100%;min-height:0;padding:max(5px,env(safe-area-inset-top,0px)) max(6px,env(safe-area-inset-right,0px)) 5px max(6px,env(safe-area-inset-left,0px));overflow:hidden}.sn-lobby-sidebar{grid-template-rows:30px 104px 27px minmax(0,1fr);gap:4px;min-height:0;overflow:hidden}.sn-lobby-channel-row button{min-height:30px;padding:3px 5px;font-size:.52rem}.sn-lobby-profile-card{grid-template-columns:72px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 30px;gap:4px;min-height:0}.sn-lobby-profile-art{grid-row:1 / 3}.sn-lobby-profile-name{grid-column:2;grid-row:1;padding-inline:5px}.sn-lobby-profile-name strong{font-size:.68rem}.sn-lobby-profile-progress{grid-column:2;grid-row:2;grid-template-columns:44px minmax(0,1fr)}.sn-lobby-player-tabs span{font-size:.54rem}.sn-lobby-player-list{display:block;min-height:0;padding:4px;overflow-x:hidden;overflow-y:auto}.sn-lobby-player-row{display:grid;grid-template-columns:22px minmax(0,1fr) 7px;min-height:28px;padding:2px 4px}.sn-lobby-player-row span{font-size:.62rem}.sn-lobby-sidebar-tools{display:none}.sn-lobby-main{grid-template-rows:46px minmax(150px,1fr) clamp(96px,23vh,128px);gap:5px;min-height:0;overflow:hidden}.sn-lobby-quick-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;overflow:hidden}.sn-lobby-quick-button{min-height:42px;font-size:.62rem}.sn-lobby-room-panel.lobby-browser-registry{grid-template-rows:auto minmax(0,1fr) 24px;gap:4px;min-height:0;padding:5px;overflow:hidden}.sn-lobby-room-toolbar{display:flex;flex-wrap:nowrap;gap:4px}.sn-lobby-room-toolbar .lobby-browser-action-btn{width:auto;min-width:34px;min-height:30px;padding:3px 6px;font-size:.5rem}.sn-lobby-room-toolbar .lobby-browser-action-btn span{display:inline}.sn-lobby-room-toolbar .lobby-browser-action-btn:before,.sn-lobby-toolbar-square{display:none}.sn-lobby-room-toolbar .lobby-browser-filter-list{display:flex;grid-column:auto;gap:3px;margin-left:auto}.sn-lobby-room-toolbar .lobby-browser-tab{min-height:30px;padding:3px 6px;font-size:.46rem}.sn-lobby-room-grid.room-list,.lobby-browser-registry .sn-lobby-room-grid.room-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:92px;gap:4px;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto}.sn-lobby-room-grid .room-card,.lobby-browser-shell .sn-lobby-room-grid .room-card{grid-template-columns:78px minmax(0,1fr);min-height:0}.sn-lobby-chat-panel{grid-template-rows:28px minmax(0,1fr) 32px;min-height:0;overflow:hidden}.sn-lobby-chat-tabs>button{height:28px;min-height:28px;padding:3px 8px;font-size:.48rem}.sn-lobby-chat-scroll-buttons button{width:30px;height:28px;min-height:28px}.sn-lobby-chat-log{padding:4px 6px;font-size:.52rem;line-height:1.35}.sn-lobby-chat-compose{grid-template-columns:32px 62px minmax(0,1fr) 34px;gap:3px;margin-top:3px}.sn-lobby-chat-compose button,.sn-lobby-chat-compose input{height:30px;min-height:30px;font-size:.5rem}.sn-lobby-shell .lobby-browser-footer{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;height:52px;min-height:52px;padding:4px max(6px,env(safe-area-inset-right,0px)) max(5px,env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-left,0px))}.sn-lobby-shell .lobby-browser-footer-links,.sn-lobby-shell .sn-lobby-footer-settings,.sn-lobby-shell .sn-lobby-footer-icon.is-danger{display:grid!important;width:auto;min-width:0;height:42px;min-height:42px;padding:0 4px;font-size:.54rem}.sn-room-shell{display:grid;grid-template-rows:minmax(0,1fr) 56px;height:100%;min-height:0;overflow:hidden}.sn-room-layout.ready-room-body,.app-shell[data-mode=in_room] .sn-room-layout.ready-room-body{display:grid;grid-template-columns:minmax(0,1fr) clamp(270px,41vw,330px);gap:6px;width:100%;height:100%;min-height:0;padding:5px max(6px,env(safe-area-inset-right,0px)) 5px max(6px,env(safe-area-inset-left,0px));overflow:hidden}.sn-room-left.ready-room-card{grid-template-rows:34px minmax(0,1fr) 32px;gap:4px;height:100%;min-height:0;padding:5px;overflow:hidden}.sn-room-player-grid{grid-template-columns:repeat(var(--sn-room-slot-columns, 5),minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:4px;min-height:0}.sn-room-player-grid .ready-room-slot,.sn-room-player-grid .ready-room-slot-empty{grid-template-rows:minmax(0,1fr) 27px}.sn-room-player-grid .ready-room-slot-art,.ready-room-slot-empty-mark{aspect-ratio:auto}.sn-room-mobile-chat-toggle{display:grid}.sn-room-chat:not(.is-mobile-open) .ready-room-chat-list,.sn-room-chat:not(.is-mobile-open) .ready-room-chat-compose{display:none}.sn-room-right{grid-template-rows:56px 205px 58px 145px 46px;gap:5px;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto}.sn-room-color-panel .ready-room-color-tray{grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:minmax(0,1fr);height:40px}.sn-room-primary-actions{grid-template-columns:minmax(0,1fr)}.sn-room-primary-actions #readyBtn,.sn-room-auto-ready{display:none}.sn-room-shell .ready-room-footer{position:static;display:grid;min-height:56px;padding:5px max(7px,env(safe-area-inset-right,0px)) max(6px,env(safe-area-inset-bottom,0px)) max(7px,env(safe-area-inset-left,0px))}.sn-room-shell .ready-room-footer:before,.sn-room-shell .ready-room-footer>:not(.sn-room-mobile-actions){display:none!important}.sn-room-mobile-actions{display:grid;grid-template-columns:minmax(112px,.36fr) minmax(0,1fr);gap:7px}.sn-room-mobile-actions button{min-height:44px}.app-shell[data-mode=in_match] .match-view,.app-shell[data-mode=post_match_pending] .match-view,.app-shell[data-mode=post_match] .match-view,.match-shell,.match-body,.stage-frame,.stage-surface{width:100%;height:100%;min-height:0}.lobby-dialog,.settings-modal,.sn-feature-modal,.auth-modal{padding:6px;overflow:hidden}.lobby-dialog-card,.settings-modal .settings-modal-card,.match-exit-dialog-card{width:min(760px,calc(100vw - 12px));max-height:calc(100dvh - 12px);padding:10px;overflow-y:auto;border-width:3px;border-radius:11px}.lobby-dialog-head{margin-bottom:7px}.lobby-dialog-title,.settings-modal-title{font-size:1.35rem}.lobby-dialog-mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:6px}.lobby-dialog-mode-card{grid-template-rows:auto 54px;min-height:84px}.lobby-dialog-mode-card strong{padding:4px;font-size:.62rem}.lobby-dialog-rule-row{grid-template-columns:80px repeat(3,minmax(0,1fr));gap:5px}.lobby-dialog-rule-row button,.lobby-dialog-body input,.lobby-dialog-body select,.arcade-select-trigger{min-height:34px}.lobby-dialog-map-preview{min-height:70px}.lobby-dialog-actions{gap:8px;margin-top:8px}.lobby-dialog-actions button{min-width:130px;min-height:38px}.settings-modal-body{grid-template-columns:minmax(180px,.8fr) minmax(250px,1.2fr);grid-template-rows:auto auto;gap:8px}.settings-modal-panel{grid-column:2;grid-row:1 / 3;gap:6px;padding:8px}.settings-modal-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sn-feature-window{display:grid;grid-template-rows:54px minmax(0,1fr) 48px;width:100%;height:100dvh;padding:7px 9px 9px;overflow:hidden;border:0;border-radius:0;box-shadow:none}.sn-profile-layout{grid-template-columns:clamp(180px,28vw,230px) minmax(0,1fr);height:100%;min-height:0}.sn-profile-card-column{grid-template-rows:38px minmax(0,1fr) 42px}.sn-profile-content{min-height:0;margin-top:0;overflow:hidden}.sn-profile-accessory-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:102px;overflow-y:auto}.sn-shop-layout{grid-template-columns:minmax(0,1fr) clamp(220px,32vw,270px);height:100%;min-height:0}.sn-shop-catalog{min-height:0;overflow:hidden}.sn-shop-product-list{grid-template-columns:repeat(3,minmax(0,1fr));overflow-y:auto}.sn-shop-preview-column{grid-template-rows:34px 74px 28px minmax(90px,1fr) 30px 86px 30px 32px 32px 34px;min-height:0;margin-top:0}.sn-feature-taskbar{position:static;margin:4px -2px -4px;padding:4px 5px 0}.match-exit-dialog-question{font-size:1rem}.match-exit-dialog-actions button{min-height:38px}.admin-screen{width:100%;height:100dvh;min-height:0;padding:8px;overflow:auto}}@media(orientation:landscape)and (max-width:720px)and (max-height:420px){.auth-login-wrap{grid-template-columns:minmax(135px,.62fr) minmax(280px,1.38fr);inset-block:45px 46px}.auth-login-title{font-size:2rem}.sn-lobby-layout{grid-template-columns:158px minmax(0,1fr);gap:4px;padding-block:4px}.sn-lobby-main{grid-template-rows:42px minmax(135px,1fr) 90px;gap:4px}.sn-lobby-room-grid.room-list,.lobby-browser-registry .sn-lobby-room-grid.room-list{grid-auto-rows:84px}.sn-room-shell{grid-template-rows:minmax(0,1fr) 50px}.sn-room-layout.ready-room-body,.app-shell[data-mode=in_room] .sn-room-layout.ready-room-body{grid-template-columns:minmax(0,1fr) 264px;gap:4px;padding-block:4px}.sn-room-left.ready-room-card{grid-template-rows:30px minmax(0,1fr) 29px;padding:4px}.sn-room-right{grid-template-rows:50px 180px 52px 130px 42px}.sn-room-shell .ready-room-footer{min-height:50px;padding-block:4px}.sn-room-mobile-actions button{min-height:40px}.sn-feature-window{grid-template-rows:48px minmax(0,1fr) 44px}}@media(pointer:coarse)and (orientation:landscape)and (max-width:960px)and (max-height:560px){.app-shell[data-mode=in_match] .match-shell,.app-shell[data-mode=post_match_pending] .match-shell,.app-shell[data-mode=post_match] .match-shell{display:grid;grid-template-rows:minmax(0,1fr);width:100%;height:100dvh;min-height:0}.app-shell[data-mode=in_match] .match-body,.app-shell[data-mode=post_match_pending] .match-body,.app-shell[data-mode=post_match] .match-body{grid-row:1;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-content:stretch;width:100%;height:100%;min-height:0;padding:0;gap:0;overflow:hidden}.match-body .match-side,.match-body .match-center-footer{display:none}.match-body .match-center-column{grid-column:1;grid-row:1;display:grid;grid-template-rows:minmax(0,1fr);width:100%;height:100%;min-height:0;gap:0}.match-shell .stage-frame{width:100%;height:100%;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.match-shell .stage-surface{padding:0;border:0;border-radius:6px}.match-center-column #game canvas{max-width:none;max-height:none;border-radius:5px}.match-shell .match-header{position:absolute;z-index:7;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;box-shadow:none;pointer-events:none}.match-shell .match-brand,.match-shell .match-scoreboard,.match-shell .match-header-tools .soundtrack-toggle,.match-shell .match-header-tools #debugSnapshotBtn{display:none}.match-shell .match-header-tools{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;margin:0;pointer-events:none}.match-shell .match-header-tools #matchFullscreenBtn,.match-shell .match-header-tools #matchLeaveBtn,.match-shell .match-header-tools #matchFeedToggleBtn,.match-shell .match-header-tools #matchLocalPill{position:absolute;right:calc(51px + env(safe-area-inset-right,0px));z-index:8;display:grid;place-items:center;width:42px;min-width:42px;height:42px;min-height:42px;padding:0;border:2px solid rgba(255,255,255,.82);border-radius:999px;background:#085b3be0;color:#effff8;box-shadow:0 3px #04301fc2,0 7px 16px #04301f3d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.match-shell .match-header-tools #matchLocalPill{bottom:calc(132px + env(safe-area-inset-bottom,0px))}.match-shell .match-header-tools #matchFeedToggleBtn{bottom:calc(180px + env(safe-area-inset-bottom,0px))}.match-shell .match-header-tools #matchFullscreenBtn{bottom:calc(228px + env(safe-area-inset-bottom,0px))}.match-shell .match-header-tools #matchLeaveBtn{bottom:calc(276px + env(safe-area-inset-bottom,0px));color:#fff4ef;background:#ba3223e6}.match-shell .match-header-tools .ui-icon{display:inline-flex;width:18px;height:18px}.match-stage-mobile-hud{top:max(7px,env(safe-area-inset-top,0px));right:auto;left:max(7px,env(safe-area-inset-left,0px));display:grid;grid-template-columns:repeat(2,38px);gap:4px}.match-stage-mobile-chip{min-width:38px;min-height:28px;padding:3px 7px;border-width:2px;background:#075135d1;color:#fff;box-shadow:0 2px #04301fb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.match-stage-mobile-chip strong{font-size:.64rem}.match-mobile-controls{display:block}.match-mobile-joystick.is-active{opacity:.72}.match-mobile-joystick-base{border-color:#ffffff61;background:#1dd48414;box-shadow:inset 0 0 0 1px #04301f14,0 5px 12px #04301f1f;-webkit-backdrop-filter:none;backdrop-filter:none}.match-mobile-joystick-thumb{border-color:#ffffff8c;background:#5affb461;box-shadow:inset 0 -2px 5px #0e6a3f1f,0 4px 9px #04301f29}}@media(orientation:landscape)and (max-width:960px)and (max-height:560px){.sn-room-right{grid-template-rows:56px 62px 58px minmax(0,1fr) 46px;gap:4px;overflow:hidden}.sn-room-hero.ready-room-card{grid-row:1}.sn-room-character-panel.ready-room-selection-card{order:0;grid-row:2;grid-template-rows:minmax(0,1fr);padding:4px;overflow:hidden}.sn-room-character-panel .ready-room-card-label,.sn-room-character-pager,.sn-room-character-panel .ready-room-character-tile.is-placeholder{display:none}.sn-room-character-panel .ready-room-character-tray{grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:3px;min-height:0;overflow:hidden}.sn-room-character-panel .ready-room-character-tile{min-height:0;padding:1px}.sn-room-color-panel{grid-row:3;min-height:0}.sn-room-map-panel.ready-room-summary-card{grid-row:4;min-height:0}.sn-room-primary-actions{grid-row:5;min-height:0}.sn-room-chat-tabs .sn-room-chat-tab{height:30px;min-width:118px;padding-inline:10px;font-size:.52rem}.sn-room-chat.is-mobile-open{top:40px;right:5px;bottom:5px;left:5px;width:auto;height:auto;min-height:0;max-height:none}.sn-room-chat.is-mobile-open .ready-room-chat-list{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.match-center-column #game canvas{width:100%!important;height:100%!important;max-width:100%;max-height:100%}}@media(orientation:landscape)and (max-width:720px)and (max-height:420px){.sn-room-right{grid-template-rows:48px 50px 54px minmax(0,1fr) 40px;gap:3px}.sn-room-hero.ready-room-card{padding-block:3px}.sn-room-hero-character{width:34px;height:34px}.sn-room-character-panel.ready-room-selection-card{padding:3px}.sn-room-color-panel .ready-room-color-tray{height:36px;padding:3px}.sn-room-map-panel .ready-room-summary{grid-template-columns:minmax(0,1fr)}.sn-room-map-panel .ready-room-summary-grid{display:none}.sn-room-primary-actions button{min-height:38px}}:root{--sn-v3-primary-lite: #3fdda0;--sn-v3-primary: #1cbe85;--sn-v3-primary-deep: #0e9463;--sn-v3-edge: #0a6b47;--sn-v3-mint: #8df0c4;--sn-v3-frame: #d8ffee;--sn-v3-dark: #0a3b26;--sn-v3-dark-deep: #052717;--sn-v3-gold: #ffd23c;--sn-v3-orange: #ffb03a;--sn-v3-orange-deep: #f0741a;--sn-v3-red: #e8452f;--sn-v3-lime: #9be04a;--sn-v3-display: "Handjet", "Baloo", monospace;--sn-v3-ui: "Baloo", system-ui, sans-serif;--sn-v3-mono: ui-monospace, "Cascadia Code", monospace}button,input,select{font-family:var(--sn-v3-ui)}.sn-lobby-mobile-header,.sn-lobby-mobile-quick-start,.match-stage-mobile-opponents,.match-stage-mobile-roster,.match-stage-mobile-items,.match-mobile-controls{display:none}.sn-auth-character-trio{display:flex;align-items:flex-end;justify-content:center;gap:16px;height:clamp(72px,12vh,120px);margin-top:6px}.sn-auth-character-trio img{width:auto;height:72%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 2px rgba(4,48,31,.32))}.sn-auth-character-trio img:nth-child(2){height:100%}.auth-login-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-login-actions #accountLoginBtn{grid-column:1 / -1;min-height:46px;color:#fff;border-color:#c4ff5a;background:linear-gradient(180deg,#c8f56a,#a8e844 45%,#8ed42a);box-shadow:0 0 0 2px #2f5c00,0 6px 12px #1e280452}.auth-game-taskbar .auth-game-taskbar-icon{padding:0}.sn-auth-signup-columns{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(240px,.88fr);gap:14px;min-height:0}.sn-auth-signup-form{display:flex;flex-direction:column;gap:9px}.sn-auth-signup-guidance{display:flex;flex-direction:column;gap:5px;padding:10px 12px;color:#eafff6;border:2px solid var(--sn-v3-edge);border-radius:9px;background:#1aae77;box-shadow:inset 0 3px 7px #00000038;font-size:.72rem}.sn-auth-signup-guidance p{margin:0}.sn-auth-signup-terms{display:flex;align-items:center;gap:8px;margin-top:auto;font-weight:800}.sn-auth-signup-terms input{width:22px;min-width:22px;height:22px;min-height:22px;margin:0;accent-color:var(--sn-v3-lime)}.match-shell{grid-template-rows:56px minmax(0,1fr) 82px;color:#fff;background:linear-gradient(180deg,var(--sn-v3-primary-deep),var(--sn-v3-dark-deep))}.match-header{display:grid;grid-template-columns:auto minmax(140px,1fr) auto;align-items:center;gap:20px;min-height:56px;padding:0 14px;border-bottom:3px solid #04301f;background:linear-gradient(180deg,var(--sn-v3-dark),var(--sn-v3-dark-deep))}.match-brand{min-width:210px}.match-brand-mark{width:34px;height:34px;border:2px solid #fff;border-radius:9px;background:var(--sn-v3-primary)}.match-brand-kicker{font-family:var(--sn-v3-display);font-size:1.18rem;line-height:1}.match-brand-title{margin-top:2px;color:#8fd9b6;font-family:var(--sn-v3-mono);font-size:.48rem;letter-spacing:.13em}.match-brand-subtitle{display:none}.match-header-opponents{display:flex;align-items:center;gap:9px;min-width:0}.match-header-opponents>span{color:#cffff0;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.match-header-opponents>div{display:flex;gap:5px}.match-player-orb{display:block;width:16px;height:16px;flex:0 0 auto;border:2px solid rgba(255,255,255,.86);border-radius:50%;background:#e8452f;box-shadow:0 2px 3px #00000057,inset 0 2px 2px #fff6}.match-player-orb.is-color-1{background:#ffd23c}.match-player-orb.is-color-2{background:#28c98c}.match-player-orb.is-color-3{background:#4aa8ff}.match-player-orb.is-color-4{background:#b47bff}.match-player-orb.is-color-5{background:#ff8ac4}.match-player-orb.is-color-6{background:#ff8e50}.match-player-orb.is-color-7{background:#66d8e8}.match-player-orb.is-color-8{background:#d8ef67}.match-player-orb.is-color-9{background:#9aa9a1}.match-player-orb.is-offline{opacity:.28;border-color:#ffffff5c}.match-player-orb.is-local{box-shadow:0 0 0 3px #ffd23ca6,0 2px 3px #00000057}.match-scoreboard{display:none}.match-header-tools{display:flex;justify-content:flex-end;gap:7px}.match-header-action,.match-feed-toggle,.match-local-pill,.match-header-tools #debugSnapshotBtn,.match-header-tools .soundtrack-toggle{min-height:36px;color:#fff;border:2px solid #7fd9b0;border-radius:9px;background:linear-gradient(180deg,#2e6b52,#123d2a);box-shadow:0 2px #04301f}.match-header-tools #matchLeaveBtn,.match-header-tools #debugSnapshotBtn,.match-header-tools .soundtrack-toggle,.match-local-pill{display:none}.match-body,.app-shell[data-mode=in_match] .match-body,.app-shell[data-mode=post_match_pending] .match-body,.app-shell[data-mode=post_match] .match-body{display:grid;grid-template-columns:46px minmax(0,1fr) 306px;gap:0;min-height:0;padding:0;overflow:hidden}.match-side-left{display:grid;place-items:center;min-height:0;border-right:3px solid #04301f;background:linear-gradient(180deg,var(--sn-v3-dark),var(--sn-v3-dark-deep))}.match-player-orb-rail{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:24px;margin:auto}.match-player-orb-rail .match-player-orb{width:24px;height:24px}.match-center-column{display:grid;grid-template-rows:minmax(0,1fr);gap:0;min-width:0;min-height:0;padding:10px;background:var(--sn-v3-primary-deep)}.match-center-footer{display:none}.match-shell .stage-frame{width:100%;height:100%;min-height:0;padding:0;overflow:hidden;border:4px solid #04301f;border-radius:12px;background:#2f9152;box-shadow:0 5px #04301f,inset 0 0 0 2px #a6efcd}.match-shell .stage-surface{width:100%;height:100%;border:0;border-radius:7px;background:#2f9152}.match-stage-chat-preview{position:absolute;z-index:4;left:10px;bottom:10px;width:min(330px,calc(100% - 20px));padding:7px 10px;color:#eafff6;border:1px solid rgba(255,255,255,.15);border-radius:9px;background:#04301fb3;font-size:.68rem;line-height:1.55;text-shadow:0 1px 2px rgba(0,0,0,.65);pointer-events:none}.match-stage-chat-preview b{color:var(--sn-v3-mint)}.match-side-right{display:flex;flex-direction:column;gap:9px;min-width:0;min-height:0;padding:10px;overflow:hidden;border-left:3px solid #04301f;background:linear-gradient(180deg,var(--sn-v3-dark),var(--sn-v3-dark-deep))}.match-side-stat-stack{display:flex;flex-direction:column;gap:8px;flex:0 0 auto}.match-side-stat-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.match-side-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50px;padding:4px;border:2px solid var(--sn-v3-edge);border-radius:8px;background:#04301f;box-shadow:inset 0 3px 8px #00000078;font-family:var(--sn-v3-display)}.match-side-stat.is-clock{min-height:60px}.match-side-stat span{color:#7fc2a3;font-family:var(--sn-v3-mono);font-size:.48rem;letter-spacing:.18em;text-transform:uppercase}.match-side-stat strong{color:var(--sn-v3-gold);font-size:1.35rem;line-height:1}.match-side-stat.is-clock strong{color:#7bff7b;font-size:1.85rem}.match-side-score-panel,.match-side-active-item{overflow:hidden;border:2px solid #a6efcd;border-radius:11px;background:linear-gradient(180deg,#2ccb90,#159c68);box-shadow:inset 0 2px #ffffff45}.match-side-score-panel{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.match-side-section-title{display:flex;align-items:center;justify-content:space-between;min-height:29px;padding:5px 10px;border-bottom:2px solid var(--sn-v3-edge);background:linear-gradient(180deg,#1fae79,#0c8154);font-size:.72rem;font-weight:800;letter-spacing:.03em;text-shadow:0 2px 2px rgba(4,48,31,.6)}.match-side-section-title small{font-family:var(--sn-v3-mono);font-size:.48rem}.match-side-section-title.is-feed{border-top:2px solid var(--sn-v3-edge)}.match-side-player-list{display:flex;flex-direction:column;gap:7px;padding:8px}.match-side-player-list article{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:48px;padding:5px 7px;color:#fff;border:2px solid #a6efcd;border-radius:9px;background:linear-gradient(180deg,#3fd49e,#1aa974)}.match-side-player-list article.is-local{border-color:var(--sn-v3-gold);box-shadow:0 0 0 2px #ffd23c75}.match-side-player-list article.is-offline{opacity:.45}.match-side-player-avatar{display:grid;place-items:center;width:36px;height:36px;overflow:hidden;border:2px solid var(--sn-v3-edge);border-radius:7px;background:#1aae77}.match-side-player-avatar img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.match-side-player-copy{min-width:0}.match-side-player-copy strong,.match-side-player-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-side-player-copy strong{font-size:.72rem}.match-side-player-copy small{color:#04503a;font-family:var(--sn-v3-mono);font-size:.46rem;text-transform:uppercase}.match-side-player-list article>b{color:#ffe68a;font-family:var(--sn-v3-display);font-size:.95rem;text-shadow:0 2px #04301f}.match-side-feed-preview{flex:1 1 auto;min-height:0;margin:0 8px 8px;padding:7px 9px;overflow:hidden;color:#cffff0;border:2px solid #3e8f6b;border-radius:8px;background:linear-gradient(180deg,var(--sn-v3-dark),var(--sn-v3-dark-deep));font-size:.6rem;line-height:1.55}.match-side-feed-preview div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px}.match-side-feed-preview small{color:#7fc2a3;font-family:var(--sn-v3-mono);font-size:.44rem}.match-side-active-item{flex:0 0 auto}.match-side-active-item>div:last-child{display:flex;align-items:center;gap:8px;padding:8px}.match-side-active-item-icon{display:grid;place-items:center;width:52px;height:52px;flex:0 0 auto;border:2px solid var(--sn-v3-edge);border-radius:9px;background:linear-gradient(180deg,#5fe0ac,#25b983)}.match-side-active-item-icon img{width:80%;height:80%;object-fit:contain}.match-side-active-item p,.match-side-active-item strong,.match-side-active-item small{display:block;margin:0}.match-side-active-item p{color:#04503a;font-size:.7rem}.match-side-leave-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;flex:0 0 auto;color:#fff;border:4px solid #fff;border-radius:13px;background:linear-gradient(180deg,#ff9a80,var(--sn-v3-red) 48%,#a81e10);font-family:var(--sn-v3-display);font-size:1.15rem;box-shadow:0 4px #7a160d}.match-inventory-footer{display:flex;align-items:center;gap:11px;min-height:82px;padding:0 16px;overflow:hidden;border-top:3px solid #04301f;background:linear-gradient(180deg,var(--sn-v3-dark),var(--sn-v3-dark-deep))}.match-inventory-footer>strong{flex:0 0 auto;font-family:var(--sn-v3-display);font-size:1.15rem;letter-spacing:.04em;text-transform:uppercase}.match-inventory-footer .match-inventory-grid{display:flex;gap:9px;width:auto;height:auto}.match-inventory-footer .match-inventory-slot{position:relative;width:54px;height:54px;min-height:54px;flex:0 0 54px;padding:0;border:2px solid var(--sn-v3-edge);border-radius:9px;background:linear-gradient(180deg,#93a79c,#6e8478)}.match-inventory-footer .match-inventory-slot.is-active{border-color:#8fe7c2;background:linear-gradient(180deg,#5fe0ac,#25b983)}.match-inventory-key{position:absolute;z-index:2;top:1px;left:3px;color:#eafff6;font-family:var(--sn-v3-display);font-size:.7rem}.match-inventory-footer .match-inventory-icon{position:absolute;top:4px;right:4px;bottom:4px;left:4px}.match-inventory-footer .match-inventory-value{position:absolute;right:3px;bottom:1px;color:var(--sn-v3-gold);font-family:var(--sn-v3-display);font-size:.7rem}.match-inventory-footer-stats{display:flex;gap:9px;margin-left:auto}.match-inventory-footer-stats>span{display:flex;flex-direction:column;align-items:center;justify-content:center;width:96px;height:44px;border:2px solid var(--sn-v3-edge);border-radius:8px;background:#04301f;box-shadow:inset 0 3px 8px #00000075}.match-inventory-footer-stats small{color:#7fc2a3;font-family:var(--sn-v3-mono);font-size:.45rem;letter-spacing:.12em;text-transform:uppercase}.match-inventory-footer-stats strong{color:#7bff7b;font-family:var(--sn-v3-display);font-size:1.05rem;line-height:1}@media(min-width:861px)and (max-width:1180px){.match-body,.app-shell[data-mode=in_match] .match-body,.app-shell[data-mode=post_match_pending] .match-body,.app-shell[data-mode=post_match] .match-body{grid-template-columns:40px minmax(0,1fr) 260px}.match-side-right{gap:6px;padding:7px}.match-side-player-list{gap:4px;padding:6px}.match-side-player-list article{min-height:42px}.match-inventory-footer-stats>span{width:78px}}@media(orientation:landscape)and (max-width:960px)and (max-height:560px){.app-shell[data-mode]{width:100vw!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;aspect-ratio:auto!important}.app-shell[data-mode] .stage-shell{width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important}.auth-login-wrap{top:46px;right:34px;bottom:52px;left:34px;grid-template-columns:minmax(260px,.92fr) minmax(360px,1fr);grid-template-rows:minmax(0,1fr) auto;gap:9px 22px}.auth-login-brand{grid-row:1 / 3}.auth-login-title{font-size:clamp(2.8rem,6.25vw,3.55rem);-webkit-text-stroke-width:6px}.auth-login-subtitle{font-size:.7rem}.sn-auth-character-trio{height:min(116px,25vh);margin-top:4px}.auth-login-card{align-self:end;padding:10px 12px 12px;border-width:3px;border-radius:18px}.auth-login-card-title{font-size:1.45rem}.auth-login-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.auth-login-actions #accountLoginBtn{min-height:42px;font-size:.78rem}.auth-login-action{min-height:36px;font-size:.66rem}.auth-game-taskbar-rule,.auth-game-taskbar-menu{display:block}.auth-game-taskbar-menu{display:grid;place-items:center;min-width:74px;height:34px}.auth-signup-card{width:min(760px,calc(100vw - 36px));padding:12px 16px 14px;overflow:hidden}.auth-signup-title{margin-bottom:10px}.sn-auth-signup-columns{grid-template-columns:minmax(0,1.12fr) minmax(250px,.88fr);gap:16px}.auth-signup-note{display:none}.sn-lobby-shell.lobby-browser-shell{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:minmax(0,1fr);width:100%;height:100%;min-height:0}.sn-lobby-layout{grid-column:2;grid-row:1;display:block;width:100%;height:100%;padding:0}.sn-lobby-sidebar,.sn-lobby-quick-row,.sn-lobby-chat-panel{display:none}.sn-lobby-main{display:grid;grid-template-rows:46px minmax(0,1fr);gap:0;width:100%;height:100%;min-height:0}.sn-lobby-mobile-header{display:flex;align-items:center;gap:9px;min-height:46px;padding:0 13px;border-bottom:2px solid #04301f;background:linear-gradient(180deg,var(--sn-v3-dark),var(--sn-v3-dark-deep))}.sn-lobby-mobile-header>strong{font-family:var(--sn-v3-display);font-size:1.08rem;text-transform:uppercase}.sn-lobby-mobile-wallet{margin-left:auto;padding:2px 9px;color:var(--sn-v3-gold);border:2px solid #c99b00;border-radius:11px;background:#04301f;font-family:var(--sn-v3-display);font-size:.78rem}.sn-lobby-mobile-avatar{display:grid;place-items:center;width:28px;height:28px;overflow:hidden;border:2px solid var(--sn-v3-mint);border-radius:8px;background:#1aae77}.sn-lobby-mobile-avatar img{width:100%;height:100%;object-fit:contain}.sn-lobby-room-panel.lobby-browser-registry{display:grid;grid-template-columns:186px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 28px;gap:8px 10px;min-height:0;padding:10px 12px;overflow:hidden;border:0;border-radius:0;background:linear-gradient(180deg,var(--sn-v3-primary-deep),var(--sn-v3-dark-deep));box-shadow:none}.sn-lobby-room-toolbar{grid-column:1;grid-row:1 / 3;display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0}.sn-lobby-mobile-quick-start{display:grid;place-items:center;min-height:54px;color:#fff;border:3px solid #ffd98a;border-radius:12px;background:linear-gradient(180deg,#ffd98a,var(--sn-v3-orange) 46%,var(--sn-v3-orange-deep));font-family:var(--sn-v3-display);font-size:1.05rem;text-transform:uppercase;box-shadow:0 3px #8a3d00}.sn-lobby-room-toolbar .lobby-browser-action-btn{width:100%;min-height:36px;padding:4px 8px;font-size:.66rem}.sn-lobby-room-toolbar .sn-lobby-toolbar-square{display:none}.sn-lobby-room-toolbar .lobby-browser-filter-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0}.sn-lobby-room-toolbar .lobby-browser-tab{min-width:0;min-height:30px;padding:3px;font-size:.48rem}.sn-lobby-room-grid.room-list,.lobby-browser-registry .sn-lobby-room-grid.room-list{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:8px;width:100%;height:100%;min-height:0;overflow:hidden}.sn-lobby-room-grid .room-card,.lobby-browser-shell .sn-lobby-room-grid .room-card,.sn-lobby-room-placeholder{min-height:0}.sn-lobby-room-pager{grid-column:2;grid-row:2;min-height:26px}.sn-lobby-shell .lobby-browser-footer{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:5px;width:64px;height:100%;min-height:0;padding:8px 4px;border-right:2px solid var(--sn-v3-edge);border-top:0;background:#04301feb}.sn-lobby-shell .lobby-browser-footer>*{display:none!important}.sn-lobby-shell .lobby-browser-footer>.sn-lobby-mobile-nav-item{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;min-width:0;height:58px;min-height:58px;padding:3px 2px;color:#8fd9b6;border:0;border-radius:8px;background:transparent;font-size:.48rem;line-height:1;box-shadow:none}.sn-lobby-shell .lobby-browser-footer:before,.sn-lobby-shell .lobby-browser-footer>.sn-lobby-footer-icon,.sn-lobby-shell .lobby-browser-footer>.sn-lobby-footer-settings{display:none!important}.sn-lobby-shell .sn-lobby-mobile-nav-item.is-active{color:var(--sn-v3-gold);background:#1cbe8526}.sn-lobby-mobile-nav-item .ui-icon{width:20px;height:20px}.sn-room-layout.ready-room-body,.app-shell[data-mode=in_room] .sn-room-layout.ready-room-body{grid-template-columns:minmax(0,1fr) clamp(330px,50vw,444px);gap:8px}.sn-room-left.ready-room-card{grid-template-rows:34px minmax(0,1fr) 32px}.sn-room-player-grid{grid-template-columns:repeat(var(--sn-room-slot-columns, 5),minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}#lobbyCreateRoomModal .lobby-dialog-card{display:grid;grid-template-rows:34px minmax(0,1fr) 44px;width:min(844px,calc(100vw - 32px));height:min(382px,calc(100dvh - 24px));max-height:none;padding:10px 14px 12px;overflow:hidden}#lobbyCreateRoomModal .lobby-dialog-head{min-height:34px;margin:0}#lobbyCreateRoomModal .lobby-dialog-title{font-size:1.3rem}#lobbyCreateRoomModal .lobby-dialog-close{min-height:32px}#lobbyCreateRoomModal .lobby-dialog-body{display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-rows:auto auto auto auto auto auto;align-content:start;gap:5px 12px;min-height:0;overflow:hidden}#lobbyCreateRoomModal .lobby-dialog-mode-grid{grid-column:1;grid-row:1 / 7;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:86px minmax(0,1fr);gap:6px;min-height:0;padding:6px}#lobbyCreateRoomModal .lobby-dialog-mode-card{grid-template-rows:24px minmax(0,1fr);min-height:0}#lobbyCreateRoomModal .lobby-dialog-mode-card:last-child{grid-column:1 / -1;display:grid;grid-template-columns:78px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}#lobbyCreateRoomModal .lobby-dialog-mode-card:last-child>strong{display:grid;place-items:center}#lobbyCreateRoomModal .lobby-dialog-game-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px}#lobbyCreateRoomModal .lobby-dialog-game-types button{min-height:28px;font-size:.52rem}#lobbyCreateRoomModal label[for=createRoomDisplayName]{grid-column:2;grid-row:1}#createRoomDisplayName{grid-column:2;grid-row:2;min-height:34px}#createRoomDisplayNameHint{display:none}#lobbyCreateRoomModal .lobby-dialog-rule-row{grid-column:2;grid-row:3;grid-template-columns:70px repeat(3,minmax(0,1fr))}#lobbyCreateRoomModal label[for=createRoomMap]{grid-column:2;grid-row:4}#lobbyCreateRoomModal .arcade-select-map{grid-column:2;grid-row:5}#lobbyCreateRoomModal .lobby-dialog-map-preview{display:none}#lobbyCreateRoomModal .two-up{grid-column:2;grid-row:6;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#lobbyCreateRoomModal .field-label{margin:0;font-size:.56rem}#lobbyCreateRoomModal .arcade-select-trigger{min-height:32px}#lobbyCreateRoomModal .lobby-dialog-password-field{position:absolute;right:14px;bottom:57px;width:calc(100% - 340px);padding:6px}#lobbyCreateRoomModal .lobby-dialog-actions{align-self:end;margin:0}#lobbyCreateRoomModal .lobby-dialog-actions button{min-height:40px}.sn-shop-modal .sn-feature-window{grid-template-rows:42px minmax(0,1fr)}.sn-shop-modal .sn-feature-taskbar{display:none}.sn-shop-header{min-height:42px;padding:4px 10px}.sn-shop-layout{grid-template-columns:minmax(0,1fr) 180px;gap:0}.sn-shop-catalog{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-width:0}.sn-shop-tabs{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:8px 4px;overflow:hidden;border-right:2px solid var(--sn-v3-edge);background:#04301feb}.sn-shop-tabs button{width:100%;min-width:0;min-height:54px;padding:4px 2px;border:0;background:transparent;color:#8fd9b6;font-size:.48rem;white-space:normal;box-shadow:none}.sn-shop-tabs button.is-active{color:var(--sn-v3-gold);background:#1cbe852b}.sn-shop-tabs .sn-shop-search{display:none}.sn-shop-body{display:grid;grid-template-rows:34px minmax(0,1fr);gap:7px;min-height:0;padding:8px 10px}.sn-shop-subtabs{overflow:hidden;white-space:nowrap}.sn-shop-banner{display:none}.sn-shop-product-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:7px;min-height:0;overflow:hidden}.sn-shop-product-list article{min-height:0!important}.sn-shop-product-select{grid-template-rows:minmax(48px,1fr) auto;padding:5px}.sn-shop-product-image img{width:52px;height:52px}.sn-shop-product-footer{grid-template-columns:minmax(0,1fr) 62px;min-height:32px;padding:3px 5px}.sn-shop-preview-column{grid-template-rows:34px 34px minmax(0,1fr) 34px 34px;gap:7px;min-height:0;padding:9px;border-left:2px solid #04301f;background:linear-gradient(180deg,var(--sn-v3-dark),var(--sn-v3-dark-deep))}.sn-shop-character-title,.sn-shop-character-banner,.sn-shop-nameplate,.sn-shop-preview-actions,.sn-shop-profile-link,.sn-shop-close-button,.sn-shop-commerce-actions button:nth-child(2),.sn-shop-balance-card div:nth-child(3){display:none}.sn-shop-balance-card{display:contents}.sn-shop-balance-card>div{min-height:34px}.sn-shop-balance-card>div:first-child{grid-row:1}.sn-shop-balance-card>div:nth-child(2){grid-row:2}.sn-shop-preview-stage{grid-row:3;min-height:0}.sn-shop-commerce-actions{grid-row:4;display:block}.sn-shop-commerce-actions button,.sn-shop-mystery-button{width:100%;min-height:34px}.sn-shop-mystery-button{grid-row:5}.sn-profile-modal .sn-feature-window{grid-template-rows:40px minmax(0,1fr)}.sn-profile-modal .sn-feature-taskbar{display:none}.sn-profile-modal .sn-feature-header{min-height:40px;padding:3px 10px}.sn-profile-layout{grid-template-columns:158px minmax(0,1fr);gap:8px;min-height:0;padding:9px}.sn-profile-card-column{grid-template-rows:34px minmax(0,1fr) 34px;gap:6px;min-height:0}.sn-profile-card{min-height:0;padding:7px}.sn-profile-facts{display:none}.sn-profile-content{display:grid;grid-template-rows:32px minmax(0,1fr);min-width:0;min-height:0}.sn-profile-tabs{position:relative;display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;background:linear-gradient(180deg,#ffe9a8,#ffc94e)}.sn-profile-tabs:after{content:"›";position:sticky;right:0;display:grid;place-items:center;width:40px;flex:0 0 40px;color:#7a4a00;background:linear-gradient(90deg,#ffc94e00,#ffc94e 55%);font-size:1rem;font-weight:900}.sn-profile-tabs button{min-width:max-content;min-height:30px;padding:3px 11px;font-size:.62rem}.sn-profile-pane{display:grid;grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr);grid-template-rows:minmax(0,1fr);gap:8px;min-height:0;padding:8px 0 0}.sn-profile-pane-title{display:none}.sn-profile-accessory-grid{grid-column:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(82px,1fr);gap:7px;min-height:0;padding:8px;overflow:hidden;border:2px solid #a6efcd;border-radius:11px;background:linear-gradient(180deg,#2ccb90,#159c68)}.sn-profile-bag-strip{grid-column:2;display:flex;flex-direction:column;min-height:0;padding:9px;border:2px solid #3e8f6b;border-radius:11px;background:linear-gradient(180deg,var(--sn-v3-dark),var(--sn-v3-dark-deep))}.sn-profile-bag-strip>div{grid-template-columns:repeat(5,minmax(0,1fr));flex:1 1 auto;min-height:0}.app-shell[data-mode=in_match] .match-shell,.app-shell[data-mode=post_match_pending] .match-shell,.app-shell[data-mode=post_match] .match-shell{display:grid;grid-template-rows:minmax(0,1fr);width:100%;height:100dvh}.match-inventory-footer,.match-body .match-side,.match-body .match-center-footer,.match-header-opponents,.match-stage-chat-preview{display:none}.match-body,.app-shell[data-mode=in_match] .match-body,.app-shell[data-mode=post_match_pending] .match-body,.app-shell[data-mode=post_match] .match-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);width:100%;height:100%;padding:0}.match-center-column{grid-column:1;grid-row:1;width:100%;height:100%;padding:0;background:var(--sn-v3-dark-deep)}.match-shell .stage-frame,.match-shell .stage-surface{width:100%;height:100%;padding:0;border:0;border-radius:0;box-shadow:none}.match-shell .match-header{position:absolute;z-index:8;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;min-height:0;padding:0;border:0;background:transparent;pointer-events:none}.match-shell .match-brand,.match-shell .match-scoreboard,.match-shell .match-header-tools .soundtrack-toggle,.match-shell .match-header-tools #debugSnapshotBtn,.match-shell .match-header-tools #matchLocalPill{display:none}.match-shell .match-header-tools{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;pointer-events:none}.match-shell .match-header-tools #matchLeaveBtn,.match-shell .match-header-tools #matchFullscreenBtn,.match-shell .match-header-tools #matchFeedToggleBtn{position:absolute;right:max(10px,env(safe-area-inset-right,0px));z-index:9;display:grid;place-items:center;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;color:#effff8;border:3px solid #fff;border-radius:50%;background:linear-gradient(180deg,#2e6b52,#123d2a);box-shadow:0 3px 6px #0006,inset 0 2px #ffffff80;pointer-events:auto}.match-shell .match-header-tools #matchLeaveBtn{top:max(10px,env(safe-area-inset-top,0px));background:linear-gradient(180deg,#ff9a80,var(--sn-v3-red) 48%,#a81e10)}.match-shell .match-header-tools #matchFullscreenBtn{top:max(55px,calc(env(safe-area-inset-top,0px) + 45px))}.match-shell .match-header-tools #matchFeedToggleBtn{top:max(100px,calc(env(safe-area-inset-top,0px) + 90px))}.match-shell .match-header-tools button>span:not(.ui-icon){display:none}.match-stage-mobile-hud{top:max(10px,env(safe-area-inset-top,0px));right:auto;left:max(10px,env(safe-area-inset-left,0px));z-index:9;display:flex;gap:7px}.match-stage-mobile-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:54px;min-height:38px;padding:3px 6px;color:#fff;border:2px solid var(--sn-v3-edge);border-radius:8px;background:#04301fdb;box-shadow:inset 0 3px 8px #00000073;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.match-stage-mobile-chip .ui-icon{display:none}.match-stage-mobile-chip span{color:#7fc2a3;font-family:var(--sn-v3-mono);font-size:.38rem;letter-spacing:.08em;text-transform:uppercase}.match-stage-mobile-chip strong{color:#7bff7b;font-family:var(--sn-v3-display);font-size:.88rem;line-height:1}.match-stage-mobile-chip:nth-child(2) strong{color:var(--sn-v3-gold)}.match-stage-mobile-opponents{position:absolute;z-index:9;top:max(12px,env(safe-area-inset-top,0px));left:50%;display:flex;gap:5px;padding:5px 11px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:#04301fbd;transform:translate(-50%)}.match-stage-mobile-opponents .match-player-orb{width:14px;height:14px}.match-stage-mobile-roster{position:absolute;z-index:9;bottom:170px;left:max(10px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:4px;width:150px}.match-stage-mobile-roster>div{display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:24px;padding:3px 9px 3px 4px;color:#fff;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:#04301fbd;font-size:.56rem}.match-stage-mobile-roster>div.is-local{border-color:#ffd23c8c}.match-stage-mobile-roster>div.is-offline{opacity:.5}.match-stage-mobile-roster .match-player-orb{width:14px;height:14px}.match-stage-mobile-roster span{overflow:hidden;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.match-stage-mobile-roster strong{color:var(--sn-v3-gold);font-family:var(--sn-v3-display);font-size:.72rem}.match-stage-mobile-items{position:absolute;z-index:9;top:176px;right:max(10px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;gap:6px}.match-stage-mobile-items>span{position:relative;display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--sn-v3-edge);border-radius:9px;background:linear-gradient(180deg,#93a79c,#6e8478)}.match-stage-mobile-items>span.is-active{border-color:#8fe7c2;background:linear-gradient(180deg,#5fe0ac,#25b983)}.match-stage-mobile-items img{width:75%;height:75%;object-fit:contain}.match-stage-mobile-items b{position:absolute;right:2px;bottom:0;color:var(--sn-v3-gold);font-family:var(--sn-v3-display);font-size:.55rem}.match-mobile-controls{position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;display:block!important;pointer-events:none}.match-mobile-move-surface{inset:0 auto 0 0;width:62%;pointer-events:auto;touch-action:none}.match-mobile-joystick{width:118px;height:118px;filter:drop-shadow(0 7px 9px rgba(0,0,0,.3))}.match-mobile-joystick-base{width:99px;height:99px;border:3px solid rgba(255,255,255,.78);background:radial-gradient(circle,rgba(38,111,78,.45) 0 18%,transparent 19%),radial-gradient(circle,#04301fb3,#04301f57);box-shadow:inset 0 0 0 5px #7fffbe1f,0 3px 7px #00000059;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.match-mobile-joystick-thumb{width:46px;height:46px;border:3px solid #fff;background:radial-gradient(circle at 34% 28%,#d9ffec,var(--sn-v3-mint) 46%,#129463);box-shadow:inset 0 3px #ffffff73,0 3px 7px #0000006b}.match-mobile-bomb-button{position:absolute;right:max(30px,env(safe-area-inset-right,0px));bottom:max(26px,env(safe-area-inset-bottom,0px));display:grid;place-items:center;width:104px;min-width:104px;height:104px;min-height:104px;padding:0;color:#04301f;border:4px solid #fff;border-radius:50%;background:radial-gradient(circle at 36% 28%,#ffe7a8,var(--sn-v3-orange) 45%,var(--sn-v3-orange-deep));box-shadow:0 5px 12px #00000078,inset 0 3px #fff9;pointer-events:auto;touch-action:manipulation}.match-mobile-bomb-button .ui-icon{width:48px;height:48px}.sn-shop-detail>section,.sn-shop-notice>section{max-height:calc(100dvh - 20px);overflow:auto}}@media(orientation:landscape)and (max-width:720px)and (max-height:420px){.auth-login-wrap{top:42px;right:18px;bottom:44px;left:18px;grid-template-columns:minmax(190px,.78fr) minmax(300px,1.22fr)}.sn-auth-character-trio{height:72px}.sn-lobby-room-panel.lobby-browser-registry{grid-template-columns:164px minmax(0,1fr);padding:7px}.sn-lobby-shell.lobby-browser-shell{grid-template-columns:58px minmax(0,1fr)}.sn-lobby-shell .lobby-browser-footer{width:58px}.match-stage-mobile-roster{bottom:142px}.match-mobile-joystick{transform:translate(-50%,-50%) scale(.86);transform-origin:center}.match-mobile-bomb-button{right:20px;bottom:18px;width:88px;min-width:88px;height:88px;min-height:88px}}@media(orientation:portrait)and (max-width:680px){.sp-orientation-guard{color:#fff;background:linear-gradient(180deg,var(--sn-v3-dark),var(--sn-v3-dark-deep))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.auth-login-title,.auth-stage-title,.lobby-browser-brand-title,.lobby-dialog-title,.settings-modal-title,.ready-room-brand-title,.match-brand-title,.room-lobby-card-title,.lobby-dialog-map-preview-label,.arcade-select-trigger-label,#postMatchHeadline,.post-match-panel h2{font-style:normal;letter-spacing:.02em}.auth-login-title,.lobby-browser-brand-title,.lobby-dialog-title,.settings-modal-title,#postMatchHeadline{word-spacing:.12em}