:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eff4f0;background:#101b22;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:300px;background:radial-gradient(circle at 20% 0%,#1d3740,#101b22 57%);min-height:100vh}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,.square:focus-visible{outline:3px solid #efcd93;outline-offset:2px}.app{max-width:1350px;margin:auto;padding:24px clamp(16px,3vw,42px) 30px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.brand{display:flex;align-items:center;gap:11px;letter-spacing:.18em;font-size:13px}.brand-mark{font-size:34px;color:#ddbc87;line-height:1}.brand strong{white-space:nowrap}.brand i{font-style:normal;color:#ddbc87}.brand small{display:block;color:#a0b6b5;font-size:9px;letter-spacing:.32em;margin-top:3px}.top-actions{display:flex;gap:8px}.icon-button{border:1px solid #42606a;background:#1b303a;color:#d9e8e5;border-radius:11px;min-width:44px;height:44px;font-size:22px}.icon-button:hover,.tool-row button:hover,.mobile-tools button:hover{background:#29434d}.layout{display:grid;grid-template-columns:minmax(320px,684px) minmax(280px,390px);gap:clamp(22px,4vw,70px);align-items:start;justify-content:center}.game-column{min-width:0}.player-card{height:62px;display:flex;align-items:center;gap:12px}.avatar{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:29px}.avatar.dark{background:#2c454d;color:#f3d9a8}.avatar.light{background:#e8d7b6;color:#20313b}.player-details{display:flex;flex-direction:column;min-width:84px}.player-details strong{font-size:14px}.player-details small{font-size:11px;color:#a7b9b9}.captured{flex:1;color:#c7bca5;font-size:15px;letter-spacing:-3px;overflow:hidden;white-space:nowrap}.clock{background:#233741;color:#eaf1e9;border:1px solid #42606a;border-radius:9px;min-width:72px;text-align:center;padding:8px 5px;font-weight:700;font-variant-numeric:tabular-nums}.clock.active{background:#e2be83;color:#152a33}.clock.hidden{visibility:hidden}.board-shell{position:relative;aspect-ratio:1;box-shadow:0 20px 55px #050d13a0;border:8px solid #304a51;border-radius:13px;overflow:hidden}.board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:100%;height:100%;touch-action:none}.square{border:0;border-radius:0;min-width:0;min-height:0;display:grid;place-items:center;position:relative;padding:0;line-height:1;user-select:none;-webkit-user-select:none}.square.light{background:#e5dcc7}.square.dark{background:#81a6a0}.square.last.light{background:#eacb8d}.square.last.dark{background:#c3ab70}.square.selected{background:#ddb966!important}.square.legal::after{content:"";position:absolute;width:23%;height:23%;border-radius:50%;background:#183d42a1}.square.legal.occupied::after{width:82%;height:82%;background:transparent;border:5px solid #284d4caa}.square.check{background:#c56359!important}.piece{font-family:"Segoe UI Symbol","Apple Symbols","Noto Sans Symbols 2",serif;font-size:clamp(29px,5.9vw,66px);font-weight:400;line-height:1;z-index:1;filter:drop-shadow(0 3px 1px #17303975)}.piece.white{color:#fffaf0;-webkit-text-stroke:1.4px #405054}.piece.black{color:#243a41;-webkit-text-stroke:.7px #e8ddd0}.coord{position:absolute;font-size:10px;font-weight:800;line-height:1;z-index:2}.coord.rank{top:4px;left:4px}.coord.file{right:4px;bottom:3px}.square.light .coord{color:#4c716d}.square.dark .coord{color:#f0ead9}.status{text-align:center;min-height:33px;color:#ead3ab;font-size:13px;padding:6px}.mobile-tools{display:none}.sidebar{padding-top:15px}.eyebrow{color:#dbbb87;letter-spacing:.24em;font-size:10px;font-weight:800;margin-bottom:12px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(28px,3vw,44px);line-height:1.14;margin:0 0 12px;max-width:380px}h1 br{display:block}.intro{color:#acbfbd;line-height:1.5;font-size:13px;margin:0 0 20px}.panel{background:#1d3039;border:1px solid #36515a;border-radius:14px;padding:18px;margin:0 0 13px;box-shadow:0 8px 25px #08101635}.panel.slim{padding:14px 17px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}.panel-heading h2{margin:0;font-size:15px}.badge{font-size:10px;color:#e8d0a6;border:1px solid #796c56;background:#3e4542;border-radius:20px;padding:5px 9px;white-space:nowrap}label:not(.check){display:block;font-size:11px;font-weight:700;color:#bed0ca;margin:10px 0 5px}select{display:block;width:100%;appearance:none;color:#eaf3ee;background:#29434c;border:1px solid #47616a;border-radius:8px;padding:10px 30px 10px 11px;background-image:linear-gradient(45deg,transparent 50%,#c5d5cf 50%),linear-gradient(135deg,#c5d5cf 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;min-height:42px}.primary{width:100%;min-height:45px;background:#deb881;border:0;color:#193039;border-radius:9px;font-weight:800;margin-top:16px}.primary:hover{background:#efce9a}.tool-row{display:flex;gap:7px;margin-top:9px}.tool-row button,.mobile-tools button{flex:1;min-height:40px;background:#29434c;color:#e8f0ea;border:1px solid #48616a;border-radius:8px;font-size:11px;font-weight:700}.text-button{border:0;background:none;color:#dfbc88;font-size:11px;padding:5px}.move-list{height:104px;overflow:auto;display:grid;grid-template-columns:32px 1fr 1fr;align-content:start;gap:6px;font-size:12px;color:#e2e9e4}.move-list span{padding:2px}.move-list .turn{color:#9bb3b0}.move-list .empty{grid-column:1/-1;color:#93aaa9;font-style:italic}.stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.stats>div{display:flex;flex-direction:column;gap:3px;border-right:1px solid #38515a}.stats>div:last-child{border:0}.stats strong{font-size:22px;color:#e2c492}.stats span{font-size:10px;color:#aebfbc}.footer-note{font-size:10px;text-align:center;color:#819a9a}.promotion{position:absolute;inset:0;background:#06151ab3;display:grid;place-items:center;z-index:5}.promotion.hidden{display:none}.promotion-panel{background:#213841;color:white;border:1px solid #cbad7c;padding:18px;border-radius:12px;text-align:center}.promotion-options{display:flex;gap:8px;margin-top:12px}.promotion-options button{font-family:"Segoe UI Symbol",serif;font-size:42px;width:58px;height:58px;border:0;background:#e9dfcc;color:#263c43;border-radius:7px}dialog{border:1px solid #668286;border-radius:16px;background:#203640;color:#eff3e9;padding:0;width:min(360px,calc(100vw - 30px));box-shadow:0 30px 80px #0008}dialog::backdrop{background:#07161bbd}.settings{padding:22px}.settings .panel-heading{margin-bottom:20px}.settings p{font-size:12px;line-height:1.5;color:#a9bfbb}.check{display:flex;align-items:center;gap:10px;min-height:43px;font-size:13px}.check input{width:18px;height:18px;accent-color:#dab47d}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#e0bd87;color:#162c34;padding:9px 18px;border-radius:8px;font-weight:700;font-size:12px;transition:.2s;z-index:9}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){.layout{grid-template-columns:minmax(0,600px);gap:10px}.sidebar{padding-top:0}.sidebar h1,.sidebar .intro,.eyebrow{display:none}.panel:first-of-type{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.panel:first-of-type .panel-heading,.panel:first-of-type .primary,.panel:first-of-type .tool-row{grid-column:1/-1}.mobile-tools{display:flex;gap:8px;margin-top:5px}.mobile-tools button{min-height:44px}.tool-row{display:none}.app{padding-top:10px}.topbar{margin-bottom:4px}}@media(max-width:500px){.app{padding-left:8px;padding-right:8px}.board-shell{border-width:5px;border-radius:6px}.piece{font-size:clamp(31px,10vw,48px)}.player-card{height:52px}.avatar{width:36px;height:36px;font-size:25px}.clock{min-width:65px;font-size:12px}.brand{font-size:11px}.brand-mark{font-size:29px}.panel{margin-left:3px;margin-right:3px}.coord{font-size:8px}}
.daily-stats{border-top:1px solid #38515a;margin:14px 0 0;padding-top:10px;color:#d6c29d;font-size:11px;text-align:center}