:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff8d8;font-synthesis:none;text-rendering:optimizelegibility;background:#090914;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{background:radial-gradient(circle at 50% 0,#ffd84a2e,#0000 32rem),repeating-linear-gradient(0deg,#3ee2ff14 0 1px,#0000 1px 42px),repeating-linear-gradient(90deg,#ff4faa14 0 1px,#0000 1px 42px),linear-gradient(#15102a 0%,#090914 44%,#07070c 100%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body:before{z-index:-1;pointer-events:none;content:"";opacity:.22;background:linear-gradient(90deg,#ffe2602e 0 1px,#0000 1px 100%),repeating-linear-gradient(135deg,#0000 0 18px,#ffffff0b 18px 20px);animation:10s linear infinite scanline;position:fixed;inset:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,p{margin:0}h1{letter-spacing:0;text-transform:uppercase;text-shadow:0 0 9px #3ee2ffd9,0 0 22px #ff4faa8c;font-family:Arial Black,Impact,Inter,sans-serif;font-size:4.55rem;line-height:.88}h2{font-size:1.08rem;line-height:1.15}.onboarding-shell,.lobby-shell,.room-shell{width:min(1500px,100%);min-height:100vh;margin:0 auto;padding:28px}.onboarding-shell{place-items:center;display:grid}.onboarding-stage{background:radial-gradient(circle at 50% 18%,#ffe24a38,#0000 23rem),linear-gradient(135deg,#090914f0,#1d0e31eb);border:2px solid #3ee2ff57;border-radius:8px;place-items:center;width:min(1120px,100%);min-height:min(700px,100vh - 56px);display:grid;position:relative;overflow:hidden;box-shadow:0 28px 90px #0000006b,inset 0 0 40px #ff4faa1f}.cover-ribbon{pointer-events:none;position:absolute;inset:0}.cover-ribbon img{aspect-ratio:32/45;border:2px solid var(--game-accent,#3ee2ff);object-fit:cover;opacity:.7;filter:saturate(1.2);width:clamp(124px,15vw,190px);box-shadow:0 0 32px color-mix(in srgb, var(--game-accent,#3ee2ff) 34%, transparent);border-radius:8px;animation:5.8s ease-in-out infinite coverFloat;position:absolute}.cover-ribbon img:first-child{top:7%;left:5%;transform:rotate(-12deg)}.cover-ribbon img:nth-child(2){animation-delay:-1.2s;top:15%;right:7%;transform:rotate(9deg)}.cover-ribbon img:nth-child(3){animation-delay:-2.2s;bottom:7%;left:12%;transform:rotate(8deg)}.cover-ribbon img:nth-child(4){animation-delay:-3.1s;bottom:4%;right:16%;transform:rotate(-9deg)}.cover-ribbon img:nth-child(5){animation-delay:-4s;top:38%;left:-2%;transform:rotate(13deg)}.cover-ribbon img:nth-child(6){animation-delay:-4.8s;top:35%;right:-2%;transform:rotate(-13deg)}.onboarding-card{z-index:1;background:linear-gradient(#14122af5,#090c19f5),repeating-linear-gradient(90deg,#ffffff0a 0 1px,#0000 1px 12px);border:1px solid #fff8d82e;border-radius:8px;gap:13px;width:min(520px,100% - 32px);max-height:calc(100vh - 96px);padding:22px;display:grid;position:relative;overflow:auto;box-shadow:0 26px 90px #0000007a,0 0 0 6px #3ee2ff14}.onboarding-card h1{font-size:clamp(2.1rem,4.3vw,3.25rem)}.onboarding-card p{color:#d8e7ff;font-weight:850;line-height:1.5}.onboarding-profile-preview{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;display:grid}.onboarding-actions{gap:10px;display:grid}.avatar-picker{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid;overflow:visible}.avatar-choice{color:#fff8d8;text-align:left;background:#ffffff0b;border:1px solid #fff8d81f;border-radius:8px;place-items:center;min-width:0;min-height:60px;padding:5px;transition:border-color .15s,background .15s,transform .15s;display:grid;position:relative}.avatar-choice:hover,.avatar-choice.is-selected{background:#ffe24a1a;border-color:#ffe24aa3;transform:translateY(-2px)}.avatar-choice.is-locked{color:#8792b5}.avatar-choice span:not(.player-avatar):not(.sprite-image){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.avatar-choice strong,.avatar-choice small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.avatar-choice strong{font-size:.78rem}.avatar-choice small{color:#9df4ff;align-items:center;gap:4px;font-size:.66rem;font-weight:900;display:flex}.avatar-choice .player-avatar-md{width:48px;height:48px}.avatar-choice svg{color:#c7d3ff;position:absolute;bottom:5px;right:5px}.lobby-shell{align-items:stretch;height:100vh;display:grid;overflow:hidden}.lobby-workspace{grid-template-rows:auto minmax(0,1fr) auto;gap:14px;width:100%;min-height:0;display:grid}.brand-row,.room-topbar,.panel-title,.topbar-actions,.primary-button,.game-row,.preview-line,.player-tile,.feature-tags{align-items:center;display:flex}.brand-row{background:linear-gradient(90deg,#090914f0,#1d0e31e6),repeating-linear-gradient(90deg,#ffffff0e 0 2px,#0000 2px 10px);border:2px solid #3ee2ff59;border-bottom-color:#ffd84a8c;border-radius:8px;gap:18px;min-height:104px;padding:16px 18px;position:relative;overflow:hidden;box-shadow:0 26px 90px #00000061,inset 0 0 30px #ff4faa24}.brand-row:after{content:"";background:repeating-linear-gradient(90deg,#ffd84a57 0 16px,#0000 16px 32px),linear-gradient(90deg,#0000,#3ee2ff29);width:420px;height:120px;position:absolute;bottom:-36px;right:-24px;transform:skew(-18deg)}.brand-row h1{font-size:clamp(2.45rem,4.2vw,3.85rem)}.brand-mark{z-index:1;color:#090914;background:linear-gradient(135deg,#ffe24a,#ff4faa 52%,#3ee2ff);border:2px solid #fff8d8;border-radius:8px;flex:none;place-items:center;width:62px;height:62px;animation:2.8s ease-in-out infinite marqueePulse;display:grid;position:relative;box-shadow:0 0 0 6px #ffffff0f,0 0 28px #ff4faaa6}.brand-row>div:not(.brand-mark){z-index:1;position:relative}.brand-copy{color:#9df4ff;margin-top:7px;font-weight:900}.eyebrow{color:#ffe24a;letter-spacing:0;text-transform:uppercase;margin-bottom:6px;font-size:.76rem;font-weight:950;display:block}.lobby-grid{grid-template-columns:minmax(280px,.88fr) minmax(430px,1.2fr) minmax(320px,.88fr);gap:18px;min-height:0;display:grid}.panel,.slot-card,.player-tile,.chat-panel,.voice-panel{background:linear-gradient(#14122ae0,#090c19e6),repeating-linear-gradient(90deg,#ffffff09 0 1px,#0000 1px 12px);border:1px solid #fff8d824;border-radius:8px;box-shadow:0 20px 70px #00000057,inset 0 0 0 1px #3ee2ff0f}.panel{min-height:0;padding:18px;animation:.42s both cabinetLift}.spotlight-panel,.cabinet-panel,.rooms-panel{gap:14px;display:grid}.spotlight-panel{grid-template-rows:minmax(0,1fr) auto auto}.cabinet-panel{grid-template-rows:auto auto minmax(0,1fr)}.rooms-panel{grid-template-rows:auto minmax(0,1fr) auto}.featured-game{border-bottom:1px solid #fff8d821;grid-template-columns:minmax(118px,.72fr) minmax(0,1fr);align-items:center;gap:14px;min-height:0;padding-bottom:12px;display:grid}.featured-game img{aspect-ratio:32/45;border:2px solid var(--game-accent,#3ee2ff);object-fit:cover;width:100%;box-shadow:0 0 28px color-mix(in srgb, var(--game-accent,#3ee2ff) 42%, transparent);background:#090914;border-radius:8px}.featured-game h2{color:#fff8d8;text-transform:uppercase;font-family:Arial Black,Impact,Inter,sans-serif;font-size:clamp(1.35rem,2vw,1.8rem);line-height:.96}.featured-game p{-webkit-line-clamp:3;color:#d8e7ff;-webkit-box-orient:vertical;max-width:58ch;margin-top:8px;line-height:1.5;display:-webkit-box;overflow:hidden}.feature-tags{flex-wrap:wrap;gap:6px;margin-top:10px}.feature-tags span,.status-pill{color:#d8e7ff;border:1px solid #fff8d824;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:950}.spotlight-panel label,.cabinet-panel label,.manual-join label{margin-bottom:0}.profile-strip{background:#ffffff0a;border:1px solid #fff8d821;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.profile-strip .player-avatar{flex:none}.profile-strip span{min-width:0}.profile-strip small,.profile-strip strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-strip small{color:#9df4ff;text-transform:uppercase;font-size:.72rem;font-weight:950}.profile-strip strong{color:#fff8d8;font-size:1rem}.profile-badge-count{color:#fff4a3;background:#ffe24a14;border:1px solid #ffe24a3d;border-radius:999px;flex:none;align-items:center;gap:5px;padding:6px 8px;font-size:.76rem;font-weight:950;display:inline-flex}.player-avatar{color:#fff8d8;background:#080a14;border:2px solid #fff8d829;border-radius:8px;place-items:center;display:inline-grid;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #3ee2ff14}.player-avatar-sm{width:34px;height:34px}.player-avatar-md{width:50px;height:50px}.player-avatar-lg{width:66px;height:66px}.player-avatar img,.sprite-image{width:100%;height:100%;display:block}.player-avatar img{object-fit:cover}.sprite-image{background-repeat:no-repeat}.player-avatar strong{color:#fff8d8;font-size:.8rem}.player-avatar.is-locked{filter:grayscale(.95)brightness(.58)}.profile-badges{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.profile-badges.is-compact{flex-wrap:wrap;gap:6px;display:flex}.profile-badge{background:#ffffff0a;border:1px solid #fff8d81a;border-radius:8px;align-items:center;gap:7px;min-width:0;padding:6px;display:flex}.profile-badges.is-compact .profile-badge{background:0 0;border:0;padding:0}.profile-badge span:not(.badge-icon):not(.sprite-image){min-width:0}.profile-badge strong,.profile-badge small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-badge strong{color:#fff8d8;font-size:.72rem}.profile-badge small{color:#9df4ff;text-transform:uppercase;font-size:.66rem;font-weight:950}.profile-badge.is-progress{opacity:.62}.badge-icon{background:#080a14;border:1px solid #fff8d824;border-radius:999px;flex:none;place-items:center;width:42px;height:42px;display:inline-grid;overflow:hidden}.badge-icon.is-compact{width:30px;height:30px}.badge-icon.is-earned{border-color:#ffe24a8c;box-shadow:0 0 18px #ffe24a2e}.badge-icon.is-locked{filter:grayscale()brightness(.48)}.feature-tags span{border-color:color-mix(in srgb, var(--game-accent,#3ee2ff) 48%, #fff3);background:color-mix(in srgb, var(--game-accent,#3ee2ff) 14%, transparent)}.panel-title{color:#9df4ff;gap:10px}label{color:#c7d3ff;gap:8px;margin-bottom:13px;font-size:.86rem;font-weight:900;display:grid}input,select{color:#fff8d8;background:#080a14;border:1px solid #fff8d82e;border-radius:8px;outline:none;width:100%;min-height:42px;padding:0 12px;transition:border-color .16s,box-shadow .16s,transform .16s}input:focus,select:focus{border-color:#ffe24a;box-shadow:0 0 0 3px #ffe24a29}.game-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0;display:grid;overflow:hidden}.game-row{color:#fff8d8;text-align:left;background:#ffffff0a;border:1px solid #fff8d821;border-radius:8px;gap:11px;min-height:82px;padding:10px;transition:border-color .17s,box-shadow .17s,transform .17s,background .17s;position:relative;overflow:hidden}.game-row:after{content:"";background:var(--game-accent,#3ee2ff);opacity:.9;height:3px;position:absolute;inset:auto 0 0}.game-row:hover,.game-row.is-selected{border-color:var(--game-accent,#3ee2ff);background:color-mix(in srgb, var(--game-accent,#3ee2ff) 12%, #ffffff0a);box-shadow:0 0 24px color-mix(in srgb, var(--game-accent,#3ee2ff) 26%, transparent);transform:translateY(-3px)}.game-cover-thumb{object-fit:cover;background:#080a14;border:1px solid #fff8d833;border-radius:6px;flex:none;width:48px;height:68px}.game-row strong,.game-row small{display:block}.game-row strong{font-size:.96rem;line-height:1.12}.game-row small,.preview-line small,.tile-copy small,.slot-card small{color:#9eaad0}.primary-button,.icon-button{border:0;border-radius:8px}.primary-button{color:#080a14;background:linear-gradient(90deg,#ffe24a,#ff7a3d 54%,#ff4faa);justify-content:center;gap:10px;width:100%;min-height:46px;font-weight:950;transition:transform .16s,box-shadow .16s;box-shadow:0 10px 24px #ff4faa38,inset 0 -3px #0000003d}.primary-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #ff4faa4d,inset 0 -3px #0000003d}.primary-button.secondary{background:linear-gradient(90deg,#3ee2ff,#5ee6a8 54%,#ffe24a)}.text-button,.diagnostic-button{color:#9df4ff;background:#3ee2ff14;border:1px solid #3ee2ff38;border-radius:8px;font-weight:950}.text-button{min-height:34px;padding:0 11px}.diagnostic-button{color:#c7d3ff;min-height:38px}.text-button:hover,.diagnostic-button:hover{color:#ffe24a;border-color:#ffe24a80}.preview-line{border-top:1px solid #fff8d81f;border-bottom:1px solid #fff8d81f;justify-content:space-between;min-height:48px;margin:0}.rooms-title{justify-content:space-between}.title-with-icon{align-items:center;gap:10px;display:flex}.active-room-list{align-content:start;gap:8px;min-height:0;display:grid;overflow:auto}.active-room-card{color:#fff8d8;text-align:left;background:#ffffff0b;border:1px solid #fff8d824;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 12px;width:100%;padding:10px;transition:border-color .15s,background .15s,transform .15s;display:grid}.active-room-card:hover{background:#5ee6a817;border-color:#5ee6a88a;transform:translateY(-2px)}.active-room-main strong,.active-room-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.active-room-main strong{font-size:.92rem}.active-room-main small{color:#ffe24a;font-size:.72rem;font-weight:950}.room-count{color:#9df4ff;border:1px solid #3ee2ff57;border-radius:999px;padding:4px 8px;font-size:.74rem;font-weight:950}.room-member-list{flex-wrap:wrap;grid-column:1/-1;gap:6px;min-width:0;display:flex}.room-member-list span{color:#d8e7ff;text-overflow:ellipsis;white-space:nowrap;background:#ffffff0b;border:1px solid #fff8d81f;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:3px 7px 3px 3px;font-size:.72rem;font-weight:900;display:inline-flex;overflow:hidden}.room-member-list b{min-width:0;font:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-member-list .player-avatar{border-width:1px;flex:none;width:22px;height:22px}.room-member-list span.is-away{color:#7f89a8}.room-audience-count{color:#9eaad0;grid-column:1/-1;font-size:.72rem;font-weight:900}.empty-room-list{color:#d8e7ff;background:#ffffff09;border:1px dashed #fff8d82e;border-radius:8px;gap:6px;padding:16px;display:grid}.empty-room-list small{color:#9eaad0;font-weight:800}.manual-join{border-top:1px solid #fff8d81f;gap:10px;min-height:0;padding-top:12px;display:grid}.error-line{color:#ff9fbd;margin-top:16px;font-weight:900}.room-shell{grid-template-rows:auto 1fr;gap:18px;display:grid}.room-topbar{background:#090914c7;border:1px solid #3ee2ff42;border-radius:8px;justify-content:space-between;gap:18px;padding:12px 14px}.room-topbar h1{font-size:2.15rem}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.status-pill{background:#ffffff09}.status-pill.is-active{color:#5ee6a8;border-color:#5ee6a8b3;box-shadow:0 0 18px #5ee6a82e}.icon-button{color:#fff8d8;background:#ffffff14;place-items:center;width:38px;height:38px;transition:background .15s,transform .15s;display:grid}.icon-button:hover{background:#3ee2ff2e;transform:translateY(-2px)}.play-layout{grid-template-columns:minmax(0,1fr) minmax(360px,.36fr);align-items:stretch;gap:18px;display:grid}.game-panel{min-width:0}.game-canvas,.native-video-shell{aspect-ratio:16/9;background:#080a14;border:2px solid #3ee2ff38;border-radius:8px;width:100%;max-height:calc(100vh - 132px);display:block;box-shadow:0 28px 90px #0000006b,0 0 0 5px #ff4faa14}.simulator-shell,.native-video-shell{position:relative}.play-surface{touch-action:none}.surface-actions{z-index:5;align-items:center;gap:8px;display:flex;position:absolute;top:14px;left:14px}.surface-voice{z-index:8;align-items:center;gap:7px;display:flex;position:absolute;top:14px;right:14px}.surface-actions span,.surface-action-button,.surface-voice-button{color:#9df4ff;background:#05070abd;border:1px solid #3ee2ff47;border-radius:8px;font-size:.72rem;font-weight:950}.surface-actions span{padding:8px 9px}.surface-action-button{place-items:center;width:32px;min-height:32px;padding:0;display:grid}.surface-audio-hint{color:#fff4a3!important;border-color:#ffe24a8c!important}.surface-voice-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;gap:5px;min-width:32px;min-height:32px;padding:0 9px;display:inline-flex}.surface-voice-button.is-live{color:#84ffb6;border-color:#84ffb680}.surface-voice-button.is-speaking{color:#fff4a3;border-color:#ffe24ad1;box-shadow:0 0 18px #ffe24a33}.game-video{object-fit:contain;background:#05070a;border:0;width:100%;height:100%;position:absolute;inset:0}.native-video-shell{place-items:center;display:grid;overflow:hidden}.native-video-shell:after{pointer-events:none;content:"";mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 5px);position:absolute;inset:0}.native-video-overlay{z-index:1;text-align:center;background:#05070ab8;border:1px solid #fff8d829;border-radius:8px;justify-items:center;gap:10px;max-width:480px;padding:24px;display:grid;position:relative}.native-video-overlay.is-connected{background:0 0;border:0;place-self:start;margin:54px 14px 14px;padding:0}.native-video-overlay.is-connected strong{display:none}.native-video-overlay strong{font-size:1.35rem}.native-video-overlay small{color:#9eaad0;line-height:1.45}.runtime-badge{z-index:2;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:950;position:absolute;top:14px;left:14px}.native-video-overlay .runtime-badge{position:static}.native-stats{z-index:3;color:#b9ffd8;text-overflow:ellipsis;white-space:nowrap;background:#05070ac7;border:1px solid #5ee6a86b;border-radius:8px;max-width:min(520px,100% - 28px);padding:6px 9px;font-size:.72rem;font-weight:800;transition:background .15s,transform .15s,max-width .15s;position:absolute;top:14px;right:14px;overflow:hidden}.native-stats:hover,.native-stats.is-expanded{background:#05070aeb;transform:translateY(-2px)}.runtime-badge.is-debug{color:#ffcf8b;background:#ff9f4321;border:1px solid #ff9f43a6}.runtime-badge.is-native{color:#5ee6a8;background:#5ee6a81f;border:1px solid #5ee6a8a6}.control-help{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05070ab8;border:1px solid #fff8d826;border-radius:8px;gap:8px;width:min(410px,100% - 28px);padding:10px;transition:width .18s,background .18s,opacity .18s,transform .18s;display:grid;position:absolute;bottom:14px;right:14px}.control-help.is-minimized{opacity:.76;width:auto;max-width:calc(100% - 28px)}.control-help.is-minimized .control-grid,.control-help.is-minimized small{display:none}.control-help:hover,.control-help.is-expanded{opacity:1;transform:translateY(-2px)}.control-help-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.control-help-header strong{color:#ffe24a;text-transform:uppercase;font-size:.8rem;line-height:1}.control-help-header span{color:#9df4ff;font-size:.72rem;font-weight:900}.control-help small{color:#9eaad0;font-size:.75rem;font-weight:800}.mobile-controller{display:none}.control-grid{grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:6px;display:grid}.control-chip{color:#dfe7ef;text-align:center;background:#ffffff0e;border:1px solid #fff8d81c;border-radius:8px;gap:4px;min-width:0;padding:7px 6px;font-size:.72rem;font-weight:900;display:grid}.control-chip.is-active{color:#fff4a3;background:#ffe24a2e;border-color:#ffe24ac7}kbd{color:#fff8d8;text-overflow:ellipsis;min-width:0;font-family:inherit;font-size:.72rem;overflow:hidden}.side-panel{grid-template-rows:auto auto minmax(260px,1fr);gap:12px;min-height:0;max-height:calc(100vh - 132px);display:grid}.slot-card{padding:12px}.room-summary-card{gap:10px;display:grid}.room-identity{justify-content:space-between;align-items:center;gap:12px;display:flex}.room-player-copy{flex:1;min-width:0}.room-player-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.slot-card strong{color:#ffe24a;font-family:Arial Black,Impact,Inter,sans-serif;font-size:2.1rem;line-height:1;display:block}.voice-dock{border-top:1px solid #fff8d81f;padding-top:9px}.player-mode-row{color:#c7d3ff;justify-content:space-between;align-items:center;gap:8px;font-size:.8rem;font-weight:900;display:flex}.player-mode-row .text-button{flex:none}.spectator-strip{flex-wrap:wrap;gap:6px;display:flex}.spectator-strip span{color:#9eaad0;text-overflow:ellipsis;white-space:nowrap;background:#ffffff0a;border:1px solid #fff8d81a;border-radius:999px;max-width:100%;padding:4px 7px;font-size:.72rem;font-weight:900;overflow:hidden}.online-count{background:#5ee6a814;border:1px solid #5ee6a861;border-radius:8px;place-items:center;min-width:78px;padding:9px;display:grid}.online-count span{color:#5ee6a8;font-family:Arial Black,Impact,Inter,sans-serif;font-size:1.35rem;line-height:1}.online-count small{color:#9df4ff;text-transform:uppercase;font-size:.72rem;font-weight:950}.player-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.player-tile{gap:10px;min-height:76px;padding:8px;transition:border-color .15s,transform .15s}.player-tile.is-connected{border-color:#5ee6a852}.player-tile.is-empty,.player-tile.is-offline{box-shadow:none;background:linear-gradient(#0a0b16b3,#060810bd),repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 12px);border-color:#fff8d814}.player-tile.is-empty{opacity:.55}.player-tile.is-offline{opacity:.72}.player-tile.is-empty .tile-video,.player-tile.is-offline .tile-video{color:#6d789c;border-color:#fff8d814!important}.player-tile.is-empty .tile-icons,.player-tile.is-offline .tile-icons{color:#687391}.player-tile:hover{border-color:#3ee2ff57;transform:translateY(-2px)}.player-tile.is-empty:hover{border-color:#fff8d81a;transform:none}.tile-video{color:#fff8d8;background:#080a14;border:2px solid #fff8d81f;border-radius:8px;flex:none;place-items:center;width:48px;height:48px;font-weight:950;display:grid;overflow:hidden}.tile-video .player-avatar{border:0;border-radius:6px;width:100%;height:100%}.empty-slot{color:#5f6b8c}.tile-copy{flex:1;min-width:0}.tile-copy strong,.tile-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.tile-icons{color:#9eaad0;gap:6px;display:flex}.tile-claim-button{color:#c8ffe5;background:#5ee6a81a;border:1px solid #5ee6a861;border-radius:8px;flex:none;padding:7px 9px;font-size:.72rem;font-weight:950}.chat-panel,.voice-panel{gap:10px;padding:12px;display:grid}.chat-panel{grid-template-rows:auto minmax(0,1fr) auto;min-height:0}.voice-title,.voice-actions,.chat-title{align-items:center;display:flex}.voice-title,.chat-title{justify-content:space-between}.voice-title small,.voice-status,.chat-title small{color:#9eaad0;font-weight:800}.voice-actions{gap:8px}.voice-button{color:#c8ffe5;background:#5ee6a81a;border:1px solid #5ee6a86b;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:38px;padding:0 12px;font-weight:950;display:inline-flex}.voice-button.is-live{color:#fff4a3;background:#ffe24a24;border-color:#ffe24a99}.voice-error{color:#ff9fbd;font-weight:800}.voice-panel.is-compact{box-shadow:none;background:0 0;border:0;gap:8px;padding:0}.voice-panel.is-compact .voice-title strong{font-size:.88rem}.voice-panel.is-compact .voice-actions{gap:6px}.voice-panel.is-compact .voice-button{min-height:34px}.voice-panel.is-compact .icon-button{width:34px;height:34px}.chat-log{align-content:start;gap:8px;min-height:0;max-height:none;display:grid;overflow:auto}.chat-empty{color:#657090;font-weight:800}.chat-message{background:#ffffff0b;border-radius:8px;gap:3px;padding:8px;display:grid}.chat-message strong{color:#ffe24a;font-size:.78rem}.chat-message span{overflow-wrap:anywhere;color:#dfe7ef}.chat-form{grid-template-columns:minmax(0,1fr) 38px;gap:8px;display:grid}.arcade-lobby-shell{grid-template-rows:auto minmax(0,1fr);gap:14px;width:min(1680px,100%);height:100vh;margin:0 auto;padding:18px;display:grid;overflow:hidden}.arcade-lobby-topbar{background:linear-gradient(90deg,#0c0c1ce6,#271036e0),repeating-linear-gradient(90deg,#ffe24a1a 0 1px,#0000 1px 18px);border:1px solid #3ee2ff3d;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:10px 14px;display:flex;box-shadow:0 20px 62px #0000005c,inset 0 -3px #ffe24a29}.arcade-lobby-topbar h1{font-size:clamp(2rem,4vw,3.25rem)}.lobby-topbar-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.arcade-lobby-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.34fr);gap:14px;min-height:0;display:grid}.arcade-floor-card,.arcade-lobby-side>section{background:linear-gradient(#0e0d20e6,#070913eb),repeating-linear-gradient(90deg,#ffffff09 0 1px,#0000 1px 12px);border:1px solid #fff8d824;border-radius:8px;box-shadow:0 24px 74px #00000061,inset 0 0 0 1px #3ee2ff0f}.arcade-floor-card{min-width:0;min-height:0;padding:10px}.arcade-floor{isolation:isolate;background:#050611;border:2px solid #3ee2ff38;border-radius:8px;width:100%;height:100%;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 56px #000000b3,0 0 42px #ff4faa1f}.arcade-floor:after{z-index:1;pointer-events:none;content:"";mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 4px),radial-gradient(circle at 50% 42%,#0000 0 44%,#0506118f 92%);position:absolute;inset:0}.arcade-floor-bg{object-fit:cover;filter:saturate(1.06)contrast(1.03);width:100%;height:100%;position:absolute;inset:0}.arcade-cabinet{left:var(--cab-x);top:var(--cab-y);z-index:2;color:#fff8d8;text-align:center;transform-origin:50% 100%;background:0 0;border:0;border-radius:5px;grid-template-rows:24px minmax(0,74px) 24px minmax(0,52px);gap:0;width:clamp(82px,7.8vw,126px);height:clamp(158px,16vw,224px);padding:0 8px 7px;transition:box-shadow .14s,filter .14s,transform .14s;display:grid;position:absolute;transform:translate(-50%,-50%)}.arcade-cabinet:before{z-index:-1;content:"";border:2px solid color-mix(in srgb, var(--game-accent,#3ee2ff) 36%, #fff8d838);clip-path:polygon(9% 0,91% 0,98% 13%,91% 100%,9% 100%,2% 13%);background:linear-gradient(90deg,#ffffff14,#0000 11% 89%,#ffffff14),linear-gradient(#11131a 0 13%,#05070d 13% 52%,#101018 52% 68%,#06070c 68% 100%);border-radius:5px 5px 8px 8px;position:absolute;inset:0 4px;box-shadow:inset 0 0 18px #ffffff0d,inset 0 -18px 24px #0009}.arcade-cabinet:after{z-index:-2;content:"";filter:blur(3px);background:#0000009e;border-radius:999px;height:7px;position:absolute;bottom:0;left:9px;right:9px}.cabinet-shadow{z-index:-3;filter:blur(5px);background:#00000094;border-radius:50%;height:14px;position:absolute;inset:auto 4px -9px}.arcade-cabinet:hover,.arcade-cabinet.is-selected,.arcade-cabinet.is-near{z-index:4;box-shadow:0 0 22px color-mix(in srgb, var(--game-accent,#3ee2ff) 48%, transparent), 0 16px 24px #00000061;filter:saturate(1.18);transform:translate(-50%,-55%)scale(1.05)}.arcade-cabinet.is-selected{z-index:6}.arcade-cabinet.is-near{z-index:7;outline-offset:3px;outline:3px solid #ffe24a85}.arcade-cabinet.is-live .cabinet-room-light{color:#b9ffd8;background:#5ee6a824;border-color:#5ee6a8a6}.cabinet-marquee{z-index:1;color:#ffe24a;text-overflow:ellipsis;min-width:0;text-shadow:0 0 8px color-mix(in srgb, var(--game-accent,#3ee2ff) 74%, transparent), 0 1px 0 #000;text-transform:uppercase;white-space:nowrap;background:linear-gradient(90deg, #ffffff1a, transparent 18% 82%, #ffffff1a), linear-gradient(180deg, color-mix(in srgb, var(--game-accent,#3ee2ff) 24%, #141414), #050609);box-shadow:0 0 13px color-mix(in srgb, var(--game-accent,#3ee2ff) 22%, transparent);border:2px solid #05070af2;border-radius:5px 5px 3px 3px;padding:4px 5px 3px;font-size:clamp(.52rem,.72vw,.72rem);font-weight:950;line-height:1;position:relative;overflow:hidden}.cabinet-bezel{z-index:1;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);background:radial-gradient(circle at 50% 45%,#ffffff0f,#0000 54%),linear-gradient(#050607,#151723 50%,#050607);border-bottom:5px solid #0a0a0d;border-left:3px solid #ffffff0a;border-right:3px solid #ffffff0f;min-height:0;padding:8px 8px 10px;display:grid;position:relative}.cabinet-screen{min-height:0;box-shadow:inset 0 0 16px #000000d1, 0 0 12px color-mix(in srgb, var(--game-accent,#3ee2ff) 26%, transparent);background:#050611;border:3px solid #000000eb;border-radius:3px;display:block;position:relative;overflow:hidden}.cabinet-screen:before,.cabinet-screen:after{z-index:2;pointer-events:none;content:"";position:absolute;inset:0}.cabinet-screen:before{mix-blend-mode:screen;opacity:.42;background:repeating-linear-gradient(0deg,#ffffff29 0 1px,#0000 1px 4px),radial-gradient(circle at 50% 44%,#0000 0 52%,#00000080 100%)}.cabinet-screen:after{opacity:.34;background:linear-gradient(115deg,#0000 0 34%,#ffffff47 38%,#0000 43% 100%),radial-gradient(circle,#5ee6a824,#0000 68%);animation:4.8s ease-in-out infinite screenGlare}.cabinet-screen img{object-fit:cover;opacity:.95;filter:saturate(1.25)contrast(1.05)brightness(.86);transform-origin:50%;width:100%;height:100%;min-height:54px;animation:7.5s ease-in-out infinite alternate cabinetScreenPan;display:block;transform:scale(1.18)}.arcade-cabinet:nth-of-type(2n) .cabinet-screen img{animation-duration:8.6s;animation-delay:-2.2s}.arcade-cabinet:nth-of-type(3n) .cabinet-screen img{animation-duration:9.4s;animation-delay:-4.1s}.cabinet-control-deck{z-index:2;background:linear-gradient(90deg,#ffffff14,#0000 20% 80%,#ffffff14),linear-gradient(#25252d,#050609 72%);border:2px solid #050609;border-radius:2px 2px 5px 5px;grid-template-columns:1fr 1.45fr 1fr;align-items:center;gap:4px;margin:-2px -7px 0;padding:5px 7px;display:grid;position:relative;box-shadow:0 5px #00000073,inset 0 1px #ffffff29}.cabinet-joystick{background:radial-gradient(circle at 35% 25%,#ffffffe6 0 15%,#0000 17%),#ff3e3e;border-radius:999px;justify-self:center;width:8px;height:8px;display:block;position:relative;box-shadow:0 2px #4a0c12,0 0 6px #ff40405c}.cabinet-joystick:after{content:"";background:#d7d7d7;border-radius:999px;width:2px;height:8px;position:absolute;bottom:-7px;right:3px}.cabinet-joystick.is-second{opacity:.9}.cabinet-button-row{grid-template-columns:repeat(4,1fr);gap:3px;display:grid}.cabinet-button-row i{background:#3ee2ff;border-radius:999px;width:6px;height:6px;display:block;box-shadow:inset 0 -1px #0006,0 1px #ffffff2e}.cabinet-button-row i:nth-child(2){background:#5ee6a8}.cabinet-button-row i:nth-child(3){background:#ffe24a}.cabinet-button-row i:nth-child(4){background:#ff4faa}.cabinet-front{z-index:1;background:linear-gradient(90deg,#ffffff0e,#0000 18% 82%,#ffffff0e),linear-gradient(#12131a,#06070b);border:2px solid #05070af0;border-top:0;border-radius:0 0 6px 6px;grid-template-rows:minmax(0,1fr) auto;justify-items:center;min-height:0;margin:0 5px;padding:9px 5px 6px;display:grid;position:relative}.cabinet-coin-slots{justify-content:center;align-self:center;align-items:center;gap:7px;display:flex}.cabinet-coin-slots i{background:radial-gradient(circle at 50% 77%,#ffffffb8 0 2px,#0000 3px),linear-gradient(#8d9098,#25262b 45%,#0a0b0e);border:1px solid #ffffff57;border-radius:2px;width:11px;height:18px;display:block;box-shadow:inset 0 0 0 2px #00000052}.cabinet-room-light{color:#fff4a3;text-transform:uppercase;background:#ffe24a1a;border:1px solid #ffe24a57;border-radius:999px;place-self:center;padding:3px 7px;font-size:.58rem;font-weight:950}.lobby-player{left:var(--player-x);top:var(--player-y);z-index:5;pointer-events:none;justify-items:center;width:74px;transition:left 90ms linear,top 90ms linear;display:grid;position:absolute;transform:translate(-50%,-100%)}.lobby-player.is-local{transition:none}.lobby-player-sprite{filter:drop-shadow(0 12px 8px #0000006b);width:70px;height:88px;position:relative}.lobby-player-body{background-image:url(/lobby/player-body-atlas-v1.png);background-repeat:no-repeat;background-size:1200% 400%;background-position:var(--body-frame-0,0%) var(--body-row,0%);width:76px;height:86px;image-rendering:pixelated;will-change:background-position;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.lobby-player-sprite.is-down .lobby-player-body{--body-row:0%}.lobby-player-sprite.is-left .lobby-player-body{--body-row:33.333%}.lobby-player-sprite.is-right .lobby-player-body{--body-row:66.666%}.lobby-player-sprite.is-up .lobby-player-body{--body-row:100%}.lobby-player-sprite.is-moving .lobby-player-body{animation:.36s step-end infinite playerBodyWalk}.lobby-player-sprite .player-avatar{z-index:2;border-width:2px;border-color:#fff8d880;width:36px;height:36px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.lobby-player.is-local .lobby-player-sprite .player-avatar{border-color:#ffe24ae6;box-shadow:0 0 16px #ffe24a47}.lobby-player-sprite.is-left .player-avatar{transform:translate(-60%)}.lobby-player-sprite.is-right .player-avatar{transform:translate(-40%)}.lobby-player-sprite.is-up .player-avatar{transform:translate(-50%)translateY(2px)}.lobby-player-name{color:#fff8d8;text-overflow:ellipsis;text-shadow:0 1px 2px #000;white-space:nowrap;background:#05070aad;border:1px solid #fff8d81f;border-radius:999px;max-width:86px;padding:3px 7px;font-size:.64rem;font-weight:950;overflow:hidden}.lobby-chat-bubble{color:#080a14;overflow-wrap:anywhere;background:#fff8d8;border:2px solid #080a14e0;border-radius:8px;width:max-content;max-width:180px;padding:7px 9px;font-size:.72rem;font-weight:900;line-height:1.25;animation:.18s both bubblePop;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.lobby-chat-bubble:after{content:"";background:#fff8d8;border-bottom:2px solid #080a14e0;border-right:2px solid #080a14e0;width:12px;height:12px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.arcade-floor-hint{z-index:6;color:#9df4ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05070ab8;border:1px solid #3ee2ff42;border-radius:999px;align-items:center;gap:8px;max-width:min(360px,100% - 28px);padding:8px 11px;font-size:.74rem;font-weight:950;display:inline-flex;position:absolute;bottom:14px;left:14px}.lobby-touch-pad{left:max(14px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom));z-index:80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#3ee2ff29,#ff4faa24),#05070aad;border:1px solid #fff8d82e;border-radius:8px;grid-template-rows:repeat(3,48px);grid-template-columns:repeat(3,48px);gap:5px;padding:9px;display:none;position:fixed;box-shadow:0 18px 44px #0000005c,inset 0 0 20px #3ee2ff1a}.lobby-touch-button{color:#fff8d8;touch-action:none;background:radial-gradient(circle at 34% 28%,#ffffffd1 0 7%,#0000 9%),linear-gradient(145deg,#27304a,#0c1022 68%);border:2px solid #fff8d82e;border-radius:999px;place-items:center;min-width:0;min-height:0;padding:0;transition:border-color .12s,box-shadow .12s,color .12s,transform .12s;display:grid;box-shadow:0 8px 18px #00000052,inset 0 -5px #00000047,inset 0 6px 11px #ffffff17}.lobby-touch-button svg{pointer-events:none;stroke-width:3px}.lobby-touch-button:active{color:#ffe24a;border-color:#ffe24ae6;transform:translateY(2px)scale(.96);box-shadow:0 4px 10px #00000061,inset 0 -2px #00000057,inset 0 4px 8px #ffffff14}.lobby-touch-button.is-up{grid-area:1/2}.lobby-touch-button.is-left{grid-area:2/1}.lobby-touch-button.is-right{grid-area:2/3}.lobby-touch-button.is-down{grid-area:3/2}.lobby-touch-center{background:#ffe24a24;border:2px solid #ffe24a6b;border-radius:999px;grid-area:2/2;place-self:center;width:18px;height:18px;box-shadow:0 0 14px #ffe24a38}.arcade-lobby-side{grid-template-rows:auto minmax(184px,auto) auto minmax(0,1fr) auto;gap:12px;min-width:0;min-height:0;display:grid}.arcade-lobby-side>section{min-width:0;min-height:0;padding:12px}.lobby-player-card,.cabinet-detail-heading,.lobby-panel-title,.cabinet-room-button,.ranking-game,.ranking-row li{align-items:center;display:flex}.lobby-player-card{gap:12px}.lobby-player-card strong,.cabinet-detail-heading h2,.lobby-panel-title h2{color:#fff8d8}.lobby-player-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:1.08rem;display:block;overflow:hidden}.lobby-player-card small{color:#9df4ff;font-weight:900}.cabinet-detail-card{grid-template-rows:auto auto;gap:12px;min-height:184px;display:grid}.cabinet-detail-heading{align-items:flex-start;gap:12px;min-width:0}.cabinet-detail-heading img{border:2px solid var(--game-accent,#3ee2ff);object-fit:cover;width:62px;height:86px;box-shadow:0 0 18px color-mix(in srgb, var(--game-accent,#3ee2ff) 34%, transparent);border-radius:6px;flex:none}.cabinet-detail-heading div{min-width:0}.cabinet-detail-heading h2{text-overflow:ellipsis;text-transform:uppercase;font-family:Arial Black,Impact,Inter,sans-serif;font-size:1.08rem;line-height:1.04;overflow:hidden}.cabinet-detail-heading small,.cabinet-action-panel p,.cabinet-room-button small,.ranking-row>small{color:#9eaad0;font-weight:850}.cabinet-action-panel{align-content:start;gap:10px;min-height:0;display:grid}.cabinet-room-list{align-content:start;gap:8px;min-height:0;display:grid;overflow:auto}.cabinet-room-button{color:#fff8d8;text-align:left;background:#5ee6a814;border:1px solid #5ee6a83d;border-radius:8px;justify-content:space-between;gap:10px;width:100%;padding:9px}.cabinet-room-button:hover{background:#ffe24a1a;border-color:#ffe24a94}.cabinet-room-button span{min-width:0}.cabinet-room-button strong,.cabinet-room-button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.cabinet-room-button b{color:#5ee6a8;background:#05070a94;border-radius:999px;flex:none;place-items:center;width:34px;height:34px;display:grid}.lobby-chat-card{gap:10px;display:grid}.lobby-panel-title{color:#9df4ff;justify-content:space-between;gap:10px}.lobby-chat-form{grid-template-columns:minmax(0,1fr) 74px;gap:8px;display:grid}.lobby-chat-form .primary-button{min-height:42px}.lobby-ranking-card{grid-template-rows:auto minmax(0,1fr);gap:10px;display:grid}.lobby-rankings{align-content:start;gap:8px;min-height:0;padding-right:2px;display:grid;overflow:auto}.ranking-row{border:1px solid color-mix(in srgb, var(--game-accent,#3ee2ff) 24%, #fff8d81a);background:color-mix(in srgb, var(--game-accent,#3ee2ff) 8%, #ffffff09);border-radius:8px;gap:6px;padding:8px;display:grid}.ranking-game{gap:8px;min-width:0}.ranking-game strong{color:#fff8d8;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.82rem;overflow:hidden}.ranking-row ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.ranking-row li{color:#d8e7ff;justify-content:space-between;gap:6px;font-size:.72rem;font-weight:900}.ranking-row li span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ranking-row li svg{color:#ffe24a;flex:none}.ranking-row li b{color:#9df4ff;flex:none}.floating-error-line{z-index:50;color:#ffb8cf;background:#180814eb;border:1px solid #ff9fbd70;border-radius:8px;max-width:min(480px,100% - 36px);padding:10px 12px;font-weight:900;position:fixed;bottom:18px;right:18px;box-shadow:0 16px 40px #00000061}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(42px)}}@keyframes marqueePulse{0%,to{filter:saturate();transform:translateY(0)}50%{filter:saturate(1.3);transform:translateY(-2px)}}@keyframes cabinetLift{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes coverFloat{0%,to{translate:0}50%{translate:0 -10px}}@keyframes cabinetBlink{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}@keyframes bubblePop{0%{opacity:0;transform:translate(-50%)translateY(5px)scale(.94)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes cabinetScreenPan{0%{transform:scale(1.18)translate(-3%,-2%)}to{transform:scale(1.25)translate(3%,2%)}}@keyframes screenGlare{0%,to{opacity:.26;transform:translate(-18%)}50%{opacity:.42;transform:translate(12%)}}@keyframes playerBodyWalk{0%,to{background-position:var(--body-frame-0,0%) var(--body-row,0%)}33%{background-position:var(--body-frame-1,9.091%) var(--body-row,0%)}66%{background-position:var(--body-frame-2,18.182%) var(--body-row,0%)}}@media (width<=1040px){h1{font-size:3.25rem}.arcade-lobby-shell{height:auto;min-height:100vh;overflow:visible}.arcade-lobby-grid{grid-template-columns:1fr}.arcade-floor{aspect-ratio:16/9;height:auto;min-height:460px}.arcade-cabinet.is-selected,.arcade-cabinet.is-near{transform:translate(-50%,-58%)scale(1.1)}.lobby-touch-pad{display:grid}.arcade-floor-hint{left:max(168px, calc(env(safe-area-inset-left) + 168px));max-width:calc(100% - 190px)}.arcade-lobby-side{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.cabinet-detail-card,.lobby-ranking-card{min-height:260px}.lobby-shell{height:auto;overflow:visible}.lobby-workspace{grid-template-rows:auto}.lobby-grid,.play-layout{grid-template-columns:1fr}.game-list{grid-template-columns:repeat(2,minmax(0,1fr))}.room-topbar{flex-direction:column;align-items:flex-start}.topbar-actions{justify-content:flex-start}.game-canvas,.native-video-shell,.side-panel{max-height:none}}@media (width<=900px),(pointer:coarse){.room-shell{width:100%;min-height:100svh;padding:8px}.lobby-touch-pad{display:grid}.arcade-floor-hint{left:max(168px, calc(env(safe-area-inset-left) + 168px));max-width:calc(100% - 190px)}.room-topbar{gap:10px;padding:9px}.room-topbar h1{font-size:1.4rem}.play-layout{gap:10px}.game-canvas,.native-video-shell{max-height:none}.control-help{display:none}.mobile-controller{z-index:6;pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:0}.mobile-controller.is-disabled{opacity:.52}.mobile-orientation-hint{color:#fff4a3;text-align:center;background:#05070ab8;border:1px solid #ffe24a6b;border-radius:8px;width:min(320px,100% - 24px);padding:8px 10px;font-size:.72rem;font-weight:900;position:absolute;top:56px;left:50%;transform:translate(-50%)}.mobile-dpad,.mobile-action-pad,.mobile-system-pad{pointer-events:auto;display:grid;position:absolute}.mobile-dpad{left:max(14px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom));place-items:center;width:132px;height:142px}.arcade-joystick{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#ffe24a21 0 24%,#0000 26%),linear-gradient(135deg,#3ee2ff2e,#ff4faa29),#05070aad;border:2px solid #fff8d82e;border-radius:50%;width:116px;height:116px;position:relative;overflow:hidden;box-shadow:0 14px 36px #00000057,inset 0 0 22px #3ee2ff1f}.stick-mark{color:#fff8d89e;pointer-events:none;font-size:1rem;font-weight:950;line-height:1;position:absolute}.stick-mark.is-up{top:12px;left:50%;transform:translate(-50%)}.stick-mark.is-right{top:50%;right:12px;transform:translateY(-50%)}.stick-mark.is-down{bottom:12px;left:50%;transform:translate(-50%)}.stick-mark.is-left{top:50%;left:12px;transform:translateY(-50%)}.arcade-stick-handle{width:50px;height:50px;transform:translate(calc(-50% + var(--stick-x,0px)), calc(-50% + var(--stick-y,0px)));background:radial-gradient(circle at 32% 28%,#fffffffa 0 9%,#0000 11%),linear-gradient(145deg,#ff4f7a,#9d1cff 62%,#321178);border:2px solid #fff8d875;border-radius:999px;place-items:center;transition:transform 90ms ease-out;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 12px 24px #00000061,inset 0 -7px #0000003d,inset 0 8px 12px #ffffff2e}.arcade-joystick.is-active .arcade-stick-handle{transition:none}.arcade-stick-handle span{background:#ffffff47;border-radius:50%;width:16px;height:16px}.mobile-dpad-label{color:#fff8d8;letter-spacing:0;text-transform:uppercase;background:#05070ab3;border:1px solid #fff8d81f;border-radius:999px;padding:3px 8px;font-size:.58rem;font-weight:950;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.mobile-action-pad{right:max(14px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));grid-template-columns:repeat(2,64px);gap:12px}.mobile-system-pad{right:max(12px, env(safe-area-inset-right));top:max(58px, env(safe-area-inset-top));grid-template-columns:repeat(2,minmax(62px,auto));gap:8px}.touch-button{color:#fff8d8;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05070aa3;border:2px solid #fff8d82e;border-radius:12px;min-width:0;min-height:48px;padding:0 10px;font-size:.68rem;font-weight:950;box-shadow:0 8px 22px #00000042,inset 0 -3px #ffffff14}.touch-button.is-action{color:#080a14;background:radial-gradient(circle at 34% 28%,#fffffff2 0 8%,#0000 10%),linear-gradient(145deg,#ffe24a,#ff4f7a 52%,#5724ff);border-color:#fff8d83d;border-radius:999px;place-items:center;width:64px;height:64px;min-height:64px;display:grid;box-shadow:0 11px 24px #0000005c,inset 0 -8px #00000038,inset 0 8px 13px #ffffff38}.touch-button.is-system{color:#9df4ff;background:#05070ab3;border-radius:999px;min-height:36px;font-size:.62rem}.touch-button-main,.touch-button-hint{pointer-events:none;display:block}.touch-button-main{line-height:1}.touch-button.is-action .touch-button-main{font-family:Arial Black,Impact,Inter,sans-serif;font-size:1.35rem}.touch-button-hint{color:#080a14bd;text-overflow:ellipsis;white-space:nowrap;max-width:58px;margin-top:2px;font-size:.48rem;line-height:1;overflow:hidden}.touch-button.is-active{color:#fff4a3;border-color:#ffe24aeb;transform:translateY(2px)scale(.97);box-shadow:0 5px 12px #0000005c,inset 0 -3px #00000040,inset 0 6px 10px #ffffff26}.mobile-controller.is-disabled .touch-button,.mobile-controller.is-disabled .arcade-joystick{pointer-events:none}}@media (width<=900px) and (orientation:landscape){.room-shell{height:100svh;overflow:hidden}.room-topbar{display:none}.play-layout{grid-template-columns:minmax(0,1fr);height:calc(100svh - 16px)}.game-panel,.play-surface,.game-canvas,.native-video-shell{width:100%;height:100%;min-height:0}.game-canvas,.native-video-shell{aspect-ratio:auto}.game-panel,.play-surface{overflow:hidden}.simulator-shell .game-canvas{position:absolute;inset:0}.side-panel,.mobile-orientation-hint{display:none}}@media (orientation:portrait) and (pointer:coarse){.mobile-orientation-hint{display:block}}@media (width<=680px){.onboarding-shell,.lobby-shell,.room-shell,.arcade-lobby-shell{padding:12px}h1{font-size:2.35rem}.brand-row{flex-direction:column;align-items:flex-start;min-height:0}.arcade-lobby-topbar{flex-direction:column;align-items:flex-start}.lobby-topbar-actions{flex-wrap:wrap;justify-content:flex-start}.arcade-floor{aspect-ratio:4/5;min-height:520px}.arcade-floor-bg{object-position:50% 50%}.arcade-cabinet{grid-template-rows:20px minmax(0,52px) 22px minmax(0,43px);width:72px;height:144px;padding:0 6px 6px}.arcade-cabinet.is-selected,.arcade-cabinet.is-near{transform:translate(-50%,-58%)scale(1.15)}.cabinet-screen img{min-height:40px}.arcade-lobby-side{grid-template-columns:1fr}.arcade-floor-hint{display:none}.lobby-touch-pad{grid-template-rows:repeat(3,44px);grid-template-columns:repeat(3,44px);gap:4px;padding:8px}.lobby-chat-form{grid-template-columns:1fr}.onboarding-stage{min-height:calc(100vh - 24px)}.cover-ribbon img{opacity:.42}.avatar-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.onboarding-profile-preview{grid-template-columns:1fr;justify-items:start}.profile-badges{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-game{grid-template-columns:1fr}.featured-game img{width:min(220px,100%)}.game-list{grid-template-columns:1fr}.room-topbar h1{font-size:1.75rem}.control-help{background:#05070ad6;width:100%;margin-top:8px;position:static}.control-help.is-minimized{width:100%}.control-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.player-tiles{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}