:root{--color-on:#f7d51d;--color-off:#3a3f4b;--color-bg:#1e2128;--color-panel:#262a33;--color-accent:#5ec8f0;--color-text:#e8e8e8;--cell-gap:clamp(4px, 1vmin, 10px);--transition-speed:.18s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background-color:var(--color-bg);min-height:100vh;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}button,select{font-family:inherit}button:focus-visible,select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cell{cursor:pointer;transition:background-color var(--transition-speed) ease, transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease;border:none;border-radius:6px;padding:0}.cell[data-on=true]{background-color:var(--color-on);box-shadow:0 0 12px 2px color-mix(in srgb, var(--color-on) 60%, transparent)}.cell[data-on=false]{background-color:var(--color-off)}.cell:hover{filter:brightness(1.1)}.cell:active{transform:scale(.94)}.board{grid-template-columns:repeat(var(--board-size), 1fr);gap:var(--cell-gap);aspect-ratio:1;width:min(90vmin,560px);padding:var(--cell-gap);background-color:var(--color-panel);border-radius:12px;margin:2rem auto;display:grid}.board[data-disabled=true]{pointer-events:none}.board-size-selector{color:var(--color-text);align-items:center;gap:.5rem;font-size:.95rem;display:inline-flex}.board-size-selector select{background-color:var(--color-panel);color:var(--color-text);border:1px solid var(--color-accent);cursor:pointer;border-radius:6px;padding:.3rem .5rem;font-size:.95rem}.win-banner{background-color:var(--color-panel);opacity:0;pointer-events:none;border-radius:12px;flex-direction:column;align-items:center;gap:1rem;padding:2rem 3rem;transition:opacity .2s,transform .2s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9);box-shadow:0 8px 32px #0006}.win-banner.visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.win-banner p{color:var(--color-on);margin:0;font-size:1.75rem}.win-banner button{background-color:var(--color-accent);color:var(--color-bg);cursor:pointer;border:none;border-radius:6px;padding:.6rem 1.2rem;font-size:1rem;font-weight:600}.win-banner button:hover{filter:brightness(1.1)}.app{text-align:center;flex-direction:column;align-items:center;padding:1rem 1rem 3rem;display:flex}.app header p{max-width:32rem;color:color-mix(in srgb, var(--color-text) 75%, transparent)}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.controls button{background-color:var(--color-accent);color:var(--color-bg);cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.95rem;font-weight:600}.controls button:hover{filter:brightness(1.1)}.site-footer{margin-top:2.5rem}.site-footer-link{background-color:var(--color-accent);color:var(--color-bg);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block}.site-footer-link:hover{filter:brightness(1.1)}.site-footer-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}