:root{color-scheme:dark;--ink: #ffffff;--muted: #c6bcea;--dim: #9b90c9;--bg: #140b2e;--panel: rgba(30, 19, 62, .94);--panel-2: rgba(45, 29, 88, .9);--panel-3: rgba(255, 255, 255, .06);--line: rgba(255, 255, 255, .14);--gold: #ffd166;--gold-deep: #f0a92c;--pink: #ff4d8d;--cyan: #7ee8fa;--green: #a6ff7a;--orange: #ff8a4c;--violet: #b98bff;--danger: #ff5d75;--radius: 18px;--radius-sm: 12px;--shadow: 0 14px 34px rgba(0, 0, 0, .42);--shadow-sm: 0 6px 16px rgba(0, 0, 0, .3);--font: "Trebuchet MS", "Segoe UI", system-ui, -apple-system, sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none}#ui-root{position:fixed;inset:0;z-index:10;pointer-events:none}#ui-root button,#ui-root input,#ui-root [data-action]{font-family:inherit}h1,h2,h3,h4,p,ul,li{margin:0}ul{padding:0;list-style:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:0;border-radius:999px;font-size:15px;font-weight:800;letter-spacing:.02em;color:#fff;background:var(--panel-2);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;pointer-events:auto;white-space:nowrap}.btn svg{width:18px;height:18px}.btn:hover{filter:brightness(1.12)}.btn:active{transform:translateY(2px) scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.btn--primary{background:linear-gradient(180deg,#ffe08a,#f5a623);color:#3a2400;box-shadow:0 8px #b9721a,0 12px 24px #00000059}.btn--primary:active{box-shadow:0 3px #b9721a,0 6px 14px #00000059;transform:translateY(4px)}.btn--ghost{background:#ffffff1a;border:2px solid var(--line)}.btn--danger{background:linear-gradient(180deg,#ff7a90,#e02747);box-shadow:0 6px #97122c,0 10px 22px #00000059}.btn--muted{background:#ffffff14;color:var(--dim)}.btn--lg{padding:15px 28px;font-size:17px}.btn--xl{padding:18px 46px;font-size:22px;text-transform:uppercase;letter-spacing:.06em}.btn--small{padding:8px 14px;font-size:13px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:14px;background:#ffffff1a;color:#fff;cursor:pointer;pointer-events:auto;transition:background .15s ease,transform .12s ease}.icon-btn svg{width:22px;height:22px}.icon-btn:hover{background:#fff3}.icon-btn:active{transform:scale(.94)}.link-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:0;border-radius:999px;background:#ffffff14;color:var(--ink);font-size:14px;font-weight:700;cursor:pointer;pointer-events:auto;transition:background .15s ease,transform .12s ease}.link-btn svg{width:17px;height:17px;color:var(--gold)}.link-btn:hover{background:#ffffff29}.link-btn:active{transform:scale(.97)}.screen-layer{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;pointer-events:auto;-webkit-overflow-scrolling:touch}.screen{position:relative;min-height:100%;padding:calc(18px + var(--safe-t)) calc(18px + var(--safe-r)) calc(28px + var(--safe-b)) calc(18px + var(--safe-l));display:flex;flex-direction:column;background:radial-gradient(circle at 20% -10%,rgba(124,92,255,.5),transparent 55%),radial-gradient(circle at 90% 110%,rgba(255,138,76,.28),transparent 50%),linear-gradient(180deg,#0c061ec7,#0c061eeb);backdrop-filter:blur(3px)}.screen--title,.screen--menu{background:radial-gradient(circle at 50% 15%,rgba(124,92,255,.35),transparent 60%),linear-gradient(180deg,#0a051a8c,#0a051ad9 70%,#0a051af5)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:1180px;margin:0 auto}.topbar__right{display:flex;gap:8px}.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;flex:1}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;background:#ffffff1a;border:1.5px solid var(--line);font-size:13px;font-weight:800;white-space:nowrap}.chip svg{width:16px;height:16px}.chip--coin{color:var(--gold);background:#ffd16624;border-color:#ffd16666}.chip--coin b{color:#ffefa8}.chip--star{color:var(--pink);background:#ff4d8d24;border-color:#ff4d8d66}.chip--star b{color:#ffd3e2}.chip--rank,.chip--diff{color:var(--cyan);background:#7ee8fa1f;border-color:#7ee8fa66}.chip--xp{color:var(--violet);background:#b98bff29;border-color:#b98bff73}.screen--title{align-items:center;justify-content:center;text-align:center}.title-orb{position:absolute;border-radius:50%;filter:blur(10px);opacity:.5;animation:floatY 7s ease-in-out infinite}.title-orb--1{width:220px;height:220px;left:8%;top:14%;background:radial-gradient(circle,rgba(126,232,250,.6),transparent 70%)}.title-orb--2{width:300px;height:300px;right:4%;bottom:8%;background:radial-gradient(circle,rgba(255,138,76,.5),transparent 70%);animation-delay:1.6s}.title-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;padding:26px 22px;max-width:640px}.title-kicker{font-size:12px;letter-spacing:.28em;color:var(--cyan);font-weight:800}.game-logo{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;font-size:clamp(38px,9vw,76px);font-weight:900;line-height:.92;letter-spacing:.02em;text-shadow:0 6px 0 rgba(0,0,0,.35)}.game-logo .l1{color:var(--cyan)}.game-logo .l2{color:var(--gold)}.game-logo .l3{color:var(--orange)}.game-logo .l4{align-self:center;padding:3px 14px;border-radius:12px;background:var(--pink);font-size:.5em;color:#fff;box-shadow:0 5px #b81f57}.tagline{font-size:clamp(15px,3vw,20px);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:700}.title-actions{display:flex;flex-direction:column;gap:12px;align-items:center;margin-top:8px}.title-sub{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.title-meta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:16px;color:var(--dim);font-size:13px}.title-meta li{display:inline-flex;align-items:center;gap:6px}.title-meta svg{width:16px;height:16px;color:var(--gold)}.panel-body{width:100%;max-width:1180px;margin:0 auto;padding-top:18px;display:flex;flex-direction:column;gap:18px;flex:1}.section-head h2{font-size:clamp(24px,5vw,34px);font-weight:900;letter-spacing:.01em}.section-head p{margin-top:6px;color:var(--muted);font-size:14px}.screen-actions{position:sticky;bottom:0;z-index:5;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:auto;padding:16px 8px calc(10px + var(--safe-b));background:linear-gradient(180deg,#0c061e00,#0c061ee0 55%)}.panel-section h3{margin-bottom:10px;font-size:18px}.menu-body{width:100%;max-width:1100px;margin:0 auto;padding-top:16px;display:flex;flex-direction:column;gap:16px;flex:1}.menu-hero{display:flex;align-items:center;gap:16px;justify-content:space-between;flex-wrap:wrap}.menu-hero h2{font-size:clamp(22px,4vw,30px);font-weight:900}.menu-hero p{color:var(--muted);font-size:14px;margin-top:4px}.menu-progress{flex:1;min-width:180px;height:12px;border-radius:999px;background:#ffffff1f;overflow:hidden}.menu-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--gold),var(--orange))}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.mode-card{display:flex;align-items:center;gap:14px;padding:16px;border:2px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#462c8cd9,#221446e6);color:var(--ink);text-align:left;cursor:pointer;pointer-events:auto;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;box-shadow:var(--shadow-sm)}.mode-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.mode-card:active{transform:translateY(0) scale(.99)}.mode-card__icon{display:grid;place-items:center;width:54px;height:54px;flex:0 0 auto;border-radius:16px;background:#ffffff1f}.mode-card__icon svg{width:28px;height:28px}.mode-card__body{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.mode-card__title{font-size:18px;font-weight:900}.mode-card__desc{font-size:13px;color:var(--muted);line-height:1.35}.mode-card__foot{font-size:12px;font-weight:800;color:var(--gold);margin-top:2px}.mode-card__go{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:50%;background:#ffffff24}.mode-card__go svg{width:16px;height:16px}.mode-card--adventure .mode-card__icon{color:var(--green)}.mode-card--survival .mode-card__icon{color:var(--cyan)}.mode-card--math .mode-card__icon{color:var(--violet)}.mode-card--boss .mode-card__icon{color:var(--pink)}.mode-card--adventure{border-color:#a6ff7a59}.mode-card--survival{border-color:#7ee8fa59}.mode-card--math{border-color:#b98bff59}.mode-card--boss{border-color:#ff4d8d59}.daily-card{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--radius);border:2px dashed rgba(255,209,102,.5);background:#ffd1661a;color:var(--ink);cursor:pointer;pointer-events:auto;text-align:left;transition:transform .14s ease,background .14s ease}.daily-card:hover{background:#ffd1662e;transform:translateY(-2px)}.daily-card.is-done{border-style:solid;border-color:#a6ff7a80;background:#a6ff7a1f}.daily-card__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#ffffff1f;color:var(--gold);flex:0 0 auto}.daily-card__icon svg{width:24px;height:24px}.daily-card__body{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.daily-card__title{font-weight:900;font-size:16px}.daily-card__desc{font-size:13px;color:var(--muted)}.daily-card__streak{font-size:12px;font-weight:800;padding:6px 12px;border-radius:999px;background:#ff8a4c33;color:var(--orange)}.quick-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.hero-card{border-radius:var(--radius);border:2px solid var(--line);background:linear-gradient(180deg,#3a2474e6,#201342f2);overflow:hidden;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.hero-card:hover{transform:translateY(-3px)}.hero-card.is-active{border-color:var(--gold);box-shadow:0 0 0 3px #ffd16640,var(--shadow)}.hero-card.is-locked{filter:saturate(.6)}.hero-card__main{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:16px 14px;border:0;background:transparent;color:var(--ink);cursor:pointer;pointer-events:auto}.hero-card__portrait svg{display:block;width:96px;height:auto;filter:drop-shadow(0 8px 12px rgba(0,0,0,.4))}.hero-card__name{font-size:20px;font-weight:900}.hero-card__title{font-size:12px;color:var(--gold);letter-spacing:.12em;text-transform:uppercase}.hero-card__stats{width:100%;display:flex;flex-direction:column;gap:5px;margin-top:6px}.stat-row{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;font-size:11px;color:var(--muted);font-weight:800}.stat-row__bar{height:8px;border-radius:999px;background:#ffffff1f;overflow:hidden}.stat-row__bar i{display:block;height:100%;border-radius:inherit}.hero-card__badge{margin-top:8px;font-size:12px;font-weight:800;color:var(--dim)}.hero-card.is-active .hero-card__badge{color:var(--gold)}.hero-card__lock{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:8px 14px;border-radius:999px;background:#ffd16629;color:var(--gold);font-weight:900;font-size:14px}.hero-card__lock svg{width:16px;height:16px}.upgrade-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.upgrade-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);background:#ffffff0f;border:1.5px solid var(--line)}.upgrade-row__icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#ffd16629;color:var(--gold);flex:0 0 auto}.upgrade-row__icon svg{width:20px;height:20px}.upgrade-row__info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.upgrade-row__info b{font-size:15px}.upgrade-row__info small{color:var(--muted);font-size:12px}.pips{display:flex;gap:4px;margin-top:4px}.pips i{width:16px;height:6px;border-radius:999px;background:#ffffff26}.pips i.on{background:linear-gradient(90deg,var(--cyan),var(--gold))}.difficulty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.difficulty-card{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;padding:22px 18px;border-radius:var(--radius);border:2px solid var(--line);background:linear-gradient(180deg,#3a2474d9,#201342eb);color:var(--ink);cursor:pointer;pointer-events:auto;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.difficulty-card:hover{transform:translateY(-3px)}.difficulty-card.is-active{border-color:var(--cyan);box-shadow:0 0 0 3px #7ee8fa40,var(--shadow)}.difficulty-card__name{font-size:24px;font-weight:900}.difficulty-card__ages{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);font-weight:800}.difficulty-card__sample{margin:8px 0;padding:12px 22px;border-radius:14px;background:#ffffff1a;font-size:26px;font-weight:900;letter-spacing:.06em}.difficulty-card__tagline{font-size:13px;color:var(--muted)}.difficulty-card__ops{font-size:20px;letter-spacing:.3em;color:var(--gold);font-weight:900}.difficulty-card__time{font-size:12px;color:var(--dim)}.difficulty-card__check{margin-top:6px;font-size:12px;font-weight:900;color:var(--cyan)}.arena-sections{display:flex;flex-direction:column;gap:20px}.arena-section{padding:16px;border-radius:var(--radius);background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1.5px solid var(--line);border-left:6px solid var(--arena-accent, var(--gold))}.arena-section__head{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.arena-section__head h3{font-size:19px;font-weight:900}.arena-section__head p{font-size:13px;color:var(--muted);margin-top:3px}.arena-badge{flex:0 0 auto;padding:5px 10px;border-radius:999px;background:var(--arena-accent, var(--gold));color:#1a1030;font-size:11px;font-weight:900;letter-spacing:.1em}.level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.level-tile{position:relative;display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:var(--radius-sm);border:2px solid var(--line);background:#ffffff12;color:var(--ink);text-align:left;cursor:pointer;pointer-events:auto;transition:transform .13s ease,border-color .13s ease,background .13s ease}.level-tile:hover:not(:disabled){transform:translateY(-3px);border-color:var(--gold);background:#ffd1661f}.level-tile--boss{border-color:#ff4d8d80;background:linear-gradient(180deg,#ff4d8d29,#ff4d8d0d)}.level-tile.is-locked{opacity:.45;cursor:not-allowed}.level-tile__num{font-size:20px;font-weight:900;color:var(--gold)}.level-tile__name{font-size:14px;font-weight:800;line-height:1.2}.level-tile__obj{font-size:11px;color:var(--muted);font-weight:700}.level-tile__lock{position:absolute;top:8px;right:8px;color:var(--muted)}.level-tile__lock svg{width:16px;height:16px}.stars-row{display:inline-flex;gap:3px;margin-top:4px}.stars-row .star{display:inline-flex;width:16px;height:16px;color:#fff3}.stars-row .star svg{width:100%;height:100%}.stars-row .star--on{color:var(--gold);filter:drop-shadow(0 2px 4px rgba(255,209,102,.5))}.boss-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.boss-card{display:flex;flex-direction:column;gap:5px;padding:18px;border-radius:var(--radius);border:2px solid rgba(255,77,141,.4);background:linear-gradient(160deg,#5e1c4ad9,#22123aeb);color:var(--ink);text-align:left;cursor:pointer;pointer-events:auto;transition:transform .14s ease,box-shadow .14s ease}.boss-card:hover:not(:disabled){transform:translateY(-3px) scale(1.01);box-shadow:var(--shadow)}.boss-card.is-locked{opacity:.5;cursor:not-allowed}.boss-card__arena{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--pink)}.boss-card__name{font-size:22px;font-weight:900}.boss-card__title{font-size:12px;color:var(--muted)}.boss-card__meta{font-size:13px;color:var(--gold);font-weight:800;margin-top:6px}.boss-card__go{position:absolute}.daily-detail{display:flex;flex-direction:column;gap:2px;border-radius:var(--radius);overflow:hidden;border:1.5px solid var(--line)}.daily-detail__row{display:flex;justify-content:space-between;gap:14px;padding:14px 16px;background:#ffffff0d;font-size:14px}.daily-detail__row:nth-child(2n){background:#ffffff14}.daily-detail__row b{color:var(--gold)}.settings-card{padding:16px 18px;border-radius:var(--radius);background:#ffffff0f;border:1.5px solid var(--line);display:flex;flex-direction:column;gap:12px}.settings-card h3{display:flex;align-items:center;gap:8px;font-size:17px}.settings-card h3 svg{width:20px;height:20px;color:var(--gold)}.settings-card p{font-size:13px;color:var(--muted)}.settings-card--danger{border-color:#ff5d7573;background:#ff5d7514}.range-row{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:12px;font-size:14px;font-weight:700}.range-row--compact{grid-template-columns:auto 1fr auto;max-width:320px;margin:0 auto}input[type=range]{-webkit-appearance:none;appearance:none;height:10px;border-radius:999px;background:#ffffff29;outline:none;pointer-events:auto}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(180deg,#ffe08a,#f5a623);border:2px solid #fff;box-shadow:0 3px 8px #0006;cursor:pointer}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#f5a623;border:2px solid #fff;cursor:pointer}.range-value{min-width:48px;text-align:right;font-weight:800;color:var(--gold);font-size:13px}.seg-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px;font-weight:700}.seg-group{display:inline-flex;padding:4px;border-radius:999px;background:#ffffff14;gap:4px}.seg-btn{padding:8px 14px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:800;font-size:13px;cursor:pointer;pointer-events:auto;transition:background .15s ease,color .15s ease}.seg-btn.is-active{background:linear-gradient(180deg,#ffe08a,#f5a623);color:#3a2400}.toggle{width:58px;height:32px;border:0;border-radius:999px;background:#ffffff26;cursor:pointer;pointer-events:auto;position:relative;transition:background .15s ease}.toggle i{position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .18s ease}.toggle.is-on{background:linear-gradient(90deg,var(--cyan),var(--green))}.toggle.is-on i{transform:translate(26px)}.settings-foot{text-align:center;font-size:12px;color:var(--dim)}.howto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.howto-card{padding:16px 18px;border-radius:var(--radius);background:#ffffff0f;border:1.5px solid var(--line);display:flex;flex-direction:column;gap:10px}.howto-card--wide{grid-column:1 / -1}.howto-card h3{display:flex;align-items:center;gap:8px;font-size:17px}.howto-card h3 svg{width:20px;height:20px;color:var(--cyan)}.howto-card p{font-size:14px;color:var(--muted);line-height:1.5}.keys{display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--muted)}kbd{display:inline-block;padding:3px 8px;margin-right:4px;border-radius:7px;background:#ffffff24;border:1px solid var(--line);border-bottom-width:3px;font-family:inherit;font-size:12px;font-weight:800;color:#fff}.ach-list{display:flex;flex-direction:column;gap:8px}.ach-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);background:#ffffff0d;border:1.5px solid var(--line);opacity:.65}.ach-row.is-earned{opacity:1;border-color:#ffd16680;background:#ffd1661a}.ach-row__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#ffffff1a;color:var(--gold);flex:0 0 auto}.ach-row__icon svg{width:22px;height:22px}.ach-row__body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ach-row__body small{color:var(--muted);font-size:12px}.ach-row__reward{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:900;color:var(--gold);white-space:nowrap}.ach-row__reward svg{width:15px;height:15px}.hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-start}.hud.is-active{animation:hudIn .3s ease both}.hud__top{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) 0 calc(12px + var(--safe-l))}.hud-card--hero{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:18px;background:#120a289e;border:1.5px solid var(--line);backdrop-filter:blur(6px);max-width:340px}.hud-portrait svg{display:block;width:54px;height:auto}.hud-hero-info{display:flex;flex-direction:column;gap:5px;min-width:150px;flex:1}.hud-hero-name{display:flex;align-items:baseline;gap:8px;font-size:15px;font-weight:900}.hud-rank{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#9beeff;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.8)}.bar{position:relative;height:16px;border-radius:999px;background:#00000073;border:1.5px solid rgba(255,255,255,.2);overflow:hidden}.bar i{display:block;height:100%;width:100%;border-radius:inherit;transition:width .18s ease}.bar--health i{background:linear-gradient(90deg,#ff5f8f,#ff8a4c)}.bar--power{height:12px}.bar--power i{background:linear-gradient(90deg,#7ee8fa,#b98bff)}.bar--power.is-ready i{background:linear-gradient(90deg,#ffd166,#ff8a4c,#ffd166);background-size:200% 100%;animation:shimmer 1s linear infinite}.bar__label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;letter-spacing:.04em;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.6);color:#fff}.bar__label--power{font-size:10px;letter-spacing:.08em}.hud-objective{align-self:center;padding:10px 20px;border-radius:999px;background:#120a289e;border:1.5px solid var(--line);backdrop-filter:blur(6px);font-size:15px;font-weight:900;text-align:center;white-space:nowrap}.hud__right{display:flex;gap:8px;align-items:flex-start;justify-content:flex-end}.hud-chips{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.icon-btn--hud{width:46px;height:46px;background:#120a289e;border:1.5px solid var(--line);backdrop-filter:blur(6px)}.boss-bar{align-self:center;margin-top:12px;width:min(560px,82vw);padding:10px 14px;border-radius:16px;background:#120a28b8;border:2px solid rgba(255,77,141,.5);backdrop-filter:blur(6px)}.boss-bar.is-shielded{border-color:var(--cyan);box-shadow:0 0 20px #7ee8fa66}.boss-bar__head{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:900;margin-bottom:6px}.boss-bar__tag{font-size:11px;color:var(--cyan);letter-spacing:.1em}.boss-bar__track{height:14px;border-radius:999px;background:#00000080;overflow:hidden;border:1.5px solid rgba(255,255,255,.18)}.boss-bar__track i{display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,#ff4d6d,#ff8a4c);transition:width .2s ease}.combo-pop{position:absolute;left:50%;top:30%;transform:translate(-50%);font-size:clamp(24px,5vw,40px);font-weight:900;color:var(--gold);text-shadow:0 4px 0 rgba(0,0,0,.5);animation:popIn .25s ease both}.power-call{position:absolute;left:50%;bottom:calc(150px + var(--safe-b));transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:linear-gradient(90deg,#ffd166,#ff8a4c);color:#3a2400;font-weight:900;font-size:14px;box-shadow:0 0 24px #ffd16699;animation:pulse 1.2s ease-in-out infinite;white-space:nowrap}.power-call svg{width:18px;height:18px}.hud__bottom{display:none;align-items:flex-end;justify-content:space-between;margin-top:auto;padding:0 calc(18px + var(--safe-r)) calc(18px + var(--safe-b)) calc(18px + var(--safe-l))}.hud.is-touch .hud__bottom{display:flex}.joystick{position:relative;width:150px;height:150px;pointer-events:auto;touch-action:none;flex:0 0 auto}.joystick__base{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#ffffff1f,#ffffff0d);border:2px solid rgba(255,255,255,.28)}.joystick__knob{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#b9a7ea);box-shadow:0 6px 14px #0006;transition:transform .06s linear}.joystick.is-active .joystick__base{border-color:var(--gold)}.touch-actions{display:flex;align-items:flex-end;gap:12px;pointer-events:none}.game-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:82px;height:82px;border:2px solid rgba(255,255,255,.3);border-radius:50%;background:#180e34a8;color:#fff;font-size:11px;font-weight:900;pointer-events:auto;cursor:pointer;touch-action:none;backdrop-filter:blur(4px);transition:transform .08s ease,background .12s ease}.game-btn svg{width:26px;height:26px}.game-btn span{letter-spacing:.06em;text-transform:uppercase;font-size:10px}.game-btn.is-pressed,.game-btn:active{transform:scale(.92);background:#ffffff3d}.game-btn--small{width:66px;height:66px}.game-btn--small svg{width:20px;height:20px}.game-btn--jump{background:#7ee8fa38;border-color:#7ee8fa8c}.game-btn--attack{width:96px;height:96px;background:#ffd16638;border-color:#ffd16699}.game-btn--special{background:#b98bff38;border-color:#b98bff99}.game-btn--special.is-ready{background:linear-gradient(180deg,#ffd166,#ff8a4c);border-color:#fff;color:#3a2400;animation:pulse 1s ease-in-out infinite}.damage-flash{position:absolute;inset:0;background:radial-gradient(circle,transparent 45%,rgba(255,45,85,.5));opacity:0;pointer-events:none}.damage-flash.is-on{animation:damageFlash .35s ease-out}.overlay-layer{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding:calc(16px + var(--safe-t)) 16px calc(16px + var(--safe-b));pointer-events:auto}.overlay-layer.is-open{display:flex;background:#0a0518b8;backdrop-filter:blur(6px);animation:fadeIn .2s ease both;overflow-y:auto}.modal{width:min(560px,94vw);max-height:92vh;overflow-y:auto;padding:26px 24px;border-radius:24px;background:linear-gradient(180deg,#342068fa,#1c103afc);border:2px solid var(--line);box-shadow:var(--shadow);text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}.modal h2{font-size:clamp(24px,5vw,32px);font-weight:900}.modal p{color:var(--muted);font-size:14px}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}.modal-quick{margin-top:10px;width:100%}.modal--confirm{width:min(440px,94vw)}.result-badge{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;margin-bottom:4px}.result-badge svg{width:38px;height:38px}.result-badge--win{background:radial-gradient(circle,#ffe08a,#f5a623);color:#4a2c00;box-shadow:0 0 30px #ffd16699}.result-badge--lose{background:radial-gradient(circle,#ff8fa6,#d81f4a);color:#fff}.result-stars{margin:4px 0}.result-stars .stars-row .star{width:46px;height:46px}.result-rewards{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.result-table{width:100%;display:flex;flex-direction:column;gap:2px;border-radius:14px;overflow:hidden;margin-top:6px}.result-row{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;background:#ffffff0d;font-size:13px;color:var(--muted)}.result-row:nth-child(2n){background:#ffffff14}.result-row b{color:#fff}.result-achievements{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.ach-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#ffd16629;color:var(--gold);font-size:12px;font-weight:800}.ach-pill svg{width:15px;height:15px}.math-overlay{display:flex;align-items:center;justify-content:center;width:100%}.math-card{width:min(660px,96vw);padding:22px;border-radius:24px;background:linear-gradient(180deg,#3a2274fc,#1a0f36fc);border:3px solid var(--cyan);box-shadow:0 0 40px #7ee8fa59,var(--shadow);display:flex;flex-direction:column;gap:14px;animation:popIn .25s ease both}.math-overlay--challenge .math-card{border-color:var(--violet);box-shadow:0 0 40px #b98bff59,var(--shadow)}.math-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.math-title{font-size:13px;font-weight:900;letter-spacing:.2em;color:var(--cyan)}.math-overlay--challenge .math-title{color:var(--violet)}.math-streak{font-size:13px;font-weight:800;color:var(--gold)}.math-timer{position:relative;height:18px;border-radius:999px;background:#0006;overflow:hidden;border:1.5px solid rgba(255,255,255,.16)}.math-timer i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#7ee8fa,#b98bff);transition:width .1s linear}.math-timer span{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;font-weight:900}.math-question{text-align:center;font-size:clamp(38px,10vw,64px);font-weight:900;letter-spacing:.04em;text-shadow:0 5px 0 rgba(0,0,0,.35)}.math-answers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.answer-btn{padding:22px 10px;border:3px solid rgba(255,255,255,.24);border-radius:18px;background:#ffffff1a;color:#fff;font-size:clamp(24px,6vw,36px);font-weight:900;cursor:pointer;pointer-events:auto;transition:transform .1s ease,background .12s ease,border-color .12s ease;min-height:68px}.answer-btn:hover:not(:disabled){background:#fff3;transform:translateY(-2px)}.answer-btn:active:not(:disabled){transform:scale(.97)}.answer-btn.is-correct{background:linear-gradient(180deg,#a6ff7a,#46b33a);border-color:#fff;color:#10300a}.answer-btn.is-wrong{background:linear-gradient(180deg,#ff8fa6,#d81f4a);border-color:#fff}.math-feedback{min-height:22px;text-align:center;font-size:15px;font-weight:800}.math-feedback.is-good{color:var(--green)}.math-feedback.is-bad{color:#ff9db1}.math-hint{text-align:center;font-size:12px;color:var(--dim)}.rotate-layer{position:absolute;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:#0a0518f0;pointer-events:auto;text-align:center}.rotate-card{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:380px}.rotate-icon svg{width:72px;height:72px;color:var(--cyan);animation:rotateHint 2.4s ease-in-out infinite}.rotate-card h3{font-size:22px;font-weight:900}.rotate-card p{color:var(--muted);font-size:14px}.toast-layer{position:absolute;top:calc(12px + var(--safe-t));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;z-index:40;pointer-events:none;width:min(440px,92vw)}.toast{padding:11px 18px;border-radius:999px;background:#180e34f0;border:1.5px solid var(--line);font-size:13px;font-weight:800;text-align:center;box-shadow:var(--shadow-sm);animation:toastIn .25s ease both}.toast--good{border-color:#a6ff7a99;color:#dcffcd}.toast--warn{border-color:#ffd16699;color:#ffe9b0}.toast.is-out{animation:toastOut .35s ease both}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes shimmer{0%{background-position:0 0}to{background-position:200% 0}}@keyframes pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}}.game-btn--special.is-ready{animation:pulseScale 1s ease-in-out infinite}@keyframes pulseScale{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes hudIn{0%{opacity:0}to{opacity:1}}@keyframes damageFlash{0%{opacity:1}to{opacity:0}}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translateY(-8px)}}@keyframes rotateHint{0%,40%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}@media (max-width: 900px){.hud__top{grid-template-columns:1fr auto;grid-template-areas:"hero right" "objective objective";row-gap:8px}.hud-card--hero{grid-area:hero}.hud__right{grid-area:right}.hud-objective{grid-area:objective;font-size:13px}.hud-portrait svg{width:44px}.hud-hero-info{min-width:120px}.modal{padding:20px 16px}.screen{padding:calc(14px + var(--safe-t)) calc(14px + var(--safe-r)) calc(22px + var(--safe-b)) calc(14px + var(--safe-l))}}@media (max-width: 620px){.game-logo{gap:6px}.title-meta{font-size:12px}.mode-grid{grid-template-columns:1fr}.hero-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.level-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.chip{padding:6px 10px;font-size:12px}.answer-btn{padding:16px 8px;min-height:60px}.hud__bottom{padding:0 calc(10px + var(--safe-r)) calc(10px + var(--safe-b)) calc(10px + var(--safe-l))}.joystick{width:116px;height:116px}.joystick__knob{width:52px;height:52px;margin:-26px 0 0 -26px}.touch-actions{display:grid;grid-template-columns:repeat(2,76px);grid-template-areas:"jump attack" "dash special";gap:8px;justify-items:center;align-items:center}.game-btn,.game-btn--small,.game-btn--attack{width:76px;height:76px}.game-btn--jump{grid-area:jump}.game-btn--attack{grid-area:attack}.game-btn--small{grid-area:dash}.game-btn--special{grid-area:special}}@media (orientation: landscape) and (max-height: 520px){.hud__top{padding-top:calc(6px + var(--safe-t))}.hud-card--hero{padding:5px 10px 5px 6px}.hud-portrait svg{width:38px}.bar{height:13px}.hud-objective{padding:6px 14px;font-size:12px}.joystick{width:112px;height:112px}.joystick__knob{width:50px;height:50px;margin:-25px 0 0 -25px}.game-btn{width:62px;height:62px}.game-btn--attack{width:74px;height:74px}.game-btn span{display:none}.power-call{bottom:calc(96px + var(--safe-b));font-size:12px;padding:7px 14px}.hud__bottom{padding-bottom:calc(8px + var(--safe-b))}.boss-bar{width:min(420px,60vw);padding:6px 10px}.math-card{padding:14px;gap:8px}.math-question{font-size:clamp(28px,6vw,42px)}.answer-btn{padding:10px 8px;min-height:48px;font-size:clamp(20px,4vw,28px)}.modal{padding:16px;gap:8px}.result-stars .stars-row .star{width:32px;height:32px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.reduce-motion .title-orb,.reduce-motion .power-call,.reduce-motion .game-btn--special.is-ready,.reduce-motion .bar--power.is-ready i{animation:none!important}@media (pointer: coarse){.btn{min-height:46px}.seg-btn{min-height:38px}.level-tile{min-height:92px}}.btn:focus-visible,.icon-btn:focus-visible,.mode-card:focus-visible,.hero-card__main:focus-visible,.level-tile:focus-visible,.answer-btn:focus-visible,.link-btn:focus-visible,.seg-btn:focus-visible,.toggle:focus-visible,.daily-card:focus-visible,.boss-card:focus-visible,.difficulty-card:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}