:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0f0f1a;color:#e8e8f0}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;gap:1.5rem}.header{text-align:center}.header h1{font-size:2rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#7c6ff7,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#ffffff80;font-size:.9rem;margin-top:.25rem}.stats{display:flex;gap:2rem}.stat{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;color:#fff9;background:#ffffff0d;padding:.4rem .9rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.08)}.board{display:flex;flex-direction:column;gap:.5rem;padding:2rem;background:#ffffff08;border-radius:1rem;border:1px solid rgba(255,255,255,.06)}.row{display:flex;gap:.5rem}.cell{width:52px;height:52px;display:flex;align-items:center;justify-content:center}.empty-cell{visibility:hidden}.peg{width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;transition:all .2s ease;position:relative;outline:none}.peg-filled{background:radial-gradient(circle at 35% 35%,#a78bfa,#6d28d9);box-shadow:0 4px 8px #6d28d966,inset 0 1px 2px #fff3}.peg-filled:hover{transform:scale(1.1);box-shadow:0 6px 14px #6d28d980,inset 0 1px 2px #ffffff4d}.peg-empty{background:#ffffff0f;border:2px dashed rgba(255,255,255,.12);cursor:default}.peg-selected{background:radial-gradient(circle at 35% 35%,#fbbf24,#d97706)!important;box-shadow:0 0 20px #fbbf2480,0 4px 8px #d9770666!important;transform:scale(1.15)}.peg-highlight{background:#34d39940!important;border:2px solid rgba(52,211,153,.6)!important;cursor:pointer;animation:pulse 1.5s ease-in-out infinite}.peg-highlight:hover{background:#34d39966!important;transform:scale(1.1)}.peg-stuck{opacity:.4}@keyframes pulse{0%,to{box-shadow:0 0 #34d39966}50%{box-shadow:0 0 0 8px #34d39900}}.game-over{text-align:center;padding:1.5rem 2rem;background:#ffffff0a;border-radius:.75rem;border:1px solid rgba(255,255,255,.08)}.game-over h2{font-size:1.5rem;margin-bottom:.25rem;background:linear-gradient(135deg,#34d399,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-over p{color:#ffffff8c;font-size:.9rem}.controls{display:flex;gap:.75rem}.btn{font-family:inherit;font-size:.9rem;font-weight:500;padding:.6rem 1.5rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#e8e8f0;cursor:pointer;transition:all .15s ease}.btn:hover:not(:disabled){background:#ffffff1a}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#6d28d9,#7c3aed);border-color:#7c3aed4d}.btn-primary:hover{background:linear-gradient(135deg,#7c3aed,#8b5cf6);box-shadow:0 4px 12px #7c3aed4d}.footer{margin-top:auto;padding-top:1rem}.footer p{font-size:.8rem;color:#ffffff4d;text-align:center}