:root{--paper: #f7f3ea;--paper-raised: #fffdf7;--ink: #1c1b18;--ink-soft: #4a463d;--faint: #9a9384;--rule: #1c1b18;--rule-light: #b9b2a2;--you: #274690;--you-bg: #eef1f9;--opp: #8b1e1e;--opp-bg: #f7ebea;--wrong: #b02e2e;--serif: Georgia, "Times New Roman", Times, serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:17px;line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}.page{width:100%;max-width:1060px;margin:0 auto;padding:0 20px 60px;flex:1}a{color:var(--ink)}button{font-family:var(--serif);font-size:1rem;color:var(--ink);background:var(--paper-raised);border:1px solid var(--ink);padding:9px 20px;cursor:pointer;letter-spacing:.04em}button:hover:not(:disabled){background:var(--ink);color:var(--paper)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--ink);color:var(--paper);font-weight:700}button.primary:hover:not(:disabled){background:var(--ink-soft)}button.small{padding:5px 12px;font-size:.85rem}input[type=text],input[type=password]{font-family:var(--serif);font-size:1rem;padding:9px 12px;border:1px solid var(--ink);background:var(--paper-raised);color:var(--ink);width:100%}input:focus{outline:2px solid var(--you);outline-offset:0}.masthead{text-align:center;padding:26px 20px 0;max-width:1060px;margin:0 auto;width:100%}.masthead .topline{display:flex;justify-content:space-between;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--rule);padding-bottom:6px}.masthead h1{font-size:clamp(2.4rem,7vw,4.2rem);margin:14px 0 6px;letter-spacing:.06em;font-weight:900}.masthead h1 a{text-decoration:none}.masthead .subtitle{font-style:italic;color:var(--ink-soft);margin-bottom:14px;font-size:.95rem}.masthead .rule-double{border-top:3px double var(--rule);border-bottom:1px solid var(--rule);height:5px}.nav{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--rule);font-size:.9rem;letter-spacing:.14em;text-transform:uppercase}.nav a{text-decoration:none;padding:4px 14px}.nav a:hover,.nav a.active{text-decoration:underline;text-underline-offset:5px}h2.section{font-size:1.5rem;border-bottom:1px solid var(--rule);padding-bottom:6px;margin:34px 0 18px;letter-spacing:.03em}h2.section .kicker{display:block;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);font-weight:400}.box{border:1px solid var(--rule);background:var(--paper-raised);padding:20px 22px}.box h3{margin-top:0;font-size:1.25rem}.box p.deck{color:var(--ink-soft);font-style:italic;margin:6px 0 16px}.front-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:22px}.muted{color:var(--ink-soft)}.error-text{color:var(--wrong)}table.sheet{width:100%;border-collapse:collapse;background:var(--paper-raised);border:1px solid var(--rule)}table.sheet th,table.sheet td{border-bottom:1px solid var(--rule-light);padding:8px 14px;text-align:left}table.sheet th{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;border-bottom:2px solid var(--rule)}table.sheet tr:last-child td{border-bottom:none}table.sheet td.num{text-align:right;font-variant-numeric:tabular-nums}.board{display:grid;grid-template-columns:repeat(9,1fr);width:min(92vw,460px);aspect-ratio:1;border:3px solid var(--rule);background:var(--paper-raised);-webkit-user-select:none;user-select:none;touch-action:manipulation}.cell{position:relative;display:flex;align-items:center;justify-content:center;font-size:clamp(1.1rem,3.4vw,1.55rem);border-right:1px solid var(--rule-light);border-bottom:1px solid var(--rule-light);cursor:pointer;color:var(--you)}.cell:nth-child(9n){border-right:none}.cell.block-r{border-right:2px solid var(--rule)}.cell.block-b{border-bottom:2px solid var(--rule)}.cell:nth-child(n+73){border-bottom:none}.cell.given{color:var(--ink);font-weight:700;cursor:default}.cell.selected{background:#efe9d8;box-shadow:inset 0 0 0 2px var(--you)}.cell.peer{background:#f1ede1}.cell.same-value{background:#e8e2cf}.cell.wrong{color:var(--wrong);animation:shake .3s}.cell.locked{color:var(--you)}.cell.claim-you{background:var(--you-bg);color:var(--you)}.cell.claim-opp{background:var(--opp-bg);color:var(--opp);font-weight:700}.cell.pop>.val{animation:pop .22s ease-out}.cell.opp-pop>.val{animation:opp-in .4s ease-out}.cell .notes{position:absolute;top:1px;right:1px;bottom:1px;left:1px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);font-size:.55rem;color:var(--ink-soft);line-height:1}.cell .notes span{display:flex;align-items:center;justify-content:center}@keyframes pop{0%{transform:scale(1.45)}to{transform:scale(1)}}@keyframes opp-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.numpad{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;width:min(92vw,460px);margin-top:14px}.numpad button{aspect-ratio:1;font-size:1.3rem;padding:0;font-weight:700}.numpad button.exhausted{opacity:.25}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;width:min(92vw,460px)}.toolbar button.on{background:var(--ink);color:var(--paper)}.play-layout{display:flex;gap:34px;align-items:flex-start;flex-wrap:wrap;margin-top:20px}.play-side{min-width:240px;flex:1}.statusline{display:flex;justify-content:space-between;align-items:baseline;width:min(92vw,460px);margin-bottom:10px;font-variant-numeric:tabular-nums}.statusline .clock{font-size:1.3rem;font-weight:700;letter-spacing:.05em}.statusline .clock.urgent{color:var(--wrong)}.opp-panel{border:1px solid var(--rule);background:var(--paper-raised);padding:16px 18px;margin-bottom:18px}.opp-panel .who{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--rule-light);padding-bottom:8px;margin-bottom:12px}.opp-panel .who .name{font-weight:700;font-size:1.1rem}.progressbar{height:14px;border:1px solid var(--ink);background:var(--paper);margin:6px 0 2px}.progressbar .fill{height:100%;transition:width .5s ease}.progressbar .fill.you{background:var(--you)}.progressbar .fill.opp{background:var(--opp)}.progress-count{font-size:.85rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.pct{font-size:1.05rem;min-width:3ch;text-align:right}.pct.you-pct{color:var(--you)}.pct.opp-pct{color:var(--opp)}.score-duel{display:flex;justify-content:center;gap:26px;font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums;margin:6px 0}.score-duel .you-score{color:var(--you)}.score-duel .opp-score{color:var(--opp)}.score-duel .dash{color:var(--faint)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1b1873;display:flex;align-items:center;justify-content:center;z-index:20}.overlay .panel{background:var(--paper);border:3px double var(--rule);padding:40px 48px;text-align:center;max-width:420px;animation:panel-in .25s ease-out}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stamp{display:inline-block;font-size:2.6rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;padding:8px 26px;border:4px solid currentColor;border-radius:6px;transform:rotate(-6deg);animation:stamp-in .45s cubic-bezier(.2,1.6,.4,1);margin-bottom:14px}.stamp.win{color:#1e6b34}.stamp.loss{color:var(--opp)}.stamp.draw{color:var(--ink-soft)}@keyframes stamp-in{0%{opacity:0;transform:rotate(-6deg) scale(2.4)}60%{opacity:1;transform:rotate(-6deg) scale(.94)}to{transform:rotate(-6deg) scale(1)}}.searching{text-align:center;padding:60px 0}.searching .dots:after{content:"";animation:dots 1.4s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.chat-log{min-height:40px;margin-bottom:10px}.chat-line{margin:3px 0;font-size:.9rem;animation:chat-in .25s ease-out}.chat-line.you b{color:var(--you)}.chat-line.opp b{color:var(--opp)}@keyframes chat-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.quickchat{display:flex;flex-wrap:wrap;gap:6px}.quickchat button{font-size:.82rem;padding:6px 10px}.chat-ticker{font-style:italic;color:var(--opp);justify-content:center;animation:chat-in .3s ease-out}.streak-cal{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,12px);grid-auto-columns:12px;gap:2px}.streak-cal .d,.d.legend{width:12px;height:12px;background:#ece5d2;border:1px solid var(--rule-light);box-sizing:border-box}.streak-cal .d.done,.d.legend{background:var(--you);border-color:var(--you)}.streak-cal .d.future{visibility:hidden}.d.legend{display:inline-block;vertical-align:-2px;margin-right:4px}.ladder-list{list-style:none;padding:0;margin:0}.ladder-list li{display:flex;align-items:center;gap:16px;border:1px solid var(--rule);border-bottom:none;background:var(--paper-raised);padding:13px 18px}.ladder-list li:last-child{border-bottom:1px solid var(--rule)}.ladder-list li.done{opacity:.55}.ladder-list li.current{box-shadow:inset 4px 0 0 var(--you)}.ladder-list li.locked-rung{color:var(--faint);background:transparent}.ladder-list .rung-no{font-size:1.4rem;font-weight:900;width:2.2rem;text-align:center}.ladder-list .rung-info{flex:1}.ladder-list .rung-info .desc{font-size:.85rem;color:var(--ink-soft)}.auth-card{max-width:380px;margin:40px auto}.auth-card label{display:block;margin:14px 0 4px;font-size:.9rem}.tabs{display:flex;border-bottom:1px solid var(--rule);margin-bottom:10px}.tabs button{border:none;background:none;padding:8px 16px;font-size:1rem}.tabs button.on{font-weight:700;text-decoration:underline;text-underline-offset:6px}.tabs button:hover{background:none;color:var(--ink)}.field-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.field-row label{font-size:.9rem}select{font-family:var(--serif);font-size:1rem;padding:8px 10px;border:1px solid var(--ink);background:var(--paper-raised);color:var(--ink)}.choice-row{display:flex;gap:10px;flex-wrap:wrap}.choice-row button.on{background:var(--ink);color:var(--paper)}.footer{border-top:3px double var(--rule);text-align:center;font-size:.8rem;color:var(--ink-soft);padding:16px 0 30px;margin-top:40px}.mobile-score{display:none}@media (max-width: 720px){.play-layout{flex-direction:column;align-items:center}.play-side{width:min(92vw,460px)}.mobile-score{display:block;width:min(92vw,460px);border:1px solid var(--rule);background:var(--paper-raised);padding:8px 12px;margin-bottom:10px}.mobile-score .row{display:flex;align-items:center;gap:10px;font-size:.85rem;font-variant-numeric:tabular-nums}.mobile-score .row+.row{margin-top:5px}.mobile-score .who-label{width:32%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-score .row .progressbar{flex:1;height:9px;margin:0}.mobile-score .battle-line{justify-content:center;font-size:1.15rem;font-weight:700}.numpad{grid-template-columns:repeat(5,1fr)}.numpad button{font-size:1.5rem}.toolbar button{padding:11px 14px;font-size:.95rem}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}