:root{--bg: #f3e6d0;--ink: #2a1f16;--muted: #6d5a4c;--card: #fffaf3;--line: #e2d0b8;--accent: #c45c26;--accent-ink: #fffaf3;--ok: #2e7d32;--bad: #b42318;--shadow: 0 8px 24px rgba(42, 31, 22, .08);font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;color:var(--ink);background:var(--bg);line-height:1.4}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top,#fbf3e4,var(--bg) 40%),var(--bg)}button,input{font:inherit;color:inherit}h1,h2{font-weight:700;letter-spacing:-.02em;margin:0 0 .4rem}h1{font-size:clamp(1.6rem,6vw,2.2rem)}p{margin:0 0 1rem}.page{width:min(720px,100%);margin:0 auto;padding:1.1rem 1rem calc(5.5rem + env(safe-area-inset-bottom))}.home,.pass,.winner{min-height:100dvh;display:flex;flex-direction:column;justify-content:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--accent);margin-bottom:.35rem}.lead,.hint{color:var(--muted)}.hint{font-size:.95rem}.stack{display:grid;gap:.75rem}.btn,.btn-ghost,.btn-primary{border:0;border-radius:14px;padding:.95rem 1rem;min-height:52px;cursor:pointer}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow)}.btn-ghost{background:var(--card);border:1px solid var(--line)}.btn:disabled,.btn-primary:disabled,.btn-ghost:disabled{opacity:.45;cursor:not-allowed}.btn-text{background:none;border:0;color:var(--accent);padding:.35rem;cursor:pointer;min-height:44px}.btn-icon{width:44px;height:44px;border:0;background:transparent;font-size:1.4rem;cursor:pointer}.sticky-cta{position:sticky;bottom:.6rem;width:100%;margin-top:1rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1rem}.topbar h1{flex:1;text-align:center;font-size:1.15rem;margin:0}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1rem;box-shadow:var(--shadow);margin-bottom:1rem}.card-situation p{font-size:1.15rem}.options{list-style:none;padding:0;margin:.75rem 0 0;display:grid;gap:.55rem}.banner{background:#2a1f16;color:#f3e6d0;border-radius:12px;padding:.7rem .9rem;text-align:center}.setup-list{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.55rem}.setup-row{display:grid;grid-template-columns:44px 28px 1fr 44px;gap:.4rem;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.35rem}.setup-row input{width:100%;border:0;background:transparent;padding:.55rem .2rem;outline:none}.starter{border:0;border-radius:10px;min-height:40px;background:#ece0cc;cursor:pointer}.starter.is-on{background:var(--accent);color:var(--accent-ink)}.board-size{margin:1.2rem 0}.token{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:#fff;font-family:system-ui,sans-serif;font-size:.8rem;font-weight:700;flex-shrink:0;border:2px solid #fffaf3;box-shadow:0 1px 2px #0003}.token-sm{width:22px;height:22px;font-size:.68rem}.letter-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.letter-btn{min-height:52px;border-radius:12px;border:2px solid var(--line);background:var(--card);cursor:pointer;font-family:system-ui,sans-serif;font-weight:700}.letter-btn.is-selected{border-color:var(--accent);background:#fae3d4}.letter-btn.is-answer{border-color:var(--ink)}.letter-btn.is-correct{border-color:var(--ok);background:#e5f4e6}.letter-btn.is-wrong{border-color:var(--bad);background:#fdecea}.matrix{display:grid;gap:.7rem}.matrix-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.8rem}.matrix-card.is-reader{border-color:var(--accent)}.matrix-card header{display:flex;gap:.6rem;align-items:center;margin-bottom:.55rem}.matrix-card small{display:block;color:var(--muted)}.ranking{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.4rem}.ranking-row{display:grid;grid-template-columns:28px 1fr auto;gap:.55rem;align-items:center;background:var(--card);border-radius:10px;padding:.4rem .55rem}.ranking-name em{color:var(--accent);font-style:normal}.ranking.is-compact .ranking-pos{font-size:.85rem}.board-wrap{margin:1rem 0 1.4rem}.board-start{display:flex;align-items:center;justify-content:space-between;margin-bottom:.45rem}.board-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.board{display:grid;gap:.35rem}.cell{background:var(--card);border:1px solid var(--line);border-radius:8px;min-height:52px;padding:.2rem;display:flex;flex-direction:column;justify-content:space-between}.cell.is-meta{background:#fae3d4;border-color:var(--accent)}.cell-num{font-size:.68rem;color:var(--muted);font-family:system-ui,sans-serif}.token-stack{display:flex;flex-wrap:wrap;min-height:22px}.moves{font-size:1.15rem;margin-bottom:.4rem}.answer-line{margin-top:.6rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:800px){.page{padding-top:2rem}.cell{min-height:64px}}