:root{--bg:#f6f2e9;--card:#fffdfa;--ink:#25201a;--muted:#6c6257;--line:#e4d9ca;--primary:#234f9b;--primary-dark:#17376f;--soft-blue:#e9f0ff;--soft-green:#e7f7ec;--soft-yellow:#fff3cc;--soft-red:#ffe6e1;--shadow:0 24px 70px #25201a24;--radius:28px;--tap:72px}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top left, #fff9e8 0, var(--bg) 38%, #e9f0ff 100%);min-height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:ui-rounded,SF Pro Rounded,Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}.shell{place-items:center;min-height:100dvh;padding:24px;display:grid}.app-card{width:min(1120px,100%);min-height:min(780px,100dvh - 48px);box-shadow:var(--shadow);background:#fffdfaf2;border:1px solid #e4d9cacc;border-radius:36px;padding:clamp(20px,4vw,48px);overflow:hidden}.setup-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:36px;min-height:660px;display:grid}.welcome-copy{align-content:center;justify-items:start;display:grid}.welcome-logo{object-fit:contain;filter:drop-shadow(0 14px 26px #25201a1f);width:clamp(140px,22vw,240px);max-height:clamp(110px,18vw,190px);margin:0 0 clamp(18px,3vw,34px);display:block}.eyebrow{color:var(--primary);letter-spacing:.11em;text-transform:uppercase;margin:0 0 12px;font-size:.8rem;font-weight:900}h1,h2{letter-spacing:-.05em;margin:0;line-height:.96}h1{max-width:8ch;font-size:clamp(3.2rem,8vw,7rem)}h2{font-size:clamp(2.3rem,5vw,4.8rem)}.lede{max-width:62ch;color:var(--muted);font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.5}.panel,.prompt-card,.results-table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:24px}.field-label,legend{color:var(--muted);font-size:.95rem;font-weight:800}.alias-row{gap:12px;margin-top:8px;display:flex}input{border:2px solid var(--line);width:100%;min-height:58px;color:var(--ink);background:#fffdfa;border-radius:18px;padding:0 16px;font-size:1.1rem;font-weight:800}fieldset{border:0;margin:24px 0 0;padding:0}.choice-row,.button-row,.teacher-controls{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.choice,.small-button,.secondary,.ghost,.pill{border:2px solid var(--line);min-height:52px;color:var(--ink);background:#fffdfa;border-radius:999px;padding:0 18px;font-weight:900}.choice.selected,.pill.active{border-color:var(--primary);background:var(--soft-blue);color:var(--primary-dark)}.primary,.audio-button{background:var(--primary);color:#fff;border:0;border-radius:999px;min-height:58px;padding:0 24px;font-weight:950;box-shadow:0 12px 30px #234f9b38}.primary{width:100%;margin-top:28px}.secondary{background:var(--soft-blue);border-color:#c8d8ff}.ghost{background:0 0}.fine-print{color:var(--muted);font-size:.9rem;line-height:1.45}.center-stage{text-align:center;align-content:center;justify-items:center;gap:22px;min-height:650px;display:grid}.star-button{aspect-ratio:1;background:linear-gradient(145deg,#fff4ba,#ffd772);border:0;border-radius:44px;width:min(320px,70vw);font-size:clamp(7rem,22vw,14rem);box-shadow:0 24px 52px #9a6b002e}.assessment-screen{flex-direction:column;gap:18px;display:flex}.topbar{grid-template-columns:1fr minmax(160px,280px);align-items:center;gap:24px;display:grid}.progress-wrap{background:#eee5d8;border-radius:999px;height:18px;overflow:hidden}.progress-wrap span{border-radius:inherit;background:linear-gradient(90deg,#234f9b,#5d8af2);height:100%;transition:width .25s;display:block}.prompt-card{grid-template-columns:auto 1fr;align-items:center;gap:18px;display:grid}.prompt-card p{color:var(--ink);margin:0;font-size:clamp(1.25rem,2.4vw,2rem);font-weight:900;line-height:1.22}.teacher-controls{justify-content:flex-end;margin-top:0}.task-block{gap:20px;display:grid}.card-grid{grid-template-columns:repeat(4,minmax(120px,1fr));gap:18px;display:grid}.card-grid.compact{grid-template-columns:repeat(3,minmax(120px,1fr))}.picture-card,.mini-card,.bin{min-height:180px;color:var(--ink);background:#fff;border:3px solid #0000;border-radius:30px;place-items:center;gap:8px;padding:18px;transition:transform .13s,border-color .13s,background .13s;display:grid;box-shadow:0 14px 36px #25201a1a}.picture-card:active,.mini-card:active,.bin:active,.primary:active,.choice:active,.audio-button:active{transform:scale(.98)}.picture-card.selected,.mini-card.selected{border-color:var(--primary);background:var(--soft-blue)}.picture-card.static{pointer-events:none}.picture-card span,.mini-card span,.bin span{font-size:clamp(3.5rem,9vw,6.5rem);line-height:1}.picture-card small,.mini-card small,.bin strong{color:var(--ink);text-align:center;font-size:clamp(1rem,1.8vw,1.2rem);font-weight:950}.mini-card em{color:var(--primary);font-size:.85rem;font-style:normal;font-weight:900}.feedback{background:var(--soft-yellow);color:#6b4d00;text-align:center;border-radius:18px;min-height:46px;margin:0;padding:12px 16px;font-weight:900}.sort-layout,.match-layout{grid-template-columns:1.2fr .8fr;gap:22px;display:grid}.sort-cards,.bins,.match-column{grid-template-columns:repeat(2,minmax(120px,1fr));gap:16px;display:grid}.match-layout{grid-template-columns:1fr 1fr}.mini-card,.bin{min-height:150px}.scene-card{background:var(--soft-green);border-radius:34px;place-items:center;min-height:180px;font-size:clamp(5rem,16vw,12rem);display:grid;box-shadow:inset 0 0 0 1px #0000000d}.compare-pair{grid-template-columns:repeat(2,minmax(180px,1fr));gap:18px;display:grid}.results-screen{gap:22px;display:grid}.results-screen h1{max-width:none;font-size:clamp(2.8rem,7vw,5.6rem)}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.summary-card{border:1px solid var(--line);background:#fff;border-radius:22px;gap:6px;padding:18px;display:grid}.summary-card span{color:var(--muted);text-transform:capitalize;font-weight:900}.summary-card strong{font-size:1.35rem}.summary-card small{color:var(--muted);font-weight:700}.score-2{background:var(--soft-green)}.score-1{background:var(--soft-yellow)}.score-0{background:var(--soft-red)}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;padding:14px 10px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.button-row .primary,.button-row .secondary,.button-row .ghost{width:auto;margin-top:0}.danger-link{color:#8a2f20;background:0 0;border:0;justify-self:start;padding:6px 0;font-weight:900;text-decoration:underline}button:disabled{opacity:.45;cursor:not-allowed}@media (max-width:900px){.shell{padding:12px}.app-card{border-radius:28px;min-height:calc(100dvh - 24px)}.setup-grid,.topbar,.prompt-card,.sort-layout,.match-layout{grid-template-columns:1fr}h1{max-width:none}.welcome-copy{text-align:center;justify-items:center}.welcome-logo{width:clamp(120px,36vw,190px);max-height:clamp(96px,28vw,150px);margin-bottom:18px}.card-grid,.card-grid.compact{grid-template-columns:repeat(2,minmax(120px,1fr))}.prompt-card .audio-button{justify-self:start}.teacher-controls{justify-content:flex-start}}@media (max-width:520px){.card-grid,.card-grid.compact,.sort-cards,.bins,.compare-pair{grid-template-columns:1fr}.picture-card,.mini-card,.bin{min-height:132px}.picture-card span,.mini-card span,.bin span{font-size:4rem}}