:root{--bg:#0e0e10;--surface:#1a1a1f;--surface2:#242429;--border:#2e2e36;--text:#f0f0f5;--text-muted:#6a6a7a;--primary:#47ff9d;--primary-accent:#3aebad;--radius:6px;--cell-size:62px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);flex-direction:column;align-items:center;gap:28px;height:100dvh;padding:24px;font-family:sans-serif;display:flex}header{text-align:center}h1{letter-spacing:-.04em;color:var(--primary);font-size:2.6rem;font-weight:800;line-height:1}.subtitle{color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;margin-top:6px;font-family:DM Mono,monospace;font-size:.78rem}.subtitle span{color:var(--primary)}.controls{flex-flow:column wrap;justify-content:center;align-items:center;gap:10px;width:100vw;padding:0 2rem;display:flex}.size-label{color:var(--text-muted);letter-spacing:.1em;font-family:DM Mono,monospace;font-size:.75rem}.size-btns{justify-content:start;gap:4px;display:flex}.size-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);cursor:pointer;padding:.375rem .75rem;font-family:DM Mono,monospace;font-size:.75rem}.size-btn:hover{border-color:var(--primary);color:var(--primary)}.size-btn.active{background:var(--primary);color:#000;border-color:var(--primary);font-weight:700}.action-btns{gap:8px;display:flex}.btn{border:1px solid var(--border);color:var(--text);border-radius:var(--radius);cursor:pointer;letter-spacing:.05em;background:0 0;padding:8px 20px;font-family:Syne,sans-serif;font-size:.82rem;font-weight:700}.btn:hover{border-color:var(--text)}.btn.primary{background:var(--primary);color:#000;border-color:var(--primary)}.btn.primary:hover{background:var(--primary-accent)}.rules{color:var(--text-muted);letter-spacing:.05em;flex-wrap:wrap;justify-content:center;gap:20px;font-family:DM Mono,monospace;font-size:.72rem;display:flex}.rule{align-items:center;gap:6px;display:flex}.rule-dot{background:var(--primary);opacity:.7;border-radius:50%;flex-shrink:0;width:8px;height:8px}.grid-wrapper{position:relative}.grid{background:var(--border);border:4px solid var(--border);border-radius:10px;gap:2px;display:grid;overflow:hidden;box-shadow:0 0 0 1px #ffffff0a,0 24px 60px #00000080}.cell{width:var(--cell-size);height:var(--cell-size);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius);touch-action:manipulation;justify-content:center;align-items:center;transition:filter .1s,transform .1s;display:flex;position:relative}.cell:hover{filter:brightness(1.15)}.cell:active{transform:scale(.94)}.cell.eliminated:after{content:"×";color:#00000073;pointer-events:none;font-family:DM Mono,monospace;font-size:1.1rem;font-weight:700;position:absolute}.cell.eliminated{opacity:.38}.cell.selected:before{content:"";pointer-events:none;background:#ffffffeb;border-radius:50%;width:34px;height:34px;animation:.18s ease-out pop;position:absolute;box-shadow:0 2px 8px #0000004d}@keyframes pop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.cell.conflict{outline-offset:-2px;outline:2px solid #f44}.cell.won:before{animation:.5s ease-out forwards winner}@keyframes winner{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.status{letter-spacing:.1em;height:32px;color:var(--text-muted);justify-content:center;align-items:center;font-family:DM Mono,monospace;font-size:.8rem;transition:color .3s;display:flex}.status.win{color:var(--primary);letter-spacing:.05em;font-size:1rem;font-weight:700}.status.error{color:#ff6b6b}.progress-row{align-items:center;gap:6px;display:flex}.pip{border:1.5px solid var(--border);border-radius:50%;width:8px;height:8px;transition:all .2s}.pip.filled{border-color:var(--primary);background:var(--primary)}.win-banner{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:100;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:none;position:fixed;inset:0}.settings{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:none;position:fixed;inset:0}.settings.show{display:flex}.settings h2{color:var(--primary);letter-spacing:-.04em;font-size:3.5rem;font-weight:800;animation:.5s ease-out slideUp}.settings p{color:var(--text-muted);letter-spacing:.1em;font-family:DM Mono,monospace;font-size:.85rem;animation:.5s ease-out .1s both slideUp}.win-banner.show{display:flex}.win-banner h2{color:var(--primary);letter-spacing:-.04em;font-size:3.5rem;font-weight:800;animation:.5s ease-out slideUp}.win-banner p{color:var(--text-muted);letter-spacing:.1em;font-family:DM Mono,monospace;font-size:.85rem;animation:.5s ease-out .1s both slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.win-banner .btn{animation:.5s ease-out .2s both slideUp}@media (width<=480px){:root{--cell-size:52px}h1{font-size:2rem}.rules{flex-direction:column;align-items:flex-start;gap:8px}}.notification{background:var(--surface);color:var(--text);border-radius:var(--radius);z-index:200;flex-direction:column;align-items:flex-start;gap:1rem;padding:12px 24px;display:flex;position:fixed;top:2rem;right:2rem;box-shadow:0 4px 12px #0000004d}.notification-close{color:#47ff9d;cursor:pointer;background:0 0;border:none;margin-left:1rem;padding:0;font-size:1.1rem;line-height:1}