:root{--ink: #E0F6FF;--ink-2: #FFFFFF;--ink-3: #F0F8FF;--ink-4: #E8F4F8;--line: #D0E4EE;--line-soft: rgba(0,0,0,.06);--mint: #FF5CA8;--mint-dk: #E03685;--mint-2: #FF85BC;--lime: #FFD23F;--teal: #4F8CFF;--teal-dk: #2F66E0;--paper: #11141F;--paper-dim: #4A5568;--paper-faint:#718096;--orange: #FF8A3D;--orange-dk:#E0631A;--blue: #4F8CFF;--blue-dk: #2F66E0;--pink: #FF5CA8;--yellow: #FFD23F;--purple: #A77BFF;--red: #FF5151;--red-dk: #E03636;--gold: #FFD700;--accent: var(--mint);--accent-dk: var(--mint-dk);--accent-2: var(--lime);--bg-top: #4A90E2;--bg-bot: #87CEFA;--panel-bg: rgba(255, 255, 255, .98);--panel-bg-2: rgba(240, 248, 255, .98);--panel-solid: #FFFFFF;--text-dark: #11141F;--text-light: #FFFFFF;--text-muted: #718096;--border-light: #D0E4EE;--shadow-card: 0 8px 0 #D0E4EE, 0 14px 20px rgba(0,0,0,.12);--shadow-btn: 0 6px 0 rgba(0,0,0,.3);--shadow-pop: 0 10px 0 rgba(0,0,0,.15), 0 20px 40px rgba(0,0,0,.25);--safe-top:env(safe-area-inset-top,0px);--safe-bot:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;font-family:Inter,sans-serif;color:var(--paper);user-select:none;-webkit-font-smoothing:antialiased}body{background:url(/textures/fun_loading_bg.png) center/cover no-repeat;background-color:var(--bg-bot)}#game-canvas{position:fixed;top:0;left:0;width:100%;height:100%;display:block;z-index:1}.screen{position:fixed;inset:0;z-index:10;pointer-events:none;display:flex;flex-direction:column;animation:screenIn .42s cubic-bezier(.2,.9,.3,1) both}@keyframes screenIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.screen *{pointer-events:auto}.hidden{display:none!important}h1,h2,h3,.fred{font-family:Fredoka One,cursive}.nav-btn{font-family:Fredoka One,cursive;text-transform:uppercase;letter-spacing:1px;border:2px solid #06121A;border-radius:20px;color:#06121a;cursor:pointer;padding:14px 32px;font-size:20px;transition:transform .09s cubic-bezier(.2,1.4,.4,1),box-shadow .09s ease,filter .12s ease;white-space:nowrap;position:relative}.nav-btn:hover{filter:brightness(1.06) saturate(1.05);transform:translateY(-2px)}.nav-btn.small{padding:10px 20px;font-size:15px;border-radius:14px}.nav-btn.primary{background:linear-gradient(180deg,#7BE0A4 0%,var(--mint) 55%,var(--mint-dk) 100%);box-shadow:0 6px #e03685,0 10px 20px #2fae6a52}.nav-btn.secondary{background:linear-gradient(180deg,#FFFFFF,var(--ink-3));color:var(--text-dark);box-shadow:0 6px 0 var(--border-light)}.nav-btn.green{background:linear-gradient(180deg,#9DDF6E,var(--lime));box-shadow:0 6px #c8a020}.nav-btn.danger{background:linear-gradient(180deg,#FF7A7A,var(--red) 60%,var(--red-dk));color:#fff;box-shadow:0 6px #b02020}.nav-btn:active{transform:translateY(6px);box-shadow:none!important}.nav-btn:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.5) brightness(.8)}#btn-play{animation:playBounce 1.9s ease-in-out infinite}@keyframes playBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.02)}}#btn-play:after{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);background-size:200% 100%;animation:sheen 2.4s linear infinite;pointer-events:none;mix-blend-mode:overlay}@keyframes sheen{0%{background-position:200% 0}to{background-position:-100% 0}}.icon-btn{width:44px;height:44px;border-radius:12px;border:2px solid #06121A;background:var(--ink-4);color:var(--text-dark);font-size:20px;cursor:pointer;transition:transform .12s,background .12s,border-color .12s;box-shadow:0 5px 0 var(--border-light);display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--ink-3);color:var(--mint)}.icon-btn:active{transform:translateY(5px);box-shadow:none!important}.icon-btn.small-icon{width:32px;height:32px;font-size:14px;border-radius:8px}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:3px solid #FFFFFF;border-radius:24px;box-shadow:var(--shadow-card);position:relative;overflow:visible}.panel-title{font-family:Fredoka One,cursive;font-size:16px;letter-spacing:2px;color:var(--mint);margin-bottom:12px;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.8)}.panel-title.big{font-size:26px;color:var(--text-dark);text-shadow:0 2px 0 var(--border-light)}#loading-screen{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at top,#87cefa,#4a90e2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px;overflow:hidden}#loading-screen:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.2) 2px,transparent 2px),radial-gradient(rgba(255,255,255,.1) 2px,transparent 2px);background-size:32px 32px,64px 64px;background-position:0 0,16px 16px;pointer-events:none}.boot-chart{position:absolute;left:0;right:0;top:0;height:100%;display:flex;align-items:flex-end;gap:3px;padding:0 2%;opacity:.2;pointer-events:none;z-index:0}.boot-chart .candle{flex:1;background:var(--mint);border-radius:2px 2px 0 0;transform-origin:bottom;animation:candleGrow 2.6s ease-in-out infinite}.boot-chart .candle.red{background:var(--red)}@keyframes candleGrow{0%,to{transform:scaleY(.18)}25%{transform:scaleY(.55)}50%{transform:scaleY(.92)}75%{transform:scaleY(.4)}}.boot-grid,.boot-cloud{display:none}.boot-floats{position:absolute;inset:0;pointer-events:none;z-index:1}.bf{position:absolute;font-size:26px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.7));animation:bfFloat 3.6s ease-in-out infinite;opacity:.85}@keyframes bfFloat{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-24px) rotate(8deg)}}.boot-logo-wrap{position:relative;z-index:3;animation:logoPop .95s cubic-bezier(.2,1.5,.4,1) both;padding:14px}@keyframes logoPop{0%{transform:scale(.7) translateY(18px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.boot-logo-wrap:before,.boot-logo-wrap:after{content:"";position:absolute;width:26px;height:26px;border:3px solid var(--mint)}.boot-logo-wrap:before{top:0;left:0;border-right:none;border-bottom:none;border-radius:8px 0 0}.boot-logo-wrap:after{bottom:0;right:0;border-left:none;border-top:none;border-radius:0 0 8px}#boot-logo{width:220px;height:auto;border-radius:18px;border:2px solid rgba(255,255,255,.85);box-shadow:0 14px 32px #0009,0 3px #0000004d;filter:saturate(1.08) contrast(1.04);display:block}.boot-title{position:relative;z-index:3;font-family:Fredoka One,cursive;font-size:clamp(32px,6vw,48px);letter-spacing:2px;color:#fff;text-shadow:0 4px 0 #2F66E0,0 6px 12px rgba(0,0,0,.3);margin-top:6px;text-align:center}.boot-title .accent{color:var(--yellow);text-shadow:0 4px 0 #C8A020,0 6px 12px rgba(0,0,0,.3)}.boot-subtitle{position:relative;z-index:3;font-size:14px;letter-spacing:4px;color:var(--yellow);font-weight:900;text-transform:uppercase;margin-top:-6px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.loader-shell{position:relative;z-index:3;width:min(400px,85vw);margin-top:12px;background:var(--panel-bg);padding:14px 20px;border-radius:24px;box-shadow:var(--shadow-pop);border:2px solid #FFFFFF}.loader-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.loader-label{font-size:12px;letter-spacing:1px;color:var(--paper-dim);font-weight:800;text-transform:uppercase}.loader-status{font-size:12px;letter-spacing:1px;color:var(--mint);font-weight:800;text-transform:uppercase}.loader-status:before{content:"●";margin-right:5px;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.loader-bar{width:100%;height:18px;background:#e8f4f8;border-radius:10px;overflow:hidden;border:2px solid #D0E4EE;box-shadow:inset 0 2px 4px #0000001a;position:relative}.loader-bar:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent 0,transparent 12px,rgba(255,255,255,.3) 12px,rgba(255,255,255,.3) 24px);pointer-events:none}.loader-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--red) 0%,var(--yellow) 40%,var(--mint) 100%);transition:width .18s cubic-bezier(.2,.8,.3,1);position:relative}.loader-fill:after{content:"";position:absolute;top:0;left:-30%;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:shine 1.1s linear infinite}@keyframes shine{0%{left:-30%}to{left:110%}}.loader-pct{font-family:Fredoka One,cursive;font-size:24px;color:var(--mint);margin-top:10px;letter-spacing:1px;font-variant-numeric:tabular-nums;text-align:center}.loader-tip{font-size:14px;color:var(--paper-dim);font-weight:700;min-height:18px;text-align:center;margin-top:8px}.boot-tagline{font-family:Fredoka One,cursive;font-size:15px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:2px;position:relative;z-index:3;text-transform:uppercase;margin-top:12px}#auth-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:radial-gradient(ellipse at top,#87cefa,#4a90e2)}.scene-backdrop,.backdrop-veil{display:none}#auth-logo{width:160px;height:auto;border-radius:24px;border:4px solid #FFFFFF;filter:drop-shadow(0 10px 20px rgba(0,0,0,.15));margin-bottom:20px;animation:logoPop .95s cubic-bezier(.2,1.5,.4,1) both}.auth-card{padding:34px;width:380px;max-width:95vw;display:flex;flex-direction:column;gap:14px;animation:authIn .55s cubic-bezier(.2,1.2,.4,1) both;border:4px solid #FFFFFF;box-shadow:0 12px #0000001a,0 20px 40px #0003}@keyframes authIn{0%{transform:translateY(40px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.auth-tabs{display:flex;gap:10px;margin-bottom:8px}.auth-tab{flex:1;padding:12px;border:2px solid var(--border-light);border-radius:14px;background:var(--panel-bg-2);font-family:Fredoka One,cursive;font-size:15px;color:var(--text-muted);cursor:pointer;transition:all .18s;letter-spacing:1px}.auth-tab:hover{background:#fff;color:var(--text-dark);transform:translateY(-2px)}.auth-tab.active{background:linear-gradient(180deg,#7BE0A4,var(--mint));color:#06121a;border-color:#06121a;box-shadow:0 4px #e03685;transform:translateY(-2px)}.auth-input{width:100%;padding:14px 18px;border:2px solid var(--border-light);border-radius:16px;font-size:16px;font-family:Fredoka One,cursive;background:#fffc;color:var(--text-dark);outline:none;transition:border-color .15s,box-shadow .15s}.auth-input:focus{border-color:var(--mint);box-shadow:0 0 0 4px #ff5ca833;background:#fff}.auth-input::placeholder{color:var(--text-muted);font-family:Inter,sans-serif;font-weight:600}.auth-msg{font-size:13px;min-height:18px;color:var(--red);text-align:center;font-weight:600}.auth-msg.ok{color:var(--mint)}.auth-footer{font-size:12px;color:var(--paper-faint);text-align:center;margin-top:4px}.room-select{cursor:pointer}#main-menu{display:flex;flex-direction:column;justify-content:space-between}#top-bar{display:flex;justify-content:space-between;align-items:center;padding:calc(10px + var(--safe-top)) 16px 8px;gap:10px;flex-shrink:0;z-index:3}#player-info{display:flex;align-items:center;gap:10px;background:var(--panel-bg);padding:7px 16px 7px 7px;border-radius:50px;box-shadow:0 5px 0 var(--border-light);border:2px solid #FFFFFF}.pi-text{display:flex;flex-direction:column;line-height:1.2}.pi-name{font-family:Fredoka One,cursive;font-size:16px;color:var(--text-dark)}.pi-level{font-size:12px;color:var(--text-muted);font-weight:700}#currency{display:flex;align-items:center;gap:8px;flex-shrink:0}.cur-pill{display:flex;align-items:center;gap:6px;background:var(--panel-bg);padding:6px 14px;border-radius:50px;box-shadow:0 5px 0 var(--border-light);border:2px solid #FFFFFF;font-family:Fredoka One,cursive;font-size:15px;color:var(--text-dark)}.cur-ico{font-size:18px}#news-ticker{position:relative;overflow:hidden;background:linear-gradient(90deg,var(--teal-dk),#0E2420);border:1px solid var(--line);padding:7px 0;margin:0 16px 8px;border-radius:12px;box-shadow:var(--shadow-card);flex-shrink:0;z-index:3}#news-ticker:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--mint)}#ticker-text{white-space:nowrap;font-family:Fredoka One,cursive;font-size:13px;color:var(--mint-2);animation:tickerScroll 22s linear infinite;text-shadow:0 1px 3px rgba(0,0,0,.4)}@keyframes tickerScroll{0%{transform:translate(100vw)}to{transform:translate(-100%)}}#main-menu .menu-content{flex:1;position:relative;min-height:0;padding:6px 16px;display:grid;grid-template-columns:minmax(180px,260px) 1fr minmax(180px,260px);grid-template-rows:1fr;gap:14px;align-items:stretch;overflow:hidden}@keyframes slideInLeft{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}#left-panel{padding:18px 20px;animation:slideInLeft .5s cubic-bezier(.2,1.1,.3,1) both;display:flex;flex-direction:column;overflow-y:auto}.profile-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.ps-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#00000008;border:2px solid var(--border-light);border-radius:14px}.ps-label{font-size:12px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-weight:800}.ps-val{font-family:Fredoka One,cursive;font-size:18px;color:var(--mint)}.mission-list{display:flex;flex-direction:column;gap:8px}.mission{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#00000005;border:2px solid var(--border-light);border-radius:16px}.m-check{width:24px;height:24px;border-radius:8px;border:3px solid var(--border-light);flex-shrink:0;position:relative;background:#fff}.m-check.done{background:var(--mint);border-color:var(--mint)}.m-check.done:after{content:"";position:absolute;left:6px;top:2px;width:7px;height:12px;border:solid #FFFFFF;border-width:0 4px 4px 0;transform:rotate(45deg)}.m-body{flex:1;min-width:0}.m-name{font-size:13px;color:var(--text-dark);font-weight:800;line-height:1.2}.m-bar{height:4px;background:#ffffff0f;border-radius:4px;margin-top:4px;overflow:hidden}.m-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--mint),var(--lime));border-radius:4px}.m-reward{font-family:Fredoka One,cursive;font-size:11px;color:var(--mint);flex-shrink:0;white-space:nowrap}#menu-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:6px 0 12px;min-height:0;gap:8px}#skin-tag{flex-shrink:0;animation:fadeUp .5s ease both;z-index:3}.glass-pill{background:#fff;border:2px solid var(--mint);border-radius:50px;padding:8px 20px;display:inline-flex;align-items:center;gap:10px;font-family:Fredoka One,cursive;font-size:15px;color:var(--text-dark);box-shadow:0 4px #0000001a}.st-dot{width:10px;height:10px;border-radius:50%;background:var(--mint)}#play-stack{display:flex;flex-direction:column;align-items:center;gap:8px;z-index:3;animation:fadeUp .5s ease .1s both;flex-shrink:0}.nav-btn.mega{padding:24px 90px;font-size:38px;border-radius:26px;letter-spacing:4px}#play-sub{font-size:14px;color:var(--text-dark);text-shadow:0 1px 4px #FFFFFF;letter-spacing:1px;text-transform:uppercase;font-weight:900}#right-panel{padding:18px 20px;animation:slideInRight .5s cubic-bezier(.2,1.1,.3,1) both .08s;display:flex;flex-direction:column}#map-rail-list{display:flex;flex-direction:column;gap:10px}.map-card{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#fff;border:2px solid var(--border-light);border-radius:18px;transition:all .15s;cursor:pointer;box-shadow:0 4px 0 var(--border-light)}.map-card:hover{background:#ff5ca814;border-color:var(--mint);transform:translateY(-3px);box-shadow:0 7px 0 var(--mint)}.mc-ico{width:36px;height:36px;border-radius:10px;flex-shrink:0;position:relative;background:var(--ink-4)}.mc-ico.bond{background:linear-gradient(135deg,#2fae6a,#a3e635)}.mc-ico.bond:after{content:"";position:absolute;left:8px;bottom:8px;width:20px;height:10px;border-bottom:2px solid #06121A;border-right:2px solid #06121A;transform:rotate(-15deg)}.mc-ico.rug{background:linear-gradient(135deg,#a77bff,#ff5ca8)}.mc-ico.rug:after{content:"";position:absolute;left:14px;top:8px;width:8px;height:20px;background:#06121a;border-radius:2px}.mc-ico.moon{background:linear-gradient(135deg,#4f8cff,#0b1024)}.mc-ico.moon:after{content:"";position:absolute;left:8px;top:8px;width:18px;height:18px;border-radius:50%;background:#f4f6fb;box-shadow:inset -5px 0 0 0 var(--ink-4)}.mc-ico.liq{background:linear-gradient(135deg,#ff5151,#ff8a3d)}.mc-ico.liq:after{content:"";position:absolute;left:6px;bottom:8px;width:24px;height:10px;background:#06121a;border-radius:50% 50% 0 0/100% 100% 0 0}.mc-info{flex:1;min-width:0}.mc-name{font-family:Fredoka One,cursive;font-size:14px;color:var(--text-dark);line-height:1.2}.mc-type{font-size:10px;color:var(--mint);letter-spacing:2px;font-weight:800;margin-top:4px}.online-pill{margin-top:16px;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;background:#ff5ca81a;border:2px solid rgba(255,92,168,.3);border-radius:50px;font-family:Fredoka One,cursive;font-size:14px;color:var(--mint);letter-spacing:1px}.on-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);animation:pulse 1.2s ease-in-out infinite}.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--mint),var(--lime));display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;box-shadow:0 0 0 2px #5fcb884d}.av-ring{width:18px;height:18px;border-radius:50%;border:3px solid #06121A}.cur-ico{width:18px;height:18px;border-radius:50%;flex-shrink:0;position:relative}.cur-ico.gem{background:linear-gradient(135deg,#4f8cff,#a3e635);transform:rotate(45deg)}.cur-ico.gem:after{content:"";position:absolute;inset:3px;background:linear-gradient(135deg,#7ab6ff,#c5f25e);border-radius:2px}.cur-ico.coin{background:radial-gradient(circle at 35% 30%,#ffe680,#ffd23f 60%,#c8a020)}.cur-ico.coin:after{content:"$";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Fredoka One,cursive;font-size:11px;color:#8a6a00;font-weight:700}.icon-btn{position:relative}.icon-btn[aria-label=Settings]:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-radius:50%;left:14px;top:9px}.icon-btn[aria-label=Settings]:before{content:"";position:absolute;width:2px;height:22px;background:currentColor;left:21px;top:11px}.icon-btn[aria-label=Refresh]:after{content:"↻";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:inherit}.bn-ico{width:18px;height:18px;display:inline-block;position:relative;flex-shrink:0}.bn-ico.locker:before{content:"";position:absolute;left:4px;top:2px;width:10px;height:6px;border:2px solid currentColor;border-radius:2px}.bn-ico.locker:after{content:"";position:absolute;left:6px;top:0;width:6px;height:4px;border:2px solid currentColor;border-bottom:none;border-radius:4px 4px 0 0}.bn-ico.rooms:before{content:"";position:absolute;left:2px;top:6px;width:14px;height:10px;border:2px solid currentColor;border-radius:2px}.bn-ico.rooms:after{content:"";position:absolute;left:7px;top:3px;width:4px;height:7px;border:2px solid currentColor;border-bottom:none;border-radius:2px 2px 0 0}.nav-btn.secondary{display:inline-flex;align-items:center;gap:10px}#winner-crown{width:60px;height:44px;position:relative;margin:0 auto}#winner-crown:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:14px;background:linear-gradient(180deg,#ffd23f,#c8a020);border-radius:3px}#winner-crown:after{content:"";position:absolute;left:0;bottom:12px;width:100%;height:28px;background:linear-gradient(180deg,transparent 50%,#FFD23F 50%);clip-path:polygon(0 100%,0 30%,20% 100%,30% 0,50% 100%,50% 10%,70% 100%,80% 0,100% 100%);filter:drop-shadow(0 3px 4px rgba(255,210,63,.4))}#rp-icon{width:60px;height:100px;position:relative;margin-bottom:6px}#rp-icon:before{content:"";position:absolute;inset:0;border:6px solid var(--mint);border-radius:18px;animation:rpRotate 2s ease-in-out infinite}#rp-icon:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;background:var(--mint);border-radius:50%;transform:translate(-50%,-50%)}.rp-flag{width:14px;height:14px;flex-shrink:0;position:relative}.rp-flag:before{content:"";position:absolute;left:0;bottom:0;width:2px;height:14px;background:var(--ink-3)}.rp-flag:after{content:"";position:absolute;left:2px;top:0;width:12px;height:9px;background:var(--mint);clip-path:polygon(0 0,100% 0,70% 50%,100% 100%,0 100%)}#bottom-nav{display:flex;justify-content:center;gap:12px;padding:calc(10px + var(--safe-bot)) 16px;flex-wrap:wrap;flex-shrink:0}#lobby-ui{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding-top:calc(12px + var(--safe-top))}.hud-pill{background:var(--panel-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:7px 16px;border-radius:50px;font-family:Fredoka One,cursive;font-size:14px;color:var(--paper);box-shadow:var(--shadow-card);border:1px solid var(--line);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.hud-pill.big{font-size:18px;padding:9px 22px;border-color:var(--mint)}.hud-pill.subtle{background:#141721b3;font-size:12px}.hud-pill.mono{font-family:Inter,monospace;font-size:12px;color:var(--paper-dim)}#player-counter{position:absolute;top:calc(12px + var(--safe-top));left:50%;transform:translate(-50%)}#net-status{position:absolute;top:calc(48px + var(--safe-top));left:50%;transform:translate(-50%);max-width:88vw;text-align:center}#force-start{position:absolute;top:calc(82px + var(--safe-top));left:50%;transform:translate(-50%)}#countdown-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Fredoka One,cursive;font-size:42px;color:var(--mint);text-shadow:0 4px 16px rgba(0,0,0,.4);background:var(--panel-bg-2);padding:18px 36px;border-radius:24px;box-shadow:var(--shadow-pop);border:2px solid var(--mint);text-align:center}#emote-hint{position:absolute;bottom:calc(16px + var(--safe-bot));left:50%;transform:translate(-50%);font-size:12px}#roulette-ui{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.roulette-title{font-family:Fredoka One,cursive;font-size:26px;color:var(--paper);text-shadow:0 3px 10px rgba(0,0,0,.4)}#slot-machine{background:var(--panel-bg-2);padding:18px;border-radius:20px;box-shadow:var(--shadow-pop);border:2px solid var(--mint)}.slot-window{width:180px;height:64px;overflow:hidden;position:relative;border-radius:12px;background:#00000059;border:1px solid var(--line)}.slot-reel{display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .15s ease-out}.slot-item{height:64px;display:flex;align-items:center;justify-content:center;font-family:Fredoka One,cursive;font-size:16px;color:var(--paper);white-space:nowrap}.slot-marker{position:absolute;inset:0;border-top:4px solid var(--mint);border-bottom:4px solid var(--mint);pointer-events:none}#round-announce{display:flex;flex-direction:column;align-items:center;gap:5px;animation:announcePop .5s cubic-bezier(.2,1.4,.4,1) both}@keyframes announcePop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}#round-label{font-family:Fredoka One,cursive;font-size:20px;color:var(--yellow);text-shadow:0 2px 8px rgba(0,0,0,.4)}#map-label{font-family:Fredoka One,cursive;font-size:26px;color:var(--mint);text-shadow:0 3px 10px rgba(0,0,0,.5)}#match-hud{pointer-events:none}#match-hud .hud-pill{pointer-events:auto}.hud-tl{position:absolute;top:calc(8px + var(--safe-top));left:calc(8px + var(--safe-left));display:flex;flex-direction:row;gap:5px}.hud-tc{position:absolute;top:calc(8px + var(--safe-top));left:50%;transform:translate(-50%)}.hud-tr{position:absolute;top:calc(8px + var(--safe-top));right:calc(8px + var(--safe-right));display:flex;flex-direction:column;gap:5px;align-items:flex-end}#objective-badge{position:absolute;top:calc(54px + var(--safe-top));right:calc(8px + var(--safe-right));background:linear-gradient(180deg,var(--orange),var(--orange-dk));color:#fff;padding:5px 14px;border-radius:50px;font-family:Fredoka One,cursive;font-size:12px;box-shadow:var(--shadow-card);white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.ob-ico{font-size:13px;margin-right:3px}#race-progress{position:absolute;top:calc(54px + var(--safe-top));left:calc(8px + var(--safe-left));width:200px;height:12px;background:#0a0d18b3;border-radius:8px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-card)}.rp-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--mint),var(--lime));border-radius:6px;transition:width .2s}.rp-flag{position:absolute;right:-4px;top:-4px;font-size:14px}#minimap{position:absolute;bottom:calc(10px + var(--safe-bot));right:calc(10px + var(--safe-right));border-radius:12px;border:2px solid var(--mint);box-shadow:var(--shadow-card);background:#0a0d18cc;width:110px;height:110px}#big-countdown{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);font-family:Fredoka One,cursive;font-size:110px;color:var(--mint);text-shadow:0 8px 0 rgba(0,0,0,.3),0 12px 30px rgba(0,0,0,.5);pointer-events:none;letter-spacing:4px}@keyframes popcd{0%{transform:translate(-50%,-50%) scale(.2) rotate(-8deg);opacity:0}40%{transform:translate(-50%,-50%) scale(1.3) rotate(2deg);opacity:1}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}#action-banner{position:absolute;top:28%;left:50%;transform:translate(-50%,-50%);font-family:Fredoka One,cursive;font-size:30px;pointer-events:none}@keyframes bannerPop{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}25%{transform:translate(-50%,-50%) scale(1.1);opacity:1}80%{opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}#mobile-controls{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-end;padding:calc(14px + var(--safe-bot)) calc(14px + var(--safe-right)) calc(14px + var(--safe-left));pointer-events:none}#mobile-controls>*{pointer-events:auto}#joystick{width:110px;height:110px;border-radius:50%;background:#14172180;border:3px solid rgba(95,203,136,.45);position:relative;touch-action:none;flex-shrink:0}#joy-knob{width:46px;height:46px;border-radius:50%;background:linear-gradient(180deg,var(--mint),var(--mint-dk));position:absolute;top:32px;left:32px;box-shadow:var(--shadow-card);transition:transform .05s}#action-buttons{display:flex;align-items:flex-end;gap:10px;flex-shrink:0}.action-btn{width:58px;height:58px;border-radius:50%;border:none;font-family:Fredoka One,cursive;font-size:13px;color:#06121a;cursor:pointer;box-shadow:var(--shadow-btn);touch-action:none}.action-btn.big{width:72px;height:72px;font-size:16px}.action-btn.small{width:46px;height:46px;font-size:20px}.action-btn:active{transform:translateY(4px);box-shadow:0 1px #00000080}#btn-jump{background:linear-gradient(180deg,#7BE0A4,var(--mint) 60%,var(--mint-dk))}#btn-dive{background:linear-gradient(180deg,#7AA8FF,var(--blue));color:#fff}#btn-emote{background:linear-gradient(180deg,#FF85BC,var(--pink));color:#fff}#arena-intro{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);z-index:15;pointer-events:none;opacity:0;transition:opacity .3s,transform .3s;text-align:center}#arena-intro.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.ai-round{font-family:Fredoka One,cursive;font-size:18px;color:var(--yellow);text-shadow:0 3px 10px rgba(0,0,0,.5);margin-bottom:5px}.ai-map{font-family:Fredoka One,cursive;font-size:36px;color:var(--mint);text-shadow:0 4px 16px rgba(0,0,0,.55);margin-bottom:6px}.ai-goal{font-size:16px;color:var(--paper);text-shadow:0 2px 8px rgba(0,0,0,.5);margin-bottom:5px}.ai-tip{font-size:13px;color:var(--paper-dim);text-shadow:0 1px 6px rgba(0,0,0,.5)}#result-ui{display:flex;align-items:center;justify-content:center;padding:20px}#result-card{background:var(--panel-bg-2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:36px 44px;border-radius:28px;box-shadow:var(--shadow-pop),0 0 0 1px var(--line) inset;border:3px solid var(--mint);text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center;max-width:92vw;animation:resultIn .55s cubic-bezier(.2,1.5,.4,1) both;position:relative;overflow:hidden}#result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mint),var(--lime),var(--mint))}@keyframes resultIn{0%{transform:scale(.7) translateY(30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}#result-ui.eliminated #result-card{border-color:var(--red)}#result-ui.eliminated #result-card:before{background:linear-gradient(90deg,var(--red),var(--orange),var(--red))}#result-text{font-family:Fredoka One,cursive;font-size:42px;color:var(--mint);text-shadow:0 3px 0 rgba(0,0,0,.3)}#result-text.fail,#result-ui.eliminated #result-text{color:var(--red)}#result-stats{font-size:16px;color:var(--paper-dim);line-height:1.7}.rs-big{font-family:Fredoka One,cursive;font-size:56px;color:var(--lime);line-height:1;margin-bottom:4px}.result-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:6px}#winner-screen{display:flex;align-items:center;justify-content:center;padding:20px}#winner-card{background:linear-gradient(180deg,#1b1d27fa,#0e1814fa);padding:36px 48px;border-radius:32px;box-shadow:var(--shadow-pop);border:3px solid var(--yellow);text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center;max-width:92vw;max-height:92vh;overflow-y:auto;animation:winnerIn .8s cubic-bezier(.2,1.5,.4,1) both;position:relative}@keyframes winnerIn{0%{transform:scale(.5) rotate(-4deg);opacity:0}60%{transform:scale(1.04) rotate(1deg)}to{transform:scale(1) rotate(0);opacity:1}}#winner-card:before{content:"";position:absolute;top:0;left:14px;right:14px;height:3px;background:linear-gradient(90deg,var(--yellow),var(--orange),var(--mint),var(--lime),var(--yellow))}#winner-crown{font-size:64px;animation:crownBob 2s ease-in-out infinite;filter:drop-shadow(0 6px 12px rgba(255,210,63,.4))}@keyframes crownBob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}#winner-title{font-family:Fredoka One,cursive;font-size:38px;color:var(--yellow);text-shadow:0 3px 0 rgba(0,0,0,.4);letter-spacing:2px}#winner-name{font-family:Fredoka One,cursive;font-size:26px;color:var(--mint)}#winner-sol{font-size:13px;color:var(--paper-dim);font-family:Courier New,monospace}#winner-stats{font-size:15px;color:var(--paper);font-weight:600}#winner-podium{display:flex;flex-direction:column;gap:6px;width:100%;margin:8px 0}.podium-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff0a;border-radius:12px;font-size:15px;border-left:4px solid var(--mint)}.podium-row.gold{background:linear-gradient(90deg,#ffd23f2e,#ffffff08);border-left-color:var(--yellow)}.podium-row.silver{border-left-color:#9aa5ba}.podium-row.bronze{border-left-color:#c97a2a}.podium-row .pr-rank{font-family:Fredoka One,cursive;font-size:20px;min-width:28px}.podium-row .pr-name{flex:1;font-family:Fredoka One,cursive;color:var(--paper)}.podium-row .pr-sol{font-size:11px;color:var(--paper-dim);font-family:Courier New,monospace}#customize{display:flex;flex-direction:column}.cust-header{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + var(--safe-top)) 16px 8px;gap:10px;flex-shrink:0}.cust-tabs{display:flex;gap:8px;padding:0 16px;margin-bottom:8px;flex-shrink:0}.tab{flex:1;max-width:150px;padding:9px;border:1px solid var(--line);border-radius:12px;background:transparent;font-family:Fredoka One,cursive;font-size:14px;color:var(--paper-dim);cursor:pointer;transition:all .15s;text-align:center}.tab.active{background:linear-gradient(180deg,#7BE0A4,var(--mint) 60%,var(--mint-dk));color:#06121a;border-color:transparent;box-shadow:var(--shadow-btn)}#cust-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;padding:10px 16px;overflow-y:auto;align-content:start;min-height:0}.cust-card{background:var(--panel-bg);border:1px solid var(--line);border-radius:18px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .12s cubic-bezier(.2,1.3,.4,1),border-color .15s,box-shadow .15s;position:relative;box-shadow:var(--shadow-card);min-height:180px}.cust-card:hover{transform:translateY(-4px);border-color:var(--mint)}.cust-card:active{transform:scale(.97)}.cust-card.selected{border-color:var(--mint);box-shadow:0 0 0 3px #5fcb8838,var(--shadow-card)}.cust-card.locked{opacity:.85}.cc-swatch{width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 -6px 12px #00000040,0 4px 12px #0000004d}.cc-face{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));font-size:34px}.cc-name{font-family:Fredoka One,cursive;font-size:14px;color:var(--paper);text-align:center;line-height:1.2}.cc-kol{font-size:10px;color:var(--paper-dim);text-align:center;letter-spacing:.5px}.cc-rar{font-family:Fredoka One,cursive;font-size:10px;padding:3px 10px;border-radius:50px;text-transform:uppercase;letter-spacing:1px}.rarity.common{background:#a8b0c02e;color:var(--paper-dim)}.rarity.rare{background:#4f8cff2e;color:var(--blue)}.rarity.epic{background:#a77bff2e;color:var(--purple)}.rarity.legendary{background:#ffd23f2e;color:var(--yellow)}.cc-cost{position:absolute;top:10px;right:10px;background:#0a0d18e6;border:1px solid var(--mint);color:var(--mint);font-family:Fredoka One;font-size:12px;padding:3px 10px;border-radius:50px;letter-spacing:1px}.cc-equipped{position:absolute;top:10px;right:10px;background:var(--mint);color:#06121a;font-family:Fredoka One;font-size:10px;padding:3px 10px;border-radius:50px;letter-spacing:1px}.cust-card.locked .cc-swatch{filter:grayscale(.7) brightness(.8)}.cust-card.locked:before{content:"";position:absolute;top:54px;left:50%;transform:translate(-50%);width:22px;height:22px;background:var(--ink-2);border:2px solid var(--paper-dim);border-radius:5px;z-index:3}.cust-card.locked:after{content:"";position:absolute;top:48px;left:calc(50% + 2px);transform:translate(-50%);width:10px;height:7px;border:2px solid var(--paper-dim);border-bottom:none;border-radius:5px 5px 0 0;z-index:3}.cust-emoji{width:84px;height:84px;border-radius:50%;background:#ffffff0a;display:flex;align-items:center;justify-content:center}.cust-footer{display:flex;align-items:center;justify-content:center;padding:12px 16px calc(12px + var(--safe-bot));gap:10px;background:var(--panel-bg-2);border-top:1px solid var(--line);flex-shrink:0}.cf-hint{font-size:12px;color:var(--paper-dim);text-align:center;letter-spacing:.5px}#rooms-screen{display:flex;flex-direction:column}#rooms-body{flex:1;display:flex;flex-direction:column;gap:12px;padding:12px 16px calc(12px + var(--safe-bot));overflow-y:auto;min-height:0}@media (min-width:768px){#rooms-body{flex-direction:row;align-items:flex-start}#create-room-panel{flex:0 0 300px}#room-list-panel{flex:1}}#create-room-panel{padding:16px 18px;display:flex;flex-direction:column;gap:10px}.room-field-row{display:flex;flex-direction:column;gap:3px}.room-label{font-size:12px;color:var(--paper-dim);font-family:Fredoka One,cursive}#room-list-panel{padding:16px 18px;flex:1}#room-list{display:flex;flex-direction:column;gap:8px;max-height:50vh;overflow-y:auto}.room-card{background:#ffffff0a;border:1px solid var(--line);border-radius:16px;padding:14px 18px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:14px}.room-card:hover{border-color:var(--mint);background:#5fcb8814;transform:translate(3px)}.rc-info{flex:1;min-width:0}.rc-name{font-family:Fredoka One,cursive;font-size:18px;color:var(--paper);margin-bottom:6px;line-height:1.2}.rc-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--paper-dim)}.rc-meta span{display:inline-flex;align-items:center;gap:4px}.rc-start{font-size:12px;color:var(--mint);font-weight:700}.rc-join{flex-shrink:0}.room-empty{text-align:center;padding:32px 16px;color:var(--paper-dim);font-size:14px;border:1px dashed var(--line);border-radius:16px}#room-waiting{display:flex;flex-direction:column;align-items:center;gap:12px;padding:calc(12px + var(--safe-top)) 16px calc(12px + var(--safe-bot));overflow-y:auto}#rw-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;flex-shrink:0}#rw-info{padding:14px 20px;width:100%;max-width:400px;text-align:center;display:flex;flex-direction:column;gap:5px;flex-shrink:0}#rw-name{font-family:Fredoka One,cursive;font-size:20px;color:var(--mint)}#rw-meta{font-size:13px;color:var(--paper-dim)}#rw-start-time{font-size:12px;color:var(--paper-dim)}#rw-countdown{font-family:Fredoka One,cursive;font-size:18px;color:var(--orange)}#rw-players{padding:14px 20px;width:100%;max-width:400px;flex-shrink:0}#rw-player-list{display:flex;flex-direction:column;gap:8px;max-height:35vh;overflow-y:auto}.rw-player{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff0a;border:1px solid var(--line-soft);border-radius:12px}.rw-player.host{background:#5fcb881a;border-color:#5fcb884d}.rw-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--mint),var(--lime));flex-shrink:0;position:relative}.rw-avatar:after{content:"";position:absolute;inset:8px;border:2px solid #06121A;border-radius:50%}.rw-pname{flex:1;font-family:Fredoka One,cursive;font-size:14px;color:var(--paper)}.rw-host-tag{font-size:10px;background:var(--mint);color:#06121a;padding:3px 9px;border-radius:50px;letter-spacing:1px}.rw-sol{font-size:11px;color:var(--paper-dim)}#rw-force-start{margin-top:2px;flex-shrink:0}#history-screen{display:flex;flex-direction:column}#history-list{flex:1;margin:12px 16px calc(12px + var(--safe-bot));padding:16px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;min-height:0}.he-row{background:#ffffff0a;border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:14px}.he-crown{width:36px;height:30px;position:relative;flex-shrink:0}.he-crown:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:10px;background:linear-gradient(180deg,#ffd23f,#c8a020);border-radius:2px}.he-crown:after{content:"";position:absolute;left:0;bottom:8px;width:100%;height:22px;background:linear-gradient(180deg,transparent 50%,#FFD23F 50%);clip-path:polygon(0 100%,0 25%,20% 100%,30% 0,50% 100%,50% 5%,70% 100%,80% 0,100% 100%)}.he-info{flex:1;min-width:0}.he-name{font-family:Fredoka One,cursive;font-size:16px;color:var(--mint)}.he-meta{font-size:12px;color:var(--paper-dim);margin-top:2px}.he-date{font-size:11px;color:var(--paper-faint);flex-shrink:0}#room-history-wrap{margin-top:8px}#room-history-list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto}.rh-row{background:#ffffff0a;border:1px solid var(--line-soft);border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:12px}.rh-info{flex:1;min-width:0}.rh-name{font-family:Fredoka One,cursive;font-size:14px;color:var(--mint);line-height:1.2}.rh-meta{font-size:11px;color:var(--paper-dim);margin-top:2px}.rh-meta b{color:var(--yellow)}.rh-date{font-size:10px;color:var(--paper-faint);flex-shrink:0;text-align:right}.rc-running{display:inline-block;background:var(--red);color:#fff;font-size:9px;padding:2px 7px;border-radius:50px;letter-spacing:1px;vertical-align:middle;margin-left:6px;animation:pulse 1.1s ease-in-out infinite}.rw-start-hint{font-size:12px;color:var(--paper-dim);text-align:center;max-width:380px;line-height:1.4}.modal{position:fixed;inset:0;z-index:50;background:#05070db3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{padding:24px 28px;width:300px;max-width:90vw;display:flex;flex-direction:column;gap:12px;animation:modalIn .35s cubic-bezier(.2,1.3,.4,1) both}@keyframes modalIn{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.setting-row{display:flex;align-items:center;justify-content:space-between;font-size:15px;color:var(--paper)}.toggle{padding:7px 18px;border:none;border-radius:50px;font-family:Fredoka One,cursive;font-size:13px;cursor:pointer;background:var(--ink-4);color:var(--paper-dim);border:1px solid var(--line)}.toggle.on{background:linear-gradient(180deg,#7BE0A4,var(--mint));color:#06121a;border-color:transparent}#rotate-prompt{position:fixed;inset:0;z-index:200;background:linear-gradient(180deg,#0b0e1a,#06080f);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:30px}@keyframes rpRotate{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.rp-text{font-family:Fredoka One,cursive;font-size:20px;color:var(--mint);text-shadow:0 2px 8px rgba(0,0,0,.4)}.rp-sub{font-size:14px;color:var(--paper-dim)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}@media (max-width:600px){.nav-btn{padding:11px 20px;font-size:16px}.nav-btn.small{padding:7px 14px;font-size:12px}.nav-btn.mega{padding:14px 60px;font-size:22px;border-radius:16px}#top-bar{padding:calc(6px + var(--safe-top)) 8px 4px}.cur-pill{padding:4px 10px;font-size:11px;gap:5px}.cur-ico{width:14px;height:14px}.avatar{width:34px;height:34px}.av-ring{width:14px;height:14px;border-width:2px}.pi-name{font-size:12px}.pi-level{font-size:10px}#news-ticker{margin:0 8px 4px;padding:4px 0}#ticker-text{font-size:10px}#main-menu .menu-content{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:2px 6px;gap:4px;overflow:hidden}#left-panel{display:none}#right-panel{padding:8px 10px;order:1;min-height:0}#right-panel .panel-title{display:none}#map-rail-list{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.map-card{padding:5px 6px;gap:5px;flex-direction:column;text-align:center;border-radius:10px}.mc-ico{width:24px;height:24px}.mc-name{font-size:9px;line-height:1.1}.mc-type{font-size:7px;margin-top:1px}.online-pill{margin-top:6px;font-size:9px;padding:4px 8px;justify-content:center}#menu-stage{order:2;justify-content:space-between;padding:4px 0 8px;min-height:0;gap:4px}#skin-tag{top:2px}.glass-pill{padding:4px 12px;font-size:11px}#play-stack{gap:3px;flex-shrink:0}#play-sub{font-size:9px}#bottom-nav{gap:8px;padding:calc(6px + var(--safe-bot)) 8px}.nav-btn.secondary{padding:9px 16px;font-size:13px;gap:8px}.bn-ico{width:14px;height:14px}#result-card{padding:22px 26px}#result-text{font-size:28px}.rs-big{font-size:44px}#winner-card{padding:22px 26px}#winner-title{font-size:26px}#winner-name{font-size:20px}#winner-crown{width:48px;height:36px}#big-countdown{font-size:64px;letter-spacing:2px}.ai-map{font-size:22px}.ai-round{font-size:15px}.ai-goal{font-size:13px}.ai-tip{font-size:11px}#arena-intro{width:92vw}#slot-machine{padding:14px}.slot-window{width:150px;height:56px}.slot-item{height:56px;font-size:14px}.roulette-title{font-size:22px}#countdown-overlay{font-size:30px;padding:12px 24px}.hud-pill{font-size:11px;padding:5px 10px}.hud-pill.big{font-size:13px;padding:6px 12px}.hud-pill.mono{font-size:10px;padding:4px 8px}.hud-tl{flex-direction:column;gap:4px}.hud-tc .hud-pill{font-size:12px;padding:5px 12px}.hud-tr{gap:4px}#net-status{max-width:84vw;font-size:11px}#minimap{width:78px;height:78px;bottom:calc(96px + var(--safe-bot));right:calc(8px + var(--safe-right))}#race-progress{width:140px;top:calc(48px + var(--safe-top));left:calc(8px + var(--safe-left))}#objective-badge{font-size:10px;padding:4px 10px;top:calc(48px + var(--safe-top));max-width:130px}.action-btn{width:58px;height:58px;font-size:13px}.action-btn.big{width:72px;height:72px;font-size:16px}.action-btn.small{width:46px;height:46px;font-size:16px}#joystick{width:96px;height:96px}#joy-knob{width:40px;height:40px;top:28px;left:28px}#cust-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.cust-card{padding:10px;min-height:150px}.cc-swatch,.cust-emoji{width:62px;height:62px}}@media (max-width:380px){#joystick{width:84px;height:84px}#joy-knob{width:36px;height:36px;top:24px;left:24px}.action-btn{width:52px;height:52px;font-size:12px}.action-btn.big{width:64px;height:64px;font-size:14px}.action-btn.small{width:42px;height:42px;font-size:14px}#minimap{width:66px;height:66px}#mobile-controls{padding:calc(10px + var(--safe-bot)) 8px}.nav-btn.mega{padding:12px 48px;font-size:20px}}@media (min-width:601px) and (max-width:900px){#main-menu .menu-content{grid-template-columns:minmax(160px,200px) 1fr minmax(160px,200px);gap:10px}.nav-btn.mega{padding:18px 60px;font-size:26px}#left-panel,#right-panel{padding:12px 14px}}@media (min-width:901px){.nav-btn{padding:16px 36px;font-size:22px}.nav-btn.mega{padding:24px 90px;font-size:36px}}