:root{color-scheme:dark;font-family:DM Sans,sans-serif;color:#eeeae1;background:#121310;font-synthesis:none;--shell: #121310;--panel: #1b1d19;--panel-soft: #22241f;--border: #34372f;--muted: #92958a;--light-square: #ded5c2;--dark-square: #737b64;--accent: #c9825c;--accent-strong: #dc956f;--danger: #c66f65;--board-size: min( calc(100dvh - 230px) , 700px, calc(100vw - 470px) )}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px;min-height:100vh;background:var(--shell)}button,select{font:inherit}button{color:inherit}button:focus-visible,select:focus-visible{outline:2px solid rgba(220,149,111,.78);outline-offset:2px}#app{min-height:100vh}.site-header{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,64px);border-bottom:1px solid rgba(255,255,255,.065)}.brand{display:flex;align-items:center;gap:11px;padding:0;border:0;color:#f4f0e7;background:transparent;font-family:Newsreader,serif;font-size:1.35rem;font-weight:600;cursor:pointer}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border:1px solid #5a5e52;border-radius:50%;color:var(--accent);font-family:DM Sans,sans-serif;font-size:.78rem}.runtime-badge{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.runtime-badge span{width:7px;height:7px;border-radius:50%;background:#8d9c79;box-shadow:0 0 0 3px #8d9c791c}.mode-screen{width:min(980px,calc(100% - 40px));min-height:calc(100vh - 66px);margin:0 auto;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(420px,1.2fr);align-items:center;gap:clamp(52px,9vw,130px);padding:64px 0}.mode-intro h1{max-width:430px;margin:8px 0 18px;color:#f3efe6;font-family:Newsreader,serif;font-size:clamp(3.2rem,7vw,5.6rem);font-weight:500;line-height:.92;letter-spacing:-.045em}.mode-intro>p:last-child{max-width:390px;margin:0;color:var(--muted);font-size:.94rem;line-height:1.7}.eyebrow{margin:0;color:var(--accent);font-size:.66rem;font-weight:600;letter-spacing:.16em}.mode-options{border-top:1px solid var(--border)}.mode-option{width:100%;min-height:128px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:20px;padding:24px 6px;border:0;border-bottom:1px solid var(--border);background:transparent;text-align:left;cursor:pointer;transition:color .16s ease,padding .16s ease,background .16s ease}.mode-option:hover,.mode-option:focus-visible{padding-right:18px;padding-left:18px;background:#191a17}.mode-number{align-self:start;padding-top:7px;color:#6f7269;font-size:.68rem}.mode-copy{display:grid;gap:6px}.mode-copy strong{font-family:Newsreader,serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:500}.mode-copy small{color:var(--muted);font-size:.78rem}.mode-arrow{color:var(--accent);font-size:1.45rem;transition:transform .16s ease}.mode-option:hover .mode-arrow{transform:translate(4px)}.game-layout{display:grid;grid-template-columns:var(--board-size) minmax(290px,350px);justify-content:center;align-items:center;gap:clamp(34px,5vw,76px);min-height:calc(100vh - 66px);padding:22px clamp(18px,4vw,64px) 30px}.board-column{width:var(--board-size);max-width:100%;min-width:0}.player-row{display:flex;align-items:center;gap:10px;height:48px;margin:4px 0;opacity:.72;transition:opacity .16s ease}.player-row.active-player{opacity:1}.player-identity{display:grid;flex:0 0 auto;gap:1px}.player-row strong{font-size:.86rem;font-weight:600}.player-row .player-identity span{color:var(--muted);font-size:.7rem}.player-avatar{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:7px;font-family:Newsreader,serif;font-weight:600}.player-avatar.dark{background:#2d3029;color:var(--accent)}.player-avatar.light{background:#e4dccb;color:#30332c}.thinking-pulse{display:flex;gap:4px;margin-left:auto;padding-right:4px}.thinking-pulse i{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:pulse 1s infinite ease-in-out}.thinking-pulse i:nth-child(2){animation-delay:.14s}.thinking-pulse i:nth-child(3){animation-delay:.28s}@keyframes pulse{0%,70%,to{opacity:.28;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}.board-frame{position:relative;width:100%;min-width:0;padding:7px;border:1px solid #3a3d34;border-radius:5px;background:#272923;box-shadow:0 22px 58px #00000057}.board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));width:100%;min-width:0;min-height:0;aspect-ratio:1 / 1;overflow:hidden;contain:size layout paint}.board.locked{pointer-events:none}.board.game-over .piece{opacity:.92}.square{position:relative;display:block;width:100%;height:100%;min-width:0;min-height:0;padding:0;border:0;overflow:hidden;contain:strict;container-type:size;cursor:pointer}.light-square{background:var(--light-square)}.dark-square{background:var(--dark-square)}.square:before,.square:after{pointer-events:none}.square:hover{filter:brightness(1.045)}.light-square.last-move{background:color-mix(in srgb,var(--light-square) 68%,#dbaa54)}.dark-square.last-move{background:color-mix(in srgb,var(--dark-square) 68%,#dbaa54)}.square.selected{box-shadow:inset 0 0 0 5px #6f442bb8}.square.move-target:after{content:"";position:absolute;left:39%;top:39%;width:22%;height:22%;border-radius:50%;background:#191c1757}.square.capture-target:after{content:"";position:absolute;inset:7%;border:5px solid rgba(25,28,23,.29);border-radius:50%}.square.in-check{box-shadow:inset 0 0 0 6px #a2332bb3}.square.checkmate{box-shadow:inset 0 0 0 7px #b02b25d1}.square[data-rank]:before{content:attr(data-rank);position:absolute;top:4px;left:5px;z-index:3;color:#1f221da3;font-size:clamp(8px,1.1vw,10px);font-weight:600}.square[data-file]:after{content:attr(data-file);position:absolute;right:5px;bottom:3px;z-index:3;color:#1f221da3;font-size:clamp(8px,1.1vw,10px);font-weight:600}.square.move-target[data-file]:after,.square.capture-target[data-file]:after{content:""}.piece{position:absolute;inset:9%;z-index:2;display:grid;width:82%;height:82%;max-width:82%;max-height:82%;place-items:center;overflow:hidden;font-family:Times New Roman,"DejaVu Serif",serif;font-size:clamp(28px,6vw,64px);font-size:72cqi;line-height:.8;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .12s ease,transform .12s ease}.square:hover .piece{transform:translateY(-1px)}.white-piece{color:#fffdf7;text-shadow:0 1px 1px #25271f,0 0 1px #25271f}.black-piece{color:#292b25;text-shadow:0 1px 0 rgba(255,255,255,.24)}.turn-toast{position:absolute;top:18px;left:50%;z-index:8;padding:8px 13px;border:1px solid rgba(238,234,225,.18);border-radius:999px;color:#f3efe6;background:#181a16eb;box-shadow:0 8px 22px #0000003d;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:0;transform:translate(-50%,-5px);transition:opacity .18s ease,transform .18s ease}.turn-toast.visible{opacity:1;transform:translate(-50%)}.game-panel{height:min(680px,calc(100vh - 96px));min-height:520px;display:flex;flex-direction:column;padding:28px;border:1px solid var(--border);border-radius:10px;background:var(--panel);overflow-y:auto;scrollbar-color:#484b42 transparent}.panel-kicker{display:flex;align-items:center;justify-content:space-between}.text-action{padding:2px 0;border:0;color:var(--muted);background:transparent;font-size:.68rem;cursor:pointer}.text-action:hover{color:#ddd9d0}.panel-heading h1{margin:9px 0 0;font-family:Newsreader,serif;font-size:clamp(2rem,4vw,2.55rem);font-weight:500;line-height:1;letter-spacing:-.025em}.status-text{min-height:21px;margin:9px 0 20px;color:#b3b6ac;font-size:.82rem}.status-text[data-state=check],.status-text[data-state=checkmate],.status-text[data-state=error]{color:#e0a082}.engine-card{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.engine-card>div{display:grid;gap:2px}.engine-label{color:var(--muted);font-size:.64rem;text-transform:uppercase;letter-spacing:.1em}.engine-card strong{font-family:Newsreader,serif;font-size:1.02rem;font-weight:500}.engine-chip{padding:3px 6px;border:1px solid #4c5046;border-radius:3px;color:#aeb3a5;font-size:.58rem;letter-spacing:.1em}.engine-chip[data-state=thinking]{border-color:#7d654c;color:#d69b76}.engine-chip[data-state=error]{border-color:#75443f;color:#d98479}.material-section{padding:16px 0 14px;border-bottom:1px solid var(--border)}.material-title{margin-bottom:8px}.material-row{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;min-height:27px;padding:2px 5px;border-radius:4px;transition:background .18s ease}.material-owner{display:flex;align-items:baseline;gap:5px}.material-owner strong{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.material-owner small{color:#6f7269;font-size:.58rem}.material-pieces{min-width:0;overflow:hidden;color:#85887e;font-family:Times New Roman,"DejaVu Serif",serif;font-size:1.02rem;letter-spacing:-.34em;line-height:1;white-space:nowrap}.material-pieces span:last-child{margin-right:.34em}.material-row.capture-flash{background:#c9825c24}.last-capture{margin:7px 5px 0;color:#9fa298;font-size:.65rem}.history-section{display:flex;flex:1 0 110px;min-height:110px;flex-direction:column;margin-top:16px;overflow:hidden}.section-title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px}.section-title h2{margin:0;font-size:.8rem;font-weight:600}.section-title span{color:var(--muted);font-size:.66rem}.move-history{flex:1;min-height:68px;overflow-y:auto;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:6px 0;scrollbar-color:#484b42 transparent}.history-empty{margin:13px 8px;color:#74776e;font-size:.78rem}.move-row{display:grid;grid-template-columns:32px 1fr 1fr;align-items:center;min-height:31px;padding:0 5px}.move-row:nth-child(2n){background:#ffffff05}.move-number{color:#70736a;font-size:.7rem}.move-row strong{min-width:0;padding:5px 7px;border-radius:4px;font-size:.79rem;font-weight:500}.move-entry{display:flex;min-width:0;align-items:baseline;gap:5px;white-space:nowrap}.capture-detail{overflow:hidden;color:#8e9187;font-size:.57rem;font-weight:400;text-overflow:ellipsis}.move-row .latest-move{color:#f4eee4;background:#c9825c2e}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;color:var(--muted);font-size:.74rem}.settings-row select{max-width:154px;padding:7px 8px;border:1px solid var(--border);border-radius:5px;color:#dedbd3;background:#141512;outline:none}.settings-row select:focus{border-color:#73776a}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.actions button{min-height:39px;padding:9px 11px;border-radius:6px;font-size:.76rem;font-weight:600;cursor:pointer;transition:border-color .14s ease,background .14s ease}.actions button:disabled{cursor:not-allowed;opacity:.46}.primary-action{border:1px solid var(--accent-strong);background:var(--accent);color:#1b1c18}.primary-action:hover:not(:disabled){background:var(--accent-strong)}.secondary-action{border:1px solid #44473f;background:transparent}.secondary-action:hover:not(:disabled){border-color:#5e6257;background:#242620}.danger-action{color:#c98a82}.danger-action:hover:not(:disabled){border-color:#70423d;background:#70342f24}.privacy-note{margin:12px 0 0;color:#70736a;font-size:.63rem;line-height:1.4;text-align:center}.promotion-dialog{padding:0;border:1px solid #484b42;border-radius:10px;color:#ece8df;background:#20221d;box-shadow:0 24px 80px #00000080}.promotion-dialog::backdrop{background:#090a08b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.promotion-dialog form{padding:23px}.promotion-dialog p{margin:0 0 15px;font-family:Newsreader,serif;font-size:1.3rem}.promotion-choices{display:grid;grid-template-columns:repeat(4,70px);gap:7px}.promotion-choices button{display:grid;gap:2px;padding:8px 4px;border:1px solid #42453c;border-radius:7px;color:#fffdf7;background:#292b25;cursor:pointer}.promotion-choices button:hover{border-color:var(--accent)}.promotion-choices span{font-family:serif;font-size:2.4rem}.promotion-choices small{color:var(--muted);font-size:.62rem}.cancel-promotion{width:100%;margin-top:11px;padding:8px;border:0;color:var(--muted);background:transparent;cursor:pointer}@media(max-width:1024px){:root{--board-size: min(78vw, calc(100dvh - 150px) , 660px)}.mode-screen{grid-template-columns:1fr;align-content:center;gap:45px;max-width:650px}.mode-intro h1{max-width:600px}.game-layout{grid-template-columns:var(--board-size);align-items:start;gap:25px;padding-top:20px}.game-panel{width:100%;height:auto;min-height:0}.move-history{max-height:220px}}@media(max-width:560px){:root{--board-size: min( calc(100vw - 20px) , calc(100dvh - 150px) )}.site-header{height:58px;padding:0 12px}.runtime-badge{font-size:0}.runtime-badge:after{content:"LOCAL";font-size:.65rem}.mode-screen{width:calc(100% - 30px);min-height:calc(100vh - 58px);gap:36px;padding:45px 0}.mode-intro h1{font-size:clamp(3rem,15vw,4.6rem)}.mode-option{min-height:108px;grid-template-columns:28px 1fr auto;gap:10px}.game-layout{min-height:calc(100vh - 58px);padding:8px 10px 26px}.player-row{height:42px;margin:2px 0}.player-avatar{width:31px;height:31px}.board-frame{padding:4px}.game-panel{padding:22px 18px}.promotion-choices{grid-template-columns:repeat(4,60px)}}@media(max-height:500px)and (orientation:landscape){:root{--board-size: min( calc(100vw - 20px) , calc(100dvh - 108px) , 500px)}.site-header{height:44px}.game-layout{min-height:calc(100dvh - 44px);padding-top:4px;padding-bottom:4px}.player-row{height:28px;margin:0}.player-avatar{width:24px;height:24px;border-radius:5px;font-size:.76rem}.player-row strong{font-size:.74rem}.player-row .player-identity span{font-size:.6rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}