*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101826;color:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}#app{position:fixed;inset:0;background:radial-gradient(circle at 20% 10%,#27456e 0,#111927 35%,#080d15 100%)}#game{position:absolute;inset:0;width:100%;height:100%;touch-action:none}#topbar{position:absolute;top:env(safe-area-inset-top,0);left:0;right:0;height:62px;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;pointer-events:none;z-index:5}.smallBtn,.stat{pointer-events:auto;background:rgba(8,13,21,.68);border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 30px rgba(0,0,0,.25);backdrop-filter:blur(10px);border-radius:18px;color:#fff}.smallBtn{width:44px;height:42px;font-size:18px}.stat{min-width:96px;text-align:center;padding:6px 12px}.stat span{display:block;font-size:11px;color:#aebdd0;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.stat b{font-size:18px}#hud{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0) + 16px);display:flex;gap:10px;justify-content:center;align-items:center;z-index:5;pointer-events:none}.hudBtn,.playBtn{pointer-events:auto;border:0;color:#fff;font-weight:900;letter-spacing:.02em;border-radius:20px;box-shadow:0 14px 30px rgba(0,0,0,.35);height:52px}.hudBtn{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);padding:0 16px}.playBtn{background:linear-gradient(135deg,#16d78d,#07a66a);padding:0 34px;font-size:17px}.panel{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:rgba(3,7,12,.55);backdrop-filter:blur(8px);z-index:10;padding:18px}.panel.show{display:flex}.card{width:min(430px,92vw);background:linear-gradient(180deg,rgba(27,39,58,.96),rgba(13,19,31,.98));border:1px solid rgba(255,255,255,.13);border-radius:30px;padding:26px;text-align:center;box-shadow:0 25px 80px rgba(0,0,0,.45)}.card.wide{width:min(640px,94vw)}.logo{margin:0 auto 12px;width:170px;height:150px;border-radius:38px;background:linear-gradient(145deg,#ffd24d,#ff7b31 48%,#db2f68);box-shadow:inset 0 -10px 0 rgba(0,0,0,.18),0 20px 50px rgba(255,126,45,.25);display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:40px;line-height:.85;font-weight:1000;color:#141414;text-shadow:0 2px 0 rgba(255,255,255,.35)}.logo span{font-size:27px}.sub{color:#d9e5f6;line-height:1.45;margin:10px 0 20px}.primary,.secondary{width:100%;height:54px;border-radius:18px;border:0;margin:7px 0;font-size:17px;font-weight:900;color:#fff}.primary{background:linear-gradient(135deg,#21df91,#06a267)}.secondary{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.14)}.tip{font-size:13px;color:#aebdd0;margin-top:14px;line-height:1.4}h2{margin:4px 0 12px}#levelGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:16px 0}.levelBtn{height:48px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.1);color:#fff;font-weight:900}.levelBtn.locked{opacity:.38}.levelBtn.current{background:linear-gradient(135deg,#ffcf43,#ff7b31);color:#1b1307}#toast{position:absolute;left:50%;top:78px;transform:translateX(-50%) translateY(-20px);opacity:0;background:rgba(0,0,0,.74);border:1px solid rgba(255,255,255,.13);padding:12px 16px;border-radius:18px;font-weight:800;z-index:20;transition:.25s}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-height:480px){#topbar{height:50px}.stat{padding:4px 10px}.smallBtn{height:38px}.hudBtn,.playBtn{height:44px}.card{padding:18px}.logo{width:120px;height:100px;font-size:28px;border-radius:26px}.logo span{font-size:20px}.sub{margin:6px 0 10px}.primary,.secondary{height:45px}}