:root{--ink:#f5f7fb;--muted:#98a3b7;--panel:#141b27;--panel-2:#1b2433;--line:#303b4e;--lime:#c9ff62;--cyan:#5de4e7;--danger:#ff6f7d;--nav:52px;color-scheme:dark}*{box-sizing:border-box}html{min-height:100%;background:#0b1018}body{margin:0;min-height:100vh;background:radial-gradient(circle at 16% 8%,rgba(93,228,231,.1),transparent 31rem),radial-gradient(circle at 82% 28%,rgba(201,255,98,.07),transparent 27rem),#0b1018;color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit}.page-shell{width:min(100% - 28px,760px);margin:0 auto;padding:32px 0 80px}.game-card,.about-card{background:linear-gradient(145deg,rgba(27,36,51,.98),rgba(17,23,34,.98));border:1px solid rgba(255,255,255,.09);border-radius:28px;box-shadow:0 28px 80px rgba(0,0,0,.34)}.game-card{padding:28px clamp(14px,4vw,42px) 26px}.game-header{display:flex;align-items:center;justify-content:space-between}.eyebrow{display:block;color:var(--lime);font-size:.66rem;font-weight:800;letter-spacing:.19em}.brand-lockup h1{font:800 clamp(2rem,7vw,3rem)/1 "Manrope",sans-serif;letter-spacing:-.07em;margin:5px 0 0}.brand-lockup h1 span{color:var(--lime)}.header-actions{display:flex;gap:8px}.icon-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);color:var(--muted);cursor:pointer;transition:.2s}.icon-button:hover{color:var(--ink);border-color:#59647c;transform:translateY(-1px)}.icon-button[aria-pressed=true] .sound-wave{display:none}.icon-button[aria-pressed=true]:after{content:"";position:absolute;width:24px;height:1.5px;background:currentColor;transform:rotate(-45deg)}.icon-button svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.stats-bar{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0 18px;border:1px solid var(--line);border-radius:15px;background:#101620}.stats-bar div{padding:11px 14px;text-align:center;border-right:1px solid var(--line)}.stats-bar div:last-child{border:0}.stats-bar span,.stats-bar strong{display:block}.stats-bar span{color:#6f7b91;font-size:.58rem;font-weight:800;letter-spacing:.14em}.stats-bar strong{margin-top:3px;font:800 1rem "Manrope"}.stats-bar .lives{color:var(--danger);font-size:.76rem;letter-spacing:.18em;white-space:nowrap}
.play-field{text-align:center}.phase-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #334055;border-radius:20px;color:var(--muted);background:#111722;font-size:.66rem;text-transform:uppercase;letter-spacing:.1em}.phase-pill span{width:7px;height:7px;border-radius:50%;background:#657086}.phase-pill.watching span{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.phase-pill.hidden span{background:var(--lime);box-shadow:0 0 12px var(--lime);animation:pulse 1s infinite}.phase-pill.result span{background:var(--ink)}.track{position:relative;display:block;width:138px;height:min(48vh,430px);min-height:330px;margin:15px auto 17px;padding:0;border:1px solid #38465d;border-radius:70px;background:linear-gradient(90deg,#111823,#1a2433 48%,#111823);overflow:hidden;cursor:crosshair;box-shadow:inset 0 0 30px rgba(0,0,0,.35),0 16px 40px rgba(0,0,0,.25)}.track:disabled{cursor:default}.track-line{position:absolute;left:50%;top:25px;bottom:25px;border-left:1px dashed rgba(255,255,255,.09)}.target{position:absolute;z-index:1;left:9px;right:9px;top:50%;height:96px;transform:translateY(-50%);border:1px solid rgba(201,255,98,.58);border-radius:16px;background:linear-gradient(90deg,rgba(201,255,98,.05),rgba(201,255,98,.15),rgba(201,255,98,.05));box-shadow:inset 0 0 20px rgba(201,255,98,.06)}.target:before,.target:after{content:"";position:absolute;left:9px;right:9px;border-top:1px dashed rgba(201,255,98,.28)}.target:before{top:0}.target:after{bottom:0}.target span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg);color:rgba(201,255,98,.5);font-size:.52rem;font-weight:800;letter-spacing:.18em}.signal{position:absolute;z-index:2;top:0;left:50%;width:32px;height:32px;transform:translate(-50%,0);border:2px solid #bfffff;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 7px rgba(93,228,231,.09),0 0 25px rgba(93,228,231,.65);will-change:transform,opacity}.signal i{position:absolute;inset:7px;border:1px solid rgba(0,0,0,.25);border-radius:50%}.signal.hidden{opacity:0}.signal.revealed{opacity:.5}.result-marker{position:absolute;z-index:3;left:50%;width:44px;height:2px;background:transparent;transform:translateX(-50%)}.result-marker.show{background:var(--ink);box-shadow:0 0 10px var(--ink)}.round-copy h2{font:800 1.25rem/1.2 "Manrope";margin:0 0 5px}.round-copy p{min-height:40px;max-width:430px;margin:0 auto;color:var(--muted);font-size:.79rem;line-height:1.5}.primary-button{display:flex;align-items:center;justify-content:space-between;width:min(100%,330px);min-height:48px;margin:15px auto 0;padding:0 18px;border:0;border-radius:13px;background:var(--lime);color:#162008;font-weight:800;cursor:pointer;transition:.18s}.primary-button:hover{filter:brightness(1.05);transform:translateY(-1px)}.primary-button:disabled{opacity:.45;cursor:default;transform:none}.key-hint{margin:11px 0 0;color:#667289;font-size:.63rem}.key-hint kbd{padding:3px 6px;border:1px solid #3b465a;border-radius:5px;background:#202938;color:#a9b2c1;font:600 .58rem "DM Sans"}
.ad-card{height:92px;display:grid;place-items:center;margin:18px auto 32px;border:1px dashed #2c3445;border-radius:16px;color:#616b7f;font-size:.58rem;text-transform:uppercase;letter-spacing:.16em;overflow:hidden}.ad-card>span{position:absolute}.ad-card ins{width:100%;height:90px!important;max-height:90px;position:relative;overflow:hidden}.about-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;padding:30px}.about-card h2{font:800 1.5rem/1.15 "Manrope";margin:8px 0}.about-card p{color:var(--muted);line-height:1.7;margin:0;font-size:.9rem}.dialog{width:min(calc(100% - 28px),500px);padding:30px;border:1px solid #343d51;border-radius:24px;background:#181f2d;color:var(--ink);box-shadow:0 28px 80px rgba(0,0,0,.5)}.dialog::backdrop{background:rgba(5,8,13,.78);backdrop-filter:blur(8px)}.dialog h2{font:800 1.7rem/1.2 "Manrope";margin:8px 0 20px}.dialog-close{position:absolute;right:16px;top:14px;border:0;background:transparent;color:var(--muted);font-size:1.8rem;cursor:pointer}.dialog .primary-button{width:100%}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:14px;padding:13px 0;border-top:1px solid var(--line)}.steps li>span{color:var(--cyan);font:800 .7rem "Manrope"}.steps strong{font-size:.88rem}.steps p,.dialog-note{color:var(--muted);font-size:.79rem;line-height:1.45;margin:3px 0}.dialog-note{padding:12px;border-radius:10px;background:#111722;text-align:center}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.summary-grid div{padding:18px;background:#111722;border-radius:13px;text-align:center}.summary-grid strong,.summary-grid span{display:block}.summary-grid strong{font:800 1.6rem "Manrope"}.summary-grid span{color:var(--muted);font-size:.67rem}@keyframes pulse{50%{opacity:.35}}@media(max-width:560px){.page-shell{width:min(100% - 16px,760px);padding-top:28px}.game-card{padding-top:20px;border-radius:20px}.stats-bar{margin-top:17px}.track{height:min(47vh,400px);min-height:315px}.about-card{grid-template-columns:1fr;gap:12px;padding:24px}.ad-card{margin-bottom:20px}.dialog{padding:26px 20px}}@media(max-height:740px) and (max-width:560px){.game-card{padding-bottom:16px}.stats-bar{margin:12px 0}.stats-bar div{padding:7px}.track{height:310px;min-height:280px;margin:9px auto}.round-copy p{min-height:34px}.primary-button{min-height:43px;margin-top:9px}.key-hint{margin-top:7px}}.stats-bar{grid-template-columns:repeat(4,1fr)}.stats-bar div{padding-left:8px;padding-right:8px}.stats-bar strong{font-size:.9rem}.stats-bar .lives{font-size:.7rem;letter-spacing:.12em}.track{width:min(100%,370px);border-radius:28px;background:radial-gradient(circle at 50% 50%,#1b2737,#111823 70%);box-shadow:inset 0 0 40px rgba(0,0,0,.35),0 16px 40px rgba(0,0,0,.25)}.track-line{display:none}.route-map{position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 32px);overflow:visible}.route-map path{fill:none;stroke:rgba(255,255,255,.15);stroke-width:.7;stroke-dasharray:2 2;vector-effect:non-scaling-stroke}.target{left:0;right:auto;top:0;width:82px;height:82px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(201,255,98,.17),rgba(201,255,98,.035) 70%)}.target:before{left:50%;right:auto;top:8px;bottom:8px;border:0;border-left:1px dashed rgba(201,255,98,.25)}.target:after{left:8px;right:8px;top:50%;bottom:auto;border-top:1px dashed rgba(201,255,98,.25)}.target span{transform:translate(-50%,-50%);font-size:.47rem}.signal{top:0;left:0;transform:translate(-50%,-50%)}.result-marker{left:0;width:44px;height:44px;border:2px solid transparent;border-radius:50%;background:transparent;transform:translate(-50%,-50%)}.result-marker.show{border-color:var(--ink);background:transparent;box-shadow:0 0 12px rgba(255,255,255,.45)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}