*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#17191b;color:#f6e7bb;font-family:ui-monospace,monospace}button{font:inherit;color:inherit;cursor:pointer}#app,.mode{width:100vw;height:100vh}.hidden{display:none!important}#build{display:grid;grid-template-columns:270px 1fr;background:#c65d32}#palette{z-index:4;background:#192020;border-right:5px solid #f4a32d;padding:17px 13px;overflow:auto}.brand{font-family:Impact,sans-serif;font-size:30px;line-height:.84;color:#ffe4a1;text-shadow:3px 3px #b7442d}.brand i{color:#f7a52b;font-size:20px}.caption{font-size:10px;color:#82b8ab;border-bottom:1px dashed #5c736d;padding-bottom:12px}.part{width:100%;display:flex;align-items:center;gap:6px;background:#293433;border:1px solid #58716b;border-left:5px solid #f29b2e;padding:7px;margin:5px 0;text-align:left;transition:.15s;font-size:12px}.part small{display:block;color:#9fb8a8;font-size:8px;margin-top:2px}.part:hover,.part.active{background:#f4a32d;color:#172020;transform:translateX(3px)}.part.active small,.part:hover small{color:#38453d}.glyph{font-size:24px;color:#ffdc85;width:26px;text-align:center}.sidebuttons{position:sticky;bottom:0;padding-top:8px;background:#192020}.sidebuttons button,#back{border:2px solid #f6d880;background:#293331;padding:11px;width:100%;margin-top:7px;font-weight:bold}.sidebuttons #drop{background:#e7472e;border-color:#ffd787;color:#fff}.sidebuttons button:hover,#back:hover{background:#f4a32d;color:#14201e}#yard{position:relative;min-width:0;background:radial-gradient(circle at 50% 40%,#e5a351,#bb4d34 60%,#29262d)}#builder{width:100%;height:100%;display:block;cursor:crosshair}#buildHud{position:absolute;left:20px;bottom:18px;background:#202724e8;border:1px solid #f0b43c;padding:10px;font-size:11px;display:flex;gap:18px;max-width:calc(100% - 280px)}#selection{color:#ffcf61}#three{width:100%;height:100%;display:block;background:#ef9c4f}#skateHud{pointer-events:none;position:absolute;inset:0;padding:28px}.controls{position:absolute;left:24px;bottom:21px;font-size:11px;line-height:1.8;background:#1b2121d9;border-left:4px solid #f2a12f;padding:9px}.controls:first-line{color:#ffe192}#score{font-size:32px;text-shadow:3px 3px #9d3b30}.score small{font-size:10px}#trick{font-size:18px;color:#ffd55f;margin-top:4px;text-shadow:1px 1px #1b2020}#speed{font-size:12px;color:#1d2927;background:#e1b566bb;width:max-content;padding:2px 5px}#back{position:absolute;top:18px;left:18px;width:auto;background:#1d2522e8}#player{position:fixed;right:20px;bottom:18px;width:220px;height:205px;z-index:9;padding:12px 13px;background:linear-gradient(120deg,#c1c6bc,#59635e 45%,#232b2a 46%,#384440);border:4px solid #121818;border-radius:11px;box-shadow:7px 10px 0 #0007,inset 1px 1px #fff8;color:#17231f;transform:rotate(-2deg)}.playerTop{display:flex;justify-content:space-between;font-family:Impact,sans-serif;letter-spacing:1px;line-height:.86;font-size:19px}.playerTop b{color:#eb562f;text-shadow:1px 1px #ffe6a4}#playingLed{width:10px;height:10px;border-radius:50%;background:#2a3b34;box-shadow:inset 1px 1px #000}.on{background:#ff3c28!important;box-shadow:0 0 8px #ff3c28!important}.lcd{margin-top:12px;background:#b9c589;border:4px inset #4b5449;padding:6px;height:60px;color:#26362a;text-shadow:1px 1px #dbe7ad;overflow:hidden}.lcd #track{white-space:nowrap;font-weight:bold;font-size:12px;animation:marquee 9s linear infinite}.bar{height:5px;background:#66765f;margin-top:8px}.bar i{display:block;background:#26362a;width:0;height:100%}.lcd small{font-size:9px}.transport{display:flex;align-items:center;justify-content:space-around;margin:9px 18px}.transport button{width:33px;height:27px;border-radius:50%;border:2px solid #1c2523;background:#dc562f;box-shadow:1px 2px #202522;font-weight:bold}.transport #play{width:42px;height:35px;background:#f2a932}#volume{width:100%;accent-color:#e05231}.playerHint{text-align:center;font-size:8px;margin-top:4px}@keyframes marquee{0%,25%{transform:translateX(0)}75%,100%{transform:translateX(-55%)}}@media(max-width:800px){#build{grid-template-columns:205px 1fr}.part small{display:none}#player{transform:scale(.8);transform-origin:bottom right;right:4px;bottom:2px}}