:root{--forest:#17352c;--forest-deep:#0d251f;--forest-soft:#315b4d;--parchment:#f3ead8;--paper:#fffaf0;--tan:#d8bd8d;--board-light:#e9d6ad;--board-dark:#6e3d32;--oxblood:#6b251f;--gold:#c79646;--ink:#241e19;--muted:#766b5c;--line:#392b1f2e;--board-size:min(66vh,660px,calc(100vw - 3rem))}*{box-sizing:border-box}html{background:var(--forest-deep);min-height:100%}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 18% 8%,#cda96621,transparent 28rem),linear-gradient(128deg,var(--forest)0%,var(--forest-deep)100%);overflow-x:hidden;min-height:100dvh;margin:0;font-family:DM Sans,sans-serif}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.grain{position:fixed;z-index:20;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");inset:0}.masthead{display:flex;color:var(--paper);justify-content:space-between;align-items: center;width:min(1180px,100% - 3rem);height:104px;margin:0 auto}.brand{color:inherit;display:inline-flex;text-decoration:none;align-items: center;gap:.9rem}.brand-mark{display:grid;color:var(--tan);border:1px solid #fffaf06b;border-radius:50%;place-items: center;width:48px;height:48px;transition:transform .18s,background .18s;font-family:Georgia,serif;font-size:1.7rem}.brand:hover .brand-mark{background:#ffffff14;transform:rotate(-8deg)}.brand:focus-visible .brand-mark{background:#ffffff14;transform:rotate(-8deg)}.brand-kicker,.brand-name{display:block}.brand-kicker{color:#fffaf0a1;letter-spacing:.19em;text-transform:uppercase;margin-bottom:.12rem;font-size:.61rem;font-weight:700}.brand-name{font-family:Fraunces,Georgia,serif;font-size:1.72rem;font-weight:700;line-height:1}.icon-button{color:var(--paper);cursor:pointer;background:#ffffff0a;border:1px solid #fffaf059;border-radius:50%;width:42px;height:42px;transition:background .15s,transform .15s;font-size:1.2rem}.icon-button:hover{background:#ffffff21;transform:translateY(-2px)}.icon-button:focus-visible{background:#ffffff21;transform:translateY(-2px)}.game-shell{display:grid;grid-template-columns:minmax(480px,710px)minmax(290px,380px);justify-content:space-between;align-items: center;gap:clamp(2rem,5vw,5.5rem);width:min(1180px,100% - 3rem);margin:0 auto;padding:0 0 3rem}.board-column{width:var(--board-size);animation:enter-board .58s cubic-bezier(.2,.75,.25,1)both;justify-self:center}@keyframes enter-board{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.player-strip{display:grid;grid-template-columns:38px auto 1fr 12px;color:var(--paper);align-items: center;gap:.7rem;min-height:54px}.player-token{display:grid;color:var(--tan);border:1px solid #fffaf038;border-radius:50%;place-items: center;width:34px;height:34px;font-family:Georgia,serif;font-size:1.35rem}.player-copy{display:flex;flex-direction:column;min-width:116px}.player-name{letter-spacing:.01em;font-family:Fraunces,Georgia,serif;font-size:1rem;font-weight:700}.player-detail{color:#fffaf087;letter-spacing:.03em;font-size:.66rem}.captured{color:#fffaf0ad;letter-spacing:-.14em;text-align:right;white-space:nowrap;overflow:hidden;min-width:0;font-family:Georgia,serif;font-size:clamp(.85rem,2vw,1.15rem)}.turn-light{background:#ffffff29;border-radius:50%;width:8px;height:8px;transition:all .22s;box-shadow:0 0 0 4px #0000}.player-strip.is-active .turn-light{background:#e1b85f;box-shadow:0 0 0 4px #e1b85f24,0 0 18px #e1b85f}.player-strip.is-thinking .turn-light{animation:thinking 1s ease-in-out infinite}@keyframes thinking{50%{opacity:.35;transform:scale(.72)}}.board-frame{position:relative;background:#3a1f18;border:1px solid #aa8059;padding:10px;box-shadow:0 22px 46px #00000054,0 5px #1d100c,inset 0 0 0 4px #5a3025,inset 0 0 0 5px #eac89352}.board-frame:after{content:"";position:absolute;z-index:2;pointer-events:none;border:1px solid #ffe5b92e;inset:7px}.board{aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);border:1px solid #25140fe6;width:100%}.square{position:relative;display:grid;cursor:pointer;touch-action:manipulation;border:0;border-radius:0;place-items: center;min-width:0;padding:0}.square--light{background:var(--board-light)}.square--dark{background:var(--board-dark)}.square:before,.square:after{content:"";position:absolute;z-index:1;pointer-events:none}.square.is-last:before{background:#dcaa3759;inset:0}.square.is-selected:before{background:#ffca4685;inset:0;box-shadow:inset 0 0 0 4px #fff7ce70}.square.is-legal:after{aspect-ratio:1;background:#162d258f;border-radius:50%;width:22%;box-shadow:0 1px 3px #0000003d}.square.is-capture:after{border:clamp(3px,.55vw,7px) solid #5919139e;border-radius:50%;inset:6%}.square.is-check:before{background:radial-gradient(circle,#d33326d1,#9a191247 58%,#0000 72%);inset:0}.square:focus-visible{z-index:4;outline:4px solid #fff0a6;outline-offset:-4px}.piece{position:relative;z-index:2;display:block;font-family:Georgia,Times New Roman,serif;font-size:calc(var(--board-size)/10.7);line-height:calc(var(--board-size)/8.7);user-select:none;height:88%;transition:transform .11s,filter .11s;transform:translateY(-1%)}.square:hover .piece{transform:translateY(-4%)scale(1.045)}.piece--w{color:#fff9e8;text-shadow:-1px -1px #443124,1px -1px #443124,-1px 1px #443124,1px 1px #443124,0 3px 3px #2a191061}.piece--b{color:#231c19;text-shadow:0 2px 2px #fff4d629,0 3px 3px #00000057}.coordinate{position:absolute;z-index:3;font-size:clamp(.48rem,calc(var(--board-size)/70),.7rem);pointer-events:none;text-transform:uppercase;font-weight:800;line-height:1}.square--light .coordinate{color:var(--board-dark)}.square--dark .coordinate{color:var(--board-light)}.coordinate--file{bottom:3px;right:4px}.coordinate--rank{top:4px;left:4px}.game-panel{position:relative;display:flex;animation:enter-panel .6s .1s cubic-bezier(.2,.75,.25,1)both;background:linear-gradient(#fffaf0ed,#f3ead8f7),repeating-linear-gradient(0deg,#0000 0 27px,#4c352214 28px);border:1px solid #e7cfa5e6;flex-direction:column;min-height:min(660px,75vh);padding:clamp(1.5rem,3vw,2.25rem);box-shadow:0 24px 55px #0000004a}.game-panel:before{content:"";position:absolute;pointer-events:none;border:1px solid var(--line);inset:8px}@keyframes enter-panel{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.panel-heading,.mode-switch,.score-sheet,.actions,.rules-note{position:relative;z-index:1}.eyebrow{color:var(--oxblood);letter-spacing:.17em;text-transform:uppercase;margin:0 0 .55rem;font-size:.61rem;font-weight:800}.panel-heading h1{letter-spacing:-.035em;margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:.98}.status-copy{color:var(--muted);min-height:2.8em;margin:.75rem 0 1.35rem;font-size:.84rem;line-height:1.5}.mode-switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#5b463012;padding:3px}.mode-button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:.62rem .45rem;font-size:.72rem;font-weight:700}.mode-button.active{color:var(--paper);background:var(--forest);box-shadow:0 2px 7px #14312833}.score-sheet{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;flex:1;min-height:0;margin:1.3rem 0}.score-heading{display:flex;justify-content:space-between;align-items:baseline;padding:.72rem 0}.score-heading h2{margin:0;font-family:Fraunces,Georgia,serif;font-size:.95rem}.score-heading span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.61rem;font-weight:700}.moves{overflow-y:auto;scrollbar-color:var(--tan)transparent;max-height:184px;padding-bottom:.55rem}.empty-ledger{color:#978875;text-align:center;margin:1.3rem 0;font-family:Fraunces,Georgia,serif;font-size:.9rem;font-style:italic}.move-row{display:grid;grid-template-columns:2rem 1fr 1fr;border-top:1px dotted #50392626;align-items: center;min-height:30px;font-size:.79rem}.move-number{color:#a39583;font-size:.66rem}.move{font-weight:700}.move--black{color:var(--oxblood)}.actions{display:grid;grid-template-columns:1.25fr 1fr;gap:.55rem}.action{color:var(--ink);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #392b1f40;min-height:42px;padding:.65rem .8rem;transition:transform .14s,background .14s,color .14s;font-size:.7rem;font-weight:800}.action:hover:not(:disabled){background:#5c3d2512;transform:translateY(-2px)}.action:focus-visible:not(:disabled){background:#5c3d2512;transform:translateY(-2px)}.action--primary{border-color:var(--oxblood);color:var(--paper);background:var(--oxblood)}.action--primary:hover:not(:disabled){background:#812e26}.action--primary:focus-visible:not(:disabled){background:#812e26}.action--flip{grid-column:1/-1}.action.is-active{color:var(--forest);border-color:var(--forest);background:#17352c17}.action:disabled{opacity:.38;cursor:not-allowed}.rules-note{color:#8b7d6c;margin:1rem 0 0;font-size:.61rem;line-height:1.5}.rules-note span{color:var(--ink);font-weight:700}dialog{color:var(--ink)}dialog::backdrop{backdrop-filter:blur(6px);background:#051410c2}.promotion-dialog,.result-dialog{border:1px solid var(--tan);background:var(--parchment);box-shadow:0 28px 70px #00000073,inset 0 0 0 8px var(--paper),inset 0 0 0 9px var(--line);text-align:center;width:min(470px,100% - 2rem);padding:2.25rem}.promotion-dialog[open],.result-dialog[open]{animation:dialog-in .21s ease-out both}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.promotion-dialog form{margin:0}.promotion-dialog h2,.result-dialog h2{margin:0 0 .7rem;font-family:Fraunces,Georgia,serif;font-size:2rem}.promotion-pieces{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1.5rem 0 1rem}.promotion-pieces button{border:1px solid var(--line);color:var(--ink);background:var(--paper);cursor:pointer;padding:.65rem .25rem;transition:transform .14s,border-color .14s}.promotion-pieces button:hover{border-color:var(--oxblood);transform:translateY(-3px)}.promotion-pieces button:focus-visible{border-color:var(--oxblood);transform:translateY(-3px)}.promotion-pieces span{display:block;font-family:Georgia,serif;font-size:2.75rem;line-height:1}.promotion-pieces small{display:block;letter-spacing:.06em;text-transform:uppercase;margin-top:.35rem;font-size:.55rem;font-weight:800}.dialog-cancel{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;font-size:.7rem}.result-dialog p:not(.eyebrow){color:var(--muted);margin:0 auto 1.5rem}.result-mark{color:var(--oxblood);font-family:Georgia,serif;font-size:4.8rem;line-height:1}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.toast{position:fixed;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));z-index:30;color:var(--paper);background:var(--ink);opacity:0;pointer-events:none;padding:.7rem 1rem;transition:opacity .18s,transform .18s;font-size:.72rem;transform:translate(-50%,10px);box-shadow:0 8px 26px #0000004d}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width:880px){:root{--board-size:min(74vh,680px,calc(100vw - 3rem))}.masthead{height:88px}.game-shell{grid-template-columns:1fr;gap:2rem}.game-panel{width:var(--board-size);justify-self:center;min-height:0}.moves{max-height:220px}}@media (max-width:520px){:root{--board-size:calc(100vw - 1rem)}.masthead,.game-shell{width:calc(100% - 1rem)}.masthead{height:76px}.brand-mark{width:40px;height:40px}.brand-kicker{font-size:.52rem}.brand-name{font-size:1.45rem}.board-frame{padding:6px}.player-strip{padding-inline-start:.3rem;padding-inline-end:.3rem}.player-detail{display:none}.player-copy{min-width:80px}.piece{font-size:calc(var(--board-size)/10.2);line-height:calc(var(--board-size)/8.5)}.game-panel{padding:1.5rem}.panel-heading h1{font-size:2.2rem}.score-sheet{min-height:190px}.moves{max-height:190px}.rules-note{margin-bottom:.25rem}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}