:root{--gold:#FFC700;--infer:#C86B3C;--infer-soft:#FFF1E8;--ink:#090909;--muted:#5d594f;--cream:#fff6d5;--line:#d8d5cc;--paper:#fff;--max:980px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Poppins,Arial,sans-serif;line-height:1.55}.shell{width:min(var(--max),calc(100% - 36px));margin-inline:auto}.hero{text-align:center;padding:42px 0 18px}.title-card{border:3px solid var(--gold);padding:22px 25px 19px;margin:0 auto 18px;max-width:900px}.title-card h1{font-size:clamp(2rem,6vw,3.7rem);line-height:1.02;margin:0;font-weight:800}.tagline{color:#d6a700;margin:9px 0 0;font-size:clamp(1.02rem,2.7vw,1.35rem);font-style:italic;font-weight:600}.progress{display:flex;align-items:center;justify-content:center;margin:30px auto 18px;max-width:900px}.progress-step{position:relative;flex:1;text-align:center;font-size:.86rem;color:#8a867c;padding-top:34px}.progress-step:before{content:"";position:absolute;top:5px;left:50%;width:20px;height:20px;border-radius:50%;background:#dedbd3;transform:translateX(-50%);z-index:2}.progress-step:not(:last-child):after{content:"";position:absolute;top:14px;left:50%;width:100%;height:3px;background:#e6e3dc;z-index:1}.progress-step.active,.progress-step.done{color:#292720;font-weight:600}.progress-step.active:before,.progress-step.done:before{background:var(--gold)}.progress-step.active{font-weight:700;color:#111}.intro-callout{text-align:left;background:var(--cream);border-left:6px solid var(--gold);padding:18px 24px;margin:0 auto;max-width:900px;border-radius:0 8px 8px 0}.intro-callout p{margin:0 0 9px}.intro-callout p:last-child{margin-bottom:0}.intro-lead{font-size:1.08rem}.privacy{font-size:.88rem;color:#49453d;margin-top:13px!important}.game{padding:18px 0 50px}.screen{display:none;max-width:900px;margin:0 auto;animation:fade .18s ease}.screen.active{display:block}@keyframes fade{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}.step-heading{display:flex;align-items:center;gap:16px;margin:0 0 18px}.step-heading h2{font-size:clamp(1.7rem,5vw,2.3rem);line-height:1.1;margin:0;font-weight:800}.kicker{font-size:.72rem;letter-spacing:.12em;font-weight:700;color:#736e62;margin:0 0 3px}.icon,.number{display:inline-grid;place-items:center;background:var(--gold);border-radius:50%;font-weight:800;flex:none;width:52px;height:52px;font-size:1.55rem}.prompt{font-size:1.12rem;margin:0 0 10px}.know-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(220px,.8fr);gap:22px;margin-top:26px}.know-rows{display:grid;gap:14px}.know-row{border:1px solid #e1ded7;border-radius:9px;padding:13px;background:#fff}.know-row.moved{opacity:.6;background:#faf8f1}.row-top{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start}.row-num{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f0efec;font-weight:700}.know-input{width:100%;font:inherit;border:1.5px solid #d4d1ca;border-radius:7px;padding:10px 12px;outline:none}.know-input:focus{border-color:var(--gold)}.how-wrap{margin:10px 0 0 48px}.how-wrap>p{margin:0 0 8px;font-size:.86rem}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.how-choice{display:flex;align-items:center;gap:7px;border:1px solid #ddd9d0;border-radius:6px;padding:8px 9px;font-size:.76rem;cursor:pointer;background:#fff}.how-choice input{accent-color:var(--gold);margin:0}.how-choice:has(input:checked){border-color:var(--gold);background:#fff9df}.row-status{font-size:.75rem;font-weight:600;color:#6a5700;margin:8px 0 0 48px;min-height:1.2em}.know-aside{background:#faf9f6;border-radius:10px;padding:18px;align-self:start}.know-aside h3{margin:0 0 10px;font-size:.95rem}.know-aside ul{padding-left:20px;margin:0;font-size:.82rem}.know-aside li{margin:0 0 10px}.know-aside hr{border:0;border-top:1px solid #ddd9d0;margin:18px 0}.know-counter{font-size:.85rem;font-weight:700}.entry-list{display:grid;gap:12px;margin:24px 0 8px}.entry-row{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center}.entry-row input{border:0;border-bottom:1.5px solid var(--line);font:inherit;width:100%;padding:9px 4px;outline:none}.entry-row input:focus{border-bottom-color:var(--gold)}.star-bullet{font-size:1.4rem;color:var(--gold)}.text-button,.side-toggle{border:0;background:none;font:600 .9rem Poppins;color:#6b5700;cursor:pointer;padding:9px 0;text-decoration:underline;text-underline-offset:3px}.tip{background:var(--cream);border-left:4px solid var(--gold);padding:13px 16px;margin-top:20px;font-size:.9rem}.stars{color:var(--gold);letter-spacing:2px;font-size:1.2rem}.unknown-chooser{margin-top:25px;padding-top:20px;border-top:1px solid #e1ded7}.unknown-chooser h3{margin:0 0 3px}.unknown-chooser p{margin:0 0 13px}.unknown-cards{display:grid;gap:9px}.unknown-card{width:100%;text-align:left;background:#fff;border:1.5px solid #d9d5cb;border-radius:8px;padding:12px 14px;font:500 .9rem Poppins;cursor:pointer}.unknown-card:before{content:"★";color:var(--gold);margin-right:9px}.unknown-card.selected{border:2px solid var(--gold);background:#fff9df}.carry-forward{border-left:5px solid var(--gold);background:#fff9df;padding:13px 16px;margin:0 0 20px}.carry-forward span{display:block;font-size:.68rem;letter-spacing:.1em;font-weight:700;color:#736e62}.carry-forward strong{display:block;margin-top:3px}.screen>label,#revisionBox>label{display:block;font-weight:600;margin:26px 0 7px}textarea{width:100%;font:inherit;resize:vertical;border:1.5px solid #aaa;border-left:4px solid var(--gold);padding:13px;outline:none;min-height:115px}textarea:focus{border-color:var(--gold)}.example{border-left:4px solid var(--gold);padding:11px 14px;margin:20px 0;background:#fffaf0}fieldset{border:0;padding:0;margin:26px 0 0}legend{font-weight:600;margin-bottom:10px}.choice{display:flex;gap:9px;border:1px solid #ddd8cb;padding:12px 14px;margin:9px 0;cursor:pointer}.choice input{accent-color:var(--gold);margin-top:5px}.nav-actions{display:flex;justify-content:space-between;gap:12px;margin-top:30px}.button{display:inline-block;border:2px solid var(--gold);border-radius:5px;padding:10px 16px;font:600 .9rem Poppins;text-decoration:none;cursor:pointer;text-align:center}.primary{background:var(--gold);color:#000}.secondary{background:#fff;color:#000}.ghost{background:#fff;border-color:#bbb;color:#333}.button:disabled{opacity:.45;cursor:not-allowed}.compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dedbd3;margin:8px 0 10px}.compare>div{padding:16px}.compare>div+div{border-left:3px solid var(--gold)}.compare h3{font-size:.9rem;margin:0 0 10px}.compare ul,.review ul{padding-left:20px}.final-actions{display:flex;gap:10px;flex-wrap:wrap}.review{background:#faf9f5;border-left:4px solid var(--gold);padding:18px;margin:10px 0}.review h3{font-size:.92rem;margin:16px 0 5px}.download-zone{background:#faf9f5;border-top:3px solid var(--gold);padding:18px;margin-top:26px}.download-zone h3,.download-zone p{margin-top:0}.status{min-height:1.3em;color:#665300}.footer{text-align:center;padding:6px 0 42px}.footer img{width:150px;max-width:42vw;height:auto}.footer{background:#fff}.footer img{filter:none}.footer img[src$="png"]{object-fit:contain}.footer{overflow:hidden}
@media(max-width:720px){.hero{padding-top:28px}.title-card{padding:19px 14px 17px}.know-layout{grid-template-columns:1fr}.know-aside{order:-1}.how-grid{grid-template-columns:1fr 1fr}.compare{grid-template-columns:1fr}.compare>div+div{border-left:0;border-top:3px solid var(--gold)}.final-actions,.nav-actions{flex-direction:column}.button{width:100%}.progress-step{font-size:.7rem}.intro-callout{padding:16px 17px}}
@media(max-width:480px){.how-grid{grid-template-columns:1fr}.how-wrap,.row-status{margin-left:0}.row-top{grid-template-columns:32px 1fr}.row-num{width:30px;height:30px}}
@media print{.progress,.nav-actions,.final-actions,.side-toggle,.footer{display:none!important}.screen{display:block!important;break-inside:avoid;margin-bottom:28px}.hero{padding-top:10px}.game{padding-top:0}}

/* KNOW / INFER feedback */
.know-row.confirmed{border-color:var(--gold);background:#fffdf4}
.know-row.confirmed .row-num{background:var(--gold);color:#111;font-size:1.35rem;font-weight:800}
.know-row.moved{opacity:1;border-color:var(--infer);background:var(--infer-soft)}
.know-row.moved .row-num{background:var(--infer);color:#fff;font-size:1.15rem}
.know-row.moved .row-status{color:#8f4728}
.how-choice.infer-choice{border-color:#e7c4b2}
.how-choice.infer-choice:has(input:checked){border-color:var(--infer);background:var(--infer-soft)}
.how-choice.infer-choice input{accent-color:var(--infer)}
.auto-infer{background:var(--infer-soft);border-left:4px solid var(--infer);padding:4px 8px;border-radius:5px}
.auto-infer .star-bullet{color:var(--infer)}