:root{font-family:Inter,ui-rounded,SF Pro Rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#120829;font-synthesis:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 20% 0%,rgba(141,68,255,.34),transparent 34%),radial-gradient(circle at 90% 15%,rgba(255,75,157,.25),transparent 28%),linear-gradient(180deg,#1e0d44,#100724 58%,#090416)}button{font:inherit}.game-shell{width:min(100%,560px);min-height:100dvh;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 12px max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.topbar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-badge{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;font-size:26px;background:linear-gradient(145deg,#ff7fbe,#8f55ff);box-shadow:inset 0 2px #ffffff47,0 8px 24px #0000003d}.brand h1{font-size:clamp(19px,5vw,26px);margin:0;line-height:1;letter-spacing:-.04em}.brand p{margin:5px 0 0;color:#c4afd9;font-size:12px}.icon-btn{border:0;width:44px;height:44px;border-radius:14px;color:#fff;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff1a}.hud{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hud-card{min-width:0;padding:10px 8px;border-radius:16px;text-align:center;background:#ffffff17;box-shadow:inset 0 0 0 1px #ffffff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hud-label{color:#bba7d2;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hud-value{margin-top:3px;font-size:clamp(18px,5vw,24px);line-height:1;font-weight:900}.progress-wrap{background:#0000003d;border-radius:999px;padding:3px;box-shadow:inset 0 0 0 1px #ffffff14}.progress{height:10px;border-radius:inherit;overflow:hidden}.progress>div{width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff5ba8,#ffcf55);transition:width .25s ease}.board-wrap{position:relative;width:100%;aspect-ratio:1;align-self:center;padding:7px;border-radius:25px;background:linear-gradient(160deg,#ffffff24,#ffffff09),#0f0523bf;box-shadow:inset 0 0 0 1px #ffffff17,0 20px 45px #00000047;overflow:hidden}.board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:4px;width:100%;height:100%;touch-action:none}.cell{position:relative;min-width:0;min-height:0;border:0;padding:0;border-radius:12px;background:#ffffff0b;overflow:visible}.candy{position:absolute;inset:7%;display:grid;place-items:center;cursor:pointer;transform:translateZ(0) scale(1);transition:transform .13s ease,filter .13s ease,opacity .14s ease;filter:drop-shadow(0 4px 4px rgba(0,0,0,.2))}.candy:before{content:"";position:absolute;left:19%;top:12%;width:28%;height:19%;border-radius:999px;background:#ffffff5e;transform:rotate(-23deg)}.candy.selected{transform:scale(1.13);filter:drop-shadow(0 0 8px rgba(255,255,255,.6));z-index:3}.candy.invalid{animation:nope .25s ease}.candy.matched{animation:pop .24s ease forwards;z-index:4}.candy.hint{animation:hint 1s ease-in-out infinite}.candy.round{border-radius:50%}.candy.bean{border-radius:58% 42%/42% 58%;transform:rotate(12deg)}.candy.square{border-radius:27%}.candy.drop{border-radius:55% 55% 58% 58%/45% 45% 70% 70%}.candy.diamond{border-radius:28%;transform:rotate(45deg) scale(.78)}.candy.pill{border-radius:999px;transform:rotate(-12deg) scale(.92)}.candy[data-type="0"]{background:linear-gradient(145deg,#ff77b5,#e82f82 72%)}.candy[data-type="1"]{background:linear-gradient(145deg,#ffd563,#f3a71b 72%)}.candy[data-type="2"]{background:linear-gradient(145deg,#71e7ff,#258fdf 72%)}.candy[data-type="3"]{background:linear-gradient(145deg,#91f18d,#32b764 72%)}.candy[data-type="4"]{background:linear-gradient(145deg,#c38bff,#7546dc 72%)}.candy[data-type="5"]{background:linear-gradient(145deg,#ff9274,#e94b3f 72%)}.candy.special-row:after,.candy.special-col:after{content:"";position:absolute;border-radius:99px;background:#fffc;box-shadow:0 0 5px #fff6}.candy.special-row:after{left:12%;right:12%;height:10%;top:45%}.candy.special-col:after{top:12%;bottom:12%;width:10%;left:45%}.candy.special-bomb{background:radial-gradient(circle at 35% 25%,#fff 0 3%,transparent 4%),radial-gradient(circle,#715a4c 0 10%,#2b2030 60%,#0c0714)!important;border-radius:50%;box-shadow:inset 0 0 0 4px #ffffff26}.candy.special-bomb:before{width:48%;height:48%;left:26%;top:26%;background:repeating-conic-gradient(#ff58a4 0 10deg,#ffd25c 10deg 20deg,#73e5ff 20deg 30deg,#8bf08b 30deg 40deg,#c58cff 40deg 50deg);border-radius:50%}.bottom-panel{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.goal{min-width:0;padding:10px 12px;border-radius:16px;background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff12}.goal-title{font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.08em;color:#bca8d3}.goal-text{margin-top:3px;font-size:13px;line-height:1.2;font-weight:700}.action-btn{min-width:54px;min-height:54px;border:0;border-radius:17px;background:linear-gradient(145deg,#ff6eaf,#8b50f6);color:#fff;font-weight:900;font-size:20px;box-shadow:inset 0 2px #fff3,0 8px 18px #00000038}.toast{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) scale(.8);padding:9px 16px;border-radius:99px;background:#14082de6;font-weight:900;font-size:clamp(17px,5vw,25px);pointer-events:none;opacity:0;z-index:10;white-space:nowrap}.toast.show{animation:toast .75s ease}.overlay{position:absolute;inset:0;display:none;place-items:center;padding:20px;z-index:20;background:#080214b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.overlay.show{display:grid}.modal{width:min(100%,350px);padding:22px;border-radius:24px;text-align:center;background:linear-gradient(160deg,#39205f,#1c1036);box-shadow:inset 0 0 0 1px #ffffff1f,0 20px 50px #0006}.modal-emoji{font-size:55px}.modal h2{margin:5px 0 6px;font-size:29px}.modal p{margin:0 0 17px;color:#d2c4df}.modal button{width:100%;min-height:48px;border:0;border-radius:15px;font-weight:900;background:linear-gradient(90deg,#ff68ae,#a95dff);color:#fff}@keyframes pop{45%{transform:scale(1.28);opacity:1}to{transform:scale(.12);opacity:0}}@keyframes nope{25%{translate:-4px 0}75%{translate:4px 0}}@keyframes hint{0%,to{transform:scale(1)}50%{transform:scale(1.12);filter:brightness(1.3)}}@keyframes toast{0%{opacity:0;transform:translate(-50%,-40%) scale(.8)}25%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-62%) scale(1.06)}}@media(max-width:390px){.game-shell{gap:9px;padding-left:8px;padding-right:8px}.board-wrap{padding:5px;border-radius:20px}.board{gap:3px}.cell{border-radius:9px}.hud-card{padding:8px 5px}}