:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}body{background:color-mix(in srgb, var(--theme-dark,#888) 8%, transparent);margin:0;font-family:system-ui,sans-serif;overflow-x:hidden}.app{box-sizing:border-box;text-align:center;width:100%;max-width:900px;margin:0 auto;padding:1.5rem}.game{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2rem;display:flex}.board-column{flex-direction:column;align-items:center;display:flex}.board-wrapper{line-height:0;position:relative;box-shadow:0 2px 12px #0000004d}.game-over-banner{border:3px solid var(--theme-dark,#2ecc71);color:var(--theme-dark,#2ecc71);text-align:center;background:#2c3e50f2;border-radius:12px;margin-bottom:1rem;padding:.75rem 2rem;font-weight:700;box-shadow:0 8px 32px #0000004d}.board-wrapper canvas{cursor:pointer;display:block}.game-info{text-align:left;background:color-mix(in srgb, var(--theme-dark,#888) 20%, Canvas);border-radius:10px;min-width:200px;padding:1rem}.controls-grid{grid-template-columns:1fr 1fr;align-items:center;gap:.4rem;margin-bottom:.75rem;display:grid}.pieces-taken{grid-area:1/1}.status{text-align:right;grid-area:1/2;justify-content:flex-end}.mode-control{grid-area:2/1}.theme-control{grid-area:2/2;justify-content:flex-end}.playas-control{grid-area:3/1}.difficulty-control{grid-area:3/2;justify-content:flex-end}@media (width<=640px){.controls-grid{grid-template-columns:1fr}.mode-control,.playas-control,.theme-control,.difficulty-control,.pieces-taken,.status{grid-area:auto/1}.theme-control,.playas-control,.difficulty-control{justify-content:flex-start}.status{text-align:left;justify-content:flex-start}}.control-group{background:color-mix(in srgb, var(--theme-dark,#888) 18%, transparent);box-sizing:border-box;border-radius:6px;align-items:center;gap:.5rem;min-height:2.85rem;padding:.4rem .75rem;display:flex}.control-group>label:first-child{margin-right:.2rem;font-weight:500}.toggle-switch{align-items:center;gap:.5rem;display:flex}.toggle-switch span{opacity:.55;white-space:nowrap;cursor:pointer;font-weight:500;transition:opacity .2s}.toggle-switch span.active{opacity:1}.switch{flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#80808066;border-radius:22px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--theme-dark,#c9a227)}input:checked+.slider:before{transform:translate(18px)}.pieces-taken,.status{background:color-mix(in srgb, var(--theme-dark,#888) 18%, transparent);box-sizing:border-box;border-radius:6px;align-items:center;min-height:2.85rem;margin:0;padding:.4rem .75rem;display:flex}.status{font-weight:600}.controls{justify-content:center;gap:.5rem;display:flex}.controls button{cursor:pointer;background:color-mix(in srgb, var(--theme-dark,#888) 18%, transparent);border:1px solid color-mix(in srgb, var(--theme-dark,#888) 45%, transparent);color:inherit;border-radius:6px;padding:.5rem 1rem}.controls button:hover:not(:disabled){background:color-mix(in srgb, var(--theme-dark,#888) 30%, transparent)}.controls button:disabled{opacity:.5;cursor:default}select,button{font:inherit}select{appearance:none;background-color:color-mix(in srgb, var(--theme-dark,#888) 20%, Canvas);color:inherit;border:1px solid color-mix(in srgb, var(--theme-dark,#888) 45%, transparent);box-sizing:border-box;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:14px;border-radius:6px;padding:.4rem 1.75rem .4rem .6rem}.app-footer{opacity:.7;margin-top:2rem}.app-footer p{margin:.25rem 0}.footer-link-button{font:inherit;color:linktext;cursor:pointer;background:0 0;border:none;margin:0;padding:0;text-decoration:underline}.info-modal{background:color-mix(in srgb, var(--theme-dark,#888) 8%, Canvas);color:canvastext;z-index:2000;box-sizing:border-box;padding:2rem 1.5rem;position:fixed;inset:0;overflow-y:auto}.info-modal-content{text-align:left;max-width:700px;margin:0 auto}.info-modal-header{border-bottom:2px solid;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.info-modal-header h2{margin:0;font-size:1.2rem}.info-modal-close{cursor:pointer;padding:.5rem 1rem;font-size:1rem}.info-modal-text{line-height:1.6}.info-modal-text p{margin:0 0 1rem}.info-modal-text h3{margin:1.5rem 0 .75rem}.info-modal-footer{text-align:right;border-top:2px solid;margin-top:1.5rem;padding-top:1rem}