*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{color:#fff;touch-action:none;background:#06060c;width:100%;height:100%;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#stage,#ui{position:fixed;inset:0}#ui{pointer-events:none}#ui .screen,#ui button{pointer-events:auto}.hud{padding:max(14px, env(safe-area-inset-top)) 16px 0;position:absolute;inset:0}.hud-top{justify-content:space-between;align-items:flex-start;display:flex}.lives,.gems{text-shadow:0 2px 8px #000;min-width:80px;font-size:22px;font-weight:800}.gems{text-align:right;color:#7dfcff}.timer{letter-spacing:1px;text-shadow:0 0 18px #50a0ffcc,0 3px #000;font-variant-numeric:tabular-nums;font-size:54px;font-weight:900;line-height:1}.timer.hot{color:#ffd23f;text-shadow:0 0 18px #ff7800e6,0 3px #000}.score{text-align:center;opacity:.85;font-variant-numeric:tabular-nums;margin-top:4px;font-size:18px;font-weight:800}.pop{text-align:center;color:#7dfcff;text-shadow:0 0 16px #00b3ff,0 3px #000;opacity:0;font-size:30px;font-weight:900;position:absolute;top:38%;left:0;right:0}.pop.on{animation:.9s ease-out pop}@keyframes pop{0%{opacity:0;transform:translateY(10px)scale(.6)}20%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:translateY(-40px)scale(1)}}.result .big{color:#ffd23f;font-size:30px;font-weight:900}.banner{text-align:center;text-shadow:0 0 20px #ff3fa4,0 3px #000;opacity:0;font-size:34px;font-weight:900;transition:opacity .2s,transform .2s;position:absolute;top:28%;left:0;right:0;transform:scale(.8)}.banner.on{opacity:1;transform:scale(1)}.jump{right:22px;bottom:max(28px, env(safe-area-inset-bottom));color:#fff;background:radial-gradient(circle at 40% 35%,#ff6fc0,#b0187a);border:3px solid #ffffffd9;border-radius:50%;width:96px;height:96px;font-size:17px;font-weight:900;position:absolute;box-shadow:0 0 24px #ff3fa499}.jump:active{transform:scale(.92)}.stick{background:#ffffff0f;border:2px solid #ffffff59;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;display:none;position:absolute}.stick i{background:#ffffffb3;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%}.hint{left:0;right:0;bottom:max(140px, calc(env(safe-area-inset-bottom) + 130px));text-align:center;opacity:.7;font-size:14px;position:absolute}.hurt{opacity:0;transition:opacity .3s;position:absolute;inset:0;box-shadow:inset 0 0 120px #ff1e3ce6}.hurt.on{opacity:1;transition:none}.screen{padding:24px 16px max(28px, env(safe-area-inset-bottom));background:linear-gradient(#06060cb3,#06060c00 30% 45%,#06060ceb 75%);flex-direction:column;justify-content:flex-end;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.title{top:max(40px, env(safe-area-inset-top));text-align:center;position:absolute;left:0;right:0}.title h1{letter-spacing:-1px;text-shadow:0 0 24px #2f7bff,0 4px #000;font-size:52px;font-weight:900;line-height:.9}.title h1 b{color:#ffd23f;text-shadow:0 0 30px #ff8a00,0 4px #000;font-size:76px;display:block}.title p{opacity:.8;margin-top:10px;font-size:15px}.chars{gap:10px;width:100%;max-width:420px;display:flex}.char{color:#fff;text-align:center;font:inherit;background:#ffffff0f;border:2px solid #ffffff26;border-radius:16px;flex:1;padding:12px 6px}.char.sel{border-color:var(--c);background:color-mix(in srgb, var(--c) 22%, transparent);box-shadow:0 0 20px color-mix(in srgb, var(--c) 50%, transparent)}.char .e{font-size:30px}.char .n{color:var(--c);margin-top:4px;font-size:15px;font-weight:900}.char .d{opacity:.8;margin-top:4px;font-size:11px;line-height:1.3}.play{color:#1a0f00;width:100%;max-width:420px;font:inherit;background:linear-gradient(#ffd23f,#ff8a00);border:0;border-radius:18px;padding:18px;font-size:24px;font-weight:900;box-shadow:0 6px #a35200,0 0 30px #ffa00080}.play:active{transform:translateY(4px);box-shadow:0 2px #a35200}.ghost{color:#fff;font:inherit;background:0 0;border:2px solid #ffffff4d;border-radius:14px;padding:12px 20px;font-weight:800}.worlds{gap:8px;width:100%;max-width:420px;display:flex}.world{color:#fff;font:inherit;background:#ffffff0f;border:2px solid #ffffff26;border-radius:14px;flex:1;padding:10px 6px;font-size:14px;font-weight:800}.world.sel{background:#ffd23f2e;border-color:#ffd23f}.world.locked{opacity:.45}.unlock{color:#ff8a00;text-shadow:0 0 18px #ff4d00,0 3px #000;font-weight:900;animation:.7s ease-out unlock;margin-top:14px!important;font-size:24px!important}.unlock small{color:#fff;opacity:.85;margin-top:2px;font-size:15px;display:block}@keyframes unlock{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}.result{text-align:center}.result h2{text-shadow:0 0 24px var(--c), 0 3px 0 #000;font-size:44px;font-weight:900}.result p{opacity:.9;margin-top:8px;font-size:18px}.foot{opacity:.5;font-size:12px}