:root{--board-size: 8;--cell-size: min(11vw, 56px);--gap: 3px;--radius: 10px;--bg-gradient: linear-gradient(145deg, #1a0533 0%, #2d1b69 50%, #1a0533 100%);--header-bg: rgba(255, 255, 255, .08);--gold: #ffd700;--pink: #ff6b9d;--purple: #a855f7}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;min-height:100dvh;overflow-x:hidden}body{background:var(--bg-gradient);color:#fff;font-family:Segoe UI,system-ui,-apple-system,sans-serif;user-select:none;-webkit-user-select:none;touch-action:manipulation}#root{display:flex;justify-content:center;align-items:center}.splash{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.splash__content{text-align:center;z-index:1;padding:2rem}.splash__candy-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.splash__float{position:absolute;font-size:2rem;top:-50px;animation:floatDown 6s ease-in-out infinite;opacity:.4}@keyframes floatDown{0%{transform:translateY(-60px) rotate(0);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.splash__title{font-size:clamp(2.5rem,10vw,5rem);font-weight:900;line-height:1;margin-bottom:.25rem;letter-spacing:-.02em}.splash__title-sweet{display:block;background:linear-gradient(135deg,var(--gold),#ffaa00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 2px 8px rgba(255,215,0,.4))}.splash__title-saga{display:block;background:linear-gradient(135deg,var(--pink),#ff3366);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 8px rgba(255,107,157,.4))}.splash__subtitle{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.splash__tagline{font-size:.95rem;color:#ffffffb3;margin-bottom:2rem;max-width:300px;margin-inline:auto}.splash__features{display:flex;gap:1rem;justify-content:center;margin-bottom:2.5rem;flex-wrap:wrap}.splash__feature{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);padding:.5rem 1rem;border-radius:999px;font-size:.85rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.splash__play{font-size:1.3rem;font-weight:800;padding:1rem 3.5rem;border:none;border-radius:999px;cursor:pointer;background:linear-gradient(135deg,var(--pink),#e84393);color:#fff;box-shadow:0 4px 20px #e8439380,0 0 40px #e8439333;transition:transform .2s,box-shadow .2s;letter-spacing:.05em;text-transform:uppercase;animation:pulse 2s ease-in-out infinite}.splash__play:hover{transform:scale(1.05);box-shadow:0 6px 30px #e8439399,0 0 60px #e843934d}.splash__play:active{transform:scale(.98)}@keyframes pulse{0%,to{box-shadow:0 4px 20px #e8439380,0 0 40px #e8439333}50%{box-shadow:0 4px 30px #e84393b3,0 0 60px #e843934d}}.app{width:100%;max-width:480px;margin:0 auto;padding:.75rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;min-height:100vh;min-height:100dvh}.header{width:100%;background:var(--header-bg);border-radius:16px;padding:.75rem 1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08)}.header__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.header__level,.header__moves{text-align:center;min-width:60px}.header__label{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin-bottom:.15rem}.header__value{display:block;font-size:1.5rem;font-weight:800}.header__value--low{color:#f44;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.header__title{text-align:center}.header__title h1{font-size:1.3rem;font-weight:900;background:linear-gradient(135deg,var(--gold),var(--pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.header__tagline{font-size:.65rem;color:#ffffff80;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.header__progress-bar{width:100%;height:20px;background:#0000004d;border-radius:999px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1)}.header__progress-fill{height:100%;background:linear-gradient(90deg,var(--purple),var(--pink),var(--gold));border-radius:999px;transition:width .4s cubic-bezier(.22,1,.36,1);position:relative}.header__progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.3),transparent);border-radius:999px 999px 0 0}.header__progress-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.header__jelly-info{text-align:center;font-size:.8rem;color:#ffffffb3;margin-top:.4rem;padding:.25rem .75rem;background:#ffc86426;border-radius:999px;display:inline-block;margin-inline:auto}.header__combo{text-align:center;font-size:1.1rem;font-weight:800;color:var(--gold);margin-top:.4rem;animation:comboPopIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes comboPopIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.board{background:#00000040;border-radius:16px;padding:6px;border:2px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.board__grid{display:grid;grid-template-columns:repeat(var(--board-size),var(--cell-size));grid-template-rows:repeat(var(--board-size),var(--cell-size));gap:var(--gap)}.candy{width:var(--cell-size);height:var(--cell-size);border-radius:var(--radius);cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,box-shadow .15s ease;overflow:hidden}.candy:hover{transform:scale(1.08);z-index:1}.candy:active{transform:scale(.95)}.candy__emoji{font-size:calc(var(--cell-size) * .55);filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));z-index:1;line-height:1}.candy__special-icon{position:absolute;font-size:calc(var(--cell-size) * .3);bottom:2px;right:2px;z-index:2;filter:drop-shadow(0 0 4px rgba(255,255,255,.8))}.candy__glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--radius);border:3px solid #fff;box-shadow:0 0 12px #fff9,inset 0 0 12px #ffffff1a;animation:glowPulse 1s ease-in-out infinite;pointer-events:none}@keyframes glowPulse{0%,to{opacity:1}50%{opacity:.6}}.candy__jelly{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);pointer-events:none;z-index:3}.candy__jelly--1{background:#ffc86440;border:2px solid rgba(255,200,100,.4)}.candy__jelly--2{background:#ff963259;border:2px solid rgba(255,150,50,.6)}.candy--selected{transform:scale(1.12);z-index:2}.candy--selected:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:calc(var(--radius) + 3px);border:3px solid #fff;animation:selectedPulse .8s ease-in-out infinite;pointer-events:none}@keyframes selectedPulse{0%,to{box-shadow:0 0 8px #fffc;transform:scale(1)}50%{box-shadow:0 0 16px #fff6;transform:scale(1.02)}}.candy--special:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:calc(var(--radius) + 2px);background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s linear infinite;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.candy--striped-h{background-image:repeating-linear-gradient(0deg,transparent 0px,transparent 4px,rgba(255,255,255,.3) 4px,rgba(255,255,255,.3) 6px)!important}.candy--striped-v{background-image:repeating-linear-gradient(90deg,transparent 0px,transparent 4px,rgba(255,255,255,.3) 4px,rgba(255,255,255,.3) 6px)!important}.candy--wrapped{animation:wrappedPulse 1.5s ease-in-out infinite}@keyframes wrappedPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.candy--color-bomb{background:conic-gradient(#ff6b6b,#74b9ff,#55efc4,#ffeaa7,#a29bfe,#fab1a0,#ff6b6b)!important;animation:colorBombSpin 3s linear infinite}@keyframes colorBombSpin{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.candy--new{animation:candyDrop .4s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes candyDrop{0%{transform:translateY(-80px) scale(.5);opacity:0}60%{transform:translateY(4px) scale(1.05);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.candy--removing{animation:candyRemove .35s cubic-bezier(.55,0,1,.45) forwards;pointer-events:none}@keyframes candyRemove{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(0);opacity:0}}.candy--swapping{transition:transform .25s cubic-bezier(.22,1,.36,1)}.app__footer{display:flex;gap:.75rem;margin-top:.25rem}.app__btn{font-size:.9rem;font-weight:700;padding:.6rem 1.5rem;border:none;border-radius:999px;cursor:pointer;transition:transform .15s,box-shadow .15s;letter-spacing:.02em}.app__btn:active{transform:scale(.95)}.app__btn--retry{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.app__btn--retry:hover{background:#ffffff26}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .3s ease;padding:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(145deg,#2d1b69,#1a0533);border-radius:24px;padding:2.5rem 2rem;text-align:center;max-width:360px;width:100%;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080;animation:modalPopIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalPopIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.modal--win{border-color:#ffd7004d;box-shadow:0 20px 60px #00000080,0 0 40px #ffd7001a}.modal--lose{border-color:#ff64644d}.modal__icon{font-size:3.5rem;margin-bottom:.75rem}.modal__title{font-size:1.8rem;font-weight:900;margin-bottom:.5rem}.modal--win .modal__title{background:linear-gradient(135deg,var(--gold),#ffaa00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal__message{font-size:.95rem;color:#ffffffb3;margin-bottom:.75rem}.modal__score{font-size:1.3rem;font-weight:800;color:var(--gold);margin-bottom:1.5rem}.modal__button{font-size:1.1rem;font-weight:800;padding:.8rem 2.5rem;border:none;border-radius:999px;cursor:pointer;background:linear-gradient(135deg,var(--pink),#e84393);color:#fff;box-shadow:0 4px 20px #e8439366;transition:transform .2s,box-shadow .2s;letter-spacing:.03em;text-transform:uppercase}.modal__button:hover{transform:scale(1.05);box-shadow:0 6px 30px #e8439399}.modal__button:active{transform:scale(.97)}@media(max-width:360px){:root{--cell-size: 11vw}.header__title h1{font-size:1.1rem}.header__value{font-size:1.2rem}}@media(min-width:480px){:root{--cell-size: 52px}}html{overflow:hidden;overscroll-behavior:none}