@font-face{font-family:Anton;src:url(./Anton-Regular-DDTWnLuj.ttf)format("truetype");font-display:block}@font-face{font-family:Permanent Marker;src:url(./PermanentMarker-Regular-DnjE0ONq.ttf)format("truetype");font-display:block}@font-face{font-family:Rock Salt;src:url(./RockSalt-Regular-DS_1f4Z7.ttf)format("truetype");font-display:block}@font-face{font-family:Barlow Condensed;src:url(./BarlowCondensed-SemiBold-B7YG4rBL.ttf)format("truetype");font-weight:600;font-display:block}@font-face{font-family:Barlow Condensed;src:url(./BarlowCondensed-Bold-v1X23fbx.ttf)format("truetype");font-weight:700;font-display:block}@font-face{font-family:VT323;src:url(./VT323-Regular-DICElq-Y.ttf)format("truetype");font-display:block}:root{--ink:#16130f;--paper:#efe6d2;--orange:#f26a1b;--red:#d42b1f;--yellow:#f2c500;--green:#35d47a;--ui-font:"Barlow Condensed", "Arial Narrow", sans-serif;--display-font:"Anton", Impact, sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--ui-font);color:var(--paper);-webkit-user-select:none;user-select:none;background:#1a1714;margin:0;overflow:hidden}#gl{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}.mode-ui{pointer-events:none;position:fixed;inset:0}.mode-ui>*{pointer-events:auto}.overlay{z-index:50;background:#14110e url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"8\" height=\"8\"><circle cx=\"2\" cy=\"2\" r=\"1\" fill=\"%23221d18\"/></svg>");justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-box{text-align:center}.logo{font-family:var(--display-font);letter-spacing:2px;color:var(--paper);text-shadow:4px 4px 0 var(--red);font-size:72px;line-height:.9}.logo span{color:var(--orange);text-shadow:2px 2px 0 var(--ink);letter-spacing:8px;font-size:28px;display:block}.loading-bar{border:3px solid var(--paper);background:#000;width:320px;height:14px;margin:24px auto 10px;transform:skew(-12deg)}#loading-fill{background:var(--orange);width:0;height:100%;transition:width .2s}#loading-text{color:#c9bfa8;font-family:Permanent Marker;font-size:18px}#loading-text.error{color:#ff5a4a}.btn{font-family:var(--display-font);letter-spacing:1px;text-transform:uppercase;color:var(--ink);background:var(--paper);border:3px solid var(--ink);cursor:pointer;box-shadow:4px 4px 0 var(--ink);padding:7px 16px;font-size:18px;transition:transform 80ms,box-shadow 80ms;transform:rotate(-1deg)}.btn:hover{box-shadow:6px 6px 0 var(--ink);transform:rotate(-1deg)translate(-1px,-1px)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:rotate(-1deg)translate(3px,3px)}.btn-primary{background:var(--orange);color:#fff;text-shadow:1px 1px 0 var(--ink);font-size:22px;transform:rotate(1.5deg)}.btn-primary:hover{transform:rotate(1.5deg)translate(-1px,-1px)}.btn-ghost{color:var(--paper);border-color:var(--paper);background:#2a2521;box-shadow:4px 4px #000}#topbar{border-bottom:3px solid var(--ink);background:linear-gradient(#14110eeb,#14110ebf);justify-content:space-between;align-items:center;height:64px;padding:0 18px 0 14px;display:flex;position:absolute;top:0;left:0;right:0}.brand{font-family:var(--display-font);align-items:baseline;gap:8px;display:flex}.brand-main{color:var(--paper);text-shadow:3px 3px 0 var(--red);letter-spacing:1px;font-size:38px}.brand-sub{color:var(--orange);letter-spacing:5px;font-size:20px}.brand-year{color:#b9ae96;margin-left:4px;font-family:Permanent Marker;font-size:15px;transform:rotate(-4deg)}.topbar-buttons{align-items:center;gap:14px;display:flex}#palette{border:3px solid var(--ink);background:#1a1612f0;flex-direction:column;width:214px;display:flex;position:absolute;top:76px;bottom:12px;left:12px;overflow:hidden;box-shadow:5px 5px #0009}.palette-head{font-family:var(--display-font);letter-spacing:2px;background:var(--yellow);color:var(--ink);border-bottom:3px solid var(--ink);padding:8px 10px;font-size:20px}.palette-sub{letter-spacing:0;text-transform:none;font-family:Permanent Marker;font-size:11px;display:block}#palette-list{scrollbar-width:thin;scrollbar-color:#5a4d3a transparent;flex:1;grid-template-columns:1fr 1fr;gap:6px;padding:6px;display:grid;overflow-y:auto}.piece{cursor:pointer;color:#d8cdb4;letter-spacing:.5px;text-transform:uppercase;background:#2b2520;border:2px solid #3d352c;flex-direction:column;align-items:center;gap:2px;padding:4px 2px 5px;font-size:13px;font-weight:600;display:flex}.piece:hover{border-color:var(--yellow);background:#352d26}.piece.active{border-color:var(--orange);color:#fff;box-shadow:inset 0 0 0 1px var(--orange);background:#4a2c17}.piece canvas{image-rendering:auto;background:radial-gradient(circle at 50% 40%,#3b332a,#221d18 70%);border-radius:3px;width:84px;height:84px}.piece .sz{color:#8f8470;text-transform:none;letter-spacing:0;font-family:VT323;font-size:13px}.palette-foot{color:#a89b82;border-top:2px solid #3d352c;padding:7px 10px;font-size:13px;line-height:1.45}.palette-foot b{color:var(--yellow)}#build-status{color:#e8dcc0;text-shadow:2px 2px #000;pointer-events:none;font-family:Permanent Marker;font-size:16px;position:absolute;bottom:14px;left:240px}#skate-topbar{gap:12px;display:flex;position:absolute;top:14px;left:14px}#score{text-align:right;font-family:var(--display-font);position:absolute;top:12px;right:18px}#score-total{color:var(--paper);text-shadow:3px 3px 0 var(--ink), 5px 5px 0 var(--red);letter-spacing:1px;font-size:42px}#score-combo{color:var(--yellow);text-shadow:2px 2px 0 var(--ink);min-height:30px;font-family:Permanent Marker;font-size:24px}#score-combo.landed{color:var(--green)}#score-combo.bailed{color:#ff5a4a}#trick-readout{text-align:center;font-family:var(--display-font);letter-spacing:2px;color:var(--paper);text-shadow:3px 3px 0 var(--ink), 6px 6px 0 var(--orange);pointer-events:none;text-transform:uppercase;font-size:40px;transition:opacity .3s;position:absolute;bottom:118px;left:0;right:0}#trick-readout.pop{animation:.25s ease-out pop}@keyframes pop{0%{transform:scale(1.35)rotate(-2deg)}to{transform:scale(1)rotate(0)}}#balance{border:3px solid var(--ink);background:#0000008c;width:260px;height:14px;margin-left:-130px;position:absolute;bottom:190px;left:50%}#balance-bar{background:var(--yellow);border:2px solid var(--ink);width:10px;height:14px;position:absolute;top:-3px;left:calc(50% - 5px)}#controls-hint{color:#d9cdb2;border:2px solid var(--ink);background:#14110eb8;padding:6px 10px;font-size:14px;line-height:1.5;position:absolute;bottom:12px;left:14px}#controls-hint b{color:var(--yellow);background:#111;border-radius:2px;padding:0 4px;font-family:VT323;font-size:17px}#replay-ui{text-align:center;position:absolute;top:14px;left:50%;transform:translate(-50%)}#replay-ui .rec{font-family:var(--display-font);color:#ff3b2f;text-shadow:2px 2px #000;font-size:28px;animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.35}}.replay-hint{color:#e8dcc0;text-shadow:1px 1px #000;font-size:14px}.replay-hint b{color:var(--yellow)}#player{z-index:20;filter:drop-shadow(6px 8px 6px #0009);width:236px;font-family:var(--ui-font);position:fixed;bottom:16px;right:16px}#player-lid{transform-origin:50% 100%;z-index:2;background:radial-gradient(at 30% 25%,#e9ebee 0%,#b9bec6 40%,#7f858e 100%);border:3px solid #2d3036;border-bottom-width:2px;border-radius:110px 110px 18px 18px/120px 120px 18px 18px;height:150px;transition:transform .6s cubic-bezier(.2,.8,.3,1);position:relative;overflow:hidden}#player.open #player-lid{transform:perspective(500px)rotateX(38deg)}.lid-window{background:#121417;border:4px solid #3a3f46;border-radius:50%;width:118px;height:118px;margin:-59px 0 0 -59px;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:inset 0 0 12px #000}#disc{background:conic-gradient(#d9dde3,#8fa3c7,#e6d7b5,#b68fbf,#9cd3d1,#d9dde3);border-radius:50%;animation:1.8s linear infinite paused spin;position:absolute;inset:6px;box-shadow:inset 0 0 0 2px #fff8,0 0 6px #000}#player.playing #disc{animation-play-state:running}@keyframes spin{to{transform:rotate(360deg)}}.disc-label{color:#fff;text-align:center;background:#e63b2e;border-radius:50%;justify-content:center;align-items:center;font-family:Permanent Marker;font-size:10px;line-height:1;display:flex;position:absolute;inset:22px;transform:rotate(-20deg);box-shadow:inset 0 0 0 3px #fff3}.disc-hole{background:#1a1c20;border:2px solid #999;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;top:50%;left:50%}.lid-stickers{pointer-events:none;position:absolute;inset:0}.stk{font-family:var(--display-font);color:#fff;border:1.5px solid #111;padding:1px 5px;font-size:11px;position:absolute}.stk1{background:var(--red);top:46px;left:10px;transform:rotate(-14deg)}.stk2{background:#111;top:40px;right:12px;transform:rotate(10deg)}.stk3{background:var(--yellow);color:#111;border-radius:50%;padding:1px 4px;bottom:22px;right:26px;transform:rotate(-6deg)}.lid-brand{font-family:var(--display-font);letter-spacing:1px;color:#2d3036;font-size:12px;position:absolute;bottom:8px;left:14px}.lid-brand small{font-family:var(--ui-font);color:#444a52;margin-left:4px;font-size:9px}#player-body{background:linear-gradient(#8f959d,#5c626b 60%,#3f444b);border:3px solid #2d3036;border-radius:14px 14px 22px 22px;margin-top:-8px;padding:10px 10px 8px;position:relative}#lcd{color:#172014;background:#7f9a6e linear-gradient(#0000000f 1px,#0000 1px) 0 0/100% 3px;border:2px solid #2d3036;padding:3px 6px 4px;font-family:VT323,monospace;font-size:15px;line-height:1.05;box-shadow:inset 0 2px 6px #00000073}.lcd-row1{justify-content:space-between;font-size:14px;display:flex}.lcd-title-wrap{white-space:nowrap;height:20px;margin-top:1px;overflow:hidden}#lcd-title{letter-spacing:1px;will-change:transform;padding-left:0;font-size:20px;display:inline-block}#lcd-title.scroll{animation:marquee var(--marquee-dur,8s) linear infinite}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.lcd-row3{align-items:center;gap:6px;height:10px;margin-top:2px;display:flex}#lcd-progress{background:0 0;border:1px solid #172014;flex:1;height:6px}#lcd-progress-fill{background:#172014;width:0;height:100%}#lcd-spectrum{align-items:flex-end;gap:1px;width:46px;height:10px;display:flex}#lcd-spectrum i{background:#172014;width:4px;height:1px;display:block}.controls{align-items:center;gap:6px;margin-top:8px;display:flex}.pbtn{color:#1c1f23;cursor:pointer;background:linear-gradient(#d5d9de,#9aa0a8);border:2px solid #23262b;border-radius:6px;width:38px;height:26px;font-size:13px;box-shadow:0 2px #23262b}.pbtn:active,.pbtn.down{box-shadow:none;transform:translateY(2px)}.pbtn-big{background:linear-gradient(#f6c85f,#d9971f);width:50px;height:30px;font-size:15px}.vol-wrap{align-items:center;gap:4px;margin-left:auto;display:flex}.vol-label{color:#d5d9de;letter-spacing:1px;font-size:10px;font-weight:700}#p-vol{accent-color:#d9971f;cursor:pointer;width:54px;height:10px}.player-foot{color:#cfd3d8;letter-spacing:1px;justify-content:space-between;margin-top:5px;font-size:10px;display:flex}.player-foot .hold{opacity:.7;border:1px solid #cfd3d8;border-radius:3px;padding:0 4px}.player-foot .keys{font-family:VT323;font-size:12px}#player.empty #lcd{color:#2b3826}#error-banner{color:#fff;z-index:100;white-space:pre-wrap;background:#b00020;padding:8px 14px;font-size:16px;position:fixed;top:0;left:0;right:0}