@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#f4f1fa;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--bg:#17161b;--surface:#201f25;--surface-raised:#26242d;--border:#37343e;--muted:#aaa6b2;--accent:#a98cff;--accent-light:#c3afff;background:#17161b;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #b59aff}::selection{color:#17161b;background:#9e7fff}#root{min-height:100vh}.app-shell{max-width:1600px;margin:0 auto;padding:0 5.3%;overflow:hidden}.topbar{border-bottom:1px solid #302e35;justify-content:space-between;align-items:center;height:84px;display:flex}.brand{color:#f5f2fa;letter-spacing:.12em;align-items:center;gap:11px;font:800 16px Manrope,sans-serif;text-decoration:none;display:flex}.brand-dot{color:var(--accent)}.brand-mark{grid-template-columns:repeat(2,1fr);gap:3px;width:24px;height:24px;display:grid;transform:rotate(-8deg)}.brand-mark i{background:var(--accent);border-radius:3px}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){opacity:.52}.topbar-center,.eyebrow,.board-topline,.panel-label,.player-label,.turn-indicator,.footer,.coordinates{letter-spacing:.09em;font-family:DM Mono,monospace}.topbar-center{color:#aaa6b2;align-items:center;gap:10px;font-size:10px;display:flex}.live-dot,.turn-dot{background:#8fdbac;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #8fdbac66}.top-action{cursor:pointer;background:#242229;border:1px solid #46414f;border-radius:7px;align-items:center;gap:8px;padding:10px 15px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.top-action:hover{border-color:var(--accent);background:#302b3b;transform:translateY(-1px)}.plus-icon{color:var(--accent-light);font-size:17px;line-height:12px}.intro{text-align:center;padding:54px 0 35px}.eyebrow{color:#aaa3b5;justify-content:center;align-items:center;gap:13px;font-size:9px;display:flex}.eyebrow-line{background:#766b89;width:24px;height:1px}.intro h1{letter-spacing:-.065em;margin:15px 0 9px;font:600 clamp(40px,5.2vw,66px)/1.12 Manrope,sans-serif}.intro h1 em{color:var(--accent-light);font-style:normal}.intro p{color:#aaa6b2;margin:0;font-size:15px}.game-layout{grid-template-columns:minmax(190px,230px) minmax(360px,610px) minmax(190px,230px);justify-content:center;align-items:start;gap:clamp(20px,3.2vw,50px);display:grid}.side-panel{flex-direction:column;gap:16px;display:flex}.player-card{background:#201f25;border:1px solid #38353e;border-radius:10px;padding:15px 14px 13px;transition:border-color .2s,background .2s}.player-card.is-active{background:linear-gradient(135deg,#282431,#201f25 72%);border-color:#8270a4;box-shadow:0 7px 22px #00000017}.player-heading{align-items:center;gap:10px;min-height:38px;display:flex}.player-piece{border-radius:50%;flex:none;width:26px;height:26px;display:block;box-shadow:inset 0 2px 2px #ffffff4a,0 3px 5px #0008}.white-piece{background:radial-gradient(circle at 35% 29%,#fff,#d9d5e0 64%,#a7a1af)}.black-piece{background:radial-gradient(circle at 35% 29%,#77717e,#393640 62%,#211f25);border:1px solid #696371}.player-heading>div{flex-direction:column;gap:2px;min-width:0;display:flex}.player-label{color:#aaa6b2;font-size:8px}.player-heading strong{font-size:14px;font-weight:600}.turn-indicator{color:#c4acff;white-space:nowrap;margin-left:auto;font-size:8px}.piece-count{color:#a9a5af;align-items:baseline;gap:5px;margin-top:14px;font-size:10px;display:flex}.piece-count>strong{color:#f5f2fa;font:700 23px Manrope,sans-serif}.count-track{background:#3c3942;border-radius:9px;width:100%;height:3px;margin-top:7px;overflow:hidden}.count-track i{background:#d6d0df;border-radius:9px;height:100%;transition:width .3s;display:block}.black-track i{background:#85808d}.game-tools,.move-panel{background:#201f25;border:1px solid #35323c;border-radius:10px;padding:15px 13px 12px}.panel-label{color:#9f9aa7;font-size:9px}.game-tools>.panel-label{padding:0 3px 10px;display:block}.tool-button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:9px;width:100%;padding:10px 8px;transition:all .18s;display:flex;position:relative}.tool-button:hover{background:#292730}.tool-button.tool-selected{background:#2a2731;border-color:#46404f}.tool-icon{color:#c4afff;background:#393246;border-radius:6px;place-items:center;width:23px;height:23px;font-size:15px;display:grid}.tool-button>span:nth-child(2){flex-direction:column;gap:3px;display:flex}.tool-button strong{font-size:11px;font-weight:600}.tool-button small{color:#a9a5af;font-size:9px}.radio-dot{border:1px solid #6b6672;border-radius:50%;width:11px;height:11px;margin-left:auto}.tool-selected .radio-dot{background:#282431;border:3px solid #ac92e0}.tool-divider{background:#37343c;height:1px;margin:9px 3px}.utility-button{text-align:left;color:#d4d0da;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;width:100%;padding:9px 4px;font-size:10px;transition:background .2s,color .2s;display:flex}.utility-button:hover:not(:disabled){color:#fff;background:#2a2830}.utility-button:disabled,.notation-button:disabled{opacity:.42;cursor:not-allowed}.utility-symbol{color:#c1a8ff;text-align:center;width:17px;font-size:15px}kbd{color:#aaa6b2;background:#29272e;border:1px solid #4b4750;border-radius:4px;margin-left:auto;padding:3px 4px;font:8px DM Mono,monospace}.rules-note{background:#25212c;border:1px solid #3b3547;border-radius:8px;gap:10px;padding:12px 10px;display:flex}.rules-icon{color:#c6b3f4;border:1px solid #bba3f5;border-radius:50%;flex:none;place-items:center;width:15px;height:15px;font:10px Georgia,serif;display:grid}.rules-note p{color:#b2adba;flex-direction:column;gap:5px;margin:0;font-size:10px;line-height:1.55;display:flex}.rules-note strong{color:#eee9f4;font-size:10px}.board-column{width:100%;min-width:0}.board-topline{color:#aaa6b2;justify-content:space-between;align-items:center;padding:0 2px 11px;font-size:8px;display:flex}.board-topline>span:first-child{align-items:center;gap:7px;display:flex}.turn-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px #a98cff70}.board-topline b{color:#77727f;padding:0 3px}.board-frame{background:#211f26;border:1px solid #403c46;border-radius:9px;padding:9px 10px;box-shadow:0 18px 55px #00000030,inset 0 1px #ffffff08}.coordinates{color:#a7a1ae;text-align:center;font-size:8px}.coordinates-top,.coordinates-bottom{grid-template-columns:repeat(10,1fr);margin:0 21px;display:grid}.coordinates-top{padding-bottom:7px}.coordinates-bottom{padding-top:7px}.board-row{align-items:stretch;display:flex}.coordinates-side{flex:0 0 21px;grid-template-rows:repeat(10,1fr);align-items:center;width:21px;display:grid}.board{aspect-ratio:1;border:1px solid #27242a;flex:1;grid-template-columns:repeat(10,minmax(0,1fr));display:grid;overflow:hidden}.square{aspect-ratio:1;cursor:default;border:0;place-items:center;padding:0;transition:background-color .14s;display:grid;position:relative}.square:disabled{cursor:default}.dark-square{cursor:pointer;background:#514859}.dark-square:hover:not(:disabled){background:#66586d}.light-square{background:#c6bfc6}.square.selected-square{background:#79658b}.square.possible-square{cursor:pointer}.square.possible-square:hover{background:#806e8d}.square.hint-square{background:#88719c}.checker{z-index:1;border-radius:50%;place-items:center;width:76%;height:76%;transition:transform .16s,filter .16s;display:grid;position:relative}.square:hover .checker{transform:translateY(-2px)}.checker-white{background:linear-gradient(145deg,#faf8f6 0%,#e9e5e8 49%,#c5bfc9 100%);border:1px solid #fff;box-shadow:inset 0 2px 2px #fff,inset 0 -3px 3px #aba4b0,0 4px 3px #17141d9c}.checker-black{background:linear-gradient(145deg,#605c67 0%,#35313a 55%,#242129 100%);border:1px solid #77717d;box-shadow:inset 0 2px 2px #ffffff30,inset 0 -3px 3px #15131a,0 4px 3px #17141dba}.checker-inner{border:1px solid #ffffff5c;border-radius:50%;place-items:center;width:78%;height:78%;display:grid}.checker-black .checker-inner{border-color:#a69dab6e}.checker.is-king:after{content:"";border:1px solid #a98cff;border-radius:50%;position:absolute;inset:11%}.crown{color:#a68be1;text-shadow:0 1px 3px #201a2c;z-index:1;font-size:clamp(11px,1.4vw,19px);line-height:1}.checker-white .crown{color:#8b70c6}.move-marker{background:#d7c2ff;border-radius:50%;width:24%;height:24%;animation:1.6s ease-in-out infinite marker-pulse;display:block;box-shadow:0 0 0 5px #c5aaff35,0 0 14px #c7aaffb3}@keyframes marker-pulse{50%{opacity:.75;transform:scale(.82)}}.game-status{color:#c3bec9;align-items:center;gap:9px;min-height:45px;padding:7px 3px 0;font-size:11px;display:flex}.status-mark{color:#c2a8ff;font-size:15px}.status-winner{color:#f1e9ff}.rematch-button{color:#e4d7ff;cursor:pointer;background:#30293a;border:1px solid #51465f;border-radius:6px;margin-left:auto;padding:7px 10px;font-size:10px}.rematch-button:hover{background:#40334e}.move-panel{padding:16px 13px 11px}.move-panel-heading{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.move-panel-heading h2{margin:5px 0 0;font:600 15px Manrope,sans-serif}.move-total{color:#d0c8da;text-align:center;background:#2b2930;border:1px solid #48434e;border-radius:5px;min-width:25px;padding:4px 6px;font:10px DM Mono,monospace}.move-list{scrollbar-color:#595363 transparent;scrollbar-width:thin;max-height:276px;overflow:auto}.move-row{color:#c8c3ce;border-bottom:1px solid #34313a;align-items:center;gap:9px;min-height:31px;display:flex}.move-row.latest-move{color:#eee8f5}.move-number{color:#85808c;width:18px;font:9px DM Mono,monospace}.move-color{border-radius:50%;flex:none;width:8px;height:8px}.move-white{background:#e5e0e8;border:1px solid #aaa4b0}.move-black{background:#45414b;border:1px solid #8b8591}.move-text{font:10px DM Mono,monospace}.capture-tag{color:#c0aaff;margin-left:auto;font:9px DM Mono,monospace}.move-empty{text-align:center;color:#a9a4af;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:150px;padding:14px;display:flex}.empty-symbol{color:#b69bef;font-size:22px}.move-empty strong{color:#d8d2df;font-size:10px;font-weight:500}.move-empty>span:last-child{max-width:145px;font-size:9px;line-height:1.5}.notation-button{color:#d8d2df;cursor:pointer;text-align:left;background:#29272f;border:1px solid #413c47;border-radius:6px;width:100%;margin-top:11px;padding:8px;font-size:10px;transition:all .2s}.notation-button:hover:not(:disabled){background:#322d3a;border-color:#76668e}.notation-button span{float:right;color:#b8a0ea}.capture-summary{background:#201f25;border:1px solid #35323c;border-radius:10px;padding:14px 13px}.capture-counts{justify-content:space-between;margin-top:13px;display:flex}.capture-counts>div{grid-template-columns:15px auto;align-items:center;column-gap:6px;display:grid}.mini-piece{border-radius:50%;grid-row:span 2;width:12px;height:12px}.mini-white{background:#e5e0e8;border:1px solid #aaa4b0}.mini-black{background:#494550;border:1px solid #8b8591}.capture-counts strong{font:600 15px Manrope,sans-serif}.capture-counts small{color:#aaa6b2;grid-column:2;font-size:8px}.footer{color:#938e9a;border-top:1px solid #302e35;justify-content:space-between;align-items:center;gap:14px;min-height:67px;margin-top:53px;font-size:8px;display:flex}.footer i{color:#716b78;padding:0 4px;font-style:normal}.footer b{color:#aaa6b2;font-weight:400}@media (width>=1450px){.game-layout{grid-template-columns:230px 610px 230px}}@media (width<=1000px){.app-shell{padding:0 4%}.game-layout{grid-template-columns:minmax(165px,210px) minmax(340px,560px);gap:24px}.right-panel{grid-column:2;grid-template-columns:1fr 1.2fr;align-items:start;display:grid}.right-panel>.player-card{grid-column:1/-1}.right-panel .move-panel{grid-row:span 2}.right-panel .capture-summary{align-self:start}.footer{margin-top:34px}}@media (width<=680px){.app-shell{padding:0 16px}.topbar{height:68px}.topbar-center{display:none}.top-action{padding:9px 10px;font-size:10px}.intro{padding:38px 0 26px}.intro h1{font-size:clamp(39px,10vw,56px)}.intro p{max-width:300px;margin:0 auto;font-size:13px;line-height:1.5}.game-layout{flex-direction:column;align-items:stretch;gap:14px;display:flex}.board-column{order:1}.left-panel{order:2;grid-template-columns:1fr;gap:12px;display:grid}.right-panel{order:3;grid-template-columns:1fr 1fr;gap:12px;display:grid}.right-panel>.player-card{grid-column:1/-1}.right-panel .move-panel{grid-row:auto}.board-frame{padding:7px 8px}.board-topline,.coordinates{font-size:7px}.coordinates-top,.coordinates-bottom{margin:0 16px}.coordinates-side{flex-basis:16px;width:16px}.board-topline{padding-bottom:8px}.game-status{min-height:42px;font-size:10px}.move-list{max-height:208px}.move-empty{min-height:120px}.footer{text-align:center;flex-wrap:wrap;justify-content:center;min-height:74px;margin-top:26px;padding:14px 0;font-size:7px}.footer span:nth-child(2){order:3;width:100%}}@media (width<=390px){.right-panel{grid-template-columns:1fr}.right-panel>.player-card{grid-column:auto}.right-panel .move-panel{grid-row:auto}.board-frame{padding:5px}.coordinates-top,.coordinates-bottom{margin:0 14px}.coordinates-side{flex-basis:14px;width:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}