: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}html,body,#root{margin:0;min-height:100vh;background:#1a0a2e;color:#fafafa;overflow-x:hidden}body{background:radial-gradient(ellipse at 20% 80%,rgba(255,120,0,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(138,43,226,.08) 0%,transparent 50%),linear-gradient(180deg,#1a0a2e,#0d0620);min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem}.header{text-align:center;width:100%;max-width:500px}.title{font-size:2rem;font-weight:800;margin:0;background:linear-gradient(135deg,#ff8c00,#ff4500,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;letter-spacing:-.02em}.subtitle{font-size:.8rem;color:#ffa50099;margin:.25rem 0 0;letter-spacing:.1em;text-transform:uppercase}.score-bar{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:500px;gap:1rem;padding:.75rem 1rem;background:#ffffff0a;border:1px solid rgba(255,165,0,.15);border-radius:.75rem}.score-section{display:flex;flex-direction:column;align-items:center}.score-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:#ffa50080}.score-value{font-size:1.5rem;font-weight:800;color:gold;font-variant-numeric:tabular-nums}.level-value{color:#ff8c00}.moves-value{color:#ff6b6b}.combo-display{font-size:.75rem;color:#ff4500;font-weight:700;min-height:1.2em}.boosters{display:flex;gap:.5rem;width:100%;max-width:500px;justify-content:center}.booster-btn{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .75rem;border:1px solid rgba(255,165,0,.2);border-radius:.5rem;background:#ffa5000f;color:orange;cursor:pointer;transition:all .2s;font-family:inherit;min-width:70px}.booster-btn:hover:not(:disabled){background:#ffa50026;border-color:#ffa50066;transform:translateY(-1px)}.booster-btn:disabled{opacity:.35;cursor:not-allowed}.booster-btn.active{background:#ff450033;border-color:#ff4500;box-shadow:0 0 12px #ff45004d}.booster-icon{font-size:1.2rem}.booster-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em}.booster-count{font-size:.55rem;color:#ffa50080}.board-container{position:relative;width:100%;max-width:500px}.board{display:grid;gap:4px;width:100%;aspect-ratio:1;background:#0000004d;border:2px solid rgba(255,165,0,.15);border-radius:1rem;padding:6px;position:relative;overflow:hidden}.board:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1rem;background:radial-gradient(ellipse at 30% 30%,rgba(138,43,226,.05) 0%,transparent 60%),radial-gradient(ellipse at 70% 70%,rgba(255,120,0,.05) 0%,transparent 60%);pointer-events:none}.cell{aspect-ratio:1;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;cursor:pointer;transition:all .15s ease;position:relative;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:2px solid transparent;background:#ffffff08}.cell:hover{transform:scale(1.08);z-index:2}.cell.highlighted{border-color:#fffc;box-shadow:0 0 15px #ffffff4d,inset 0 0 10px #ffffff1a;transform:scale(1.1);z-index:3}.cell.popping{animation:pop .35s ease-out forwards}.cell.falling{animation:fall .3s ease-in forwards}.cell.shaking{animation:shake .5s ease}.cell.booster-target{border-color:#ff4500cc;box-shadow:0 0 15px #ff450066}.cell.empty{opacity:0;pointer-events:none}@keyframes pop{0%{transform:scale(1);opacity:1}30%{transform:scale(1.3);opacity:1}to{transform:scale(0);opacity:0}}@keyframes fall{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.score-popup{position:absolute;font-size:1.2rem;font-weight:800;color:gold;pointer-events:none;z-index:100;animation:scoreFloat .8s ease-out forwards;text-shadow:0 2px 8px rgba(0,0,0,.5)}@keyframes scoreFloat{0%{transform:translateY(0) scale(.5);opacity:1}to{transform:translateY(-60px) scale(1.2);opacity:0}}.particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;overflow:hidden;border-radius:1rem}.particle{position:absolute;width:8px;height:8px;border-radius:50%;animation:particleFly .6s ease-out forwards}@keyframes particleFly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay-card{background:linear-gradient(135deg,#2a1a4e,#1a0a3e);border:1px solid rgba(255,165,0,.3);border-radius:1.5rem;padding:2.5rem 2rem;text-align:center;max-width:340px;width:90%;animation:slideUp .4s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.overlay-title{font-size:2rem;font-weight:800;margin:0 0 .5rem;background:linear-gradient(135deg,gold,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.overlay-subtitle{font-size:1rem;color:#ffffffb3;margin:0 0 1.5rem}.overlay-score{font-size:2.5rem;font-weight:800;color:gold;margin:0 0 1.5rem}.btn{padding:.75rem 2rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit;text-transform:uppercase;letter-spacing:.1em}.btn-primary{background:linear-gradient(135deg,#ff8c00,#ff4500);color:#fff;box-shadow:0 4px 15px #ff45004d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff450066}.btn-secondary{background:#ffffff1a;color:#fffc;margin-top:.5rem}.btn-secondary:hover{background:#ffffff26}@media(max-width:500px){.app{padding:.5rem;gap:.5rem}.title{font-size:1.5rem}.cell{font-size:1.4rem;border-radius:8px}.board{gap:3px;padding:4px;border-radius:.75rem}.score-bar{padding:.5rem .75rem}.score-value{font-size:1.2rem}.boosters{gap:.35rem}.booster-btn{padding:.35rem .5rem;min-width:60px}}.toast{position:fixed;top:1rem;left:50%;transform:translate(-50%);background:#ff4500e6;color:#fff;padding:.5rem 1.25rem;border-radius:2rem;font-weight:700;font-size:.85rem;z-index:2000;animation:toastIn .3s ease,toastOut .3s ease 1.2s forwards;pointer-events:none}@keyframes toastIn{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}