:root{--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--cell-size: 40px;--board-gap: 2px;--board-border-width: 2px;--container-padding: 12px;--panel-gap: 16px;--control-gap: 8px;--font-size-h1: 1.75rem;--font-size-h2: 1.25rem;--font-size-h3: 1rem;--font-size-body: .875rem;--font-size-piece: 1.5em;--font-size-piece-btn: 2em;--left-panel-width: 100%;--piece-btn-size: 70px;--piece-grid-columns: 3;--coord-font-size: .75rem;--coord-item-size: var(--cell-size)}@media (min-width: 640px){:root{--cell-size: 45px;--container-padding: 16px;--panel-gap: 20px;--font-size-h1: 2rem;--font-size-h2: 1.375rem;--font-size-body: .9375rem;--piece-btn-size: 75px;--coord-font-size: .8125rem}}@media (min-width: 768px){:root{--cell-size: 48px;--container-padding: 20px;--panel-gap: 24px;--font-size-h1: 2.25rem;--font-size-h3: 1.125rem;--font-size-body: 1rem;--left-panel-width: 260px;--piece-btn-size: 78px;--coord-font-size: .875rem}}@media (min-width: 1024px){:root{--cell-size: 52px;--container-padding: 24px;--panel-gap: 32px;--font-size-h1: 2.5rem;--font-size-h2: 1.5rem;--font-size-body: 1rem;--left-panel-width: 280px;--piece-btn-size: 80px;--board-border-width: 3px;--coord-font-size: .9375rem}}@media (min-width: 1280px){:root{--cell-size: 56px;--left-panel-width: 300px;--piece-btn-size: 85px}}.dominance-container,.independents-container,.coordinates-container,.puzzles-container{padding:var(--container-padding);min-height:100vh}.game-content{flex-direction:column;gap:var(--panel-gap);padding:var(--container-padding);width:100%;max-width:100%}@media (min-width: 768px){.game-content{flex-direction:row;padding:calc(var(--container-padding) * 1.2)}}.left-panel{width:var(--left-panel-width);gap:var(--control-gap);min-width:0}.cell{width:var(--cell-size)!important;height:var(--cell-size)!important;font-size:var(--font-size-piece)}.chessboard{border-width:var(--board-border-width)}.coord-item{width:var(--coord-item-size);height:var(--coord-item-size);font-size:var(--coord-font-size);display:flex;align-items:center;justify-content:center}.board-with-ledger{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;gap:0;max-width:100%;overflow-x:auto}.game-header h1{font-size:var(--font-size-h1);margin-bottom:.5rem}.game-header p{font-size:var(--font-size-body);margin-bottom:.75rem}.piece-selector h3,.stats-panel h3{font-size:var(--font-size-h3);margin-bottom:.75rem}.piece-btn{width:var(--piece-btn-size)!important;height:var(--piece-btn-size)!important;min-width:var(--piece-btn-size);min-height:var(--piece-btn-size)}.piece-buttons{grid-template-columns:repeat(var(--piece-grid-columns),var(--piece-btn-size));gap:var(--control-gap);justify-content:start}.piece-symbol{font-size:var(--font-size-piece-btn)}.size-controls{flex-wrap:wrap;padding:calc(var(--container-padding) * .75);gap:var(--control-gap);justify-content:center}.size-controls button{padding:.5rem 1rem;font-size:var(--font-size-body);min-width:3rem}@media (max-width: 639px){.size-controls button{padding:.375rem .75rem;font-size:.8125rem}}.stats-panel{padding:calc(var(--container-padding) * .75);font-size:var(--font-size-body)}.stat-item{margin-bottom:calc(var(--control-gap) * 1.5);font-size:var(--font-size-body)}.message-bar{margin-top:var(--control-gap);padding:0 var(--container-padding)}.victory{padding:calc(var(--container-padding) * .75);font-size:var(--font-size-body);margin:.5rem 0}@media (max-width: 639px){.game-content{align-items:center}.board-container{width:100%;display:flex;justify-content:center;overflow-x:auto}@media (max-width: 400px){:root{--piece-grid-columns: 2;--piece-btn-size: 65px;--cell-size: 36px}}.game-header p{font-size:.8125rem}}@media (max-height: 600px) and (orientation: landscape){:root{--container-padding: 8px;--font-size-h1: 1.5rem;--panel-gap: 12px}.game-header h1{margin-bottom:.25rem}.game-header p{margin-bottom:.5rem}.left-panel{gap:8px}.stats-panel,.piece-selector{padding:8px}}@media print{.dominance-container,.independents-container{background:#fff!important}.size-controls,.controls,.piece-selector{display:none!important}.game-content{box-shadow:none!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.piece{text-shadow:1px 1px 2px rgba(0,0,0,.3)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@font-face{font-family:Noto Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v42/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aPdu2ui.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v42/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5ardu2ui.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Noto Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v42/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a_du2ui.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v42/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aLdu2ui.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Noto Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v42/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a3du2ui.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Noto Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v42/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aHdu2ui.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v42/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aDdu2ui.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v42/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a7duw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v42/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aPdu2ui.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v42/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5ardu2ui.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Noto Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v42/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a_du2ui.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v42/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aLdu2ui.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Noto Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v42/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a3du2ui.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Noto Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v42/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aHdu2ui.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v42/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aDdu2ui.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v42/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a7duw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.piece{width:85%;height:85%;background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.dominance-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:12px 24px 24px;display:flex;flex-direction:column;align-items:center}.game-header{text-align:center;color:#fff;margin-bottom:16px;padding-top:8px}.game-header h1{font-size:2.5em;margin-bottom:8px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.game-header p{font-size:1.2em;opacity:.95}.message-bar{margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:8px}.size-controls{display:flex;gap:8px;align-items:center;margin-bottom:24px;padding:12px 24px;background:#fffffff2;border-radius:12px;box-shadow:0 4px 16px #0000001a}.size-controls label{font-weight:600;color:#333;margin-right:8px}.size-controls button{padding:8px 16px;border:2px solid #667eea;background:#fff;color:#667eea;border-radius:8px;cursor:pointer;font-weight:600;transition:all .18s ease}.size-controls button:hover{background:#f0f0ff;transform:translateY(-1px)}.size-controls button.active{background:#667eea;color:#fff;box-shadow:0 4px 12px #667eea4d}.game-content{display:flex;gap:32px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 32px #00000026;max-width:1200px}.left-panel{width:280px;display:flex;flex-direction:column;gap:20px}.piece-selector h3,.stats-panel h3{font-size:1.2em;margin-bottom:12px;color:#333}.piece-buttons{display:grid;grid-template-columns:repeat(3,80px);gap:8px;justify-content:start}.piece-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;background:#f3f4f6;border:2px solid #d1d5db;border-radius:12px;cursor:pointer;transition:all .2s;width:80px;height:80px;box-sizing:border-box}.piece-btn:hover:not(.disabled){background:#e5e7eb;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.piece-btn.selected{background:#667eea;border-color:#5568d3;color:#fff}.piece-btn.disabled{opacity:.5;cursor:not-allowed}.piece-symbol{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;display:block}.piece-name{display:none}.piece-count{font-size:.75em;background:#ffffff4d;padding:2px 6px;border-radius:8px;white-space:nowrap}.piece-btn.selected .piece-count{background:#ffffff40}.controls{display:flex;flex-direction:column;gap:10px}.toggle-btn{display:flex;align-items:center;gap:12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:20px;padding:10px 16px;cursor:pointer;transition:background .18s,border .18s;font-size:1em;font-weight:500}.toggle-btn.active{background:#667eea;border-color:#5568d3}.toggle-slider{width:36px;height:20px;background:#d1d5db;border-radius:12px;position:relative;transition:background .18s}.toggle-btn.active .toggle-slider{background:#5568d3}.toggle-slider:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #00000026;transition:left .18s}.toggle-btn.active .toggle-slider:after{left:19px}.toggle-label{color:#222;font-size:1em;font-weight:500}.toggle-btn.active .toggle-label{color:#fff}.reset-btn{padding:12px 16px;background:#ef4444;color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1em;cursor:pointer;transition:all .2s}.reset-btn:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.stats-panel{background:#f9fafb;padding:16px;border-radius:12px;border:1px solid #e5e7eb}.stat-item{display:flex;justify-content:space-between;margin-bottom:12px;font-size:1em}.stat-label{color:#6b7280;font-weight:500}.stat-value{color:#111827;font-weight:700;font-size:1.1em}.progress-bar{width:100%;height:24px;background:#e5e7eb;border-radius:12px;overflow:hidden;margin-top:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.victory{background:#d4edda;color:#155724;padding:16px;border-radius:12px;border:2px solid #c3e6cb;text-align:center;font-weight:600;font-size:1.1em;animation:pulse 1s infinite}.victory.optimal{background:gold;color:#1f2937;border-color:#fbbf24;font-size:1.2em}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.board-container{display:flex;align-items:center;justify-content:center}.board-with-ledger{display:grid;grid-template-columns:24px auto 24px;grid-template-rows:24px auto 24px;align-items:center;justify-items:center;gap:6px;padding:6px;background:linear-gradient(135deg,#d7b58d,#c69c6d);border:2px solid #8b6b3f;border-radius:10px;box-shadow:0 6px 18px #00000040}.board-with-ledger .corner{width:24px;height:24px}.coord-row{grid-column:2;display:grid;gap:0}.coord-row.top{grid-row:1}.coord-row.bottom{grid-row:3}.coord-col{grid-row:2;display:grid;gap:0}.coord-col.left{grid-column:1}.coord-col.right{grid-column:3}.coord-item{display:flex;align-items:center;justify-content:center;font-size:.78em;font-weight:700;font-family:Georgia,Times New Roman,serif;letter-spacing:.5px;-webkit-user-select:none;user-select:none;border-radius:4px;border:1px solid rgba(0,0,0,.08)}.coord-item.white{background:#f0d9b5;color:#5b4636}.coord-item.black{background:#b58863;color:#fff}.coord-row .coord-item{width:52px;height:24px}.coord-col .coord-item{width:24px;height:52px}.chessboard{display:grid;border:3px solid #333;box-shadow:0 8px 24px #0003;border-radius:4px;overflow:hidden}.row{display:contents}.cell{width:52px;height:52px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;position:relative}.cell.white{background:#f0d9b5}.cell.black{background:#b58863}.cell.dominated{position:relative}.cell.dominated:before{content:"";position:absolute;inset:0;background:#fbbf2466;pointer-events:none;z-index:1}.cell.blocked{cursor:not-allowed;position:relative}.cell.blocked:before{content:"";position:absolute;inset:0;background:#ef44444d;pointer-events:none;z-index:1}.cell.blocked:after{content:"\2715";position:absolute;font-size:1.5em;color:#ef4444;font-weight:700;opacity:.9;z-index:2}.cell.has-piece{background:#667eea!important}.cell.has-invalid-piece{background:#ef4444!important}.piece.invalid-piece{color:#fff!important;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.cell:not(.blocked):not(.has-piece):not(.has-invalid-piece):hover{transform:scale(1.08);z-index:10;box-shadow:0 4px 12px #0000004d}.piece{font-size:2.2em;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);pointer-events:none}.coord{position:absolute;font-size:.7em;font-weight:700;color:#000000a6;text-shadow:0 1px 0 rgba(255,255,255,.5);pointer-events:none;z-index:3}.coord.file{top:2px;right:4px}.coord.rank{bottom:2px;left:4px}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%}body{margin:0!important;padding:0!important;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 768px){body{font-size:15px}}@media (max-width: 480px){body{font-size:14px}}img{max-width:100%;height:auto}html{scroll-behavior:smooth}body{overflow-x:hidden}