@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Mono:wght@400;700&display=swap";:root{--bg:#0a0a0a;--safe:#0f8;--danger:#ff1744;--neutral:#1e1e1e;--dim:#555}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{color:#fff;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#000;width:100%;height:100%;font-family:Space Mono,monospace;overflow:hidden}.app-frame{background:var(--bg);width:100%;max-width:430px;position:fixed;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%);container-type:inline-size}@media (hover:hover){body{cursor:none}.cursor{display:block}}.cursor{pointer-events:none;z-index:9999;mix-blend-mode:difference;background:#fff;border-radius:50%;width:14px;height:14px;display:none;position:fixed;transform:translate(-50%,-50%)}.screen{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:relative}.intro{text-align:center;padding:28px 24px;animation:.5s fadeUp}.intro h1{letter-spacing:3px;font-family:Bebas Neue,sans-serif;font-size:clamp(58px,20cqi,110px);line-height:1}.intro h1 span{color:var(--danger)}.intro p{color:var(--dim);letter-spacing:2px;text-transform:uppercase;margin:14px 0 36px;font-size:clamp(11px,3.2cqi,13px);line-height:1.7}.start-btn{letter-spacing:4px;border:2px solid var(--safe);color:var(--safe);cursor:pointer;-webkit-appearance:none;touch-action:manipulation;background:0 0;border-radius:6px;padding:18px 60px;font-family:Bebas Neue,sans-serif;font-size:clamp(24px,7cqi,30px)}.start-btn:active{background:var(--safe);color:#0a0a0a}.games-played-label{letter-spacing:3px;color:var(--dim);text-transform:uppercase;margin-top:14px;font-size:10px}.game{width:100%;height:100dvh;position:relative}.timer-bar{background:var(--safe);z-index:20;width:100%;height:6px;position:absolute;top:0;left:0}.hud{z-index:10;pointer-events:none;background:linear-gradient(#0a0a0ad9 0%,#0000 100%);justify-content:space-between;align-items:center;padding:10px 18px 8px;display:flex;position:absolute;top:6px;left:0;right:0}.hud-block{flex-direction:column;display:flex}.hud-block.right{align-items:flex-end}.hud-val{color:#fff;font-family:Bebas Neue,sans-serif;font-size:clamp(34px,10cqi,50px);line-height:1}.hud-lbl{letter-spacing:3px;color:var(--dim);text-transform:uppercase;margin-top:1px;font-size:9px}.level-badge{letter-spacing:3px;color:var(--dim);background:#181818;border:1px solid #2a2a2a;border-radius:20px;padding:4px 14px;font-family:Bebas Neue,sans-serif;font-size:13px}.grid{gap:8px;display:grid;position:absolute;inset:76px 12px 16px}.tile{touch-action:manipulation;cursor:pointer;border-radius:10px;min-height:44px;transition:transform 80ms;position:relative;overflow:hidden}.tile:active{transform:scale(.92)}.tile.safe{background:var(--safe);box-shadow:0 0 18px #00ff882e}.tile.danger{background:var(--danger);box-shadow:0 0 18px #ff17442e}.tile.neutral{background:var(--neutral)}.tile.done{pointer-events:none;box-shadow:none!important;background:#111!important}.tile.pop{animation:.14s pop}@keyframes pop{0%{transform:scale(1)}45%{filter:brightness(1.9);transform:scale(.82)}to{transform:scale(1)}}.combo{letter-spacing:4px;color:var(--safe);opacity:0;pointer-events:none;z-index:15;white-space:nowrap;text-shadow:0 0 14px #00ff88b3;font-family:Bebas Neue,sans-serif;font-size:20px;transition:opacity .25s;position:absolute;top:82px;left:50%;transform:translate(-50%)}.flash{pointer-events:none;z-index:100;opacity:0;position:fixed;inset:0}.flash.red{background:var(--danger);animation:.35s ease-out forwards fRed}.flash.green{background:var(--safe);animation:.22s ease-out forwards fGreen}@keyframes fRed{0%{opacity:.65}to{opacity:0}}@keyframes fGreen{0%{opacity:.28}to{opacity:0}}.over{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:32px 28px 48px;animation:.4s fadeUp;display:flex}.over-cause{letter-spacing:4px;text-transform:uppercase;color:var(--danger);margin-bottom:10px;font-size:11px}.over h2{margin-bottom:16px;font-family:Bebas Neue,sans-serif;font-size:clamp(70px,22cqi,130px);line-height:.88}.score-ring{width:clamp(120px,35cqi,160px);height:clamp(120px,35cqi,160px);margin-bottom:16px;position:relative}.score-ring-svg{filter:drop-shadow(0 0 18px #00ff8859);width:100%;height:100%;transform:rotate(-90deg)}.score-ring-bg{fill:none;stroke:#1a1a1a;stroke-width:5px}.score-ring-stroke{fill:none;stroke:var(--safe);stroke-width:5px;stroke-dasharray:452;stroke-dashoffset:0;stroke-linecap:round;animation:.8s ease-out forwards ringDraw}@keyframes ringDraw{0%{stroke-dashoffset:452px}to{stroke-dashoffset:0}}.score-ring-value{color:var(--safe);font-family:Bebas Neue,sans-serif;font-size:clamp(44px,14cqi,64px);line-height:1;animation:.5s .3s both scorePopIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-62%)}.score-ring-label{letter-spacing:4px;color:var(--dim);text-transform:uppercase;font-size:10px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,65%)}@keyframes scorePopIn{0%{opacity:0;transform:translate(-50%,-55%)scale(.5)}to{opacity:1;transform:translate(-50%,-55%)scale(1)}}.final-stats{letter-spacing:3px;color:var(--dim);text-transform:uppercase;align-items:center;gap:10px;margin-bottom:6px;font-size:11px;display:flex}.final-stats strong{color:#fff;font-weight:700}.stats-dot{color:#333;font-size:8px}.new-record{letter-spacing:3px;color:gold;text-transform:uppercase;min-height:18px;margin-bottom:30px;font-size:11px}.btns{flex-direction:column;gap:12px;width:100%;max-width:300px;display:flex}.btn{letter-spacing:3px;cursor:pointer;-webkit-appearance:none;touch-action:manipulation;background:0 0;border:2px solid;border-radius:8px;width:100%;padding:18px 0;font-family:Bebas Neue,sans-serif;font-size:clamp(20px,5.5cqi,24px)}.btn-play{border-color:var(--safe);color:var(--safe)}.btn-share{color:#ff9800;border-color:#ff9800}.btn-play:active{background:var(--safe);color:#0a0a0a}.btn-share:active{color:#0a0a0a;background:#ff9800}.toast{color:#bbb;letter-spacing:2px;text-transform:uppercase;opacity:0;pointer-events:none;white-space:nowrap;z-index:200;background:#222;border:1px solid #333;border-radius:6px;padding:10px 22px;font-size:11px;transition:all .28s;position:fixed;bottom:32px;left:50%;transform:translate(-50%)translateY(12px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}