:root{--bg: #1b1140;--panel: #2b1660;--panel-dark: #120a2e;--outline: #0d0620;--bevel: #4b3a8a;--bevel-light: #5a3a9a;--text: #ffffff;--text-2: #e6d9ff;--muted: #b9a6d9;--disabled: #6e5baf;--gold: #ffe066;--gold-dark: #d9a520;--gold-light: #fff3b0;--orange: #ffb13d;--magenta: #e0387b;--pink: #ff4e8c;--pink-light: #ff8ac8;--grid: #ff3fa4;--cyan: #2fd3e6;--cyan-dark: #1fa7c9;--cyan-light: #9beff8;--green: #4cd137;--green-dark: #2e9e25;--green-light: #8bea7a;--green-shadow: #1f6e18;--red: #e8407a;--red-dark: #b02a5e;--red-shadow: #7a1a3e;--sky-1: #120a2e;--sky-2: #1e0f4a;--sky-3: #2b1660;--sky-4: #4b1d74;--sky-5: #7a2272;--sky-6: #b02a72;--sky-7: #e0387b;--ground: #2a0f4a;--font-px: "Press Start 2P", monospace;--font: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--radius: 6px;--radius-btn: 8px;--pad: 24px;--tabbar-h: 84px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit}a{color:var(--gold)}textarea,input{font:inherit;color:var(--text)}textarea::placeholder,input::placeholder{color:var(--disabled)}.screen{min-height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom))}.screen--no-tabs{padding-bottom:0}.content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;gap:12px;padding:14px var(--pad) 16px}.sky{position:relative;flex-shrink:0;height:calc(96px + var(--safe-top));background:linear-gradient(to bottom,var(--sky-1) 0 calc(30px + var(--safe-top)),var(--sky-2) calc(30px + var(--safe-top)) calc(52px + var(--safe-top)),var(--sky-3) calc(52px + var(--safe-top)) calc(68px + var(--safe-top)),var(--sky-4) calc(68px + var(--safe-top)) calc(80px + var(--safe-top)),var(--sky-5) calc(80px + var(--safe-top)) calc(88px + var(--safe-top)),var(--sky-6) calc(88px + var(--safe-top)) calc(94px + var(--safe-top)),var(--sky-7) calc(94px + var(--safe-top)))}.sky--tall{height:calc(150px + var(--safe-top));background:linear-gradient(to bottom,var(--sky-1) 0 calc(44px + var(--safe-top)),var(--sky-2) calc(44px + var(--safe-top)) calc(76px + var(--safe-top)),var(--sky-3) calc(76px + var(--safe-top)) calc(100px + var(--safe-top)),var(--sky-4) calc(100px + var(--safe-top)) calc(120px + var(--safe-top)),var(--sky-5) calc(120px + var(--safe-top)) calc(134px + var(--safe-top)),var(--sky-6) calc(134px + var(--safe-top)) calc(146px + var(--safe-top)),var(--sky-7) calc(146px + var(--safe-top)))}.sky__bar{position:absolute;left:var(--pad);right:var(--pad);bottom:12px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.sky__title{font-family:var(--font-px);font-size:12px;color:var(--gold);text-shadow:2px 2px 0 var(--outline)}.sky__sub{font-size:11px;color:var(--text-2);text-shadow:1px 1px 0 var(--outline);margin-top:6px}.floor{position:absolute;left:-320px;right:-320px;height:340px;transform-origin:50% 0;transform:perspective(300px) rotateX(55deg);background-color:var(--ground);background-image:linear-gradient(rgba(255,63,164,.6) 2px,transparent 2px),linear-gradient(90deg,rgba(255,63,164,.6) 2px,transparent 2px);background-size:36px 28px;pointer-events:none}.floor--live{background-image:linear-gradient(rgba(255,63,164,.85) 2px,transparent 2px),linear-gradient(90deg,rgba(255,63,164,.85) 2px,transparent 2px);animation:gridMove 1.1s linear infinite}.floor-dim{position:absolute;left:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(to bottom,#1b114059 0,#1b1140bf 160px,#1b1140d1)}.panel{border:3px solid var(--outline);border-radius:var(--radius);background:var(--panel);box-shadow:inset 0 4px 0 var(--bevel);padding:14px}.panel--hud{background:var(--bg);box-shadow:inset 0 4px #3b2a6e,0 6px 0 var(--outline)}.panel--dark{background:var(--panel-dark);box-shadow:none}.panel--gold{border-color:var(--gold)}.panel__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.label{font-family:var(--font-px);font-size:8px;color:var(--gold)}.label--white{color:var(--text)}.label--cyan{color:var(--cyan)}.label--pink{color:var(--pink)}.label--green{color:var(--green)}.label--muted{color:var(--muted)}.px{font-family:var(--font-px)}.muted{color:var(--muted)}.small{font-size:11px}.title{font-size:20px;line-height:1.25;font-weight:700;letter-spacing:-.01em;margin:0}.greentext{color:var(--cyan);margin:0;font-size:13px}.row{display:flex;align-items:center;gap:8px}.between{justify-content:space-between}.col{display:flex;flex-direction:column;gap:6px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dotted{border-top:2px dotted var(--bevel);padding-top:10px}.chip{font-size:11px;color:var(--text-2);border:2px solid var(--bevel);padding:3px 8px}.avatar{width:28px;height:28px;flex-shrink:0;background:var(--bg);border:2px solid var(--outline);display:flex;align-items:center;justify-content:center;font-family:var(--font-px);font-size:7px;color:var(--cyan);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--lg{width:40px;height:40px;font-size:10px;border-width:3px}.avatar--xl{width:64px;height:64px;font-size:16px;border-width:3px;background:var(--panel);box-shadow:inset 0 4px 0 var(--bevel-light),0 4px 0 var(--outline)}.center{text-align:center}.empty{color:var(--muted);text-align:center;padding:24px 12px;font-size:13px}.error{color:var(--pink);font-size:12px}@keyframes gridMove{0%{background-position:0 0}to{background-position:0 28px}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes floatUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-6px);opacity:.55}}@keyframes cellPulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes heartBeat{0%,to{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.18)}60%{transform:scale(1)}}@keyframes coinSpin{0%,to{transform:scaleX(1)}50%{transform:scaleX(.15)}}.blink{animation:blink 1s steps(1) infinite}.float-up{animation:floatUp 1.4s ease-in-out infinite alternate}.beat{transform-origin:center;animation:heartBeat 1.6s ease-in-out infinite}.coin{transform-origin:center;animation:coinSpin 2.8s ease-in-out infinite}.cell-pulse{animation:cellPulse 1.2s steps(2) infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.pxbtn{border:3px solid var(--outline);border-radius:var(--radius-btn);cursor:pointer;font-family:var(--font-px);color:#fff;text-shadow:1px 1px 0 rgba(13,6,32,.7);display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .06s steps(2),box-shadow .06s steps(2);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.pxbtn:active{transform:translateY(4px)}.pxbtn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pxbtn--lg{height:54px;font-size:10px;width:100%}.pxbtn--md{height:46px;font-size:9px;width:100%}.pxbtn--sm{height:32px;font-size:7px;padding:0 10px}.pxbtn--icon{width:44px;height:44px;padding:0;flex-shrink:0}.pxbtn--green{background:var(--green);box-shadow:inset 0 -7px 0 var(--green-dark),inset 0 4px 0 var(--green-light),0 4px 0 var(--outline);text-shadow:1px 1px 0 var(--green-shadow)}.pxbtn--red{background:var(--red);box-shadow:inset 0 -6px 0 var(--red-dark),inset 0 3px 0 var(--pink-light),0 3px 0 var(--outline);text-shadow:1px 1px 0 var(--red-shadow)}.pxbtn--cyan{background:var(--cyan);color:var(--outline);text-shadow:none;box-shadow:inset 0 -6px 0 var(--cyan-dark),inset 0 3px 0 var(--cyan-light),0 3px 0 var(--outline)}.pxbtn--gold{background:var(--gold);color:var(--outline);text-shadow:none;box-shadow:inset 0 -7px 0 var(--gold-dark),inset 0 4px 0 var(--gold-light),0 4px 0 var(--outline)}.pxbtn--purple{background:var(--panel);color:#fff;text-shadow:none;box-shadow:inset 0 -4px 0 var(--sky-2),inset 0 3px 0 var(--bevel)}.pxbtn--sm.pxbtn--purple{color:var(--muted)}.pxbtn:active{box-shadow:inset 0 -2px #00000040}.sky__stars{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:10;height:calc(var(--tabbar-h) + var(--safe-bottom));border-top:3px solid var(--outline);background:var(--panel-dark);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:10px 8px calc(20px + var(--safe-bottom))}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted);text-decoration:none;font-family:var(--font-px);font-size:7px;-webkit-tap-highlight-color:transparent}.tab--active{color:var(--gold)}.field{width:100%;border:3px solid var(--outline);border-radius:var(--radius);background:var(--panel-dark);box-shadow:inset 0 3px 0 var(--panel);padding:10px 12px;outline:none;resize:none;font-size:14px;line-height:1.5}.field:focus{border-color:var(--bevel)}.check{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--cyan);cursor:pointer}.check input{width:22px;height:22px;margin:0;accent-color:var(--green);flex-shrink:0}.slot{position:relative;height:104px;border:3px solid var(--outline);border-radius:var(--radius);background:var(--panel-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;overflow:hidden;color:#fff;font-size:11px}.slot img,.slot video{width:100%;height:100%;object-fit:cover}.slot--add{background:var(--panel);box-shadow:inset 0 -5px 0 var(--sky-2),inset 0 3px 0 var(--bevel);cursor:pointer}.slot--empty{border-style:dashed;border-color:var(--bevel);background:transparent;color:var(--disabled)}.slot__x{position:absolute;top:-10px;right:-10px;width:28px;height:28px;font-size:8px}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}.podium__card{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;padding:12px 8px 10px!important}.podium__name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:600}.lb-row{display:flex;align-items:center;gap:10px;height:52px;border-bottom:2px dotted var(--bevel)}.lb-row:last-child{border-bottom:0}.lb-row--me{background:#ffe0660f;margin:0 -14px;padding:0 14px}.ach-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.ach{display:flex;flex-direction:column;align-items:center;gap:5px}.ach__box{width:48px;height:48px;border:3px solid var(--outline);border-radius:var(--radius);background:var(--bg);box-shadow:inset 0 3px 0 var(--bevel);display:flex;align-items:center;justify-content:center}.ach--locked .ach__box{background:var(--panel-dark);box-shadow:none}.ach__name{font-size:9px;color:var(--text-2);text-align:center;line-height:1.2}.ach--locked .ach__name{color:var(--disabled)}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.media-grid--1{grid-template-columns:1fr}.media{height:120px;border:3px solid var(--outline);background:var(--panel-dark);overflow:hidden;display:flex;align-items:center;justify-content:center}.media img,.media video{width:100%;height:100%;object-fit:cover}.toast{position:fixed;left:var(--pad);right:var(--pad);bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 12px);z-index:20;border:3px solid var(--outline);border-radius:var(--radius);background:var(--panel);box-shadow:inset 0 4px 0 var(--bevel),0 6px 0 var(--outline);padding:12px 14px;font-size:13px}.scene{position:relative;height:calc(260px + var(--safe-top));flex-shrink:0;overflow:hidden;--h: var(--safe-top);background:linear-gradient(to bottom,var(--sky-1) 0 calc(44px + var(--h)),var(--sky-2) calc(44px + var(--h)) calc(84px + var(--h)),var(--sky-3) calc(84px + var(--h)) calc(118px + var(--h)),var(--sky-4) calc(118px + var(--h)) calc(146px + var(--h)),var(--sky-5) calc(146px + var(--h)) calc(170px + var(--h)),var(--sky-6) calc(170px + var(--h)) calc(190px + var(--h)),var(--sky-7) calc(190px + var(--h)) calc(200px + var(--h)),var(--ground) calc(200px + var(--h)))}.scene__stars{position:absolute;left:0;top:var(--safe-top);width:100%;height:200px}.scene__ground{position:absolute;left:0;top:calc(150px + var(--safe-top));width:100%;height:60px}.sun{position:absolute;left:calc(50% - 75px);top:calc(60px + var(--safe-top));width:150px;height:150px;animation:sunBob 7s ease-in-out infinite}.sun__disc{width:150px;height:150px;border-radius:50%;background:linear-gradient(to bottom,#fff0a0 0,#fff0a0 22%,#ffe066 22%,#ffe066 40%,#ffb13d 40%,#ffb13d 56%,#ff7a4a 56%,#ff7a4a 70%,#ff4e8c 70%,#ff4e8c 84%,#e0307a 84%,#e0307a)}.sun__stripes{position:absolute;left:0;top:75px;width:150px;height:75px;background:repeating-linear-gradient(to bottom,transparent 0 11px,var(--sky-5) 11px 15px);animation:sunStripes 2.2s linear infinite}.pole-svg{position:absolute;left:254px;top:calc(149px + var(--safe-top))}.crew{position:absolute;left:0;top:calc(152px + var(--safe-top));width:42px;height:48px;animation:rideX 10s linear 1 forwards}.crewbob{width:42px;height:48px;animation:rideBob .32s steps(2) 14}.rider{transform-box:fill-box;transform-origin:50% 100%;animation:riderFall 10s linear 1 forwards}.scooter{transform-box:fill-box;transform-origin:100% 100%;animation:scooterCrash 10s linear 1 forwards}.pole{transform-box:fill-box;transform-origin:50% 100%}.pole--run{animation:poleWobble 10s linear 1 forwards}.lamp--run{animation:lampFlicker 10s linear 1 forwards}.dizzy{animation:dizzyShow 10s linear 1 forwards}.dz1{animation:dizzyBlink .8s steps(2) 5.3s 8 forwards}.dz2{animation:dizzyBlink .8s steps(2) 5.57s 8 forwards}.dz3{animation:dizzyBlink .8s steps(2) 5.83s 8 forwards}.tw{animation:twinkle 2.4s ease-in-out infinite}.tw1{animation-delay:0s}.tw2{animation-delay:.6s}.tw3{animation-delay:1.1s}.tw4{animation-delay:1.7s}.tw5{animation-delay:.3s}.gem{animation:gemFloat 3.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.gemcore{animation:gemShine 3s linear infinite}@keyframes sunBob{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}@keyframes sunStripes{0%{background-position:0 0}to{background-position:0 15px}}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.15}}@keyframes gemFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes gemShine{0%,80%,to{opacity:1}90%{opacity:.4}}@keyframes rideX{0%{transform:translate(-60px)}44%,to{transform:translate(222px)}}@keyframes rideBob{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes riderFall{0%,44.5%{transform:rotate(0)}46%{transform:rotate(18deg)}47.5%{transform:rotate(-35deg)}49.5%{transform:rotate(-104deg)}51%{transform:rotate(-84deg)}52.5%,to{transform:rotate(-90deg)}}@keyframes scooterCrash{0%,44.5%{transform:rotate(0)}46%{transform:rotate(38deg)}48%{transform:rotate(16deg)}50%{transform:rotate(30deg)}52%,to{transform:rotate(26deg)}}@keyframes poleWobble{0%,44.5%{transform:rotate(0)}45.5%{transform:rotate(4deg)}46.5%{transform:rotate(-3deg)}47.5%{transform:rotate(2deg)}48.5%,to{transform:rotate(0)}}@keyframes lampFlicker{0%,44.5%{opacity:1}45%{opacity:.1}45.5%{opacity:1}46%{opacity:.2}46.5%{opacity:1}47.5%{opacity:.3}48%,to{opacity:1}}@keyframes dizzyShow{0%,52%{opacity:0}53%,to{opacity:1}}@keyframes dizzyBlink{0%,to{opacity:1}50%{opacity:.1}}@media (max-width: 360px){.pole-svg{left:236px}@keyframes rideX{0%{transform:translate(-60px)}44%,to{transform:translate(204px)}}}