:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--copper:#ffb454;--cyan:#6ff8ff;--violet:#b07cff;--ink:#05070d}*{box-sizing:border-box}html,body{background:var(--ink);color:#e8f0ff;min-height:100%;margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif;overflow:hidden}.stage{background:radial-gradient(circle at 50% 50%, #101a2d 0, var(--ink) 68%);place-items:center;display:grid;position:fixed;inset:0}#game{image-rendering:auto;outline:none;width:min(100vw,177.8vh);height:min(56.25vw,100vh);display:block}.overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:10;background:linear-gradient(#05070de0,#05070df5);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.overlay.hidden{display:none}.panel{text-align:center;background:#0a0f19e6;border:1px solid #ffb45457;border-radius:18px;width:min(920px,94vw);max-height:94vh;padding:clamp(24px,4vw,54px);overflow:auto;box-shadow:0 0 70px #ffb4541c,inset 0 0 45px #ffb4540a}.eyebrow{color:var(--cyan);letter-spacing:.32em;text-transform:uppercase;margin:0 0 8px;font-size:clamp(10px,1.2vw,13px);font-weight:800}h1{letter-spacing:.07em;color:#fff;text-shadow:0 0 28px #ffb4548c;margin:0;font-size:clamp(44px,8vw,86px);line-height:.92}h2{color:var(--copper);letter-spacing:.14em;margin:18px 0 8px}p{color:#c4cfe2;line-height:1.55}.lead{max-width:620px;margin:16px auto 26px}.keys{text-align:left;color:#a9b6ca;grid-template-columns:repeat(2,minmax(200px,1fr));gap:10px 28px;max-width:620px;margin:20px auto;font-size:14px;display:grid}.keys div{align-items:center;gap:10px;display:flex}kbd{color:#fff;background:#131c2e;border:1px solid #3b4a66;border-radius:5px;place-items:center;min-width:30px;padding:4px 8px;font:700 11px/1 ui-monospace,monospace;display:inline-grid}.choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.choice{cursor:pointer;background:#0d1422f5;border:1px solid #28354c;border-radius:13px;padding:20px 15px;transition:transform .12s,border-color .12s,box-shadow .12s}.choice:hover,.choice:focus-visible{border-color:var(--copper);outline:none;transform:translateY(-4px);box-shadow:0 12px 28px #ffb45426}.choice-name{color:var(--copper);margin:0 0 6px;font-size:18px;font-weight:850}.choice-detail{color:#aebad0;margin:0;font-size:13px;line-height:1.45}.stats{flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 0;display:flex}.stat{background:#101725;border:1px solid #263145;border-radius:10px;min-width:108px;padding:10px}.stat b{color:#fff;font-size:23px;display:block}.stat span{letter-spacing:.16em;text-transform:uppercase;color:#7e8ca4;font-size:10px}.button{background:var(--copper);color:#201503;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:0;border-radius:8px;margin-top:14px;padding:13px 35px;font:850 15px/1 inherit;transition:filter .12s;display:inline-block}.button:hover{filter:brightness(1.12)}.small{color:#67748d;margin-top:18px;font-size:12px}