: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:linear-gradient(135deg,#1a0533,#0d1b2a,#1b2838);color:#fafafa}.game-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;gap:1.25rem}.game-header{text-align:center}.game-header h1{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.75rem;background:linear-gradient(90deg,#ff6bcb,#ffa857,#ffe66b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats{display:flex;gap:1.5rem;justify-content:center;align-items:center;flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:.5rem 1.25rem;border-radius:.75rem}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffff80}.stat-value{font-size:1.5rem;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.combo-badge{background:linear-gradient(135deg,#ff6bcb,#ffa857);color:#1a0533;font-weight:700;font-size:.85rem;padding:.35rem .85rem;border-radius:2rem;animation:comboPulse .6s ease-in-out infinite alternate}@keyframes comboPulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.board-wrapper{position:relative}.board{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:8px;background:#0006;border-radius:1rem;border:2px solid rgba(255,255,255,.08);box-shadow:0 0 40px #7832c826,inset 0 0 20px #0000004d}.board-disabled{opacity:.4;pointer-events:none}.cell{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.06);border-radius:.6rem;background:#ffffff0a;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.cell:hover:not(:disabled){background:#ffffff1a;transform:scale(1.08);border-color:#ffffff26}.cell:active:not(:disabled){transform:scale(.95)}.cell-selected{border-color:#ff6bcb!important;background:#ff6bcb33!important;box-shadow:0 0 12px #ff6bcb66,0 0 24px #ff6bcb26;transform:scale(1.1)}.cell-shake{animation:shake .4s ease-in-out;border-color:#ff505080!important}.cell-empty{visibility:hidden}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.candy{font-size:1.8rem;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3));transition:transform .15s ease}.cell:hover .candy{transform:scale(1.15)}.gameover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:1rem;z-index:10}.gameover-card{text-align:center;background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:2rem 2.5rem;border-radius:1rem;animation:popIn .3s ease-out}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.gameover-card h2{font-size:1.75rem;margin-bottom:.5rem;background:linear-gradient(90deg,#ff6bcb,#ffa857);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.final-score{font-size:1.1rem;color:#ffffffb3;margin-bottom:1.25rem}.btn-play{background:linear-gradient(135deg,#ff6bcb,#ffa857);color:#1a0533;border:none;padding:.65rem 2rem;font-size:1rem;font-weight:700;border-radius:2rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.btn-play:hover{transform:scale(1.05);box-shadow:0 0 20px #ff6bcb66}.btn-play:active{transform:scale(.97)}.game-footer{text-align:center;padding:.25rem}.x-link{display:inline-flex;align-items:center;gap:.4rem;color:#ffffff80;text-decoration:none;font-size:.85rem;font-weight:500;padding:.35rem .85rem;border-radius:2rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);transition:color .2s,background .2s,border-color .2s}.x-link:hover{color:#fafafa;background:#ffffff1a;border-color:#fff3}.x-icon{flex-shrink:0}.instructions{text-align:center;color:#fff6;font-size:.85rem}@media(max-width:480px){.cell{width:40px;height:40px}.candy{font-size:1.4rem}.board{gap:3px;padding:6px}}