:root{--void: #0b0d08;--char: #12150d;--panel: #181c11;--hazard: #f4e11a;--hazard-deep: #b9a900;--ink: #e9e6d6;--grime: #8a8f74;--danger: #ff4d2e;--grid-a: #14180f;--display: "Rubik Dirt", system-ui, sans-serif;--mono: "Space Mono", ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:radial-gradient(120% 90% at 50% -10%,#1b2012 0%,var(--void) 60%),var(--void);color:var(--ink);font-family:var(--mono);overscroll-behavior:none;touch-action:none}body:after{content:"";position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#app{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;padding:1rem .75rem 1.5rem}#scorebar{width:min(92vw,640px);display:flex;align-items:stretch;gap:.6rem}.tag{display:flex;flex-direction:column;justify-content:center;padding:.3rem .7rem .35rem;background:var(--char);border-left:3px solid var(--hazard);box-shadow:3px 3px #00000080;line-height:1.1}.tag__k{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--grime)}.tag__v{font-size:1.15rem;font-weight:700;color:var(--ink)}.tag--best{border-left-color:var(--grime)}.tag--best .tag__v{color:var(--grime)}#effects{margin-left:auto;display:flex;gap:.4rem;align-items:center}.effect-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .55rem;background:var(--char);border:1px solid currentColor;font-size:.9rem;font-weight:700}.effect-chip .bar{width:30px;height:5px;background:#ffffff1f;overflow:hidden}.effect-chip .bar>i{display:block;height:100%;background:currentColor}#stage{position:relative;width:min(92vw,640px);aspect-ratio:1 / 1}#game{width:100%;height:100%;background:var(--grid-a);box-shadow:0 0 0 2px #000,0 18px 50px #000000a6,inset 0 0 120px #0000008c;display:block}.corner{position:absolute;width:26px;height:26px;z-index:3;pointer-events:none}.corner--tl{top:-6px;left:-6px;border-top:4px solid var(--hazard);border-left:4px solid var(--hazard)}.corner--tr{top:-6px;right:-6px;border-top:4px solid var(--hazard);border-right:4px solid var(--hazard)}.corner--bl{bottom:-6px;left:-6px;border-bottom:4px solid var(--hazard);border-left:4px solid var(--hazard)}.corner--br{bottom:-6px;right:-6px;border-bottom:4px solid var(--hazard);border-right:4px solid var(--hazard)}#overlay{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:1.25rem;background:radial-gradient(80% 80% at 50% 40%,#080a068c,#060804e6);backdrop-filter:blur(2px)}#overlay.hidden{display:none}.menu-card{position:relative;width:min(92%,380px);padding:2.2rem 1.6rem 1.5rem;text-align:center;background:linear-gradient(180deg,#1c2113,#12150d);border:1px solid #2c3320;box-shadow:10px 10px #0009,0 0 0 1px #f4e11a0f inset;transform:rotate(-.6deg);overflow:hidden;animation:card-in .5s cubic-bezier(.2,.9,.25,1) both}.tape{position:absolute;top:14px;left:-12%;width:124%;transform:rotate(-3deg);background:repeating-linear-gradient(45deg,#000 0 10px,var(--hazard) 10px 20px);padding:3px 0;overflow:hidden;box-shadow:0 2px 8px #00000080}.tape span{display:inline-block;white-space:nowrap;font-size:.62rem;font-weight:700;letter-spacing:.18em;color:#000;background:var(--hazard);padding:1px 0;animation:tape-scroll 14s linear infinite}#overlay-title{margin:1.9rem 0 .4rem;font-family:var(--display);font-weight:400;font-size:clamp(2.9rem,13vw,4.6rem);line-height:.9;color:var(--hazard);text-shadow:0 0 1px var(--hazard),3px 4px 0 #000,0 0 26px rgba(244,225,26,.25);animation:flicker 6s infinite steps(1);animation-delay:.6s}#overlay-msg{margin:0 auto 1.4rem;max-width:26ch;font-size:.82rem;line-height:1.5;color:var(--grime);animation:rise .5s ease both;animation-delay:.18s}#start-btn{font-family:var(--mono);font-weight:700;font-size:1.1rem;letter-spacing:.16em;text-transform:uppercase;color:#000;background:var(--hazard);border:2px solid #000;padding:.7rem 2.6rem;cursor:pointer;box-shadow:6px 6px #000;transition:transform .08s ease,box-shadow .08s ease,background .15s;animation:rise .5s ease both;animation-delay:.3s}#start-btn:hover{background:#fff04a;transform:translate(-2px,-2px);box-shadow:9px 9px #000}#start-btn:active{transform:translate(3px,3px);box-shadow:2px 2px #000}.hint{margin:1.2rem 0 0;font-size:.66rem;letter-spacing:.08em;color:#555a45;animation:rise .5s ease both;animation-delay:.42s}.hint kbd{font-family:var(--mono);background:#23281a;border:1px solid #333a26;border-radius:3px;padding:1px 5px;color:var(--ink)}#dpad{display:none}@media (pointer: coarse){#dpad{display:flex;flex-direction:column;align-items:center;gap:.4rem}.dpad-mid{display:flex;gap:.4rem}#dpad button{width:3.3rem;height:3.3rem;font-size:1.3rem;color:var(--ink);background:var(--char);border:2px solid #000;box-shadow:3px 3px #000}#dpad button:active{background:var(--hazard);color:#000;transform:translate(2px,2px);box-shadow:1px 1px #000}}@keyframes card-in{0%{opacity:0;transform:rotate(-.6deg) translateY(14px) scale(.96)}to{opacity:1;transform:rotate(-.6deg) translateY(0) scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tape-scroll{0%{transform:translate(0)}to{transform:translate(-33.33%)}}@keyframes flicker{0%,41%,43%,46%,78%,79%,to{opacity:1}42%,45%{opacity:.4}78.5%{opacity:.65}}@media (prefers-reduced-motion: reduce){.menu-card,#overlay-msg,#start-btn,.hint,.tape span,#overlay-title{animation:none!important}}