:root{--bg: #f6f3ee;--card: #ffffff;--ink: #1f2a2a;--muted: #5f6b6b;--line: #e3ded6;--teal: #2a6f6f;--teal-dark: #1f5555;--good: #2e7d4f;--good-bg: #e6f4ea;--bad: #b3402e;--bad-bg: #fbe9e5;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button{font:inherit;cursor:pointer}.screen{max-width:36rem;margin:0 auto;padding:1rem 1rem 3rem;padding-bottom:calc(3rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:1rem}.hero h1{margin:1rem 0 0;font-size:2.2rem;color:var(--teal)}.tag{margin:0;color:var(--muted)}h1{margin:.5rem 0 0}.bar{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.95rem}progress{width:100%;height:.5rem;accent-color:var(--teal)}.stats{display:grid;gap:.75rem}.stat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem;display:grid;gap:.15rem}.stat .label{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.stat .value{font-size:1.6rem;font-weight:700}.stat .note{font-size:.9rem;color:var(--muted)}.primary,.secondary{width:100%;padding:.95rem 1rem;border-radius:12px;border:2px solid var(--teal);font-weight:600}.primary{background:var(--teal);color:#fff}.primary:hover{background:var(--teal-dark)}.secondary{background:transparent;color:var(--teal)}.link{background:none;border:0;color:var(--teal);padding:0;font-weight:600}.stem{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem}.stem p{margin:0 0 .75rem}.stem .question{margin:0;font-weight:700}.options{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.option{width:100%;text-align:left;padding:.85rem 1rem;border-radius:12px;border:2px solid var(--line);background:var(--card);color:var(--ink);line-height:1.35}.option:hover:not(:disabled){border-color:var(--teal)}.option:disabled{cursor:default}.option.correct{border-color:var(--good);background:var(--good-bg)}.option.wrong{border-color:var(--bad);background:var(--bad-bg)}.option.muted{opacity:.55}.feedback{border-radius:12px;padding:1rem;display:grid;gap:.6rem}.feedback.good{background:var(--good-bg);border:1px solid var(--good)}.feedback.bad{background:var(--bad-bg);border:1px solid var(--bad)}.feedback h2{margin:0;font-size:1.2rem}.feedback p{margin:0}.ledger{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.5rem 1rem}.ledger div{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--line)}.ledger div:last-child{border-bottom:0}.ledger .total{font-weight:700;font-size:1.15rem}.room{min-height:5.5rem;background:var(--card);border:1px dashed var(--line);border-radius:12px;padding:.75rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:2rem}.room .empty{font-size:.95rem;color:var(--muted)}.shop{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.shop li{display:grid;grid-template-columns:2.5rem 1fr auto;align-items:center;gap:.75rem;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.7rem .9rem}.shop li.owned{opacity:.8}.shop .emoji{font-size:1.6rem}.shop .name{display:grid}.shop small{color:var(--muted)}.shop .buy{padding:.45rem .9rem;border-radius:10px;border:2px solid var(--teal);background:var(--teal);color:#fff;font-weight:600}.shop .buy:disabled{background:transparent;color:var(--muted);border-color:var(--line);cursor:default}.shop .check{color:var(--good);font-weight:700}.disclaimer{font-size:.8rem;color:var(--muted);margin-top:1rem}