*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#101820;color:#fff0d4;font-family:Arial,sans-serif}a{color:inherit}header,main,footer{width:min(1200px,calc(100% - 40px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:26px 0}.brand{font:900 24px/1 Impact,Arial,sans-serif;letter-spacing:1px;text-decoration:none}.brand span{color:#ff9c41}.back{font-size:14px;text-underline-offset:5px}.hero{border:2px solid #ffc66c;border-radius:8px;overflow:hidden;box-shadow:0 15px 60px #0006}.hero img{display:block;width:100%;height:auto}.intro{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:36px 0;border-bottom:1px solid #50616a}.eyebrow{color:#d7f66b;font-size:11px;font-weight:900;letter-spacing:2px}h1{font:900 clamp(36px,5vw,64px)/1 Impact,Arial,sans-serif;letter-spacing:1px;margin:14px 0}h1 span{display:block;font:700 clamp(15px,2vw,23px)/1.4 Arial,sans-serif;color:#ffad58;letter-spacing:0;margin-top:10px}.tagline{margin:0;color:#acbdc6}.play{display:inline-block;text-decoration:none;color:#111820;background:#ffad58;padding:18px 38px;border:2px solid #ffdf8a;border-radius:6px;font-size:21px;font-weight:900;box-shadow:0 5px 0 #824424;transition:transform .15s}.play:hover{transform:translateY(-2px);background:#ffd077}a:focus-visible{outline:3px solid #63d8e8;outline-offset:5px}.launch{text-align:center;flex-shrink:0}.launch p{color:#acbdc6;font-size:12px;line-height:1.6;margin:16px 0 0}.about{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:44px 0}h2{font:900 clamp(25px,3vw,35px)/1.2 Impact,Arial,sans-serif;margin:0}h2 em{color:#ffad58;font-style:normal}.about p,.modes p,.instructions p{line-height:1.7;color:#bfcbd1;margin:0}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.modes article{background:#1d2b34;border-top:4px solid #ffad58;padding:26px}.modes span{font-weight:900;font-size:11px;letter-spacing:1px;color:#d7f66b}h3{font-size:23px;margin:15px 0}.details{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:50px 0}.details ul{padding-left:20px;color:#bfcbd1;line-height:2}.instructions{padding:26px;border:1px solid #526b73;border-radius:8px}.instructions p{margin-bottom:18px}.instructions .play{font-size:17px;padding:14px 28px}footer{display:flex;gap:20px;justify-content:space-between;border-top:1px solid #526b73;padding:28px 0;font-size:11px;letter-spacing:1px;color:#acbdc6}footer a{color:#ffad58;font-weight:900;text-decoration:none}@media(max-width:700px){header,main,footer{width:calc(100% - 28px)}header{padding:20px 0}.intro{align-items:flex-start;flex-direction:column;gap:24px;padding:26px 0}.launch{width:100%;text-align:left}.launch .play{width:100%;text-align:center}.about,.details{grid-template-columns:1fr;gap:22px;padding:30px 0}.modes{grid-template-columns:1fr}.modes article{padding:20px}.brand{font-size:21px}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.play{transition:none}}