#play{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;min-height:300px}.action,.choice,.tile{font:inherit;border:1px solid var(--line);border-radius:9px;background:#30213e;color:var(--text);padding:12px 18px;cursor:pointer;min-height:48px}.action{background:var(--gold);color:#24162a}.pairs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tile{min-height:165px;padding:10px;display:flex;align-items:center;justify-content:center;flex-direction:column}.tile img{height:145px;max-width:100%;object-fit:contain}.tile.done{opacity:.5;border-color:var(--gold)}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:800px}.choice.correct{border-color:#84d5a0;background:#244330}.choice.wrong{border-color:#ef9d9d}.question-art{height:260px;max-width:100%;object-fit:contain;display:block;margin:0 auto 20px}.spread{display:grid;grid-template-columns:repeat(var(--count),minmax(0,1fr));gap:18px}.spread img{width:100%;height:220px;object-fit:contain}.spread h3{font-family:inherit;font-size:1rem}.spread textarea{width:100%;min-height:120px}.spread figure{margin:0;min-width:0}.reversed{transform:rotate(180deg)}textarea{font:inherit;color:var(--text);background:#120d1c;border:1px solid #684e78;border-radius:8px;padding:12px;width:100%;min-height:140px}.reading-controls,.review-actions{display:flex;flex-wrap:wrap;gap:14px;margin:20px 0}.reading-controls label{display:grid;gap:6px}#feedback{margin-top:20px}#feedback>div{border-left:3px solid var(--gold);padding:16px 22px;background:var(--panel)}.footnote{color:var(--muted)}button:disabled{cursor:default}details{margin:12px 0}summary{cursor:pointer;color:var(--gold)}@media(max-width:800px){.spread{grid-template-columns:repeat(2,minmax(0,1fr))}.pairs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){.pairs,.choices,.spread{grid-template-columns:repeat(2,minmax(0,1fr))}#play{padding:14px}.tile{min-height:135px}.tile img{height:115px}.spread img{height:170px}}