:root{font-family:Segoe UI,system-ui,sans-serif;color:#243c2e;background:#f4f1e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.48;cursor:default}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #bd8b27;outline-offset:4px}button svg{width:20px;height:20px;flex-shrink:0}.page{width:min(1120px,100%);margin:auto;padding:28px 40px 0}.page-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid #dcded0}.brand{display:inline-flex;align-items:center;gap:10px;color:#244a36;text-decoration:none;font-size:29px;font-weight:750;letter-spacing:-1.5px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#254b39;color:#f5edd9}.brand-mark svg{width:25px;height:25px}.brand-period{color:#b88b3d}.local-label{display:inline-flex;align-items:center;gap:8px;color:#647261;font-size:12px}.local-label i,.player-turn i{width:6px;height:6px;background:#638465;border-radius:50%}.intro{display:flex;align-items:center;justify-content:space-between;padding:29px 0 24px}.eyebrow{margin:0 0 7px;color:#7d826e;font-size:10px;letter-spacing:2px;font-weight:650}h1{margin:0;font-family:Georgia,serif;font-weight:400;font-size:clamp(34px,4vw,48px);letter-spacing:-1.7px}.intro>p{margin:0;color:#77806f;font-size:13px;line-height:1.8;text-align:right}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:30px;align-items:start}.board-section{min-width:0}.player{display:flex;align-items:center;gap:10px;min-height:51px;padding:0 3px 11px}.board-frame+.player{padding-top:12px;padding-bottom:0}.player-avatar{display:grid;place-items:center;width:35px;height:35px;border:1px solid #d9ddcd;border-radius:9px;background:#e8e7dc}.player-avatar.white{background:#fcf9f1}.player-avatar img{width:27px;height:27px;object-fit:contain}.player strong{display:block;color:#52604c;font-size:13px;font-weight:650}.player>div>span{color:#8a8e7c;font-size:10px}.player-turn{margin-left:auto;display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:20px;background:#e5eadc;color:#526d47;font-size:10px;font-weight:600}.player.active strong{color:#254b39}.board-frame{padding:8px;background:#fffdf6;border:1px solid #daddcd;border-radius:6px;box-shadow:0 7px 28px #243c2e0a}.board{position:relative;width:100%;aspect-ratio:1;isolation:isolate}.square-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr)}.square{border:0;border-radius:0;padding:0;position:relative;min-width:0;isolation:isolate}.square.light{background:#eae2cc;color:#71846a}.square.dark{background:#7c9275;color:#f5ecd6}.square:focus-visible{z-index:4;outline-offset:-4px}.square.last-move:before{content:"";position:absolute;inset:0;background:#e8c75b38;z-index:-1}.square.selected{box-shadow:inset 0 0 0 3px #c69b3c;background:#c1b16d}.square.target:after{content:"";position:absolute;left:39%;top:39%;width:22%;height:22%;border-radius:50%;background:#254b3959}.square.capture-target:after{content:"";position:absolute;inset:4px;border:3px solid #c39332;border-radius:50%}.square.checked{box-shadow:inset 0 0 0 4px #be5540;background:#ce9277}.square:not([aria-disabled=true]):hover{filter:brightness(1.06)}.coordinate{position:absolute;z-index:2;font-size:clamp(8px,1vw,11px);font-weight:650;pointer-events:none}.coordinate.rank{top:3px;left:4px}.coordinate.file{bottom:2px;right:4px}.pieces{position:absolute;inset:0;pointer-events:none}.piece{width:12.5%;height:12.5%;position:absolute;top:0;left:0;display:grid;place-items:center;transition:transform .32s cubic-bezier(.3,.05,.2,1);z-index:2}.piece img{width:85%;height:85%;object-fit:contain;filter:drop-shadow(0 2px 1px #26332730);-webkit-user-select:none;user-select:none}.piece.moving{z-index:4}.piece.exiting{z-index:1}.piece.exiting img{opacity:0;transform:scale(.65);transition:opacity .17s .14s,transform .17s .14s}.board-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;font-size:10px;color:#858a78}.text-button{display:inline-flex;align-items:center;gap:6px;padding:5px 0;border:0;color:#5b7352;font-size:11px;font-weight:600;background:transparent}.text-button svg{width:16px;height:16px}.sidebar{display:grid;gap:15px;padding-top:0}.turn-card{background:#254b39;color:#f9f4e8;border-radius:8px;padding:23px 22px 20px;min-height:162px}.turn-caption{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.8px;color:#b7c8ad;font-weight:550}.turn-caption svg{width:23px;height:23px}.turn-card h2{font:400 29px/1.2 Georgia,serif;letter-spacing:-.6px;margin:13px 0 10px}.turn-card p{margin:0;line-height:1.65;color:#c1d0b9;font-size:12px}.check-badge{display:block;margin:8px 0;color:#f5d697;font-size:12px}.is-check{background:#654431}.panel{background:#faf8f1;border:1px solid #dedfd2;border-radius:8px}.panel h2{margin:0;font-size:13px;font-weight:650}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 14px}.panel-heading>span{color:#8c917f;font-size:10px}.history-columns,.history-row{display:grid;grid-template-columns:30px 1fr 1fr;gap:5px;align-items:center;padding:9px 18px}.history-columns{color:#8d9480;font-size:10px;border-block:1px solid #e7e7da;background:#f1f2e8}.history-scroll{height:177px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ccd4c2 transparent}.history-row{font-size:12px;font-variant-numeric:tabular-nums}.history-row:nth-child(2n){background:#f1f2e780}.history-row:last-child{color:#254b39;font-weight:600}.history-row small{display:block;font-size:9px;font-weight:400}.move-number{color:#9b9e8b;font-size:11px;font-weight:400}.move-arrow{padding:0 5px;color:#a0ab91}.muted{color:#a3a694;font-weight:400}.empty-history{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center}.empty-history svg{width:24px;height:24px;color:#c5ccb8}.empty-history p{color:#7b866d;font-size:11px;margin:12px 0 5px}.empty-history span{color:#9a9f8b;font-size:10px}.captures-card{padding:17px 18px}.captures-card h2{margin-bottom:15px}.captured-group{margin-top:12px}.captured-group>span{display:block;font-size:10px;color:#8b927d;margin-bottom:5px}.captured-group>div{min-height:20px;display:flex;align-items:center;flex-wrap:wrap;font-size:11px}.captured-group img{width:23px;height:23px;object-fit:contain}.new-game{display:flex;justify-content:center;align-items:center;gap:9px;min-height:43px;background:transparent;border:1px solid #aab99d;border-radius:6px;color:#45603c;font-size:12px;font-weight:650}.new-game:not(:disabled):hover{background:#e6ebdc}.session-note{color:#959986;font-size:10px;text-align:center;line-height:1.7;margin:-3px 0 0}.page-footer{margin-top:31px;padding:22px 0 25px;border-top:1px solid #dcded0;display:flex;justify-content:space-between;gap:15px;color:#929985;font-size:10px}.loading-overlay{position:absolute;inset:0;z-index:5;background:#e7e5d7dd;display:flex;gap:12px;align-items:center;justify-content:center;color:#49623e;font-size:13px}.spinner{width:17px;height:17px;border:2px solid #a4b398;border-top-color:#3c613f;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{padding:14px 18px;border:1px solid #d9bca4;background:#f7e8d8;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;font-size:12px;color:#84513c}.error-banner button{display:inline-flex;gap:8px;align-items:center;flex-shrink:0;border:0;background:transparent;color:inherit;font-size:11px;font-weight:650}.modal{position:fixed;border:1px solid #d4d9c6;border-radius:12px;background:#faf8ef;color:#294832;padding:32px;width:min(480px,calc(100% - 32px));box-shadow:0 20px 80px #12211840}.modal::backdrop{background:#142b26a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal h2{font:400 30px Georgia,serif;margin:5px 20px 15px 0}.modal p{font-size:13px;color:#7d876f;line-height:1.7}.icon-button{display:grid;place-items:center;border:0;background:transparent;color:#698060;width:30px;height:30px}.modal-close{position:absolute;right:12px;top:12px}.promotion-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.promotion-options button{display:grid;gap:7px;justify-items:center;padding:12px 3px;border:1px solid #d9dfcb;border-radius:6px;background:#eef0e2;color:#4d6842;font-size:11px}.promotion-options button:hover{background:#e0e8d0;border-color:#9db48a}.promotion-options img{width:52px;height:52px;object-fit:contain}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.primary-button,.secondary-button{padding:10px 15px;border-radius:5px;font-size:12px;border:1px solid #b5c1a4;background:transparent;color:#47633d}.primary-button{background:#254b39;color:#fbf5e8;border-color:#254b39}.game-settings{display:grid;gap:16px;margin-top:22px}.game-settings label{display:grid;gap:7px;color:#47633d;font-size:12px;font-weight:600}.game-settings select{width:100%;min-height:42px;padding:9px 12px;border:1px solid #b5c1a4;border-radius:5px;color:#294832;background:#f1f2e8;font:inherit}.game-settings .engine-note{margin:0;font-size:11px}.retry-computer{margin-top:12px;padding:9px 12px;border:1px solid #b7c8ad;border-radius:5px;background:transparent;color:#f9f4e8}.end-celebration{position:absolute;inset:0;z-index:7;overflow:hidden;display:grid;place-items:center;pointer-events:none}.end-celebration canvas{position:absolute;inset:0;width:100%;height:100%}.result-banner{position:relative;width:min(85%,370px);padding:clamp(16px,4vw,30px);text-align:center;color:#fff9e7;background:#19372bf2;border:1px solid #d3b363;border-radius:15px;box-shadow:0 12px 40px #10241b55}.result-banner>span{color:#d3b363;letter-spacing:2px;font-size:10px}.result-banner h2{font:400 clamp(20px,3.5vw,32px)/1.2 Georgia,serif;margin:12px 0}.result-banner p{color:#d6e0c9;font-size:12px}.result-banner button{pointer-events:auto;border:1px solid #b6c4a5;background:transparent;color:#fff9e7;border-radius:5px;padding:8px 14px;margin-top:8px}.lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.lobby-sidebar{display:grid;gap:22px}.room-list{overflow:hidden}.room-list>.panel-heading{padding:22px;border-bottom:1px solid #dedfd2}.room-list>.panel-heading h2{font-size:17px}.room-row{padding:22px;border-bottom:1px solid #e0e4d5}.room-row:last-child{border-bottom:0}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.room-heading h3{margin:0;font:400 23px Georgia,serif;overflow-wrap:anywhere}.room-badge{white-space:nowrap;font-size:10px;padding:6px 10px;border-radius:20px;background:#e4ecda;color:#45603c}.room-badge.full{background:#eae7dc;color:#8b8c7d}.room-players{display:flex;gap:20px;flex-wrap:wrap;margin:14px 0 18px;font-size:12px;color:#617057}.room-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px}.room-bottom>span{font-size:11px;color:#89917d}.room-bottom button{flex-shrink:0}.invited-room{background:#eef0e1;box-shadow:inset 4px 0 #bb963f}.lobby-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:64px 25px;text-align:center;color:#7d876e}.lobby-empty h3{font:400 27px Georgia,serif;color:#47633d;margin:0}.lobby-empty p{margin:0;font-size:12px;line-height:1.7}.empty-piece{font-size:56px;color:#8d9e80}.create-room{padding:24px}.create-room h2{font:400 25px Georgia,serif;margin:10px 0}.create-room>p:last-child,.offline-card p{font-size:11px;color:#89917d;line-height:1.8;margin-bottom:0}.game-settings input{min-width:0;width:100%;min-height:42px;padding:9px 12px;border:1px solid #b5c1a4;border-radius:5px;color:#294832;background:#f1f2e8;font:inherit}.game-settings input:focus-visible,.game-settings select:focus-visible{outline:2px solid #b88b3d;outline-offset:2px}.create-room-button{margin-top:24px;width:100%;min-height:43px}.offline-card{padding:0 10px}.offline-card h3{margin:0;font:400 21px Georgia,serif}.offline-card .new-game{margin-top:15px;width:100%}.room-missing{padding:18px 22px;font-size:12px;color:#84513c}.leave-room{justify-content:center;text-align:center}@media(max-width:740px){.lobby-layout{grid-template-columns:1fr}.lobby-sidebar{grid-row:1}.room-bottom{align-items:flex-start;flex-direction:column}.room-heading h3{font-size:20px}.lobby-page .intro>p{display:none}}@media(min-width:1250px)and (max-height:930px){.page{max-width:1050px;padding-top:20px}.intro{padding-top:20px;padding-bottom:18px}.page-header{padding-bottom:18px}.game-layout{grid-template-columns:minmax(0,1fr) 285px}.history-scroll{height:150px}.turn-card{min-height:145px}}@media(max-width:800px){.page{padding:22px 22px 0}.game-layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.turn-card{padding:18px}.turn-card h2{font-size:25px}.sidebar{gap:12px}.board-footer{align-items:flex-start;flex-direction:column;gap:4px}}@media(max-width:640px){.page{max-width:480px;padding:20px 18px 0}.local-label{font-size:9px;gap:5px}.page-header{padding-bottom:18px}.intro{padding:25px 0 18px}.intro>p{display:none}.eyebrow{font-size:9px}.game-layout{grid-template-columns:1fr;gap:24px}.board-frame{padding:5px}.board-footer{flex-direction:row;align-items:center}.sidebar{grid-template-columns:1fr}.turn-card{min-height:138px}.history-scroll{height:150px}.page-footer{flex-direction:column;gap:7px;margin-top:24px}.error-banner{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important}}