:root{--asphalt: #252a27;--asphalt-2: #1d211f;--concrete: #b9b8ac;--cream: #e7e2d3;--gray: #858b85;--acid: #c6f36a;--fry: #f6c84b;--orange: #f16c3b;--ink: #1b1f1c;--display: "Bungee", Impact, "Arial Black", sans-serif;--mono: "Space Mono", "Courier New", monospace;--pixel: "Silkscreen", "Space Mono", monospace;--gutter: clamp(16px, 4vw, 40px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lock,html.lock body{overflow:hidden;overscroll-behavior:none}body{margin:0;background:var(--asphalt);color:var(--cream);font-family:var(--mono);font-size:16px;line-height:1.5;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}button,input,textarea{font:inherit;color:inherit}.hidden{display:none!important}kbd{font-family:var(--pixel);font-size:.8em;background:var(--cream);color:var(--ink);padding:1px 6px;border-radius:3px;box-shadow:0 2px 0 var(--ink)}.top{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px var(--gutter);background:#1d211ff0;border-bottom:3px solid var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none}.brand{display:flex;align-items:center;gap:10px;color:var(--cream);text-decoration:none;min-width:0}.brand-icon{width:44px;height:44px;background:var(--concrete);border:3px solid var(--ink);border-radius:10px;flex:none}.brand-name{font-family:var(--display);font-size:24px;letter-spacing:.02em}.brand-tag{font-family:var(--pixel);font-size:12px;color:var(--acid);white-space:nowrap}.top-right{display:flex;align-items:center;gap:8px;flex:none}.pb-chip{font-family:var(--pixel);font-size:13px;background:var(--fry);color:var(--ink);padding:4px 10px;border:2px solid var(--ink);transform:rotate(-2deg);box-shadow:3px 3px 0 var(--ink)}.pb-chip b{font-family:var(--display);font-weight:400}.icon-btn{font-family:var(--pixel);font-size:13px;min-width:44px;min-height:40px;padding:4px 10px;background:var(--cream);color:var(--ink);border:3px solid var(--ink);border-radius:8px;box-shadow:0 3px 0 var(--ink);cursor:pointer;touch-action:manipulation}.icon-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.icon-btn:focus-visible,.btn:focus-visible{outline:3px solid var(--acid);outline-offset:3px}#soundBtn .snd-off,#soundBtn[aria-pressed=false] .snd-on{display:none}#soundBtn[aria-pressed=false] .snd-off{display:inline}#soundBtn[aria-pressed=false]{background:var(--gray)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--display);font-size:20px;letter-spacing:.02em;padding:14px 24px;min-height:52px;background:var(--acid);color:var(--ink);border:3px solid var(--ink);border-radius:6px;box-shadow:5px 5px 0 var(--ink);cursor:pointer;text-decoration:none;touch-action:manipulation;transition:transform .08s,box-shadow .08s}.btn:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--ink)}.btn:active{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--ink)}.btn-big{font-size:clamp(22px,4vw,30px);padding:18px 34px}.btn-alt{background:var(--fry)}.btn-ghost{background:var(--cream)}.btn-small{font-size:15px;padding:8px 14px;min-height:44px}.sticker{display:inline-block;font-family:var(--pixel);font-size:12px;letter-spacing:.04em;background:var(--cream);color:var(--ink);padding:4px 10px;border:2px solid var(--ink);transform:rotate(-2deg);box-shadow:3px 3px #00000073;margin:0}.sticker-orange{background:var(--orange)}.fine{font-size:13px;color:var(--concrete);margin:0}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(28px,5vw,64px) var(--gutter) clamp(24px,4vw,40px);max-width:1240px;margin:0 auto}.hero h1{font-family:var(--display);font-weight:400;font-size:clamp(48px,9vw,112px);line-height:.92;margin:18px 0;letter-spacing:-.01em}.hero h1 span{display:block}.hero h1 .hl{color:var(--ink);background:var(--fry);display:inline-block;padding:2px 12px 0;transform:rotate(-1.5deg);box-shadow:6px 6px 0 var(--acid);margin-top:6px}.lede{font-size:clamp(16px,2vw,19px);max-width:34ch;margin:0 0 26px}.hero .fine{margin-top:16px}.hero-preview{position:relative;margin:0;background:var(--concrete);border:4px solid var(--ink);box-shadow:10px 10px 0 var(--ink);transform:rotate(1.2deg)}.hero-preview canvas{display:block;width:100%;aspect-ratio:16 / 11}.hero-preview figcaption{position:absolute;left:12px;bottom:10px;font-family:var(--pixel);font-size:11px;color:var(--ink);background:var(--cream);padding:2px 8px;border:2px solid var(--ink)}.hero-preview .s1{position:absolute;top:-14px;right:18px;background:var(--acid);transform:rotate(4deg)}.hero-preview .s2{position:absolute;bottom:-14px;right:-8px;background:var(--fry);transform:rotate(-5deg)}.arena{scroll-margin-top:70px;padding:14px var(--gutter) 30px;max-width:820px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.hud{display:flex;align-items:center;justify-content:space-between;gap:10px;width:var(--stage, 100%);max-width:100%;padding:8px 10px;background:var(--ink);border:3px solid var(--ink);border-bottom:none}.hud small{display:block;font-family:var(--pixel);font-size:10px;color:var(--concrete);line-height:1}.hud b{font-family:var(--display);font-weight:400;font-size:26px;line-height:1.1;color:var(--fry)}.hud-time b{color:var(--cream);font-size:20px}.hud-score b.pop{animation:pop .25s}@keyframes pop{50%{transform:scale(1.18);color:var(--acid)}}.hud-score b{display:inline-block}.hud-lives{display:flex;gap:4px}.hud-lives canvas{width:30px;height:26px}.hud-lives canvas.lost{opacity:.22;filter:grayscale(1)}.hud-btns{display:flex;gap:6px}.hud-btns .icon-btn{min-height:36px;min-width:40px}.stage{position:relative;width:var(--stage, 100%);height:var(--stage, auto);max-width:100%;border:3px solid var(--ink);background:var(--concrete);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.stage canvas#game{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#1d211fb8;padding:14px;z-index:5}.panel{background:var(--cream);color:var(--ink);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:20px 22px;max-width:440px;width:100%;text-align:center;transform:rotate(-.8deg);max-height:100%;overflow:auto}.panel.small{max-width:340px}.panel h2{font-family:var(--display);font-weight:400;font-size:clamp(26px,6vw,38px);margin:10px 0 8px;line-height:1}.panel .btn{margin-top:8px}.panel .btn+.btn{margin-left:6px}.how{font-size:14px;margin:6px 0}.how .warn{background:var(--orange);padding:0 6px;border:2px solid var(--ink)}.legend{list-style:none;padding:0;margin:10px 0;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.legend li{display:flex;align-items:center;gap:4px;font-family:var(--pixel);font-size:12px;background:#fff8e6;border:2px solid var(--ink);padding:2px 8px 2px 2px}.legend canvas{width:32px;height:32px}.touch .desktop-only,.no-touch .touch-only{display:none}.toasts{position:absolute;top:10px;left:50%;transform:translate(-50%);width:min(92%,420px);display:flex;flex-direction:column;gap:8px;z-index:6;pointer-events:none}.toast{background:var(--acid);color:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:8px 12px;transform:rotate(-1.5deg);animation:toastIn .35s cubic-bezier(.2,1.6,.4,1)}.toast small{font-family:var(--pixel);font-size:10px;display:block}.toast b{font-family:var(--display);font-weight:400;font-size:18px;display:block;line-height:1.1}.toast p{margin:2px 0 0;font-size:13px;line-height:1.3}.toast.out{opacity:0;transition:opacity .3s}@keyframes toastIn{0%{transform:translateY(-20px) rotate(-6deg) scale(.8);opacity:0}}.controls{display:none;width:var(--stage, 100%);max-width:100%;justify-content:space-between;align-items:center;padding:12px 4px 4px;gap:12px}.touch .controls{display:flex}.pad{position:relative;width:150px;height:150px;border-radius:50%;background:var(--asphalt-2);border:4px solid var(--ink);box-shadow:inset 0 0 0 3px #3a403c,0 5px 0 var(--ink);touch-action:none;user-select:none;-webkit-user-select:none;flex:none}.pad.active{box-shadow:inset 0 0 0 3px var(--acid),0 5px 0 var(--ink)}.pad-arrow{position:absolute;color:var(--concrete);font-size:16px;pointer-events:none}.pad-arrow.up{top:8px;left:50%;transform:translate(-50%)}.pad-arrow.down{bottom:8px;left:50%;transform:translate(-50%)}.pad-arrow.left{left:10px;top:50%;transform:translateY(-50%)}.pad-arrow.right{right:10px;top:50%;transform:translateY(-50%)}.knob{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:var(--acid);border:4px solid var(--ink);box-shadow:0 4px 0 var(--ink);pointer-events:none}.controls-side{display:flex;flex-direction:column;align-items:center;gap:8px}.icon-btn.big{min-width:72px;min-height:64px;font-size:22px}.ctrl-hint{font-family:var(--pixel);font-size:10px;color:var(--gray);margin:0}.ach-section{max-width:1240px;margin:0 auto;padding:30px var(--gutter) 40px}.section-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;border-bottom:3px dashed var(--gray);padding-bottom:10px;margin-bottom:18px}.section-head h2{font-family:var(--display);font-weight:400;font-size:clamp(28px,5vw,44px);margin:0}.ach-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.ach{position:relative;background:var(--asphalt-2);border:3px solid #3c423e;padding:14px 14px 12px;min-height:130px}.ach h3{font-family:var(--display);font-weight:400;font-size:17px;line-height:1.1;margin:0 0 6px;color:var(--gray)}.ach p{margin:0;font-size:13px;color:var(--concrete)}.ach .quip{margin-top:8px;font-style:italic;color:var(--ink)}.ach .lock{position:absolute;top:8px;right:10px;font-family:var(--pixel);font-size:10px;color:var(--gray)}.ach.on{background:var(--cream);border-color:var(--ink);box-shadow:5px 5px 0 var(--acid);transform:rotate(-.6deg)}.ach.on:nth-child(2n){transform:rotate(.6deg);box-shadow:5px 5px 0 var(--fry)}.ach.on h3{color:var(--ink)}.ach.on p{color:#3d423e}.ach.on .lock{color:var(--ink);background:var(--acid);padding:0 6px;border:2px solid var(--ink)}.note{margin-top:16px}.foot{border-top:3px solid var(--ink);background:var(--asphalt-2);padding:26px var(--gutter) 40px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}.foot-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.foot-ca{font-size:13px;word-break:break-all;margin:0}.soon{font-family:var(--pixel);background:var(--gray);color:var(--ink);border:2px dashed var(--ink);padding:8px 14px;font-size:13px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0f1210db;overflow-y:auto;padding:24px 16px 40px;overscroll-behavior:contain}.modal-card{max-width:640px;margin:0 auto;background:var(--cream);color:var(--ink);border:4px solid var(--ink);box-shadow:10px 10px 0 var(--acid);padding:22px clamp(16px,4vw,30px) 24px;animation:slam .4s cubic-bezier(.2,1.4,.4,1)}@keyframes slam{0%{transform:scale(1.25) rotate(4deg);opacity:0}}.modal-card h2{font-family:var(--display);font-weight:400;font-size:clamp(30px,7vw,50px);line-height:.98;margin:14px 0 6px}.over-sub{font-style:italic;margin:0 0 14px}.over-score{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:var(--fry);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:10px 16px}.over-score small{display:block;font-family:var(--pixel);font-size:11px}.over-score b{font-family:var(--display);font-weight:400;font-size:clamp(44px,11vw,72px);line-height:1}.over-score .pb{font-family:var(--pixel);font-size:13px;background:var(--ink);color:var(--cream);padding:4px 10px;transform:rotate(2deg)}.over-score .pb.new{background:var(--orange);color:var(--ink);border:2px solid var(--ink)}.over-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 12px}.over-stats div{border:2px solid var(--ink);padding:6px 8px;background:#f3efe2}.over-stats dt{font-family:var(--pixel);font-size:10px}.over-stats dd{margin:0;font-family:var(--display);font-size:22px}.over-ach{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;font-size:13px}.over-ach .chip{font-family:var(--pixel);font-size:11px;background:var(--acid);border:2px solid var(--ink);padding:3px 8px}.over-ach .chip.old{background:#ddd8c8}.over-ach .chip em{font-style:normal;background:var(--orange);padding:0 4px;margin-left:4px}.card-zone{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start;margin:6px 0 16px}.nick span{display:block;font-family:var(--pixel);font-size:11px;margin-bottom:4px}.nick input{width:100%;font-family:var(--display);font-size:18px;text-transform:uppercase;padding:10px 12px;border:3px solid var(--ink);background:#fff;color:var(--ink);border-radius:0}.card-preview{border:3px solid var(--ink);background:var(--asphalt);aspect-ratio:1080 / 1350}.card-preview img{display:block;width:100%;height:100%}.over-btns{display:flex;flex-wrap:wrap;gap:12px}.over-btns .btn{flex:1 1 180px;font-size:16px}.share-box{margin-top:14px}.share-box textarea{width:100%;resize:none;border:3px solid var(--ink);padding:8px;font-size:13px;background:#fff;color:var(--ink)}.share-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.feedback{min-height:1.5em;font-family:var(--pixel);font-size:12px;margin:10px 0 0}@media(max-width:860px){.hero{grid-template-columns:1fr}.hero-preview{max-width:560px}}@media(max-width:560px){.brand-tag{display:none}.brand-name{font-size:20px}.card-zone{grid-template-columns:1fr}.card-preview{max-width:320px;margin:0 auto;width:100%}.over-stats{grid-template-columns:repeat(2,1fr)}.hud b{font-size:22px}.hud-lives canvas{width:24px;height:21px}.overlay{padding:8px}.panel{padding:12px 12px 14px;box-shadow:5px 5px 0 var(--ink)}#readyOverlay .sticker{display:none}.panel h2{font-size:24px;margin:2px 0 6px}.legend{gap:4px;margin:6px 0}.legend li{font-size:10px;padding-right:6px}.legend canvas{width:22px;height:22px}.how{font-size:12px;line-height:1.35;margin:4px 0}.panel .btn{font-size:17px;padding:10px 16px;min-height:46px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}