:root{--bg:#150f2e;--bg2:#2b1448;--sun:#ff7a3d;--pink:#ff3e8a;--cyan:#3de0d0;--ink:#f6f0e6;--display:"Bungee", "Impact", sans-serif;--body:"Barlow Condensed", "Arial Narrow", sans-serif}*{box-sizing:border-box;margin:0}html,body{height:100%}body{background:radial-gradient(ellipse at 50% 110%, var(--bg2), var(--bg) 65%);color:var(--ink);font-family:var(--body);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;overflow:hidden}#game{background:#1d1c26;width:100%;height:100dvh;position:fixed;inset:0}#game canvas{touch-action:none;width:100%;height:100%;display:block}#drift{right:calc(18px + env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));z-index:20;width:96px;height:96px;font:700 17px/1 var(--display);letter-spacing:.06em;color:#150f2e;border:3px solid var(--pink);touch-action:none;cursor:pointer;background:#ff7a3dd1;border-radius:50%;position:fixed;box-shadow:0 0 0 3px #150f2e73}#drift:active{background:var(--sun);transform:scale(.96)}#menuBtn{left:calc(14px + env(safe-area-inset-left));bottom:calc(26px + env(safe-area-inset-bottom));z-index:20;font:700 13px/1 var(--display);letter-spacing:.08em;color:var(--ink);touch-action:none;cursor:pointer;background:#2b1448c7;border:2px solid #f6f0e640;padding:.6em .85em;position:fixed}#garage{z-index:55;touch-action:auto;background:#150f2ee6;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#garage.on{display:flex}.gp{border:4px solid var(--sun);width:min(760px,94vw);max-height:94vh;box-shadow:0 0 0 4px var(--pink);background:var(--bg);padding:2vh 2.4vw;overflow:auto}.gh{font-family:var(--display);color:var(--sun);justify-content:space-between;align-items:baseline;font-size:clamp(22px,3.4vw,40px);display:flex}#gm{color:var(--cyan)}#gprev{aspect-ratio:700/150;background:#1d1c26;width:100%;height:auto;margin:1.4vh 0;display:block}#gtabs{gap:8px;display:flex}#gtabs button,.item,#gdrive{font:700 20px var(--body);color:var(--ink);cursor:pointer;background:#2b1448;border:2px solid #4d2a7a;padding:.55em .9em}#gtabs button.on{border-color:var(--sun);color:var(--sun)}#gitems{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:1.4vh 0;display:grid}.item{text-align:left}.item small{color:var(--cyan);font-weight:500;display:block}.item.eq{border-color:var(--cyan)}.item.lock small{color:#ff8fb3}.sw{vertical-align:-2px;width:14px;height:14px;margin-right:8px;display:inline-block}#gcheat{gap:8px;margin:0 0 1.4vh;display:flex}#gcode{min-width:0;font:700 20px var(--body);color:var(--ink);background:#1d1c26;border:2px solid #4d2a7a;flex:1;padding:.5em .7em}#gcb{font:700 20px var(--body);color:var(--ink);cursor:pointer;background:#2b1448;border:2px solid #4d2a7a;padding:.5em .9em}#gdrive{background:var(--sun);color:#150f2e;border-color:var(--sun);width:100%;font-family:var(--display);font-size:24px}#toast{z-index:60;font-family:var(--display);color:var(--cyan);text-shadow:3px 3px 0 var(--pink);opacity:0;pointer-events:none;white-space:nowrap;padding:0 12px;font-size:clamp(20px,5vw,56px);transition:opacity .3s;position:fixed;top:16%;left:50%;transform:translate(-50%)}#toast.show{opacity:1}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}@media (prefers-reduced-motion:reduce){#drift:active{transform:none}#toast{transition:none}}
