:root{color-scheme:dark;--ink: #12150f;--panel: #1c2218;--felt: #0e6a43;--felt-deep: #0a4d31;--line: rgba(10, 40, 24, .55);--ivory: #f3efe4;--muted: #c9c2b2;--brass: #e4c27a;--brass-deep: #a68445;--danger: #ffb4a2;--good: #b7f0c8;--shadow: 0 24px 60px rgba(0, 0, 0, .35);font-family:Outfit,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(1200px 700px at 10% -10%,rgba(228,194,122,.16),transparent 50%),radial-gradient(900px 600px at 100% 0%,rgba(14,106,67,.35),transparent 45%),var(--ink);color:var(--ivory)}button,input{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}#app{min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px 8px;flex-wrap:wrap}.brand{display:flex;gap:12px;align-items:center}.logo{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#d9d3c7 42%,transparent 43%),radial-gradient(circle at 70% 65%,#2a2e28,#111 46%,transparent 47%),radial-gradient(circle at 50% 50%,var(--felt),var(--felt-deep));box-shadow:inset 0 0 0 2px var(--brass)}.brand strong{display:block;font-family:Fraunces,Georgia,serif;font-size:22px;font-weight:650;letter-spacing:-.03em}.brand em{display:block;color:var(--muted);font-style:normal;font-size:13px}nav{display:flex;gap:6px;background:#ffffff0a;padding:4px;border-radius:999px}nav button{border:0;background:transparent;border-radius:999px;padding:8px 14px;color:var(--muted)}nav button.on{background:var(--brass);color:#1b160c;font-weight:650}.view{padding:8px 22px 40px}.train,.drill-play{display:grid;grid-template-columns:minmax(280px,640px) minmax(260px,420px);gap:22px;align-items:start}.card{background:var(--panel);border:1px solid rgba(228,194,122,.28);border-radius:20px;padding:16px;box-shadow:var(--shadow)}.felt{width:min(100%,640px)}.files{display:grid;grid-template-columns:22px repeat(8,1fr)}.board-row{display:grid;grid-template-columns:22px minmax(0,1fr)}.files span,.ranks span{display:grid;place-items:center;color:var(--brass);font-size:12px;letter-spacing:.08em}.ranks{display:grid;grid-template-rows:repeat(8,1fr)}.squares{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.16),transparent 28%),linear-gradient(160deg,#14915c,var(--felt) 40%,var(--felt-deep));border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 3px #083824,var(--shadow)}.sq{position:relative;border:0;padding:0;background:transparent;box-shadow:inset 0 0 0 1px var(--line)}.sq:after{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;transform:scale(.72);opacity:0;transition:transform .16s ease,opacity .16s ease}.sq.black:after,.sq.white:after{opacity:1;transform:scale(1)}.sq.black:after{background:radial-gradient(circle at 35% 30%,#5c615b,#1a1e22 55%,#050605);box-shadow:0 6px 10px #00000059,inset 0 0 0 1px #e4c27a59}.sq.white:after{background:radial-gradient(circle at 35% 30%,#fff,#f4efe4 45%,#c9c1b2);box-shadow:0 6px 10px #00000040}.sq.last:before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#d4523e;z-index:1}.sq.hint{outline:3px solid var(--brass);outline-offset:-4px;background:#e4c27a38}.sq.legal:after{opacity:.45;transform:scale(.38);background:#f3efe4cc}.sq.legal.black:after,.sq.legal.white:after{opacity:1;transform:scale(1)}.sq:disabled{cursor:default}.sq:not(:disabled):hover:after{transform:scale(1.04)}.kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);font-weight:650}.headline{font-family:Fraunces,Georgia,serif;font-size:clamp(28px,4vw,40px);font-weight:650;letter-spacing:-.03em;line-height:1.05;margin:8px 0}.reasons{margin:0;padding-left:18px;color:var(--ivory)}.reasons li{margin:0 0 8px}.meta,.quiet{color:var(--muted);font-size:13px}.clocks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.clock{border-radius:14px;padding:10px 12px;background:#141910;border:1px solid transparent;display:flex;justify-content:space-between;align-items:center}.clock.on{border-color:var(--brass)}.clock b{font-variant-numeric:tabular-nums;font-size:22px;font-weight:650}.clock.hot b{color:var(--danger)}.chip{display:inline-flex;align-items:center;gap:6px}.dot{width:12px;height:12px;border-radius:50%;display:inline-block}.dot.dark{background:#16181c;box-shadow:inset 0 0 0 1px var(--brass)}.dot.light{background:#f7f4ee}.row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.row button,.ghost{border-radius:999px;border:1px solid rgba(243,239,228,.2);background:transparent;padding:8px 12px}.row button.on,.ghost.on{background:var(--brass);color:#1b160c;border-color:var(--brass);font-weight:650}.review{margin-top:12px;padding:10px 12px;border-radius:12px;background:#b7f0c814}.review.miss{background:#ffb4a21a}.scoreline{display:flex;gap:14px;margin-top:8px;color:var(--muted)}.foreign{background:#f4f1ea;color:#1c1c1c;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);font-family:Georgia,serif}.foreign-bar{background:#2f6fed;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-family:Outfit,sans-serif}.foreign-body{padding:18px;display:grid;grid-template-columns:280px 1fr;gap:18px}.qd-board{width:min(100%,420px);aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);background:#1d7a32;border:4px solid #145c26;margin:0 auto}.qd-cell{border:1px solid #145c26;background:#2e8b45;padding:0;position:relative}.qd-cell .disc{position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:50%}.qd-cell .black{background:#111}.qd-cell .white{background:#f7f7f2;border:1px solid #ccc}.foreign p{font-family:Outfit,sans-serif}.foreign .row button{border-color:#1d1d1d;color:#1d1d1d}.foreign .row button.on{background:#1d1d1d;color:#fff}#qd-status{font-size:20px;margin-bottom:8px}.note{margin-top:14px;color:var(--muted);max-width:70ch}.idea-list,.drill-list{display:grid;gap:12px;max-width:760px}.idea,.drill-card{background:var(--panel);border-radius:16px;padding:16px 18px;border:1px solid rgba(228,194,122,.2)}.idea h3,.drill-card h3{font-family:Fraunces,Georgia,serif;font-size:22px;margin-bottom:6px}.drill-card{display:flex;justify-content:space-between;gap:12px;align-items:center}.drill-card p{color:var(--muted)}.banner{margin:8px 0 12px;font-family:Fraunces,Georgia,serif;font-size:28px}.banner.good{color:var(--good)}.banner.miss{color:var(--danger)}@media(max-width:860px){.train,.drill-play,.foreign-body{grid-template-columns:minmax(0,1fr)}.train>*,.drill-play>*,.foreign-body>*,.felt,.card,.squares,.board-row,.files,.qd-board{min-width:0;max-width:100%}.topbar{padding:12px 12px 4px;align-items:stretch}.brand{min-width:0}.brand em,.headline,.review,.reasons,.quiet,.note,.banner,.scoreline,.kicker,.idea p,.drill-card p,.foreign p,.foreign-bar,.meta{overflow-wrap:anywhere}.view{padding:8px 12px 32px}nav{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}nav button{min-height:44px;min-width:0;padding:10px 4px}.felt{width:100%}.files{grid-template-columns:14px repeat(8,minmax(0,1fr))}.board-row{grid-template-columns:14px minmax(0,1fr)}.sq,.qd-cell{min-width:0;min-height:0}.foreign-body{padding:8px 0 12px;gap:12px}.qd-board{width:100%;border-width:0}.row button,.drill-card button,.ghost{min-height:44px;min-width:44px;padding:10px 14px}.drill-card{flex-direction:column;align-items:stretch}.foreign-bar{flex-wrap:wrap;gap:8px}.scoreline{flex-wrap:wrap}.card,.idea,.drill-card{padding:14px}body:has(#flank-host) .view{padding-bottom:52vh}}@media(max-width:380px){.topbar,.view{padding-inline:4px}.files,.ranks{display:none}.board-row{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.sq:after{transition:none}}