@font-face{font-family:Side;src:local(Arial Black);font-weight:900}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{color:#26332f;background:#e9e5d9;font-family:Arial,Helvetica,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:hover{filter:brightness(.94)}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #e26039}button:active{transform:translateY(1px)}[hidden]{display:none!important}#app{grid-template-rows:92px minmax(0,1fr) 166px;min-width:900px;height:100dvh;display:grid}header{background:#eeeadd;border-bottom:1px solid #bdbfaf;justify-content:space-between;align-items:center;gap:20px;padding:0 30px;display:flex}.brand{color:inherit;align-items:center;gap:12px;min-width:230px;text-decoration:none;display:flex}.brand-mark{letter-spacing:-8px;border:3px solid #2c3932;border-radius:50%;width:62px;height:57px;padding-left:7px;font-size:52px;font-style:italic;font-weight:900;line-height:53px;position:relative;transform:rotate(-12deg)}.brand-mark span{letter-spacing:0;color:#d75632;background:#eeeadd;font-size:27px;line-height:27px;position:absolute;top:-11px;right:-11px}.brand strong{letter-spacing:-2.5px;font-size:35px;font-weight:900;line-height:37px}.registered{vertical-align:top;letter-spacing:0;margin:5px;font-size:12px}.brand small{letter-spacing:1.5px;font-family:monospace;font-size:9px;display:block}.mode-tabs{letter-spacing:1px;align-self:stretch;align-items:stretch;gap:30px;font-size:11px;font-weight:800;display:flex}.mode-tabs>span{color:#8f978a;border-bottom:3px solid #0000;align-items:center;gap:8px;padding-top:3px;display:flex}.mode-tabs b{border:1px solid;border-radius:50%;padding:3px;font-family:monospace;font-size:10px}.mode-tabs .active{color:#28382f;border-bottom-color:#df5935}.header-actions{align-items:center;gap:20px;display:flex}.text-button{background:0 0;font-size:12px}.primary{background:#df5935;border:1px solid #9d3c23;min-width:145px;padding:17px 24px;font-weight:700;box-shadow:3px 3px #26332f}.primary span{margin-left:24px;font-size:19px}main{min-height:0;display:flex}aside{background:#eeeadd;border-right:1px solid #b5bbac;flex-direction:column;flex-shrink:0;width:262px;padding:23px 20px 12px;display:flex}.section-eyebrow{letter-spacing:1px;color:#687463;font:9px monospace}h1{letter-spacing:-1.3px;margin:9px 0 24px;font-size:25px;font-weight:900;line-height:1.08}.palette-label{letter-spacing:1px;color:#78816f;border-bottom:1px solid #c3c7b8;justify-content:space-between;padding-bottom:9px;font:9px monospace;display:flex}#pieces{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:8px;padding:10px 2px 5px;display:grid;overflow-y:auto}.piece{text-align:left;background:#e4e3d6;border:1px solid #c5c8b9;height:92px;padding:0 8px 7px;transition:background .15s;position:relative}.piece img{object-fit:contain;pointer-events:none;width:100%;height:58px;display:block}.piece b{white-space:nowrap;font-size:10px;display:block}.piece small{letter-spacing:.2px;color:#677667;font:7px monospace;display:none}.piece.selected{background:#f5e2c8;border:2px solid #d95b38;padding:0 7px 6px}.piece.selected:after{content:"+";color:#c85330;font-weight:700;position:absolute;top:2px;right:5px}.palette-bottom{justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;display:flex}.palette-bottom button{background:0 0;border:1px solid #bdc1b0;padding:10px;font-size:10px}.palette-bottom #demo{flex:1;font-weight:700}.palette-bottom #clear{color:#75816e;border:0;font-size:10px}#field{background:#bdc5b6;flex:1;min-width:0;position:relative;overflow:hidden}#world{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.spot-label{pointer-events:none;align-items:flex-start;gap:8px;display:flex;position:absolute;top:22px;left:25px}.live-dot{background:#506b50;border-radius:50%;width:6px;height:6px;margin-top:3px;box-shadow:0 0 0 3px #e4e7d44f}.spot-label b{letter-spacing:2px;font-size:11px}.spot-label small{letter-spacing:1px;margin-top:5px;font:8px monospace;display:block}.sticker{letter-spacing:-1.5px;color:#e9e5d9;outline-offset:3px;background:#344537;outline:2px solid #344537;padding:13px 12px;font-family:Side,Arial,sans-serif;font-size:25px;font-style:italic;font-weight:900;line-height:.9;display:block;transform:rotate(10deg);box-shadow:3px 4px #e9e5d9}#build-badge{pointer-events:none;position:absolute;top:30px;right:30px}#build-tip{white-space:nowrap;background:#eeeaddf2;border:1px solid #9ca892;padding:10px 14px;font:10px monospace;position:absolute;bottom:56px;left:50%;transform:translate(-50%);box-shadow:2px 2px #283a2b1a}#selected-name{letter-spacing:1px;font-weight:700}#rotation{color:#a6492c;margin-left:22px}#build-tip small{color:#75816e;margin-top:5px;font:9px monospace;display:block}#view-buttons{flex-direction:column;display:flex;position:absolute;bottom:60px;right:20px;box-shadow:2px 2px #26332f22}#view-buttons button{background:#ecebdddc;border:1px solid #b0b8a6;width:31px;height:30px;font-size:20px}.field-meta{letter-spacing:.5px;background:#e6e5d3dd;border-top:1px solid #afbaab;justify-content:space-between;align-items:center;height:34px;padding:0 20px;font:9px monospace;display:flex;position:absolute;bottom:0;left:0;right:0}.field-meta i{color:#aeb5a4;padding:0 8px;font-style:normal}#saved{color:#5b7658;font-size:8px}footer{background:#eeeadd;border-top:1px solid #b7bfaa;justify-content:space-between;align-items:center;gap:24px;padding:12px 24px 12px 26px;display:flex}#controls{flex:1;max-width:850px}.footer-heading{align-items:center;gap:10px;margin-bottom:16px;display:flex}.footer-heading b{letter-spacing:-.4px;font-size:14px;line-height:1.2}.round-symbol{color:#c85431;font-size:35px;line-height:36px;display:block;transform:rotate(10deg)}.control-row{flex-wrap:wrap;gap:10px 17px;max-width:740px;display:flex}.control-row>span{white-space:nowrap;color:#5c685a;align-items:center;gap:5px;font-size:10px;display:flex}kbd{color:#3c4e3b;text-align:center;background:#e9e9d9;border:1px solid #b3bba5;border-radius:2px;min-width:19px;padding:3px 4px;font:8px monospace;box-shadow:0 1px #a1ab94}.minidisc{color:#374b41;background:linear-gradient(135deg,#a8b1ad 0%,#e7e9e1 24%,#b6bfb6 60%,#8f9d94 100%);border:1px solid #6f7c72;border-radius:18px 18px 24px 24px;flex-shrink:0;width:350px;height:140px;padding:10px 15px 8px;position:relative;transform:rotate(-1deg);box-shadow:inset 1px 2px 1px #ffffffba,inset -2px -3px #788479,2px 5px #4e5e4940,0 8px 14px #3045251c}.device-top{align-items:center;gap:8px;margin-bottom:6px;display:flex}.device-top>b{letter-spacing:-.8px;font:italic 700 13px Arial}.device-top b>span{font-weight:900}.device-top em{letter-spacing:-1px;border:1px solid #65726b;margin-left:3px;padding:0 2px;font:9px Arial}.device-top small{letter-spacing:1px;margin-left:auto;font:6px monospace}#music-led{background:#536150;border-radius:50%;width:5px;height:5px}.playing #music-led{background:#d06538;box-shadow:0 0 5px #d6632a}.device-middle{gap:10px;display:flex}.disc-window{background:#344638;border:2px solid #7b8c7d;border-radius:7px;flex-shrink:0;width:61px;height:59px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #23332b}.disc-window>span{color:#c0c7a4;font:700 8px/1 monospace;position:absolute;bottom:4px;left:5px}#disc{background:conic-gradient(#3b5046,#b0bca6,#608b85,#dacba0,#3b5046);border:1px solid #d6d6b94a;border-radius:50%;width:51px;height:51px;animation:3s linear infinite paused discSpin;position:absolute;top:3px;left:17px}#disc i{background:#2c3e33;border:3px solid #a5b4a0;border-radius:50%;position:absolute;inset:17px}.playing #disc{animation-play-state:running}@keyframes discSpin{to{transform:rotate(360deg)}}.lcd{color:#304d35;background:#b6c39b;border:2px solid #81927b;border-radius:3px;flex:1;min-width:0;height:59px;padding:4px 7px;font-family:monospace;position:relative;box-shadow:inset 1px 2px 4px #33482f60}.lcd-top{letter-spacing:1px;justify-content:space-between;font-size:6px;display:flex}.marquee{white-space:nowrap;text-shadow:1px 1px #9aae87;width:100%;margin:5px 0 3px;font-size:12px;font-weight:700;overflow:hidden}.marquee span{min-width:100%;animation:16s linear infinite marquee;display:inline-block}@keyframes marquee{0%,15%{transform:translate(0)}85%,to{transform:translate(min(0px,205px - 100%))}}.lcd-bottom{justify-content:space-between;font-size:7px;display:flex}.lcd input{accent-color:#405d37;cursor:pointer;opacity:.7;width:100%;height:4px;margin:0;position:absolute;bottom:-1px;left:0}#equalizer{align-items:flex-end;gap:2px;height:7px;display:flex}#equalizer i{background:#405b35;width:3px;height:2px}.device-buttons{align-items:center;gap:7px;padding-top:9px;display:flex}.md-label{letter-spacing:.5px;flex-shrink:0;width:58px;font:5px monospace}.md-label b{font-size:7px}.device-buttons button{background:linear-gradient(#e3e7dc,#a2afa0);border:1px solid #7a8b7c;border-radius:7px;width:32px;height:24px;font-size:9px;box-shadow:inset 0 1px #fff8,0 2px 1px #53665070}.device-buttons #play{color:#dde4d3;background:linear-gradient(#637361,#374e3c);border-radius:12px;width:38px}.device-buttons label{align-items:center;gap:4px;margin-left:auto;font:6px monospace;display:flex}.device-buttons input{accent-color:#495f45;width:57px;height:10px}.session-label{letter-spacing:2px;font:10px monospace}.session-label span{color:#a74029;margin-left:18px;font-size:8px}#skate-hud{pointer-events:none;color:#f2efdb;text-shadow:0 2px 6px #142219a0;position:absolute;inset:26px}.skating .spot-label{display:none}#score{letter-spacing:-3px;margin-top:5px;font-size:64px;font-style:italic;font-weight:900}#score span{letter-spacing:1px;margin-left:8px;font:10px monospace}#trick{letter-spacing:-.4px;font-size:19px;font-weight:900}#combo{color:#ffd2a1;margin-top:7px;font:11px monospace}.speed{text-align:right;position:absolute;bottom:45px;right:0}.speed>span{letter-spacing:-2px;font-size:55px;font-style:italic;font-weight:900}.speed small{margin-left:8px;font:10px monospace}.speed>div{background:#f3eee94d;width:120px;height:3px;margin-top:5px}.speed i{background:#ed7948;width:0;height:3px;display:block}#bail{text-align:center;font-size:26px;font-style:italic;font-weight:900;position:absolute;top:17%;left:0;right:0}#bail small{margin-top:8px;font:14px monospace;display:block}#film-label{font:10px monospace;position:absolute;top:0;right:0}#film-label span{color:#dc6340;margin-left:15px}.skating #palette{display:none}.skating #world{cursor:default}.skating #build-tip,.skating #build-badge,.skating #view-buttons{display:none}.skating .field-meta{color:#d5dfc4;background:#253e30bb;border-color:#4d644e}.skating #saved{color:#bdcba7}.fisheye #field:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:-15%;box-shadow:inset 0 0 70px 60px #102317,0 0 0 200px #102317}.fisheye #world{filter:contrast(1.08)saturate(.88)}#toast{color:#f4efd8;opacity:0;pointer-events:none;background:#283f31;padding:12px 20px;font:11px monospace;transition:all .2s;position:absolute;top:24px;left:50%;transform:translate(-50%,-10px);box-shadow:3px 3px #da633a}#toast.show{opacity:1;transform:translate(-50%)}#fatal{color:#fff;z-index:99;background:#a6241c;padding:30px;font-family:monospace;position:absolute;inset:20%}@media (height>=900px){.piece{height:105px}.piece img{height:67px}.piece small{margin-top:3px;display:block}h1{margin-bottom:27px}}@media (width<=1150px){header{padding:0 20px}.mode-tabs{gap:14px;font-size:9px}.header-actions{gap:10px}.text-button{font-size:10px}aside{width:230px;padding:18px 14px}.brand{min-width:190px}.brand strong{font-size:31px}.control-row{gap:8px 10px}.control-row>span{font-size:9px}.footer-heading{margin-bottom:10px}.minidisc{width:330px}#app{grid-template-rows:82px minmax(0,1fr) 166px}}.piece{height:clamp(62px,20dvh - 103px,105px)}.piece img{height:calc(100% - 20px);max-height:70px}@media (height>=900px){.piece img{height:calc(100% - 32px)}}