:root{--bg:#0f0c18;--bg2:#1a1230;--card:#211936;--card2:#2a2043;--line:#44345f;--text:#f7f2ff;--muted:#b7aacb;--gold:#ffd56b;--violet:#a678ff;--cyan:#67e8f9;--green:#69e6a6;--red:#ff7a90;--shadow:0 22px 60px rgba(0,0,0,.35)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:radial-gradient(900px 480px at 50% -10%,#3f2670 0%,transparent 65%),linear-gradient(180deg,var(--bg2),var(--bg));color:var(--text);font-family:Inter,"Segoe UI",system-ui,sans-serif}body{min-height:100dvh}.app{width:min(100%,620px);margin:auto;padding:14px 14px 34px}.topbar{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:5;padding:8px 0 12px;background:linear-gradient(180deg,rgba(15,12,24,.96),rgba(15,12,24,.72),transparent);backdrop-filter:blur(10px)}.brand{flex:1}.brand b{font-size:18px}.brand small{display:block;color:var(--muted);font-size:11px}.pill{border:1px solid var(--line);background:rgba(255,255,255,.05);padding:7px 9px;border-radius:999px;font-size:12px}.iconbtn{border:1px solid var(--line);background:var(--card);color:var(--text);width:38px;height:38px;border-radius:12px;font-size:17px;cursor:pointer}.hero{position:relative;overflow:hidden;border:1px solid #5b4381;background:linear-gradient(145deg,#352052,#201737 65%,#18223a);border-radius:24px;padding:24px 20px;box-shadow:var(--shadow);margin-bottom:14px}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%}.hero:before{width:190px;height:190px;background:radial-gradient(circle,rgba(166,120,255,.28),transparent 68%);right:-35px;top:-55px}.hero:after{width:130px;height:130px;background:radial-gradient(circle,rgba(103,232,249,.18),transparent 68%);left:-45px;bottom:-60px}.flask{font-size:56px;filter:drop-shadow(0 8px 18px rgba(103,232,249,.24))}.hero h1{margin:5px 0 2px;font-size:34px;letter-spacing:-1px}.hero p{margin:0;color:#d3c7e8;line-height:1.45;font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:10px;border-radius:14px;text-align:center}.stat b{display:block;font-size:18px;color:var(--gold)}.stat span{font-size:10px;color:#cfc3df}.sectionTitle{display:flex;justify-content:space-between;align-items:end;margin:18px 2px 9px}.sectionTitle h2{font-size:17px;margin:0}.sectionTitle span{font-size:11px;color:var(--muted)}.modegrid{display:grid;gap:10px}.mode{width:100%;border:1px solid var(--line);background:linear-gradient(145deg,var(--card2),var(--card));color:var(--text);border-radius:19px;padding:15px;text-align:left;cursor:pointer;display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;box-shadow:0 8px 24px rgba(0,0,0,.14)}.mode:hover{transform:translateY(-1px);border-color:#7056a1}.mode .emoji{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:28px;background:rgba(255,255,255,.07)}.mode h3{margin:0 0 3px;font-size:15px}.mode p{margin:0;color:var(--muted);font-size:12px;line-height:1.35}.mode .arrow{font-size:22px;color:#8f7bb1}.progress{height:7px;background:#171122;border-radius:999px;overflow:hidden;margin-top:8px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--cyan));border-radius:999px}.btn{border:0;background:linear-gradient(135deg,#9f70ff,#6942d8);color:#fff;border-radius:14px;padding:12px 16px;font-weight:800;cursor:pointer}.btn.secondary{background:#2b2144;border:1px solid var(--line)}.btn.good{background:linear-gradient(135deg,#35b978,#218b64)}.btn:disabled{opacity:.4}.panel{border:1px solid var(--line);background:linear-gradient(180deg,#241a3b,#171124);border-radius:22px;padding:16px;box-shadow:var(--shadow)}.row{display:flex;gap:9px;align-items:center}.grow{flex:1}.muted{color:var(--muted)}.screen{display:none}.screen.on{display:block}.levelHead{display:flex;align-items:center;gap:10px;margin:4px 0 12px}.levelHead h2{font-size:17px;margin:0}.levelHead small{color:var(--muted)}.goal{border:1px solid #564177;background:linear-gradient(135deg,#2c2147,#20172f);border-radius:18px;padding:14px;margin-bottom:12px}.goal .big{font-size:24px;font-weight:900;margin-top:3px}.goal small{color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tile{min-height:112px;border:1px solid #594471;background:linear-gradient(145deg,#37294c,#241b37);border-radius:18px;color:var(--text);padding:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.13s}.tile:hover{border-color:#9c7bd3;transform:translateY(-1px)}.tile.sel{outline:3px solid var(--cyan);border-color:transparent;box-shadow:0 0 28px rgba(103,232,249,.18)}.tile.empty{opacity:.12;pointer-events:none}.tile .e{font-size:34px}.tile .n{font-size:12px;margin-top:7px;text-align:center}.tile .tag{font-size:9px;color:#ad9dc7;margin-top:3px}.msg{min-height:44px;margin-top:10px;border-radius:13px;padding:10px 12px;background:rgba(255,255,255,.04);color:var(--muted);font-size:13px;line-height:1.35}.msg.good{background:rgba(105,230,166,.08);color:var(--green)}.msg.bad{background:rgba(255,122,144,.08);color:var(--red)}.stars{letter-spacing:2px;color:#5d506f}.stars .on{color:var(--gold);text-shadow:0 0 10px rgba(255,213,107,.35)}.levelmap{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.levelbtn{aspect-ratio:1;border:1px solid var(--line);background:#251c39;color:var(--text);border-radius:13px;font-weight:800;cursor:pointer;position:relative}.levelbtn.lock{opacity:.35}.levelbtn.done{border-color:#7960a4;background:#33264b}.levelbtn .mini{position:absolute;bottom:3px;left:0;right:0;font-size:7px;color:var(--gold);letter-spacing:-1px}.reward{display:grid;place-items:center;text-align:center;padding:22px 10px}.reward .orb{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;font-size:42px;background:radial-gradient(circle at 35% 30%,#fff8c9,#ffc85b 32%,#8b4ee8 70%,#2d1648);box-shadow:0 0 40px rgba(166,120,255,.4)}.reward h2{margin:14px 0 4px}.reward p{color:var(--muted);font-size:13px;line-height:1.5;max-width:400px}.footerNote{text-align:center;color:#756789;font-size:10px;margin-top:18px}.langSwitch{display:flex;gap:6px}.langSwitch button{border:1px solid var(--line);background:#211832;color:var(--muted);padding:6px 8px;border-radius:10px;cursor:pointer}.langSwitch button.on{color:#fff;border-color:#8a67c2;background:#35244f}@media(min-width:520px){.tiles{grid-template-columns:repeat(3,1fr)}.tile{min-height:116px}.modegrid{grid-template-columns:1fr 1fr}.mode:last-child{grid-column:1/-1}}@media(max-width:380px){.hero h1{font-size:29px}.stats{gap:5px}.stat{padding:8px 4px}.levelmap{gap:6px}.app{padding-left:10px;padding-right:10px}}