:root{--gold:#ffd34e;--orange:#ff6b19;--red:#ff294d;--cyan:#20e8ff;--ink:#070816;--panel:rgba(10,12,30,.86)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Impact,"Arial Narrow",system-ui,sans-serif;background:var(--ink);color:#fff}body{overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.menu-page{min-height:100vh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,#29205e 0,#10132b 32%,#070816 72%)}.menu-page:before,.menu-page:after{content:"";position:fixed;inset:-30%;background:repeating-conic-gradient(from 0deg,transparent 0 9deg,rgba(56,232,255,.035) 10deg 11deg);animation:spin 35s linear infinite}.menu-page:after{background:radial-gradient(circle,transparent 30%,rgba(0,0,0,.65) 75%);animation:none}.particles{position:fixed;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(var(--cyan) 1px,transparent 1px),radial-gradient(var(--orange) 1px,transparent 1px);background-size:87px 87px,133px 133px,177px 177px;background-position:0 0,30px 40px,70px 15px;opacity:.45;animation:drift 12s linear infinite}.menu-shell{position:relative;z-index:1;width:min(1120px,94vw);min-height:100vh;display:grid;grid-template-columns:1fr minmax(280px,410px) 1fr;grid-template-rows:auto 1fr auto;gap:18px;align-items:center;padding:24px 0}.title-block{grid-column:1/-1;text-align:center;filter:drop-shadow(0 4px 12px #000)}.eyebrow{margin:0;color:var(--cyan);font:700 clamp(10px,1.2vw,14px)/1 system-ui;letter-spacing:.45em;text-transform:uppercase}.title-block h1{margin:7px 0 2px;font-size:clamp(42px,7vw,92px);line-height:.75;letter-spacing:.02em;background:linear-gradient(#fff9c8 10%,var(--gold) 50%,#e95711);-webkit-background-clip:text;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.25)}.title-block h1 span{display:block;font-size:.35em;letter-spacing:.13em;color:#fff;-webkit-text-stroke:0;background:none}.subtitle{margin:14px 0 0;text-transform:uppercase;letter-spacing:.24em;font:700 clamp(13px,2vw,19px)/1 system-ui;color:#d7dbff}.hero-card{grid-column:2;position:relative;height:min(51vh,520px);min-height:340px;border:1px solid rgba(255,211,78,.35);border-radius:50% 50% 18px 18px/18% 18% 18px 18px;background:linear-gradient(145deg,rgba(255,211,78,.12),rgba(27,20,61,.7));box-shadow:0 0 60px rgba(255,107,25,.2),inset 0 0 45px rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:10px;border:1px solid rgba(32,232,255,.2);border-radius:inherit}.hero-glow{position:absolute;width:80%;aspect-ratio:1;border-radius:50%;background:var(--orange);filter:blur(70px);opacity:.27;animation:pulse 2.4s ease-in-out infinite}.silhouette{position:relative;width:63%;aspect-ratio:.72;background:linear-gradient(145deg,#332454,#0c0d1e);clip-path:polygon(29% 11%,40% 2%,63% 0,77% 12%,82% 34%,72% 43%,88% 64%,100% 100%,0 100%,12% 63%,29% 43%,20% 32%);display:grid;place-items:center;filter:drop-shadow(0 0 18px rgba(255,211,78,.5))}.silhouette span{font-size:clamp(110px,17vw,220px);color:rgba(255,211,78,.17);font-style:italic}.hero-caption{position:absolute;bottom:16px;text-align:center}.hero-caption strong{display:block;color:var(--gold);font-size:25px;letter-spacing:.18em}.hero-caption small{font-family:system-ui;text-transform:uppercase;letter-spacing:.3em;color:#b7bad2}.mode-buttons{display:contents}.mode-button{position:relative;display:flex;gap:13px;align-items:center;padding:20px 22px;border:1px solid currentColor;clip-path:polygon(7% 0,100% 0,93% 100%,0 100%);font-size:clamp(20px,2.3vw,31px);letter-spacing:.03em;transition:.25s;isolation:isolate}.mode-button:before{content:"";position:absolute;inset:0;background:currentColor;opacity:.12;z-index:-1}.mode-button:hover{transform:scale(1.06) translateY(-4px);filter:brightness(1.25);box-shadow:0 0 35px currentColor}.fire-button{grid-column:1;grid-row:2;color:var(--orange)}.mma-button{grid-column:3;grid-row:2;color:var(--cyan);clip-path:polygon(0 0,93% 0,100% 100%,7% 100%)}.mode-icon{font-size:42px;filter:drop-shadow(0 0 9px currentColor)}.mode-button small{display:block;font:700 9px/1.5 system-ui;letter-spacing:.25em;color:#fff}.high-scores{grid-column:1/-1;text-align:center;background:rgba(4,6,19,.65);border-top:1px solid rgba(255,211,78,.25);padding:9px 20px}.high-scores h2{font-size:11px;letter-spacing:.3em;color:var(--gold);margin:0 0 7px}.high-scores div{display:flex;justify-content:center;align-items:center;gap:20px;font:700 12px system-ui;letter-spacing:.12em}.high-scores b{color:var(--gold);margin-left:6px}.high-scores i{height:17px;width:1px;background:#555}.sound-toggle{position:fixed;z-index:20;right:14px;top:14px;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:42px;height:42px;background:rgba(4,6,19,.72);cursor:pointer;transition:.2s}.sound-toggle:hover{transform:scale(1.1);border-color:var(--gold)}.start-overlay{position:fixed;z-index:99;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:radial-gradient(circle,#21184d,#050611 68%);cursor:pointer;transition:.55s}.start-overlay.hidden{opacity:0;visibility:hidden}.start-emblem{border:3px solid var(--gold);color:var(--gold);font-size:80px;font-style:italic;width:130px;height:130px;display:grid;place-items:center;transform:rotate(45deg);animation:pulse 1.4s infinite}.start-emblem::first-letter{transform:rotate(-45deg)}.start-overlay strong{font-size:clamp(27px,6vw,55px);letter-spacing:.1em}.start-overlay span{font:500 12px system-ui;letter-spacing:.2em;color:#aeb3d0;text-transform:uppercase}.back-button{border:1px solid #ffffff33;padding:9px 12px;font-size:13px;letter-spacing:.12em;background:#080a18aa;transition:.2s}.back-button:hover{border-color:var(--gold);color:var(--gold)}.game-modal{position:fixed;z-index:80;inset:0;background:#03040bd9;display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px)}.game-modal.hidden{display:none}.modal-card{text-align:center;width:min(430px,94vw);padding:35px;border:1px solid #ffffff2b;background:linear-gradient(145deg,#211737,#090b1c);box-shadow:0 0 70px #ff4a2338}.modal-icon{font-size:55px}.modal-card p{letter-spacing:.3em;color:var(--gold);font:700 12px system-ui}.modal-card h1{font-size:clamp(42px,9vw,76px);line-height:.9;margin:10px}.final-score{font:700 13px system-ui;letter-spacing:.2em;margin:22px}.final-score b{display:block;font:48px Impact;color:var(--gold);margin-top:8px}.modal-card button,.modal-card a{display:block;width:100%;padding:14px;margin:10px 0;border:1px solid var(--gold);background:var(--gold);color:#111;cursor:pointer;letter-spacing:.13em}.modal-card a{background:transparent;color:#fff;border-color:#ffffff44}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{to{background-position:87px 87px,163px 173px,247px 192px}}@keyframes pulse{50%{transform:scale(1.07);opacity:.5}}@media(max-width:820px){.menu-page{overflow:auto}.menu-shell{grid-template-columns:1fr 1fr;grid-template-rows:auto minmax(280px,45vh) auto auto;padding:18px 0}.hero-card{grid-column:1/-1;grid-row:2;width:min(330px,80vw);justify-self:center;min-height:280px}.fire-button{grid-column:1;grid-row:3}.mma-button{grid-column:2;grid-row:3}.mode-button{clip-path:none;padding:14px 10px;justify-content:center;text-align:left}.mode-icon{font-size:28px}.high-scores{grid-row:4}.title-block h1{line-height:.82}}@media(max-width:520px){.menu-shell{grid-template-columns:1fr;grid-template-rows:auto 300px auto auto auto}.title-block h1{font-size:43px}.hero-card{grid-column:1;grid-row:2;height:290px}.fire-button{grid-column:1;grid-row:3}.mma-button{grid-column:1;grid-row:4}.high-scores{grid-column:1;grid-row:5}.mode-button{width:92%;justify-self:center}.hero-caption strong{font-size:18px}}