:root{--bg:#05010f;--cyan:#00f0ff;--magenta:#ff2bd6;--gold:#ffd23f;--text:#e9f6ff;--muted:#8fa3c7;--hud-h:52px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}[hidden]{display:none!important}#game{touch-action:none;cursor:crosshair;width:100vw;height:100dvh;display:block;position:fixed;inset:0}#game.used{cursor:default}.hud{height:var(--hud-h);padding:0 64px 0 clamp(8px,2vw,20px);padding-top:env(safe-area-inset-top);pointer-events:none;z-index:5;background:linear-gradient(#05010fd9,#05010f00);align-items:center;gap:clamp(8px,3vw,28px);font-size:clamp(13px,3.6vw,17px);display:flex;position:fixed;top:0;left:0;right:0}.hud-item{white-space:nowrap;text-shadow:0 0 8px #00f0ff99}.hud-item strong{color:#fff;font-variant-numeric:tabular-nums}.hud-label{color:var(--muted);font-size:.85em}.hud-short{display:none}@media (width<=540px){.hud-long{display:none}.hud-short{display:inline}}.hud-goal.reached strong{color:#7cff4f;text-shadow:0 0 10px #7cff4f}.hud .icon-btn{pointer-events:auto;margin-left:auto}.icon-btn{width:40px;height:40px;color:var(--text);cursor:pointer;background:#0a041eb3;border:1px solid #00f0ff80;border-radius:50%;font-size:18px;line-height:1;box-shadow:0 0 10px #00f0ff40}.icon-btn:hover,.icon-btn:focus-visible{border-color:var(--cyan);outline:none;box-shadow:0 0 16px #00f0ff99}.mute-btn{top:calc(6px + env(safe-area-inset-top));z-index:20;position:fixed;right:12px}.banner{left:50%;top:calc(var(--hud-h) + 16px);text-align:center;pointer-events:none;z-index:4;background:#0a041ebf;border:1px solid #ff2bd680;border-radius:999px;max-width:calc(100vw - 24px);padding:10px 18px;font-size:clamp(13px,3.6vw,16px);transition:opacity .4s;position:fixed;transform:translate(-50%);box-shadow:0 0 18px #ff2bd659}.banner.fade{opacity:0}.screen{z-index:10;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.screen-dim{-webkit-backdrop-filter:blur(3px);background:#05010fb8}.screen-menu{background:radial-gradient(#05010f1a,#05010fa6)}.menu-box{text-align:center}.title{letter-spacing:.04em;color:#fff;text-transform:uppercase;margin:0 0 8px;font-size:clamp(44px,13vw,104px);font-weight:900;line-height:1.02;animation:2.4s ease-in-out infinite neon-pulse}.title span{display:inline-block}.title-2{color:#ffe9fb;animation:2.4s ease-in-out infinite neon-pulse-magenta}@keyframes neon-pulse{0%,to{text-shadow:0 0 4px #fff, 0 0 12px var(--cyan), 0 0 28px var(--cyan), 0 0 56px var(--cyan)}50%{text-shadow:0 0 2px #fff, 0 0 6px var(--cyan), 0 0 14px var(--cyan), 0 0 24px var(--cyan)}}@keyframes neon-pulse-magenta{0%,to{text-shadow:0 0 4px #fff, 0 0 12px var(--magenta), 0 0 28px var(--magenta), 0 0 56px var(--magenta)}50%{text-shadow:0 0 2px #fff, 0 0 6px var(--magenta), 0 0 14px var(--magenta), 0 0 24px var(--magenta)}}.subtitle{color:var(--muted);margin:0 0 28px;font-size:clamp(15px,4vw,20px)}.buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.menu-box .buttons{flex-direction:column;align-items:center}.menu-box .btn{min-width:220px}.btn{min-height:46px;color:var(--text);font:inherit;letter-spacing:.02em;cursor:pointer;background:#0a041ebf;border:1px solid #00f0ff8c;border-radius:12px;padding:10px 22px;font-size:17px;font-weight:600;transition:transform .12s,box-shadow .2s,border-color .2s;box-shadow:0 0 12px #00f0ff40,inset 0 0 10px #00f0ff1a}.btn:hover,.btn:focus-visible{border-color:var(--cyan);outline:none;transform:translateY(-1px);box-shadow:0 0 22px #00f0ff99,inset 0 0 14px #00f0ff33}.btn:active{transform:translateY(1px)scale(.98)}.btn-primary{border-color:var(--magenta);background:linear-gradient(135deg,#ff2bd659,#00f0ff40);box-shadow:0 0 16px #ff2bd673,inset 0 0 12px #ff2bd633}.btn-primary:hover,.btn-primary:focus-visible{border-color:#ff7be6;box-shadow:0 0 26px #ff2bd6cc,inset 0 0 16px #ff2bd64d}.record{color:var(--muted);margin:20px 0 0;font-size:15px}.record strong{color:var(--gold)}.panel{text-align:center;background:#0c0622e6;border:1px solid #00f0ff59;border-radius:18px;width:min(560px,100%);max-height:100%;padding:clamp(16px,4vw,28px);overflow-y:auto;box-shadow:0 0 30px #00f0ff33,inset 0 0 24px #ff2bd614}.panel h2{text-shadow:0 0 12px var(--cyan);margin:0 0 12px;font-size:clamp(24px,7vw,34px)}.panel h3{color:var(--gold);margin:18px 0 8px;font-size:18px}.help-list,.legend{text-align:left;margin:0;padding-left:20px;line-height:1.5}.legend{padding-left:0;list-style:none}.legend li{align-items:center;gap:10px;margin:6px 0;display:flex}.dot{border-radius:50%;flex:none;width:18px;height:18px}.dot-gold{background:var(--gold);box-shadow:0 0 12px var(--gold)}.dot-ghost{background:#cfe8ff59;border:2px dashed #cfe8ff;box-shadow:0 0 10px #cfe8ff99}.dot-bomb{background:radial-gradient(circle,#2a0505 40%,#ff3b3b 75%);box-shadow:0 0 12px #ff3b3b}.level-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;display:grid}.level-btn{min-height:84px;color:var(--text);font:inherit;cursor:pointer;background:#0a041ecc;border:1px solid #00f0ff80;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;display:flex;box-shadow:0 0 10px #00f0ff33}.level-btn:hover:not(:disabled),.level-btn:focus-visible{border-color:var(--cyan);outline:none;box-shadow:0 0 18px #00f0ff99}.level-btn .num{font-size:24px;font-weight:800}.level-btn .stars{letter-spacing:1px;font-size:14px}.level-btn .best{color:var(--muted);font-size:11px}.level-btn:disabled{cursor:not-allowed;opacity:.4;box-shadow:none;border-color:#8fa3c74d}.star-on{color:var(--gold);text-shadow:0 0 8px var(--gold)}.star-off{color:#8fa3c759}.result-panel.win{border-color:#7cff4f99}.result-panel.lose{border-color:#ff3b3b99}.result-stars{min-height:1.1em;font-size:clamp(42px,13vw,60px);line-height:1.1}.result-stars span{margin:0 4px;display:inline-block}.result-stars .star-on{animation:.5s cubic-bezier(.2,1.6,.4,1) both star-pop}.result-stars .star-on:nth-child(2){animation-delay:.18s}.result-stars .star-on:nth-child(3){animation-delay:.36s}@keyframes star-pop{0%{opacity:0;transform:scale(0)rotate(-40deg)}to{opacity:1;transform:scale(1)rotate(0)}}.result-stats{margin:8px 0;font-size:18px;line-height:1.5}.result-record{color:var(--muted);margin:4px 0 0}.new-record{color:var(--gold);text-shadow:0 0 10px var(--gold);font-weight:700}.noscript{place-items:center;display:grid;position:fixed;inset:0}@media (width<=420px){.hud{gap:8px}.hud-label{font-size:.8em}.btn{padding:10px 16px;font-size:16px}.result-panel .buttons .btn{flex:40%}}@media (prefers-reduced-motion:reduce){.title,.title-2{animation-duration:8s}.result-stars .star-on{animation:none}.btn,.banner{transition:none}}.hud{padding-left:110px}@media (width<=700px){.hud{padding-left:48px}}