:root{--ink:#1d1a15;--paper:#eee8da;--surface:#fffaf0;--surface-strong:#f4ecd9;--muted:#746a5a;--line:#40382c;--soft-line:#d6cbb8;--accent:#2f5b3b;--accent-dark:#254930;--danger:#8b372d;color:var(--ink);background-color:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{border:1px solid var(--accent-dark);background:var(--accent);color:#fff8e8;cursor:pointer;border-radius:2px;padding:.68rem .95rem;font-weight:700;transition:background .12s}button:hover:not(:disabled){background:var(--accent-dark)}button:disabled{cursor:not-allowed;opacity:.45}input[type=text],input:not([type]){width:100%}input{border:1px solid var(--soft-line);background:var(--surface);color:var(--ink);border-radius:2px;padding:.8rem .85rem}input:focus{border-color:var(--accent);outline-offset:0;outline:2px solid #2f5b3b24}fieldset{border:1px solid var(--soft-line);background:#f4ecd966;border-radius:2px;gap:.62rem;margin:0;padding:.9rem 1rem 1rem;display:grid}fieldset label{align-items:center;gap:.6rem;min-height:1.65rem;display:flex}input[type=radio]{accent-color:var(--accent)}legend{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;padding:0 .35rem;font-size:.76rem;font-weight:750}h1,h2,p{margin-top:0}h1{letter-spacing:-.035em;margin-bottom:.85rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,6vw,3.8rem);font-weight:650;line-height:.98}h2{letter-spacing:.08em;text-transform:uppercase;margin-bottom:0;font-size:.88rem;font-weight:750}.center-page{place-items:center;min-height:100vh;padding:1.25rem;display:grid}.home-card,.panel{border:1px solid var(--line);background:var(--surface);border-radius:3px;width:min(100%,30rem);padding:clamp(1.25rem,5vw,2.25rem);position:relative;box-shadow:0 10px 28px #1d1a1514}.home-card{text-align:left}.home-card h1{margin-bottom:1.15rem;font-size:clamp(3.5rem,15vw,6rem)}.narrow-panel{max-width:28rem}.settings-panel,.lobby-panel{gap:.95rem;display:grid}.kicker{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;margin:0 0 .65rem;font-size:.72rem;font-weight:750}.home-actions,.join-form,.share-box{gap:.8rem;display:grid}.home-actions{margin-top:1.4rem}.join-form{text-align:left;margin-top:1rem}.join-form label,.share-box label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:700}.inline-form-row{grid-template-columns:minmax(0,1fr) auto;gap:.65rem;display:grid}.secondary-button{background:var(--surface-strong);color:var(--ink);min-height:3rem}.secondary-button:hover:not(:disabled){background:#e3d1ac}.danger-button{background:var(--danger)}.danger-button:hover:not(:disabled){background:#6f251c}.link-button{width:fit-content;color:var(--accent-dark);text-underline-offset:.18em;background:0 0;border:0;border-radius:0;padding:0;text-decoration:underline;text-decoration-thickness:1px}.link-button:hover:not(:disabled){color:var(--ink);background:0 0}.form-error{border-left:4px solid var(--danger);color:var(--danger);margin:0;padding-left:.7rem;font-weight:700}.muted-text{color:var(--muted)}.summary-list{border-top:1px solid var(--soft-line);gap:0;margin:0;display:grid}.summary-list div{border-bottom:1px solid var(--soft-line);justify-content:space-between;gap:1rem;padding:.62rem 0;display:flex}.summary-list dt{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:700}.summary-list dd{text-align:right;margin:0;font-weight:600}.compact-list{font-size:.94rem}.game-page{min-height:100vh;padding:clamp(1rem,3vw,2rem)}.game-layout{grid-template-columns:minmax(18rem,42rem) minmax(18rem,24rem);align-items:start;gap:clamp(1rem,3vw,2rem);max-width:72rem;margin:0 auto;display:grid}.board-column{gap:.75rem;display:grid}.board-shell{border:1px solid var(--line);background:var(--line);border-radius:2px;width:min(100%,42rem);margin:0 auto;padding:.2rem;box-shadow:0 12px 26px #1d1a151f}.player-strip{border:1px solid var(--soft-line);background:var(--surface);border-radius:2px;justify-content:space-between;align-items:center;padding:.7rem .85rem;font-weight:700;display:flex}.clock{border:1px solid var(--soft-line);background:var(--surface-strong);color:var(--ink);text-align:center;border-radius:2px;min-width:5.5rem;padding:.38rem .65rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-weight:700}.active-clock{background:var(--accent-dark);color:#fff8e8}.side-panel{border:1px solid var(--line);background:var(--surface);border-radius:3px;gap:.9rem;padding:clamp(1rem,3vw,1.35rem);display:grid;box-shadow:0 10px 24px #1d1a1514}.game-info h1{font-size:1.75rem}.result-text{color:var(--ink);background:#dce7c6;border:1px solid #c6d5ad;border-radius:2px;padding:.75rem;font-weight:750}.action-row{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.notice-box,.replay-box,.move-history{border:1px solid var(--soft-line);background:#f3e7d1;border-radius:2px;padding:.9rem}.notice-box p{margin-bottom:.75rem}.rematch-box,.draw-offer-box{background:0 0}.rematch-button,.draw-offer-button{width:min(100%,18rem);margin-inline:auto;display:block}.section-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.replay-box input{width:100%;padding:0}.move-history ol{gap:0;margin:0;padding:0;list-style:none;display:grid}.move-history li{border-bottom:1px solid #2a241924;grid-template-columns:2.5rem 1fr 1fr;gap:.5rem;padding:.38rem 0;display:grid}.move-number{color:var(--muted);font-weight:700}@media (width<=880px){.game-layout{grid-template-columns:1fr}.side-panel{order:2}}@media (width<=560px){.center-page,.game-page{padding:.85rem}.home-card,.panel,.side-panel{border-radius:3px;box-shadow:0 8px 20px #1d1a1514}.board-shell{box-shadow:0 8px 18px #1d1a151f}.inline-form-row,.action-row{grid-template-columns:1fr}.summary-list div{display:grid}.summary-list dd{text-align:left}}