.skate-ui{--ink:#1c1b19;--concrete-100:#e9e6df;--concrete-300:#c9c4b8;--concrete-600:#7d786e;--warn:#b54836;color:var(--ink);font-family:Inter,system-ui,sans-serif}.skate-cap{box-sizing:border-box;min-width:1.9em;height:1.9em;color:var(--ink);background:#f6f4ef;border:1px solid #1c1b1940;border-bottom-width:3px;border-radius:6px;justify-content:center;align-items:center;padding:0 .45em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.82em;font-weight:600;line-height:1;display:inline-flex}.skate-keys-text{color:var(--concrete-600);font-size:.9em}.skate-keys{flex-wrap:wrap;align-items:center;gap:.35em;display:inline-flex}.skate-menu{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;background:#1c1b1961;justify-content:center;align-items:center;transition:opacity .14s ease-out;display:flex;position:fixed;inset:0}.skate-menu[data-open=true]{opacity:1;pointer-events:auto}.skate-menu-card{box-sizing:border-box;background:#e9e6dff7;border-radius:16px;width:min(380px,100vw - 32px);max-height:calc(100vh - 48px);padding:22px 18px 14px;overflow-y:auto;box-shadow:0 18px 50px #1c1b1947}.skate-menu[data-screen=controls] .skate-menu-card{width:min(520px,100vw - 32px)}.skate-menu-title{letter-spacing:.08em;text-transform:uppercase;color:var(--concrete-600);margin:0 8px 12px;font-size:13px;font-weight:600}.skate-menu-title[data-wordmark=true]{letter-spacing:.04em;color:var(--ink);margin-bottom:2px;font-size:24px;font-weight:800}.skate-menu-subtitle{letter-spacing:.08em;text-transform:uppercase;color:var(--concrete-600);margin:0 8px 12px;font-size:12px;font-weight:600}.skate-menu-list{margin:0;padding:0;list-style:none}.skate-menu-item{box-sizing:border-box;width:100%;font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 12px;font-size:16px;font-weight:600;display:flex}.skate-menu-item[data-selected=true]{background:var(--ink);color:var(--concrete-100)}.skate-menu-item:disabled{cursor:default;opacity:.38}.skate-menu-item-text{flex-direction:column;gap:3px;display:flex}.skate-menu-detail{opacity:.7;font-size:13px;font-weight:400}.skate-menu-item[data-current=true] .skate-menu-item-text>span:first-child:after{content:"  ·  playing";opacity:.6;font-weight:400}.skate-menu-value{opacity:.75;font-size:14px;font-weight:400}.skate-menu-controls{grid-template-columns:max-content 1fr;align-items:center;gap:9px 16px;margin:0 8px 12px;font-size:14px;display:grid}.skate-menu-controls dt{font-weight:600}.skate-menu-controls dd{margin:0}.skate-menu-footer{color:var(--concrete-600);border-top:1px solid #1c1b191a;justify-content:center;align-items:center;gap:7px;margin-top:12px;padding-top:10px;font-family:Space Mono,ui-monospace,monospace;font-size:11px;display:flex}.skate-menu-footer a{color:inherit}.skate-menu-footer img{width:16px;height:16px;image-rendering:pixelated}.skate-toast{z-index:11;text-align:center;letter-spacing:.06em;text-transform:lowercase;color:#1c1b19b3;pointer-events:none;opacity:0;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;position:fixed;top:26vh;left:0;right:0}.skate-toast[data-show=true]{animation:.8s ease-out forwards skate-toast}@keyframes skate-toast{0%{opacity:0;transform:translateY(4px)}15%{opacity:1;transform:translateY(0)}65%{opacity:1}to{opacity:0}}.skate-hud{pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--ink);z-index:10;font-family:Inter,system-ui,sans-serif;position:fixed;inset:0}.skate-popup{text-align:center;letter-spacing:-.02em;opacity:0;will-change:opacity, transform;text-shadow:0 2px 18px #fffaf08c;font-size:clamp(36px,6vw,72px);font-weight:800;line-height:1;position:absolute;top:14vh;left:0;right:0}.skate-popup[data-tone=bail]{color:var(--warn);text-transform:lowercase;font-size:clamp(28px,4.5vw,52px);font-weight:700}.skate-pad{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:28px}.skate-pad[data-side=left]{left:28px}.skate-pad[data-side=right]{right:28px}.skate-pad-box{box-sizing:border-box;border:3px solid var(--pad-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#e9e6df8c;border-radius:18px;width:92px;height:92px;position:relative}.skate-pad[data-detached=true] .skate-pad-box{border-style:dashed;border-color:var(--warn)}.skate-pad-box:before,.skate-pad-box:after{content:"";background:#1c1b191a;position:absolute}.skate-pad-box:before{width:1px;top:12px;bottom:12px;left:50%}.skate-pad-box:after{height:1px;top:50%;left:12px;right:12px}.skate-pad-dot,.skate-pad-ring,.skate-pad-trail{will-change:transform;border-radius:50%;position:absolute;top:50%;left:50%}.skate-pad-dot{background:var(--pad-color);width:16px;height:16px;margin:-8px 0 0 -8px;box-shadow:0 1px 3px #1c1b1959}.skate-pad-trail{background:var(--pad-color);opacity:0;width:10px;height:10px;margin:-5px 0 0 -5px}.skate-pad-ring{box-sizing:border-box;border:2px solid var(--pad-color);opacity:0;width:30px;height:30px;margin:-15px 0 0 -15px}.skate-pad-caption{letter-spacing:.1em;text-transform:uppercase;align-items:baseline;gap:8px;font-size:11px;font-weight:600;display:flex}.skate-pad-keys{letter-spacing:0;color:var(--concrete-600);font-family:JetBrains Mono,ui-monospace,monospace}.skate-pad-role{color:var(--pad-color)}.skate-debug-panel{min-width:250px;color:var(--concrete-100);white-space:pre;pointer-events:none;z-index:11;background:#1c1b19c7;border-radius:8px;margin:0;padding:10px 12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;line-height:1.45;position:fixed;top:12px;left:12px}.skate-debug-panel[hidden]{display:none}.skate-balance{opacity:0;text-align:center;width:200px;transition:opacity .12s linear;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.skate-balance[data-on=true]{opacity:1}.skate-balance-name{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-size:12px;font-weight:700}.skate-balance-track{background:#1c1b191f;border-radius:3px;height:6px;margin-top:6px;position:relative}.skate-balance-mark{background:var(--ink);will-change:transform;border-radius:2px;width:4px;height:12px;margin-left:-2px;position:absolute;top:-3px;left:50%}.skate-balance[data-danger=true] .skate-balance-mark{background:var(--warn)}.skate-tutorial{z-index:12;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;opacity:0;background:#e9e6dfeb;border-radius:14px;flex-direction:column;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:14px 22px 16px;transition:opacity .2s ease-out,transform .2s ease-out;display:flex;position:fixed;top:22px;left:50%;transform:translate(-50%,-8px);box-shadow:0 10px 30px #1c1b1929}.skate-tutorial[data-show=true]{opacity:1;transform:translate(-50%)}.skate-tutorial-progress{letter-spacing:.1em;color:var(--concrete-600);font-size:11px;font-weight:600}.skate-tutorial-progress:empty{display:none}.skate-tutorial-title{letter-spacing:-.01em;text-align:center;font-size:20px;font-weight:700}.skate-tutorial-keys{justify-content:center;font-size:15px}.skate-tutorial-keys:empty{display:none}.skate-tutorial-hint{color:var(--warn);max-height:0;font-size:13px;transition:max-height .2s ease-out;overflow:hidden}.skate-tutorial-hint[data-show=true]{max-height:3em}.skate-tutorial-footnote{color:var(--concrete-600);font-family:Space Mono,ui-monospace,monospace;font-size:11px}.skate-montage .skate-hud{display:none}.skate-video-hud{pointer-events:none;z-index:11;position:fixed;top:0;left:0}body.skate-montage-record{background:#111}.skate-montage-record #game{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}