@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&family=Space+Grotesk:wght@400;600;700&display=swap";.app{min-height:calc(100vh - 2.5rem);display:grid;place-items:center}.shell{width:min(92vw,620px);padding:1.2rem;border-radius:1.25rem;background:linear-gradient(170deg,#0c1230cc,#0a1028bb);border:1px solid #59f2ff44;box-shadow:0 0 30px #59f2ff22,0 0 60px #ff2ebd15,inset 0 0 30px #ffffff08;animation:rise .5s ease-out both}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.eyebrow{margin:0;color:var(--neon-cyan);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}h1{margin:.15rem 0 0;font-family:Orbitron,sans-serif;font-size:clamp(1.15rem,3.5vw,1.65rem);letter-spacing:.04em}.new-game{border:0;border-radius:.7rem;padding:.6rem .9rem;font:inherit;font-weight:700;color:#fff;background:linear-gradient(90deg,var(--neon-magenta),#ff5fda);box-shadow:0 0 18px #ff2ebd66;cursor:pointer}.new-game:disabled{opacity:.55;cursor:wait}.hud{display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:.7rem}.stat{padding:.7rem;border-radius:.75rem;border:1px solid #59f2ff44;background:linear-gradient(180deg,#0a132ddd,#0b1835aa)}.stat span{font-size:.8rem;color:var(--muted)}.stat strong{display:block;margin-top:.2rem;font-family:Orbitron,sans-serif;font-size:1.15rem;color:var(--neon-cyan)}.status{margin:0 0 .9rem;min-height:1.2rem;font-size:.95rem;color:#d7ddf7}.board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.45rem;padding:.65rem;border-radius:1rem;background:linear-gradient(160deg,#0a1532,#08112a);border:1px solid #ff2ebd44}.tile{border:1px solid #59f2ff30;border-radius:.7rem;background:linear-gradient(150deg,#152041,#111735);aspect-ratio:1 / 1;padding:.3rem;cursor:pointer;animation:tile-in .35s ease both;animation-delay:var(--delay);transition:transform .18s ease,border-color .18s ease}.tile:hover{transform:translateY(-1px)}.tile:disabled{cursor:wait}.tile.selected{border-color:var(--neon-cyan);box-shadow:0 0 16px #59f2ff66}.tile.is-clearing{border-color:#ff2ebdb8;box-shadow:0 0 14px #ff2ebd44}.tile.is-dropping{border-color:#59f2ffa8}.candy{display:block;width:100%;height:100%;border-radius:.6rem;box-shadow:inset 0 0 12px #ffffff30}.candy-image{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 6px #00000045)}.candy.empty{opacity:.2;background:linear-gradient(145deg,#090f26,#111b3d);box-shadow:inset 0 0 10px #0006}.candy.clearing,.candy-image.clearing{animation:clear-candy .25s ease forwards}.candy.dropping,.candy-image.dropping{animation:drop-candy .28s cubic-bezier(.2,.85,.24,1) both}@keyframes rise{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tile-in{0%{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes clear-candy{0%{opacity:1;transform:scale(1);filter:brightness(1)}to{opacity:0;transform:scale(.26);filter:brightness(1.8)}}@keyframes drop-candy{0%{opacity:.2;transform:translateY(-20px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 560px){.shell{padding:.9rem}.board{gap:.34rem;padding:.45rem}.tile{border-radius:.55rem;padding:.22rem}}:root{--bg-0: #030409;--bg-1: #060a16;--panel: #0b1024cc;--tile: #111832;--neon-magenta: #ff2ebd;--neon-cyan: #59f2ff;--text: #ebf4ff;--muted: #95a0bf}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Space Grotesk,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 15%,#ff2ebd30,transparent 35%),radial-gradient(circle at 85% 10%,#59f2ff25,transparent 32%),radial-gradient(circle at 50% 120%,#173178,transparent 45%),linear-gradient(145deg,var(--bg-0),var(--bg-1));padding:1.25rem}