:root{--ink:#f4ecd9;--muted:#8e8a80;--orange:#ed633d;--yellow:#f3bd47;--teal:#8dc7b5;--night:#171a20;--panel:#22252c;--line:#3a3e46}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--night);color:var(--ink);font-family:Barlow Condensed,Impact,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.11;z-index:50;background-image:radial-gradient(#f8e4bd .6px,transparent .6px);background-size:4px 4px;mix-blend-mode:screen}button,input{font:inherit}button{cursor:pointer;color:inherit}.mode-screen{height:100vh;width:100vw;position:relative;overflow:hidden}.hidden{display:none!important}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--line);background:#1c1e24;position:relative;z-index:5}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);font-weight:700;font-size:15px;line-height:.84;letter-spacing:1.5px}.brand-mark{font-family:Space Mono,monospace;display:inline-grid;place-items:center;width:38px;height:38px;color:#15171b;background:var(--orange);transform:skew(-7deg);font-weight:700;letter-spacing:-2px}.mode-switch{font:11px Space Mono,monospace;color:#6f7379;letter-spacing:1.5px}.mode-live{color:var(--yellow)}.mode-slash{padding:0 14px;color:#51555c}.top-actions{display:flex;gap:10px}.ghost-button,.primary-button{border:1px solid #555962;background:transparent;padding:11px 15px;font:700 11px Space Mono,monospace;letter-spacing:.4px}.ghost-button:hover{border-color:var(--yellow);color:var(--yellow)}.primary-button{background:var(--orange);border-color:var(--orange);color:#1a1718;box-shadow:4px 4px #883a2b}.primary-button:hover{transform:translate(1px,1px);box-shadow:2px 2px #883a2b}.builder-shell{height:calc(100vh - 84px);display:grid;grid-template-columns:278px 1fr}.panel{background:#202329}.palette{padding:38px 27px 23px;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.panel-kicker,.stage-meta,.stage-tip,.player-topline,.player-bottom,.screen-label,.screen-time{font:10px Space Mono,monospace;letter-spacing:1.3px}.panel-kicker{color:var(--orange);font-weight:700}h1{font-size:43px;line-height:.83;margin:17px 0 16px;letter-spacing:-1px;text-transform:uppercase}h1 em{color:var(--yellow);font-style:normal}.muted{margin:0 0 25px;font:12px/1.45 Space Mono,monospace;color:#858b91;max-width:200px}.palette-list{display:grid;gap:7px;overflow:auto;padding-right:4px}.piece-button{min-height:49px;border:1px solid #343841;background:#292c33;display:flex;align-items:center;gap:12px;text-align:left;padding:7px 11px;transition:.12s ease}.piece-button:hover,.piece-button.selected{border-color:var(--yellow);background:#33343a;transform:translate(3px)}.piece-swatch{width:40px;height:32px;position:relative;flex:none;overflow:hidden}.piece-swatch:before,.piece-swatch:after{content:"";position:absolute;background:var(--swatch,#ed633d)}.piece-swatch:before{width:28px;height:14px;left:5px;top:9px;transform:skewY(-26deg);border-top:3px solid #f2c268}.piece-swatch:after{width:5px;height:22px;bottom:-7px;left:31px;transform:skewY(40deg);opacity:.5}.piece-swatch[data-type=quarter]:before{border-radius:20px 2px 0 0;transform:skewY(-42deg)}.piece-swatch[data-type=halfpipe]:before{height:22px;border-radius:20px 20px 0 0;transform:none;top:2px}.piece-swatch[data-type=bowl]:before{border-radius:50%;height:24px;transform:none;top:4px;border:3px solid #f2c268;background:#bd513b}.piece-swatch[data-type=rail]:before{height:3px;top:14px;transform:rotate(-7deg)}.piece-swatch[data-type=ledge]:before{height:9px;top:12px;transform:skewY(-18deg)}.piece-swatch[data-type=stairs]:before{width:27px;height:18px;top:8px;clip-path:polygon(0 75%,100% 0,100% 100%,0 100%)}.piece-swatch[data-type=ground]:before{height:11px;top:14px;transform:skewY(-18deg);background:#9a9690}.piece-label strong{display:block;font-size:15px;letter-spacing:.3px;text-transform:uppercase}.piece-label small{display:block;color:#888b90;font:9px Space Mono,monospace;margin-top:1px}.palette-foot{margin-top:auto;padding-top:18px;color:#7c838b;font:10px Space Mono,monospace;border-top:1px solid #343841}.dot,.pulse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 8px var(--orange);margin-right:7px}.build-stage{position:relative;min-width:0;background:#4b514e;overflow:hidden;background-image:linear-gradient(135deg,rgba(255,255,255,.025) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.025) 50%,rgba(255,255,255,.025) 75%,transparent 75%);background-size:90px 90px}.build-stage:after{content:"RIVERSIDE\a CONCRETE / 2004";white-space:pre;position:absolute;right:36px;top:108px;font:700 10px/1.5 Space Mono,monospace;letter-spacing:2px;color:#c6c5a9;opacity:.4;transform:rotate(-6deg);pointer-events:none}#isoCanvas{width:100%;height:100%;display:block;cursor:crosshair}.stage-meta{position:absolute;z-index:2;top:20px;left:25px;right:25px;display:flex;justify-content:space-between;color:#c5c7bf;font-size:10px}.stage-meta b{color:#f6de9b;font-weight:400}.stage-tip{position:absolute;left:25px;bottom:20px;color:#d0d2c7;opacity:.8}.keycap{padding:3px 5px;border:1px solid #dad4bf;color:#f4e9cd;margin:0 5px 0 12px;font-size:9px}.keycap:first-child{margin-left:0}.music-player{position:fixed;right:22px;bottom:18px;z-index:20;width:250px;padding:15px 15px 12px;color:#20242a;background:linear-gradient(140deg,#ddd2b5,#b9ae93);border:2px solid #292c30;border-radius:6px;box-shadow:8px 8px #0c0f1259,inset 0 0 0 2px #e9dfc9;transform:rotate(-1.2deg)}.player-screw{position:absolute;width:5px;height:5px;border-radius:50%;background:#737266;box-shadow:inset 1px 1px 1px #3c3d39}.screw-a{top:7px;left:8px}.screw-b{top:7px;right:8px}.screw-c{bottom:7px;left:8px}.screw-d{bottom:7px;right:8px}.player-topline{display:flex;justify-content:space-between;color:#51534b;font-size:8px;padding:0 2px 7px}.player-led{width:6px;height:6px;background:#e54f39;border-radius:50%;box-shadow:0 0 5px #ef634d}.player-screen{background:#25322a;color:#c8e69b;border:3px solid #777665;padding:9px 10px 6px;box-shadow:inset 0 0 10px #101913;overflow:hidden}.screen-label{color:#86a76d;font-size:7px}.track-title{height:20px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:700 13px Space Mono,monospace;letter-spacing:-.7px;margin-top:2px}.screen-meter{height:3px;background:#3e5540;margin-top:5px}.screen-meter span{display:block;width:0;height:100%;background:#c8e69b}.screen-time{display:flex;justify-content:space-between;color:#86a76d;font-size:8px;padding-top:5px}.player-controls{display:flex;align-items:center;gap:7px;padding-top:11px}.player-controls button{border:1px solid #737364;background:#d1c4a7;color:#272b2b;height:27px;min-width:31px;border-radius:3px;font-size:10px}.player-controls button:hover{background:#f0dfb8}.play-button{width:38px;font-size:13px!important;background:#e6c47b!important}.volume-wrap{display:flex;align-items:center;gap:4px;margin-left:auto;font:8px Space Mono,monospace;color:#555750}.volume-wrap input{width:53px;accent-color:#363d34}.player-bottom{display:flex;justify-content:space-between;color:#69695e;padding:10px 2px 0;font-size:7px}.player-bottom #playerStatus{color:#bc4b37}#audio{display:none}.toast{position:fixed;left:50%;top:95px;transform:translate(-50%,-20px);opacity:0;transition:.2s;z-index:40;background:#202329;border:1px solid var(--yellow);color:var(--yellow);padding:10px 14px;font:10px Space Mono,monospace;pointer-events:none}.toast.show{transform:translate(-50%);opacity:1}#skateMode{background:#c98659}.three-mount,#threeMount{position:absolute;inset:0}.game-hud{position:absolute;z-index:5;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 29px;pointer-events:none;background:linear-gradient(#1b2229d9,transparent)}.game-hud button{pointer-events:auto}.hud-brand{display:flex;align-items:center;gap:10px;font:10px Space Mono,monospace;letter-spacing:1px}.hud-brand .brand-mark{width:30px;height:30px}.trick-stack{position:absolute;left:50%;transform:translate(-50%);text-align:center;text-shadow:2px 2px #272c39}.trick-stack #trickName{font-size:27px;color:#ffecbc;letter-spacing:2px;text-transform:uppercase}.trick-stack #comboReadout{color:#f26f48;font:700 12px Space Mono,monospace;margin-top:1px}.trick-stack small{color:#f3d8a0;font-size:8px}.hud-right{display:flex;align-items:center;gap:20px;font:700 15px Space Mono,monospace;color:#ffe2a4}.skate-controls{position:absolute;z-index:5;left:28px;bottom:28px;display:flex;gap:12px;color:#fce3ba;font:9px Space Mono,monospace;text-shadow:1px 1px #453332}.skate-controls kbd{padding:4px 6px;border:1px solid #ecd29b;background:#433c3a80;font:9px Space Mono,monospace;margin-right:2px}.air-badge{position:absolute;z-index:5;left:50%;top:39%;transform:translate(-50%,-50%) scale(.7) rotate(-7deg);color:#ffda65;font:800 34px Barlow Condensed,sans-serif;letter-spacing:5px;opacity:0;transition:.12s;text-shadow:3px 3px #a64437}.air-badge.show{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-7deg)}.replay-badge{position:absolute;z-index:5;right:28px;bottom:28px;font:9px Space Mono,monospace;color:#f4dbb1}.replay-badge .pulse-dot{background:#f4b644}@media(max-width:800px){.builder-shell{grid-template-columns:220px 1fr}.palette{padding-left:17px;padding-right:14px}.topbar{padding:0 17px}.mode-switch{display:none}.music-player{transform:scale(.88) rotate(-1deg);transform-origin:bottom right;right:10px;bottom:7px}.skate-controls{max-width:52%;flex-wrap:wrap}.game-hud{padding:0 17px}}