:root{color-scheme:light;--ink:#25241f;--paper:#f8edda;--coral:#ff765f;--blue:#5065df}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}.game{max-width:1000px;min-height:100svh;margin:auto;padding:22px 26px;display:flex;flex-direction:column;gap:22px}header{display:flex;justify-content:space-between;border-bottom:1px solid #25241f30;padding-bottom:12px;font:.7rem ui-monospace,monospace;letter-spacing:.1em}header a{font-weight:900;color:inherit;text-decoration:none}.hero{display:flex;justify-content:space-between;align-items:end;gap:24px}.eyebrow,.kind{color:var(--blue);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.65rem}h1{margin:5px 0;font-size:clamp(3rem,8vw,6rem);letter-spacing:-.08em;line-height:.9}h1 em{color:var(--coral);font-family:Georgia,serif}.hero p:last-child{max-width:560px;line-height:1.55}.score{border:1px solid;border-radius:18px;padding:14px 20px;display:grid;grid-template-columns:auto auto;gap:4px 20px;background:#fff8ee}.score small{font-size:.58rem}.score strong{font:900 1.15rem ui-monospace}.card{border:1px solid;border-radius:22px;background:#fffaf1;box-shadow:7px 8px 0 var(--ink);padding:24px;display:grid;grid-template-columns:1fr auto;gap:12px 24px}.card h2{margin:0;font-size:1.45rem}.visual{grid-column:1/-1;height:260px;border-radius:16px;background:#25241f;position:relative;overflow:hidden}.quantity i{position:absolute;left:var(--x);top:var(--y);width:13px;aspect-ratio:1;border-radius:50%;background:var(--coral)}.percent{display:flex;align-items:center;justify-content:center;gap:20px;color:white}.percent strong,.percent b{font-size:4rem}.percent span{font:italic 2rem Georgia}.axis{height:100%;display:flex;align-items:end;justify-content:center;gap:50px;padding:35px}.axis i{width:100px;background:var(--blue);position:relative}.axis .unknown{background:var(--coral)}.axis span{position:absolute;top:-28px;width:100%;text-align:center;color:white;font-style:normal;font-weight:900}form{grid-column:1/-1}form label{display:block;font-size:.68rem;font-weight:900;margin-bottom:7px;text-transform:uppercase}form div{display:flex;gap:8px}input{min-width:0;flex:1;border:1px solid;border-radius:10px;padding:13px;background:var(--paper);font-size:1.1rem}button{border:1px solid;border-radius:10px;padding:12px 18px;background:var(--coral);font-weight:850}.card>p[role=status]{grid-column:1/-1;margin:0;min-height:1.5em}.next{grid-column:2;background:var(--blue);color:white}@media(max-width:600px){.game{padding:15px 14px;gap:15px}header span{display:none}.hero{align-items:start}.score{padding:10px;font-size:.75rem}.hero p:last-child{font-size:.78rem}h1{font-size:3rem}.card{padding:15px;box-shadow:4px 5px 0}.visual{height:220px}.percent strong,.percent b{font-size:2.5rem}.axis{gap:25px;padding:35px 20px}.axis i{width:70px}form div{flex-direction:column}}