:root{--forest:#17352c;--forest-deep:#0d251f;--forest-soft:#315b4d;--parchment:#f3ead8;--paper:#fffaf0;--tan:#d8bd8d;--board-light:#ebd9b4;--board-dark:#7a4638;--oxblood:#6b251f;--gold:#c79646;--ink:#241e19;--muted:#766b5c;--line:#392b1f2e;--shell-pad:1.5rem;--board-size:min(68dvh,620px,calc(100vw - 2*var(--shell-pad) - 22rem))}*{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{width:min(1120px,calc(100% - 2*var(--shell-pad)));display:flex;color:var(--paper);justify-content:space-between;align-items: center;height:88px;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{width:min(1120px,calc(100% - 2*var(--shell-pad)));display:grid;grid-template-columns:minmax(0,var(--board-size))minmax(260px,340px);justify-content:center;align-items: start;gap:clamp(1.25rem,3vw,2.75rem);margin:0 auto;padding:0 0 2.5rem}.board-column{max-width:var(--board-size);animation:enter-board .58s cubic-bezier(.2,.75,.25,1)both;justify-self:center;width:100%}@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 minmax(0,auto)minmax(0,1fr)12px;color:var(--paper);border-radius:4px;align-items: center;gap:.7rem;min-height:54px;transition:background .18s}.player-strip.is-active{background:#e1b85f14}.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-token--white{color:#fff4d8;background:#fffaf014}.player-token--black{color:#1a1512;background:#fffaf0b8;border-color:#fffaf08c}.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-wrap{display:flex;justify-content:flex-end;align-items: center;gap:.35rem;min-width:0}.captured{display:flex;color:#fffaf0ad;white-space:nowrap;overflow:hidden;justify-content:flex-end;align-items: center;gap:0;min-width:0}.captured .piece-svg{width:clamp(.85rem,2vw,1.15rem);height:clamp(.85rem,2vw,1.15rem);margin-left:-.28rem}.material{color:#e1b85f;letter-spacing:.02em;min-width:1.2rem;font-size:.72rem;font-weight:800}.clock{color:var(--paper);font-variant-numeric:tabular-nums;text-align:center;background:#0000002e;border:1px solid #fffaf038;border-radius:4px;min-width:3.1rem;padding:.18rem .4rem;font-size:.78rem;font-weight:700}.clock.is-low{color:#ffd7a8;background:#78281459;border-color:#ffb45a8c}.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,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));border:1px solid #25140fe6;width:100%}.square{position:relative;display:grid;overflow:hidden;cursor:pointer;touch-action:manipulation;border:0;border-radius:0;place-items: center;width:100%;min-width:0;height:100%;min-height: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{z-index:3}.square.is-selected:before{background:#ffca4685;inset:0;box-shadow:inset 0 0 0 4px #fff7ce70}.square.is-dragging{opacity:.55}.square.is-drop-target:before{background:#488c6061;inset:0;box-shadow:inset 0 0 0 3px #d2ffdc8c}.board.is-dragging-piece,.board.is-dragging-piece .square{cursor:grabbing}.square.is-legal:after{aspect-ratio:1;background:#162d2594;border-radius:50%;width:28%;box-shadow:0 1px 3px #0000003d}.square.is-capture:after{border:clamp(3px,.7vw,6px) solid #591913ad;border-radius:50%;inset:8%}.square.is-hint:before{background:#488c6057;inset:0;box-shadow:inset 0 0 0 3px #b4ffc873}.square.is-check:before{background:radial-gradient(circle,#d33326d1,#9a191247 58%,#0000 72%);inset:0}.square.is-focus{z-index:4;box-shadow:inset 0 0 0 2px #fff0a6e6}.square:focus-visible{z-index:4;outline:4px solid #fff0a6;outline-offset:-4px}.piece{position:relative;z-index:2;display:grid;text-align:center;user-select:none;pointer-events:none;will-change:transform;place-items: center;width:92%;height:92%;transition:transform .11s,filter .11s;line-height:1;transform:translateY(-1%)}.piece-svg{display:block;filter:drop-shadow(0 2px 2px #00000047);width:88%;height:88%}.square:hover .piece,.square.is-selected .piece{transform:translateY(-4%)scale(1.06)}.piece--w .piece-svg{filter:drop-shadow(0 0 1px #fff6e059)drop-shadow(0 2px 3px #140c0859)}.piece--b .piece-svg{filter:drop-shadow(0 0 1px #fff4d659)drop-shadow(0 2px 3px #0006)}.square--dark .piece--w .piece-svg{filter:drop-shadow(0 0 2px #fff8dc73)drop-shadow(0 2px 3px #140c0859)}.square--light .piece--b .piece-svg{filter:drop-shadow(0 0 1px #fff4d640)drop-shadow(0 1px 2px #00000040)}.coordinate{position:absolute;z-index:3;font-size:clamp(.45rem,calc(var(--board-size)/72),.68rem);pointer-events:none;text-transform:uppercase;opacity:.85;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;min-height:min(var(--board-size),70vh);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;width:100%;padding:clamp(1.25rem,2.5vw,1.85rem);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,.settings-row,.score-sheet,.actions,.rules-note{position:relative;z-index:1}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.75rem}.setting{display:flex;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;gap:.28rem;font-size:.61rem;font-weight:800}.setting--wide{grid-column:1/2}.settings-row:has(#autoFlipSetting[hidden]) .setting--wide{grid-column:1/-1}.setting select{border:1px solid var(--line);color:var(--ink);letter-spacing:0;text-transform:none;background:#fffaf0d9;min-height:36px;padding:.35rem .5rem;font-size:.78rem;font-weight:700}.setting--check{text-transform:none;letter-spacing:.02em;flex-direction:row;align-self: end;align-items: center;gap:.45rem;min-height:36px;font-size:.72rem}.setting--check[hidden],#computerSettings[hidden]{display:none!important}.setting--check input{accent-color:var(--forest);width:1rem;height:1rem}.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.4em;margin:.55rem 0 1rem;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{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:.2rem .3rem;font-weight:700}.move:hover:not(:disabled){background:#5c3d2514}.move:focus-visible:not(:disabled){background:#5c3d2514}.move.is-active{background:#17352c1f;box-shadow:inset 0 0 0 1px #17352c40}.move.is-empty,.move:disabled{cursor:default;opacity:.35}.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,.confirm-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],.confirm-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,.confirm-dialog h2{margin:0 0 .7rem;font-family:Fraunces,Georgia,serif;font-size:2rem}.confirm-dialog p:not(.eyebrow){color:var(--muted);margin:0 auto 1.5rem}.pass-banner{position:absolute;z-index:5;color:var(--ink);white-space:nowrap;pointer-events:none;animation:pass-in .18s ease-out both;background:#fffaf0f0;border:1px solid #e7cfa5d9;padding:.7rem 1rem;font-family:Fraunces,Georgia,serif;font-size:1rem;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 30px #00000047}@keyframes pass-in{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.promotion-pieces{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1.5rem 0 1rem}.promotion-pieces .piece-svg{width:2.6rem;height:2.6rem;margin:0 auto}.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%)}.board-hud,.mobile-actions{display:none}@media (max-width:980px){:root{--shell-pad:1rem;--board-size:min(70dvh,680px,calc(100vw - 2*var(--shell-pad)))}.masthead{height:72px}.game-shell{grid-template-columns:1fr;justify-items:center;gap:1.25rem}.board-column,.game-panel{width:min(var(--board-size),100%);max-width:100%}.game-panel{min-height:0}.moves{max-height:180px}}@media (max-width:640px){:root{--shell-pad:max(.5rem,env(safe-area-inset-left,0px));--board-size:min(calc(100vw - 2*var(--shell-pad)),calc(100dvh - 12.75rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)))}.masthead{width:calc(100% - 2*var(--shell-pad));height:calc(52px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}.brand-mark{width:36px;height:36px;font-size:1.35rem}.brand-kicker{letter-spacing:.14em;font-size:.5rem}.brand-name{font-size:1.3rem}.icon-button{width:38px;height:38px}.game-shell{width:calc(100% - 2*var(--shell-pad));padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));gap:.85rem}.board-column{display:flex;flex-direction:column;gap:.35rem}.board-frame{padding:4px}.player-strip{grid-template-columns:30px minmax(0,auto)minmax(0,1fr)10px;gap:.35rem;min-height:40px;padding-inline-start:.2rem;padding-inline-end:.2rem}.player-token{width:28px;height:28px;font-size:1.1rem}.player-detail{display:none}.player-copy{min-width:0}.player-name{font-size:.88rem}.captured-wrap{gap:.2rem}.captured .piece-svg{width:.92rem;height:.92rem;margin-left:-.32rem}.material{min-width:.9rem;font-size:.62rem}.clock{min-width:2.55rem;padding:.12rem .28rem;font-size:.68rem}.board-hud{display:block;color:#fffaf0eb;letter-spacing:-.02em;text-align:center;margin:.15rem 0 .1rem;font-family:Fraunces,Georgia,serif;font-size:1.05rem;font-weight:700}.mobile-actions{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:.35rem;margin-top:.15rem}.mobile-actions .action{color:var(--paper);background:#ffffff0f;border-color:#fffaf047;min-height:44px;font-size:.68rem}.mobile-actions .action--primary{border-color:var(--oxblood);background:var(--oxblood)}.mobile-actions .action.is-active{color:#e1b85f;background:#e1b85f1f;border-color:#e1b85f8c}.square.is-legal:after{width:34%}.square.is-capture:after{border-width:4px;inset:10%}.game-panel{padding:1.1rem 1rem 1.25rem}.panel-heading{display:none}.score-sheet{min-height:0;margin:.65rem 0 .85rem}.moves{max-height:110px}.game-panel .actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.4rem}.game-panel .action--desktop,.rules-note{display:none}.settings-row{grid-template-columns:1fr 1fr}.promotion-dialog,.result-dialog,.confirm-dialog{overflow-y:auto;width:calc(100% - 1rem);max-height:calc(100dvh - 1.5rem);padding:1.35rem 1.1rem}.promotion-dialog h2,.result-dialog h2,.confirm-dialog h2{font-size:1.55rem}.result-mark{font-size:3.4rem}.promotion-pieces .piece-svg{width:2.1rem;height:2.1rem}.pass-banner{padding:.55rem .8rem;font-size:.9rem}}@media (max-height:520px),(max-width:900px) and (orientation:landscape){html,body{overflow:hidden;height:100%}:root{--shell-pad:max(.35rem,env(safe-area-inset-left,0px));--board-size:min(calc(100dvh - 2.6rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)),calc(100vw - 10.5rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)))}.masthead{width:calc(100% - 2*var(--shell-pad));height:calc(40px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}.brand-kicker{display:none}.brand-name{font-size:1.15rem}.brand-mark{width:30px;height:30px;font-size:1.05rem}.icon-button{width:32px;height:32px;font-size:.95rem}.game-shell{width:calc(100% - 2*var(--shell-pad));grid-template-columns:var(--board-size)minmax(140px,1fr);padding-bottom:max(.35rem,env(safe-area-inset-bottom,0px));align-items: center;gap:.65rem}.board-column{display:flex;flex-direction:column;gap:0;width:100%}.player-strip{display:none}.board-frame{padding:3px}.board-hud,.mobile-actions{display:none}.game-panel{overflow:hidden;display:flex;flex-direction:column;align-self:stretch;width:100%;height:calc(100dvh - 3rem);min-height:0;max-height:calc(100dvh - 3rem);padding:.7rem}.panel-heading .eyebrow{display:none}.panel-heading h1{font-size:1.1rem}.status-copy{display:none}.settings-row{gap:.35rem;margin-top:.45rem}.setting select{min-height:30px;font-size:.7rem}.score-sheet{overflow:hidden;flex:1;min-height:0;margin:.35rem 0}.score-heading{gap:.4rem;padding:.4rem 0}.score-heading span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46%}.moves{overflow-y:auto;flex:1;min-height:0;max-height:none}.game-panel .actions{display:grid;grid-template-columns:1fr 1fr;flex-shrink:0;gap:.3rem;margin-top:auto}.game-panel .action--desktop{display:initial}.game-panel .action--flip{grid-column:1/-1}.game-panel .action{min-height:34px;font-size:.6rem}.rules-note{display:none}.mode-button{padding:.35rem .2rem;font-size:.6rem}}@media (pointer:coarse){.square.is-legal:after{width:36%}.square.is-capture:after{border-width:max(3px,.55vw);inset:9%}.action,.mode-button,.mobile-actions .action{min-height:44px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}