.music-player{position:absolute;z-index:20;right:18px;bottom:18px;width:286px;height:166px;padding:10px;color:#222;background:linear-gradient(145deg,#d8d8d2,#8f9290 55%,#777b79);border-radius:16px 16px 24px 24px;border:2px solid #e8e9e3;box-shadow:0 12px 30px #000a,inset -3px -5px 9px #535755,inset 4px 4px 6px #fff9;font-family:Arial,sans-serif}.music-player:after{content:"";position:absolute;inset:4px;border-radius:13px 13px 21px 21px;border:1px solid #6668;pointer-events:none}.player-lid{position:absolute;left:9px;top:9px;width:82px;height:103px;border-radius:12px 5px 5px 12px;background:linear-gradient(145deg,#bfc1bd,#777b79);border:1px solid #595c5a;box-shadow:inset 2px 2px 4px #eee8}.disc-window{position:absolute;width:62px;height:62px;left:9px;top:8px;border-radius:50%;overflow:hidden;background:#272b30;border:3px solid #666;box-shadow:inset 0 0 10px #000}.disc{position:absolute;inset:5px;border-radius:50%;background:conic-gradient(#a9f,#5ef 50deg,#fff 90deg,#fa5,#8ff,#eee 270deg,#a9f 360deg);opacity:.75;animation:spin 2.2s linear infinite;animation-play-state:paused}.disc.playing{animation-play-state:running}.disc:after{content:"";position:absolute;inset:19px;border-radius:50%;background:#222;border:5px solid #aaa}.disc i{position:absolute;inset:2px;border:1px solid #fff7;border-radius:50%}@keyframes spin{to{transform:rotate(360deg)}}.lid-print{position:absolute;bottom:6px;width:100%;text-align:center;font:7px/1.1 Arial;color:#303335;letter-spacing:1px}.lid-print b{font-size:8px}.screen{position:absolute;left:100px;right:10px;top:12px;height:67px;padding:6px 7px;color:#1d2c20;background:#a9b69b;border:2px inset #dbddd5;border-radius:3px;box-shadow:inset 0 0 8px #71806c;font-family:Courier New,monospace;overflow:hidden}.screen-mode{font-size:8px;letter-spacing:1px}.screen-mode b{font-size:11px}.screen #trackTitle{height:23px;padding-top:2px;white-space:nowrap;overflow:hidden;font:700 10px/18px Courier New;text-transform:uppercase;animation:marquee 11s linear infinite}@keyframes marquee{0%,15%{text-indent:0}80%,to{text-indent:-130px}}.progress-row{display:flex;align-items:center;gap:4px;font-size:7px}.progress{height:4px;flex:1;background:#34443855}.progress i{display:block;width:0;height:100%;background:#26372a}.player-controls{position:absolute;left:100px;right:10px;top:88px;height:37px;display:flex;align-items:center;gap:6px}.player-controls button{width:31px;height:27px;border-radius:50%;color:#242627;background:linear-gradient(#f1f1ec,#969994);box-shadow:0 2px 2px #333;border:1px solid #696b68;font:700 9px Arial}.player-controls button:active{transform:translateY(2px);box-shadow:none}.player-controls .play{width:37px;height:34px;color:#ef5935}.player-controls label{font:700 7px Arial;color:#373938;display:flex;align-items:center;gap:3px;transform:rotate(-90deg);width:43px;margin-left:3px}.player-controls input{width:42px;height:4px;accent-color:#ef5935}.music-keys{position:absolute;left:104px;bottom:9px;font:700 7px Arial;color:#424443;letter-spacing:.5px}.music-player.empty .disc{background:#2d3030}.music-player.empty .disc:before{content:"NO DISC";position:absolute;z-index:2;font:700 7px Arial;color:#aaa;left:11px;top:17px}.music-player.empty .player-controls button{opacity:.45}*{box-sizing:border-box}:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;--lime:#d8ff38;--orange:#ff6b35;--ink:#17191c;--paper:#e8e2d4}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#252832}button,input{font:inherit}#world{position:absolute;inset:0;width:100%;height:100%;outline:none;cursor:crosshair}.topbar{position:absolute;top:0;left:0;right:0;height:78px;display:flex;align-items:center;gap:25px;padding:9px 20px 9px 24px;background:linear-gradient(180deg,#0f1012f7,#18191be8);border-bottom:2px solid rgba(216,255,56,.65);box-shadow:0 5px 20px #0008;z-index:10}.brand{width:245px;transform:rotate(-1deg);line-height:.88;color:#fff;text-shadow:3px 3px 0 #000}.brand-kicker{display:block;color:var(--lime);font:700 10px/1 Arial;letter-spacing:3px;margin-bottom:4px}.brand strong{font:900 italic 28px/1 Impact,sans-serif;letter-spacing:1px}.mode-label{display:flex;align-items:center;gap:8px;font:700 11px Arial;letter-spacing:2px;color:#aaa}.mode-label i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}.top-actions{margin-left:auto;display:flex;gap:10px;align-items:center}button{border:0;cursor:pointer;color:#fff}.tape-btn,.quiet-btn{height:36px;padding:0 14px;background:#34363b;border:1px solid #62656b;font:700 10px Arial;letter-spacing:1px;box-shadow:inset 0 0 0 2px #202125}.quiet-btn{color:#aaa}.drop-btn{height:46px;padding:0 22px;color:#17191c;background:var(--lime);font:900 italic 16px Impact,sans-serif;letter-spacing:1px;transform:skew(-5deg);box-shadow:4px 4px #050505}.drop-btn span{padding-left:7px}.palette{position:absolute;z-index:8;top:96px;left:18px;bottom:68px;width:250px;background:#17181bf0;border:1px solid #55585d;box-shadow:8px 10px 25px #0008;display:flex;flex-direction:column}.palette:before{content:"";position:absolute;width:65px;height:18px;background:#f3dc7a99;top:-10px;left:87px;transform:rotate(-2deg)}.palette-head{flex:0 0 auto;display:flex;justify-content:space-between;padding:20px 14px 10px;color:#eee;font:700 10px Arial;letter-spacing:1.5px;border-bottom:1px dashed #555}.palette-head small{color:var(--lime)}.piece-list{padding:8px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:7px;scrollbar-width:thin}.piece-card{min-height:72px;position:relative;text-align:left;padding:42px 8px 7px;background:#292b30;border:1px solid #44474c;overflow:hidden;transition:.12s}.piece-card:hover{border-color:#999;transform:translateY(-1px)}.piece-card.active{border-color:var(--lime);box-shadow:inset 0 -3px var(--lime);background:#363a32}.piece-card b{position:absolute;left:7px;right:4px;bottom:6px;font:700 9px Arial;letter-spacing:.6px}.piece-icon{position:absolute;top:9px;left:50%;width:54px;height:27px;transform:translate(-50%) skew(-20deg) rotate(-7deg);background:#92969a;border:2px solid #dadcda;box-shadow:7px 7px #151618}.piece-icon.quarter{border-radius:3px 20px 0 0;clip-path:polygon(0 100%,100% 100%,100% 0,76% 10%,52% 31%,25% 68%)}.piece-icon.half{clip-path:polygon(0 0,10% 0,18% 70%,30% 100%,70% 100%,82% 70%,90% 0,100% 0,100% 100%,0 100%)}.piece-icon.bowl{border-radius:2px 2px 22px}.piece-icon.funbox{clip-path:polygon(0 100%,18% 20%,82% 20%,100% 100%)}.piece-icon.kicker{clip-path:polygon(0 100%,100% 20%,100% 100%)}.piece-icon.rail{height:18px;background:transparent;border:0;border-top:4px solid #bbb;box-shadow:none}.piece-icon.rail:before,.piece-icon.rail:after{content:"";position:absolute;height:19px;border-left:3px solid #aaa;top:-3px}.piece-icon.rail:before{left:7px}.piece-icon.rail:after{right:7px}.piece-icon.ledge,.piece-icon.manual,.piece-icon.concrete{height:17px}.piece-icon.stairs{clip-path:polygon(0 100%,0 80%,18% 80%,18% 60%,36% 60%,36% 40%,54% 40%,54% 20%,72% 20%,72% 0,100% 0,100% 100%)}.piece-icon.bank{clip-path:polygon(0 100%,20% 10%,80% 10%,100% 100%)}.piece-icon.volcano{clip-path:polygon(0 100%,30% 10%,70% 10%,100% 100%)}.rotate-note{padding:10px;color:#888;font:700 9px Arial;text-align:center;border-top:1px solid #3d3f43}kbd{display:inline-block;min-width:20px;padding:3px 5px;color:#17191c;background:#d9d5c8;border-radius:2px;box-shadow:0 2px #73716d;text-align:center;font:700 9px Arial}.builder-help,.skate-help{position:absolute;left:288px;bottom:18px;z-index:7;display:flex;gap:8px}.builder-help span,.skate-help span{color:#c5c5c5;background:#1d1f22dd;padding:7px 9px;font:700 9px Arial;letter-spacing:.4px;border:1px solid #4a4b4d}.builder-help b{color:var(--lime)}.hidden{display:none!important}.hud{position:absolute;inset:90px 22px auto;z-index:7;pointer-events:none;display:flex;justify-content:space-between}.speed{width:100px;height:70px;padding:8px 12px;background:#17191ce6;border-left:5px solid var(--lime);transform:skew(-5deg)}.speed span{font:italic 38px/1 Impact}.speed small{display:block;color:#999;font:8px Arial;letter-spacing:3px}.trick-zone{text-align:right;font:11px Arial;color:#aaa;text-shadow:2px 2px #000}#trickName{color:#fff;font:italic 28px Impact;letter-spacing:1px;min-height:34px}#comboScore{color:var(--lime);font-size:20px}.air-meter{position:absolute;top:78px;right:0;width:150px;height:4px;background:#fff3;overflow:hidden}.air-meter i{display:block;height:100%;width:0;background:var(--orange)}.skate-help{left:50%;transform:translate(-50%);white-space:nowrap}.cinema-tag{position:absolute;z-index:8;left:24px;top:177px;padding:7px 12px;color:#17191c;background:var(--orange);font:900 italic 11px Arial;letter-spacing:1.5px;transform:skew(-6deg);box-shadow:3px 3px #111}#app.fisheye:after{content:"REC  ●";position:absolute;inset:78px 0 0;z-index:6;pointer-events:none;border-radius:12%;box-shadow:inset 0 0 130px 35px #000b;color:#ff6048;padding:22px;font:700 10px Arial;letter-spacing:2px}.toast{position:absolute;z-index:30;left:50%;top:105px;transform:translate(-50%,-15px);opacity:0;padding:9px 18px;color:#111;background:var(--lime);font:700 11px Arial;letter-spacing:1px;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}.boot{position:absolute;inset:0;z-index:100;background:#17191c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transition:opacity .5s}.boot.done{opacity:0;pointer-events:none}.boot-logo{font:italic 56px Impact;transform:rotate(-3deg);text-shadow:5px 5px #000;color:#fff}.boot-logo em{color:var(--lime)}.boot span{font:9px Arial;letter-spacing:4px;color:#777}@media(max-width:900px){.palette{width:210px}.piece-card{min-height:64px}.builder-help{display:none}.music-player{transform:scale(.85);transform-origin:bottom right}.mode-label{display:none}.topbar{padding-left:12px}.brand{width:190px}.brand strong{font-size:23px}}