:root{--ink:#f5f6f0;--muted:#a9b5d6;--night:#050719;--line:#a4d5ff29;--cyan:#79eaf4;--gold:#f7cc61;--coral:#ff795f;--focus:#fff1a8}*{box-sizing:border-box}html{background:var(--night);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;min-width:320px}body{min-height:100vh;color:var(--ink);text-rendering:optimizelegibility;background:radial-gradient(circle at 8% 9%,#3d62ca30,#0000 30rem),radial-gradient(circle at 88% 24%,#0da7ba21,#0000 32rem),linear-gradient(#050719 0%,#080c24 52%,#050719 100%);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;line-height:1.6;overflow-x:hidden}button,canvas{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,canvas:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.site-shell{width:min(1160px,100% - 40px);margin:0 auto;padding:76px 0 48px;position:relative}.site-shell:before{z-index:-1;pointer-events:none;content:"";opacity:.3;background-image:radial-gradient(circle at 15% 20%,#ffffffe6 0 1px,#0000 1.5px),radial-gradient(circle at 76% 28%,#79eaf4cc 0 1px,#0000 1.4px),radial-gradient(circle at 42% 82%,#ffffffb8 0 1px,#0000 1.5px);background-size:180px 180px,240px 240px,310px 310px;position:fixed;inset:0}.ambient{z-index:-1;filter:blur(90px);opacity:.16;pointer-events:none;border-radius:50%;width:340px;height:340px;position:absolute}.ambient-one{background:#3859d8;top:220px;left:-220px}.ambient-two{background:#1cb5b8;top:760px;right:-240px}.hero{text-align:center;max-width:890px;margin:0 auto 46px}.eyebrow{color:var(--cyan);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:14px;font-size:.76rem;font-weight:800;display:inline-flex}.eyebrow span,.signal-dot{background:var(--cyan);width:8px;height:8px;box-shadow:0 0 16px var(--cyan);border-radius:50%}h1,h2,p{margin-top:0}h1{letter-spacing:-.075em;text-transform:uppercase;margin-bottom:16px;font-size:clamp(3.35rem,9vw,7.2rem);font-weight:900;line-height:.88}h1 span{color:#0000;-webkit-text-stroke:1.5px #eff8ffc7}.hero-copy{max-width:700px;color:var(--muted);margin:0 auto 25px;font-size:clamp(1.02rem,2vw,1.24rem);line-height:1.58}.control-pills{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.control-pills>span{color:#bac6e3;background:#0d122eb3;border:1px solid #adceff24;border-radius:99px;align-items:center;gap:5px;min-height:38px;padding:6px 12px;font-size:.8rem;font-weight:650;display:inline-flex}kbd{color:#e9f5ff;background:#ffffff12;border:1px solid #deeeff3d;border-bottom-width:2px;border-radius:6px;min-width:26px;padding:0 6px;font-family:inherit;font-size:.75rem;font-weight:800;line-height:24px}.game-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#12183ced,#080c23e3);border-radius:30px;padding:18px;box-shadow:0 34px 100px #00000070,inset 0 1px #ffffff0b}.card-heading{color:#aebcda;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:20px;min-height:48px;padding:0 8px 14px;font-size:.76rem;font-weight:750;display:flex}.card-heading div{align-items:center;gap:9px;display:flex}.card-heading p{margin:0}.card-heading strong{color:var(--ink);font-variant-numeric:tabular-nums;margin-left:6px}.signal-dot{background:#79f4a3;width:8px;height:8px;box-shadow:0 0 12px #79f4a3d9}.hud{background:#06091ea8;border:1px solid #b7d5ff1f;border-radius:18px;grid-template-columns:1.4fr repeat(3,1fr);margin-bottom:12px;display:grid;overflow:hidden}.hud-item{border-left:1px solid #b7d5ff1a;flex-direction:column;justify-content:center;min-width:0;min-height:79px;padding:11px 20px;display:flex}.hud-item:first-child{border-left:0}.hud-item>span:first-child{color:#8494bb;letter-spacing:.16em;text-transform:uppercase;margin-bottom:1px;font-size:.66rem;font-weight:800}.hud-item strong{color:#eefaff;font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:1.48rem;font-weight:800}.score-item strong{color:var(--cyan);letter-spacing:.04em;font-size:1.75rem}.hud-item small{color:#8ea1ca;margin-left:2px;font-size:.67em}.hud-item b{font:inherit}.multiplier-item strong{color:var(--gold)}.hearts{align-items:center;gap:11px;height:30px;display:flex}.heart{opacity:.22;background:#a9b5d6;border-radius:2px 0 3px;width:17px;height:17px;display:block;position:relative;transform:rotate(-45deg)}.heart:before,.heart:after{background:inherit;content:"";border-radius:50%;width:17px;height:17px;position:absolute}.heart:before{top:-8px;left:0}.heart:after{top:0;left:8px}.heart.active{opacity:1;background:var(--coral);box-shadow:-5px 5px 18px #ff795f73}.canvas-wrap{background:#070b26;border:1px solid #b7d5ff21;border-radius:20px;position:relative;overflow:hidden;box-shadow:inset 0 0 44px #0000003d}.canvas-wrap:after{z-index:1;border-radius:inherit;pointer-events:none;content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff06,inset 0 -70px 100px #0000001f}.game-canvas{aspect-ratio:5/3;cursor:crosshair;touch-action:none;width:100%;display:block}.game-overlay{z-index:2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04071b4d;place-items:center;padding:22px;display:grid;position:absolute;inset:0}.game-overlay[hidden]{display:none}.overlay-panel{text-align:center;background:#080c26d1;border:1px solid #c1e2ff30;border-radius:22px;width:min(470px,92%);padding:32px 30px;box-shadow:0 18px 55px #00000057,inset 0 1px #ffffff0d}.overlay-panel>span{color:var(--cyan);letter-spacing:.17em;text-transform:uppercase;font-size:.67rem;font-weight:850}.overlay-panel h2{letter-spacing:-.045em;margin:5px 0 8px;font-size:clamp(1.75rem,4vw,2.7rem);line-height:1.05}.overlay-panel p{color:#b4c0df;margin:0 auto 22px;font-size:.92rem;line-height:1.55}.primary-button,.secondary-button,.text-button{cursor:pointer;border:0;border-radius:13px;min-height:48px;font-weight:800;transition:transform .16s,background-color .16s,opacity .16s}.primary-button{color:#081422;background:linear-gradient(135deg,#bffcff,#69dce9);justify-content:center;align-items:center;gap:16px;min-width:190px;padding:12px 20px;display:inline-flex;box-shadow:0 10px 30px #37d3e33d}.primary-button b{font-size:1.2em}.primary-button:hover,.secondary-button:hover:not(:disabled),.text-button:hover{transform:translateY(-2px)}.game-actions{flex-wrap:wrap;gap:10px;padding:14px 3px 1px;display:flex}.secondary-button{color:#d9e5f8;background:#ffffff0e;border:1px solid #b8daff24;justify-content:center;align-items:center;gap:9px;min-width:132px;padding:10px 16px;display:inline-flex}.secondary-button span{color:var(--cyan);font-weight:900}.secondary-button b{font:inherit}.secondary-button:disabled{opacity:.38;cursor:not-allowed}.text-button{color:#9eb0d3;background:0 0;margin-left:auto;padding:10px 12px}.how-to{border-top:1px solid #b1d3ff1f;border-bottom:1px solid #b1d3ff1f;grid-template-columns:repeat(3,1fr);margin:56px 0 50px;display:grid}.how-to>div{padding:31px 34px 31px 0}.how-to>div+div{border-left:1px solid #b1d3ff1f;padding-left:34px}.section-number{color:var(--gold);letter-spacing:.15em;margin-bottom:14px;font-size:.68rem;font-weight:850;display:block}.how-to h2{letter-spacing:-.02em;margin-bottom:8px;font-size:1.1rem}.how-to p{color:#8f9fc2;margin:0;font-size:.87rem;line-height:1.6}footer{color:#7788ad;justify-content:space-between;align-items:center;gap:24px;font-size:.78rem;display:flex}footer p{margin:0}.visual-note{text-align:right}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:760px){body{font-size:16px}.site-shell{width:min(100% - 22px,680px);padding-top:46px}.hero{margin-bottom:31px}h1{font-size:clamp(3rem,16vw,5.2rem)}.game-card{border-radius:22px;padding:10px}.card-heading{min-height:45px;padding:0 5px 10px;font-size:.66rem}.hud{border-radius:14px;grid-template-columns:repeat(4,1fr)}.hud-item{min-height:66px;padding:8px 9px}.hud-item>span:first-child{letter-spacing:.11em;font-size:.56rem}.hud-item strong,.score-item strong{font-size:1.05rem}.hearts{gap:5px}.heart,.heart:before,.heart:after{width:12px;height:12px}.heart:before{top:-6px}.heart:after{left:6px}.canvas-wrap{border-radius:15px}.overlay-panel{padding:24px 20px}.overlay-panel p{font-size:.84rem}.game-actions{grid-template-columns:1fr 1fr;display:grid}.secondary-button{min-width:0}.text-button{grid-column:1/-1;width:100%;margin:0}.how-to{grid-template-columns:1fr;margin-top:42px}.how-to>div,.how-to>div+div{border-left:0;padding:25px 4px}.how-to>div+div{border-top:1px solid #b1d3ff1f}footer{flex-direction:column;align-items:flex-start;gap:8px}.visual-note{text-align:left}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}