:root{--bg:#f7f7f2;--ink:#262f29;--muted:#90958b;--green:#426b50;--line:#e1e4da;--light:#e9eddf;--dark:#7d9773}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Thonburi','Leelawadee UI',Tahoma,sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #a7bd77;outline-offset:4px}button:disabled{opacity:.35;cursor:default}.header{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 5.1%;gap:80px}.brand{text-decoration:none;color:var(--ink);font:800 25px Arial,sans-serif;letter-spacing:-1px;display:flex;align-items:center}.brand-icon{font:40px Georgia;margin-right:10px}.brand-dot{color:var(--green)}nav{display:flex;gap:36px;align-items:center;height:100%}.nav-active{height:100%;display:flex;align-items:center;border-bottom:2px solid var(--green);font-weight:600}.nav-button{background:none;border:0;color:#777f73}.nav-button span{margin-left:12px}.header-note{margin-left:auto;display:flex;align-items:center;gap:9px;font:9px Arial,sans-serif;letter-spacing:1.5px;color:#868e80}i,.tiny-dot{display:inline-block;width:6px;height:6px;background:#6f9360;border-radius:50%}main{max-width:1200px;margin:auto;padding:45px 36px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.eyebrow{font:600 10px Arial,sans-serif;letter-spacing:2px;color:var(--green);margin-bottom:12px}h1{font-size:34px;letter-spacing:-1px;line-height:1.4;margin:0;font-weight:600}h1>span{color:#708b58}p{margin:8px 0;color:#858c80}.intro-note{display:flex;align-items:center;gap:16px;color:#9a9f91;font-size:12px;line-height:1.9}.intro-note>span{font:56px Georgia;color:#a9b49c}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 338px;gap:42px}.play-area{min-width:0}.player-row{display:flex;align-items:center;gap:12px;margin-bottom:15px}.avatar{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;font:32px Georgia}.ai-avatar{background:#e3e9db;color:#4a6544}.human-avatar{background:#ede9de;color:#797a67}.player-info{display:flex;flex-direction:column;gap:2px}.player-info strong{font-size:13px;display:flex;align-items:center;gap:10px}.player-info>span{font-size:10px;color:#8c9285}.small-tag{font-size:9px;font-weight:400;background:#e8ecdf;color:#6e805e;border-radius:4px;padding:2px 7px}.you-tag{font:8px Arial;letter-spacing:1px;color:#999e92}.player-status{margin-left:auto;font-size:11px;color:#92998b}.player-status.active{color:#527444;display:flex;align-items:center;gap:8px}.board-frame{padding:9px;background:#eceee5;border:1px solid #dfe3d5;border-radius:4px;box-shadow:0 9px 24px #33411b08}.board{width:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);overflow:hidden;border-radius:1px}.square{border:0;position:relative;display:grid;place-items:center;padding:0;aspect-ratio:1;background:var(--light);border-radius:0}.square.dark{background:var(--dark)}.piece{font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,4.9vw,64px);line-height:1;z-index:2;filter:drop-shadow(0 2px 1px #0002);pointer-events:none}.piece.white{color:#fffdf3;-webkit-text-stroke:1.4px #3c4935}.piece.black{color:#29352a;-webkit-text-stroke:1px #202d21}.square.last{background:#c8d28c}.square.dark.last{background:#a3b46b}.square.chosen{background:#d2d77d;box-shadow:inset 0 0 0 3px #658147}.square.check{background:#d29179}.square.target:after{content:'';width:24%;height:24%;background:#344c3540;border-radius:50%;position:absolute}.square.target:has(.piece):after{width:88%;height:88%;border:5px solid #344c3550;background:none}.coord{position:absolute;font:600 10px Arial;color:#607350;z-index:3;pointer-events:none}.dark .coord{color:#edf1df}.rank{left:5px;top:4px}.file{right:5px;bottom:3px}.bottom-player{margin:17px 0}.board-toolbar{border-top:1px solid var(--line);padding-top:16px;display:flex;align-items:center;justify-content:space-between;color:#8c9483;font-size:10px}.tiny-dot{width:4px;height:4px;margin-right:6px}.board-toolbar>div{display:flex;gap:12px}.board-toolbar button{border:0;background:none;font-size:20px;color:#737e69;padding:0 3px}.board-toolbar button span{font-size:10px;margin-left:3px}.board-toolbar button.muted{opacity:.4}.card{background:#fffef9;border:1px solid var(--line);border-radius:13px;padding:24px}.card-title{display:flex;align-items:center;gap:10px}.section-number{font:10px Arial;color:#a0aa95}h2{margin:0;font-size:16px;font-weight:600}.corner-mark{margin-left:auto;font-size:23px;color:#6f805e}.label{font-size:11px;margin:24px 0 11px;color:#8d9385}.levels{display:flex;flex-direction:column;gap:9px}.level{display:flex;align-items:center;gap:13px;text-align:left;background:transparent;border:1px solid #e5e7dd;border-radius:8px;padding:13px 14px;width:100%;transition:.15s}.level:hover{background:#f1f3ea}.level.selected{border-color:#789266;background:#f0f3e9}.level-icon{width:29px;height:29px;display:grid;place-items:center;font:20px Georgia;color:#869579;background:#f1f2e9;border-radius:5px}.selected .level-icon{background:#e1e8d4;color:#50673e}.level strong{display:block;font-size:13px;font-weight:500}.level small{display:block;color:#929a89;font-size:10px;margin-top:2px}.radio{margin-left:auto;width:14px;height:14px;border:1px solid #cbd1c3;border-radius:50%}.selected .radio{border:4px solid #638252;background:#fff}.primary{display:flex;align-items:center;justify-content:space-between;background:#426b50;color:white;border:0;border-radius:7px;padding:13px 18px;width:100%;font-size:13px;margin-top:20px}.primary:hover{background:#355e41}.primary>span:last-child{font-size:23px;line-height:1}.setup-foot{text-align:center;font-size:9px;color:#949a89;margin-top:13px}.setup-foot>span{font-size:14px;margin-right:4px}.history-card{margin-top:19px;padding-bottom:15px}.count{font-size:10px;background:#f0f2e9;border-radius:4px;margin-left:auto;padding:3px 8px;color:#859078}.history-head,.move-row{display:grid;grid-template-columns:45px 1fr 1fr;padding:8px 10px}.history-head{font-size:10px;color:#9a9f91;border-top:1px solid #e9ebdf;border-bottom:1px solid #e9ebdf;margin-top:18px}.history{height:137px;overflow-y:auto;scrollbar-width:thin}.empty-history{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#a8ad9e;font-size:11px;gap:7px}.empty-history>span{font:27px Georgia;color:#b5beaa}.move-row{font:12px Arial;line-height:1.6;border-radius:4px}.move-row:nth-child(even){background:#f3f5ed}.move-row>span:first-child{color:#99a38c}.tip{display:flex;gap:13px;margin-top:21px;padding:0 6px}.tip-icon{font-size:29px;color:#9bab87;line-height:1.2}.tip strong{font-size:11px;font-weight:500;color:#6c7b5e}.tip p{font-size:10px;line-height:1.8;margin-top:4px;color:#9a9f92}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:37px;padding:22px 0;color:#a2a798;font-size:9px}footer>span:first-child{font:8px Arial;letter-spacing:1.6px}.footer-star{margin-left:20px;font-size:20px;color:#7c8c6b}dialog{border:1px solid #d9e1d0;border-radius:16px;background:#fffef9;color:var(--ink);padding:35px;max-width:420px;width:calc(100% - 32px);box-shadow:0 20px 100px #0002}dialog::backdrop{background:#26332b66;backdrop-filter:blur(4px)}dialog h2{font-size:23px;margin-bottom:14px}dialog p{font-size:13px;line-height:1.9;color:#778270}dialog .close{position:absolute;right:12px;top:8px;font-size:25px;border:0;background:none;color:#97a18e}.promotions{display:flex;gap:10px}.promotions button{font:45px Georgia;background:#eaf0df;border:1px solid #b9c7aa;border-radius:8px;flex:1}.modal-actions{display:flex;gap:10px}.modal-actions button{margin-top:20px}.secondary{border:1px solid #d2d9c8;background:none;border-radius:7px;flex:1}@media(min-width:1400px){main{max-width:1280px}.workspace{grid-template-columns:minmax(0,1fr) 360px;gap:52px}.piece{font-size:68px}}@media(max-width:900px){.header{padding:0 24px;height:76px;gap:35px}.header-note{display:none}main{padding:30px 24px 0}.workspace{grid-template-columns:minmax(0,1fr) 285px;gap:24px}.card{padding:18px}.piece{font-size:5.1vw}.intro-note{display:none}h1{font-size:29px}.level{padding:10px}.board-toolbar button span{display:none}}@media(max-width:680px){.header{padding:0 20px;justify-content:space-between;gap:20px}.brand{font-size:22px}.brand-icon{font-size:34px}nav{gap:20px;font-size:12px}main{padding:27px 16px 0}.intro{margin-bottom:25px}h1{font-size:27px}.intro p{font-size:12px}.eyebrow{font-size:8px}.workspace{display:flex;flex-direction:column;gap:25px}.piece{font-size:9.5vw;max-height:60px}.player-info strong{font-size:12px}.player-info>span{font-size:10px}.board-frame{padding:6px}aside{display:grid;grid-template-columns:1fr;gap:16px}.history-card{margin:0}.tip{margin:0}.history{height:130px}.levels{flex-direction:row;gap:7px}.level{padding:11px 6px;gap:7px;flex-direction:column;text-align:center}.level small{font-size:9px}.level .radio{display:none}.label{margin-top:16px}.primary{margin-top:16px}.card{padding:20px}footer{margin-top:25px;font-size:8px}footer>span:first-child{font-size:7px;letter-spacing:.8px}.footer-star{margin-left:6px}}