*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#16143f;color:#fff}body{display:grid;place-items:center;padding:16px}.game{width:min(100%,720px);min-height:480px;border:3px solid #f7d541;border-radius:22px;background:#201b57;box-shadow:0 12px 0 #0c0b30;padding:clamp(16px,4vw,28px)}header{display:flex;align-items:center;justify-content:space-between;gap:12px}h1{font-size:clamp(1.25rem,4vw,2rem);line-height:1.1;margin:0;color:#f7d541}#score{font-weight:800;background:#382f81;padding:8px 12px;border-radius:20px;white-space:nowrap}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#a6ead7;font-size:.7rem;font-weight:800}.prompt{font-size:clamp(1.1rem,3vw,1.6rem);font-weight:750;line-height:1.35;margin:24px 0 18px}.stage{min-height:170px;display:grid;align-content:center;justify-items:center;gap:14px;background:#121036;border:2px solid #5149a7;border-radius:18px;padding:18px;text-align:center}.number{font-size:clamp(2rem,8vw,4rem);font-weight:900;color:#fff}.small{font-size:.95rem;color:#d6d4ee}.choices{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.choice,.primary{border:0;border-radius:14px;padding:13px 18px;min-width:74px;background:#72e5c7;color:#102c35;font:800 1rem system-ui;cursor:pointer;box-shadow:0 4px 0 #297d70}.choice:hover,.choice:focus-visible,.primary:hover,.primary:focus-visible{background:#f7d541;outline:3px solid #fff;outline-offset:2px}.choice:active,.primary:active{transform:translateY(3px);box-shadow:0 1px 0 #297d70}.primary{background:#f7d541;box-shadow:0 4px 0 #a17a10}.input-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.input-row input{width:160px;max-width:100%;padding:12px 14px;border:3px solid #9c92ec;border-radius:12px;background:white;color:#16143f;font:800 1.2rem system-ui}#feedback{min-height:50px;margin-top:16px;font-weight:750;line-height:1.4}#feedback.good{color:#80efbd}#feedback.bad{color:#ffaaa5}.graph{display:flex;gap:14px;align-items:end;justify-content:center;min-height:170px;width:100%}.bar-wrap{width:70px;display:grid;gap:5px;justify-items:center;font-weight:800}.bar{width:58px;min-height:4px;background:#72e5c7;border-radius:9px 9px 0 0}.picture-table{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:min(100%,400px)}.cell{border:1px solid #645ab3;border-radius:7px;padding:7px}.ruler{width:min(100%,480px);display:flex;justify-content:space-between;border-bottom:6px solid #f7d541;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 2px),#f7d541 calc(10% - 2px),#f7d541 10%);padding:28px 0 6px;font-weight:800}.ruler span{background:#121036;padding:2px}.coin{font-size:1.1rem}.tile{font-size:1.2rem}.footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;color:#bcb7e9;font-size:.85rem}@media(max-width:480px){body{padding:8px}.game{min-height:450px;padding:14px}.stage{padding:12px}.choice{padding:11px 13px;min-width:60px}}
