*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;--arcade-navy: #0a0a23;--arcade-navy-2: #12123a;--arcade-yellow: #ffe100;--arcade-blue: #2b5cff;--arcade-red: #ff2b3e;--arcade-pink: #ff4fd8;--arcade-cream: #ffe9c4}body{min-height:100dvh;background:var(--arcade-navy)}.page{max-width:80ch;margin-inline:auto;padding:2rem;color:var(--arcade-cream)}.page a{color:var(--arcade-yellow)}.game{--font-arcade: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;min-height:100dvh;display:flex;flex-direction:column;align-items:center;gap:clamp(.5rem,2vw,1rem);padding:clamp(.75rem,2vw,1.5rem);background:radial-gradient(circle at 50% 0%,var(--arcade-navy-2),var(--arcade-navy) 70%);color:var(--arcade-cream);font-family:var(--font-arcade);touch-action:none;overscroll-behavior:none}.game__bar{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:.5rem}.game__topline{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.btn--restart{font-size:.75rem;padding:.45rem .9rem}.game__title{font-size:clamp(1.5rem,6vw,2.25rem);letter-spacing:.12em;color:var(--arcade-yellow);text-shadow:0 0 8px rgba(255,225,0,.55),3px 3px 0 var(--arcade-pink);text-transform:uppercase}.game__stats{display:flex;gap:clamp(.75rem,3vw,1.5rem);margin:0}.stat{text-align:right;line-height:1.1}.stat dt{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--arcade-blue);filter:brightness(1.4)}.stat dd{margin:0;font-size:1.25rem;font-weight:700;color:var(--arcade-cream)}.stat:nth-child(2) dd{color:var(--arcade-red);letter-spacing:.1em}.game__stage{position:relative;width:100%;max-width:560px}.game__canvas{width:100%;height:auto;image-rendering:pixelated;border:3px solid var(--arcade-blue);border-radius:12px;box-shadow:0 0 0 3px var(--arcade-navy),0 0 24px #2b5cff80;background:var(--arcade-navy)}.game__flash{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(1.5rem,7vw,2.75rem);font-weight:800;letter-spacing:.15em;color:var(--arcade-yellow);text-shadow:0 0 12px rgba(255,225,0,.7),2px 2px 0 var(--arcade-red);text-transform:uppercase;pointer-events:none;animation:flash-pop .3s ease-out}@keyframes flash-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.game__status{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--arcade-pink)}.game__controls{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.btn{font-family:inherit;font-size:.9rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--arcade-navy);background:var(--arcade-cream);border:3px solid var(--arcade-navy);border-radius:10px;padding:.6rem 1.2rem;cursor:pointer;box-shadow:0 4px #00000059;transition:transform .05s ease,box-shadow .05s ease}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(3px);box-shadow:0 1px #00000059}.btn--primary{background:var(--arcade-yellow);color:var(--arcade-navy)}.btn:focus-visible{outline:3px solid var(--arcade-pink);outline-offset:2px}.dpad{display:grid;grid-template-columns:repeat(3,3rem);grid-template-rows:repeat(3,3rem);gap:.35rem}.dpad__btn{font-family:inherit;font-size:1.1rem;color:var(--arcade-navy);background:var(--arcade-blue);color:#fff;border:3px solid var(--arcade-navy);border-radius:10px;cursor:pointer}.dpad__btn:active{filter:brightness(1.3)}.dpad__btn:focus-visible{outline:3px solid var(--arcade-yellow);outline-offset:2px}.dpad__up{grid-column:2;grid-row:1}.dpad__left{grid-column:1;grid-row:2}.dpad__right{grid-column:3;grid-row:2}.dpad__down{grid-column:2;grid-row:3}.game__hint{max-width:40ch;text-align:center;font-size:.75rem;line-height:1.5;color:#ffe9c4b3}@media(min-width:700px)and (pointer:fine){.dpad{opacity:.55}}