:root{color-scheme:dark;--bg:#101314;--panel:#1c2223;--yellow:#f6cf47;--text:#f5f2e9;--muted:#b9c1bd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 75% 0%,#313729 0%,var(--bg) 45%);font:17px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text)}.top{display:flex;justify-content:space-between;align-items:center;padding:20px max(22px,calc((100vw - 1050px)/2));border-bottom:1px solid #39403a}.brand{font-weight:1000;letter-spacing:-1px;text-decoration:none;color:var(--text);font-size:22px}.brand span{color:var(--yellow)}.tag,.eyebrow,.small,.gamebar,.cards span{font-size:12px;letter-spacing:1.5px;font-weight:800;color:var(--yellow)}main{max-width:1050px;margin:auto;padding:0 22px}.hero{padding:90px 0 95px;max-width:760px}.hero h1{font-size:clamp(65px,12vw,142px);line-height:.87;letter-spacing:-.075em;margin:22px 0 30px;font-weight:1000}.hero h1 em{font-style:normal;color:var(--yellow)}.lead{font-size:clamp(20px,3vw,26px);max-width:680px}.small{color:var(--muted);letter-spacing:0;font-weight:400;margin-top:17px}.primary{background:var(--yellow);color:#141715;font-weight:1000;border:0;padding:17px 24px;border-radius:5px;cursor:pointer;font-size:17px;margin-top:15px}.primary:hover,.choice:hover{filter:brightness(1.1)}.game{max-width:760px;margin:30px 0 90px;padding:30px;background:var(--panel);border:1px solid #465047;border-radius:10px}.gamebar{display:flex;justify-content:space-between}.meter{height:6px;background:#444b45;margin:15px 0 30px;border-radius:5px}.meter div{height:100%;width:0;background:var(--yellow);transition:width .25s}.game h2{font-size:clamp(28px,5vw,43px);line-height:1.1;margin:0 0 18px}.choice{display:block;text-align:left;width:100%;background:#303838;border:1px solid #53605a;color:var(--text);border-radius:6px;padding:16px;margin:12px 0;cursor:pointer;font-size:16px}.choice:disabled{opacity:.55;cursor:default}.feedback{padding:18px;background:#343d34;border-left:4px solid var(--yellow);border-radius:3px}.after{border-top:1px solid #3a433d;padding:55px 0 90px}.after h2{font-size:35px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.cards article{background:var(--panel);padding:22px;border:1px solid #3b453e;border-radius:7px}.cards b{color:var(--yellow)}.cards span{font-size:11px}footer{padding:25px;text-align:center;border-top:1px solid #343d37;color:var(--muted);font-size:12px}@media(max-width:650px){.tag{display:none}.hero{padding:65px 0}.game{padding:20px}.cards{grid-template-columns:1fr}}
