:root{--night:#05070d;--stadium:#142659;--steel:#c9d0e0;--ink:#0a0d16;--text:#eef2ff;--text-dim:#eef2ffb3;--hot:#ff3b5c;--gold:#ffd23f;--flame:#ff6a1f;--cyan:#7dfcff;--display:"Bangers", Impact, sans-serif;--ui:"Exo 2", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--night);height:100%;color:var(--text);font-family:var(--ui);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-size:16px;overflow:hidden}#app{width:var(--view-w,100vw);height:var(--view-h,100vh);position:fixed;top:0;left:0;overflow:hidden}.rotated #app{transform-origin:0 0;transform:rotate(90deg)translateY(-100%)}.defs{position:absolute}#game{cursor:crosshair;width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.gauges{pointer-events:none;gap:6px;display:grid;position:fixed;top:16px;left:18px}.gauge{text-shadow:0 2px 0 var(--ink);grid-template-columns:96px 200px auto;align-items:center;gap:10px;font-style:italic;font-weight:800;display:grid}.gauge-name{text-transform:capitalize;font-size:15px}.gauge-value{font-size:18px}.bar{border:2px solid var(--steel);background:#0a0d16bf;height:16px;overflow:hidden;transform:skew(-20deg)}.bar.thin{height:10px}.fill{background:linear-gradient(90deg, #1fa2ff, var(--cyan));width:100%;height:100%;box-shadow:0 0 12px var(--cyan);transition:width 80ms linear}.fill.low{background:linear-gradient(90deg, var(--hot), var(--flame));box-shadow:0 0 12px var(--hot)}.fill.dash{background:linear-gradient(90deg, var(--flame), var(--gold));box-shadow:0 0 10px var(--gold)}.tally-slot{color:var(--gold)}.tally-slot svg{height:22px;display:block}.tally-slot .count{font-size:22px}.board{pointer-events:none;border-left:4px solid var(--hot);clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);background:linear-gradient(135deg,#142659d9,#0a0d16d9);width:230px;padding:10px 14px 12px;position:fixed;top:16px;right:18px}.board h2{font-family:var(--display);letter-spacing:.02em;color:var(--gold);margin:0 0 6px;font-size:24px;font-weight:400}.board ol{margin:0;padding:0;font-size:14px;list-style:none}.board li{align-items:baseline;gap:8px;padding:1px 0;display:flex}.board .rank{width:1.5em;color:var(--text-dim);font-style:italic;font-weight:800}.board .who{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.board .who:before{content:"";background:var(--dot,var(--text));width:10px;height:10px;margin-right:8px;display:inline-block;transform:skew(-20deg)}.board .size{color:var(--text-dim);font-style:italic;font-weight:700}.board li.me .who{color:var(--cyan);font-weight:800}#minimap{pointer-events:none;width:170px;height:170px;position:fixed;bottom:14px;right:14px}#feed{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.toast{font-family:var(--display);letter-spacing:.02em;color:var(--gold);-webkit-text-stroke:1.5px var(--ink);text-shadow:0 3px 0 var(--ink);font-size:30px;animation:2.4s forwards toast}@keyframes toast{0%{opacity:0;scale:1.4}8%{opacity:1;scale:1}80%{opacity:1}to{opacity:0}}.sound-controls{z-index:20;gap:18px;display:flex;position:fixed;bottom:16px;left:18px}.sound-controls button{color:var(--text-dim);font-style:italic;font-weight:700}.overlay{z-index:10;background:radial-gradient(#05070d33,#05070dbf);place-items:safe center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.frame{filter:drop-shadow(0 20px 40px #0009);width:min(600px,100%)}.slate{text-align:center;border-top:4px solid var(--hot);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px));background:repeating-linear-gradient(-60deg,#ffffff06 0 2px,#0000 2px 14px),linear-gradient(160deg,#1d3a88 0%,#101c45 55%,#0a1026 100%);padding:26px 34px 22px;position:relative}h1{font-family:var(--display);letter-spacing:.02em;color:var(--gold);-webkit-text-stroke:3px var(--ink);text-shadow:4px 5px 0 var(--hot), 0 0 30px #ff6a1f80;margin:0;font-size:clamp(56px,12vw,88px);font-weight:400;line-height:.95;transform:skew(-8deg)rotate(-3deg)}.tagline{color:var(--text-dim);margin:10px 0 18px;font-style:italic;font-weight:700}.name-line{align-items:center;gap:12px;max-width:400px;margin:0 auto 14px;font-style:italic;font-weight:800;display:flex}.name-line span{flex:none}input{min-width:0;font:italic 800 20px var(--ui);color:var(--text);-webkit-user-select:text;user-select:text;background:#05070d99;border:2px solid #c9d0e066;outline:none;flex:1;padding:8px 12px;transform:skew(-12deg)}input::placeholder{color:#eef2ff59}input:focus{border-color:var(--cyan);box-shadow:0 0 14px #7dfcff66}.picker{border:0;margin:0 0 6px;padding:0}.picker legend{margin:0 auto 6px;padding:0;font-style:italic;font-weight:800}.types{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.type{background:#05070d73;border:2px solid #0000;padding:8px 6px 10px;position:relative;transform:skew(-6deg)}.type>*{transform:skew(6deg)}.type canvas{width:84px;height:84px;margin:0 auto;display:block}.type b{font-family:var(--display);letter-spacing:.03em;font-size:26px;font-weight:400;display:block}.type small{color:var(--text-dim);font-size:13px;line-height:1.3;display:block}.type[aria-checked=true]{border-color:var(--gold);background:linear-gradient(#ffd23f2e,#ff6a1f14);box-shadow:0 0 20px #ffd23f59}.type[aria-checked=true] b{color:var(--gold)}.scribble{display:none}.rip{width:100%;font-family:var(--display);letter-spacing:.04em;color:var(--ink);background:linear-gradient(180deg, #fff3a8, var(--gold) 45%, var(--flame));clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);margin:16px 0 4px;padding:12px 20px 10px;font-size:42px;font-weight:400;transition:filter .15s;display:block}.rip:hover{filter:brightness(1.12)drop-shadow(0 0 16px #ffd23fb3)}.note{color:var(--text-dim);margin:10px 0 0;font-size:14px}.note:empty{display:none}.tray{clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,16px 100%);background:#0a0d16d9;align-items:center;gap:12px;margin-top:10px;padding:10px 18px;display:flex}.tray:empty{display:none}.tray-label{color:var(--text-dim);flex:none;font-style:italic;font-weight:800}.sticks{flex-wrap:wrap;gap:10px;display:flex}.stick{background:var(--stick);border:2px solid var(--ink);width:30px;height:22px;transition:transform .15s;transform:skew(-20deg)}.stick[aria-checked=true]{box-shadow:0 0 0 2px var(--text), 0 0 14px var(--stick);transform:skew(-20deg)scale(1.25)}.verdict{font-family:var(--display);letter-spacing:.02em;color:var(--text);-webkit-text-stroke:2px var(--ink);text-shadow:3px 4px 0 var(--hot);margin:4px 0 18px;font-size:clamp(38px,8vw,56px);font-weight:400;line-height:1;transform:skew(-8deg)}.stats{text-align:left;gap:6px;max-width:380px;margin:0 auto 8px;display:grid}.stats div{background:#05070d80;justify-content:space-between;align-items:center;padding:6px 12px;display:flex;transform:skew(-10deg)}.stats div>*{transform:skew(10deg)}.stats dt{color:var(--text-dim);font-style:italic;font-weight:700}.stats dd{color:var(--gold);margin:0;font-size:20px;font-style:italic;font-weight:900}.stats svg{height:22px;display:block}.new-best{font-family:var(--display);color:var(--cyan);text-shadow:0 0 16px #7dfcff99;margin:10px 0 0;font-size:28px}.link{color:var(--text-dim);text-underline-offset:4px;margin:8px auto 0;font-style:italic;font-weight:700;text-decoration:underline;display:block}.touch-controls{display:none}.touch .touch-controls{display:block}.touch #game,.joy-zone,.dash-button{touch-action:none}.joy-zone{z-index:5;width:45%;height:100%;position:fixed;top:0;left:0}.joy-base{--size:clamp(110px, calc(var(--view-h,100vh) * .36), 150px);width:var(--size);height:var(--size);margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2);opacity:.5;pointer-events:none;background:#0a0d1640;border:2px solid #eef2ff33;border-radius:50%;transition:opacity .2s;position:absolute;top:calc(100% - max(120px,32%));left:max(110px,13%)}.joy-base.held{opacity:1;transition:none}.joy-knob{background:#eef2ff59;border-radius:50%;width:42%;height:42%;margin:-21% 0 0 -21%;position:absolute;top:50%;left:50%;box-shadow:0 0 10px #7dfcff59}.dash-button{--charge:1;z-index:5;width:124px;height:62px;font-family:var(--display);letter-spacing:.05em;color:var(--ink);background:linear-gradient(180deg, #fff3a88c, transparent 45%, #ff3b5c40), linear-gradient(90deg, var(--flame), var(--gold) calc(var(--charge) * 100%), #0a0d16cc calc(var(--charge) * 100%));clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%);opacity:.8;padding-top:3px;font-size:36px;transition:opacity .2s,transform 80ms;position:fixed;bottom:max(84px,24%);right:max(56px,7%)}.dash-button.pressed{opacity:1;transform:scale(.92)}.dash-button.cooling{color:var(--text-dim);opacity:.55}.compact .gauges{gap:3px;top:8px;left:10px}.compact .gauge{grid-template-columns:54px 80px auto;gap:6px}.compact .gauge-name{font-size:10px}.compact .gauge-value{font-size:11px}.compact .bar{border-width:1px;height:8px}.compact .bar.thin{height:5px}.compact .tally-slot svg{height:12px}.compact .tally-slot .count{font-size:12px}.compact .board{opacity:.85;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);border-left-width:2px;width:132px;padding:5px 8px 6px;top:8px;right:10px}.compact .board h2{margin-bottom:2px;font-size:13px}.compact .board ol{font-size:10px}.compact .board li{gap:4px;padding:0}.compact .board li:nth-child(n+6):not(.me){display:none}.compact .board .who:before{width:7px;height:7px;margin-right:4px}.compact #minimap{opacity:.8;width:76px;height:76px;inset:64px auto auto 10px}.compact #feed{top:8px}.compact .toast{-webkit-text-stroke-width:1px;text-shadow:0 2px 0 var(--ink);font-size:17px}.compact .sound-controls{white-space:nowrap;gap:12px;font-size:11px;bottom:6px;left:50%;transform:translate(-50%)}.compact .overlay{padding:8px}.compact .slate{padding:12px 20px}.compact h1{-webkit-text-stroke-width:2px;text-shadow:3px 3px 0 var(--hot);font-size:40px}.compact .tagline{margin:4px 0 8px;font-size:13px}.compact .name-line{margin-bottom:8px;font-size:14px}.compact input{padding:4px 10px;font-size:16px}.compact .type{padding:4px}.compact .type canvas{width:48px;height:48px}.compact .type b{font-size:18px}.compact .type small{display:none}.compact .rip{margin:8px 0 2px;padding:6px 16px 4px;font-size:26px}.compact .note{margin-top:4px;font-size:11px}.compact .tray{margin-top:6px;padding:6px 14px}.compact .stick{width:22px;height:16px}.compact .verdict{margin-bottom:10px;font-size:32px}.compact .stats div{padding:3px 10px}.compact .stats dd{font-size:15px}.compact .new-best{font-size:20px}.fps{z-index:30;font:700 12px var(--ui);color:var(--cyan);pointer-events:none;background:#05070db3;padding:2px 8px;position:fixed;top:4px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.toast{animation-duration:3s}}@media (width<=640px){.gauge{grid-template-columns:80px 120px auto}.board{width:170px}.slate{padding:20px 16px}.type small{display:none}}