:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf6ff;background:#0b1020;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--app-height: 100dvh;--bottom-panel-height: 90px}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}body{min-height:100dvh;background:radial-gradient(circle at top,#183057 0,#0b1020 45%,#070912);overscroll-behavior:none}#app{position:relative;min-height:var(--app-height);height:var(--app-height);overflow:hidden}#app.app-is-busy #game-canvas{will-change:transform}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#hud-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud-root button,#hud-root [data-action],#hud-root .screen-layer{pointer-events:auto}.glass{border:1px solid rgba(144,204,255,.18);background:linear-gradient(180deg,#0d162cd1,#090d1cb3);box-shadow:0 18px 55px #00000047,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar{position:absolute;top:calc(10px + var(--safe-top));left:10px;right:10px;display:grid;grid-template-columns:minmax(120px,1fr) 1.7fr;gap:10px;align-items:center;padding:10px;border-radius:18px;z-index:20}.brand{display:flex;gap:10px;align-items:center;min-width:0}.brand-button{padding:0;border:0;color:inherit;background:transparent;box-shadow:none;text-align:left}.brand__logo{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:#4bd4ff21;font-size:21px}.brand b,.brand small{display:block;white-space:nowrap}.brand small{color:#9eb8d6;font-size:11px;margin-top:2px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.stats-grid span{padding:8px 7px;border-radius:12px;background:#ffffff0f;text-align:center;font-weight:700;font-size:12px;white-space:nowrap}.mob-card{position:absolute;top:calc(92px + var(--safe-top));left:18px;right:18px;max-width:450px;margin-inline:auto;border-radius:18px;padding:12px 14px;text-align:center;z-index:15}.mob-card b,.mob-card small{display:block}.mob-card small{color:#9eb8d6;font-size:12px;margin-top:3px}.mob-card__head{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left}.hpbar,.xpbar{overflow:hidden;border-radius:999px;background:#ffffff1a}.hpbar{height:9px;margin-top:10px}.hpbar i{display:block;height:100%;background:linear-gradient(90deg,#ff5050,#ffd36a);transition:width .18s ease}.screen-layer{position:absolute;inset:calc(108px + var(--safe-top)) 10px calc(96px + var(--safe-bottom));display:grid;align-items:center;justify-items:center;z-index:12;pointer-events:none;overflow:hidden}.view-farm .screen-layer,.view-boss .screen-layer{align-items:end;justify-items:end;padding-bottom:54px;pointer-events:auto}.view-inventory .screen-layer,.view-home .screen-layer,.view-profile .screen-layer,.view-arena .screen-layer,.view-settings .screen-layer{pointer-events:auto}.main-menu,.screen-card,.inventory-panel{width:min(720px,calc(100vw - 20px));max-height:100%;overflow:auto;border-radius:26px;padding:16px;pointer-events:auto}.main-menu{max-width:760px}.menu-hero{text-align:center;padding:6px 8px 12px}.menu-hero__badge{display:inline-flex;padding:5px 10px;border-radius:999px;background:#4bd4ff21;color:#9fe9ff;font-size:12px;font-weight:800;margin-bottom:8px}.menu-hero h1{margin:0;font-size:clamp(32px,9vw,58px);line-height:.95;letter-spacing:-.06em}.menu-hero p{max-width:560px;margin:12px auto 0;color:#c5d6ee;font-size:14px;line-height:1.45}.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0 12px}.quick-stats article,.profile-grid article,.settings-row,.placeholder-list article{border-radius:16px;padding:12px;background:#ffffff0f}.quick-stats small,.profile-grid small{display:block;color:#9eb8d6;font-size:11px;margin-bottom:4px}.quick-stats b,.profile-grid b{display:block;font-size:17px}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.menu-card{min-height:112px;display:grid;align-content:start;gap:5px;text-align:left;border-radius:20px;background:linear-gradient(180deg,#ffffff1f,#ffffff0d);transition:transform .16s ease,background .16s ease}.menu-card:active{transform:scale(.98)}.menu-card span{font-size:25px}.menu-card b{color:#fff}.menu-card small{color:#aec3df;line-height:1.3}.screen-card{max-width:460px}.farm-card,.boss-card{transition:transform .16s ease,opacity .16s ease}.screen-card__head,.inventory__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.screen-card__head b,.inventory__head b{display:block;font-size:20px}.screen-card__head small,.inventory__head small{display:block;color:#9eb8d6;font-size:12px;margin-top:2px}.screen-card p{color:#c5d6ee;line-height:1.45;margin:8px 0 12px}.pill{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;background:#4bd4ff21;color:#bcedff;font-size:12px;font-weight:800;white-space:nowrap}.pill.danger{background:#ff585829;color:#ffd0d0}.mob-preview-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0}.mob-preview-list article{min-width:0;padding:8px 6px;border-radius:16px;text-align:center;background:#ffffff0f}.mob-preview-list img{width:42px;height:42px;object-fit:contain;display:block;margin:0 auto 6px}.mob-preview-list span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce8f8;font-size:11px;font-weight:700}.boss-preview{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;margin:8px 0 14px}.boss-preview img{width:120px;height:120px;object-fit:contain;border-radius:22px;background:#ffffff0f}.boss-preview h2{margin:0 0 4px;font-size:24px}.boss-preview p{margin:6px 0}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.placeholder-list{display:grid;gap:8px;margin-top:12px}.placeholder-list article{display:flex;gap:12px;align-items:center}.placeholder-list b{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#ffffff1a}.settings-row{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:#cfe0f5}button{border:0;border-radius:14px;padding:12px 10px;color:#edf6ff;background:#ffffff1a;box-shadow:inset 0 1px #ffffff14;font-weight:800;cursor:pointer}button.primary{background:linear-gradient(135deg,#2fa8ff,#7b61ff)}button.danger-bg{background:linear-gradient(135deg,#ff4e66,#8d46ff)}button.wide{width:100%;min-height:48px}button:disabled{opacity:.5;cursor:wait}button b{color:inherit}.bottom-panel{position:absolute;left:10px;right:10px;bottom:calc(10px + var(--safe-bottom));padding:10px;border-radius:22px;z-index:25}.xp-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;color:#c7d8ee;font-size:12px;font-weight:700;margin-bottom:9px}.xpbar{height:8px}.xpbar i{display:block;height:100%;background:linear-gradient(90deg,#4bd4ff,#b46cff);transition:width .18s ease}.main-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.nav-button{min-width:0;padding:9px 5px;border-radius:15px;display:grid;gap:2px;justify-items:center;color:#cbdcf2}.nav-button span{font-size:18px;line-height:1}.nav-button b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.nav-button.is-active{background:linear-gradient(135deg,#2fa8fff2,#7b61fff2);color:#fff}.log{position:absolute;left:10px;bottom:calc(118px + var(--safe-bottom));width:min(360px,calc(100vw - 20px));max-height:142px;overflow:hidden;border-radius:18px;padding:10px 12px;color:#d9e6f8;font-size:12px;z-index:11}.view-home .log,.view-inventory .log,.view-profile .log,.view-arena .log,.view-settings .log{display:none}.log p{margin:0;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.06)}.log p:last-child{border-bottom:0}.reward-toast{position:absolute;left:50%;bottom:calc(118px + var(--safe-bottom));width:min(380px,calc(100vw - 20px));transform:translate(-50%);z-index:44;border-radius:20px;padding:12px;animation:reward-pop .26s ease both}.reward-toast__top{display:grid;grid-template-columns:34px 1fr 34px;gap:10px;align-items:center}.reward-toast__top>span{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:#ffd56a26;font-size:20px}.reward-toast__top b,.reward-toast__top small,.reward-drop small,.reward-drop b{display:block}.reward-toast__top small,.reward-drop small,.reward-muted{color:#aecaeb}.reward-toast__top button{width:34px;height:34px;padding:0;border-radius:12px;font-size:20px}.reward-drop{display:grid;grid-template-columns:46px 1fr;gap:10px;align-items:center;margin-top:10px;padding:9px;border-radius:15px;background:#ffffff12}.reward-drop img,.reward-drop>span{width:46px;height:46px;display:grid;place-items:center;object-fit:contain;border-radius:12px;background:#ffffff0f;font-size:24px}.reward-muted,.reward-bonus{margin:9px 2px 0;font-size:13px;font-weight:800}.reward-bonus{color:#ffdf7e}@keyframes reward-pop{0%{opacity:0;transform:translate(-50%) translateY(14px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.inventory-panel{max-width:720px;display:flex;flex-direction:column;gap:10px}.inventory__head button{width:38px;height:38px;padding:0;border-radius:12px;font-size:22px}.equipment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.equip-slot{padding:10px;border-radius:13px;background:#ffffff0f;min-height:56px}.equip-slot small,.equip-slot b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.equip-slot small{color:#9eb8d6;font-size:11px;margin-bottom:3px}.equip-slot b{font-size:12px}.items-list{overflow:auto;padding-right:2px;display:grid;gap:8px;max-height:44svh}.item-card{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:9px;border-radius:15px;background:#ffffff12;border-left:3px solid rgba(255,255,255,.22)}.item-card img{width:52px;height:52px;object-fit:contain;border-radius:13px;background:#ffffff0d}.item-card b,.item-card small{display:block}.item-card small{color:#a6bddb;font-size:11px;margin-top:2px}.item-card p{margin:4px 0 0;color:#d7e5f8;font-size:11px}.item-card button{padding:9px;font-size:12px}.rarity-common{border-left-color:#9ea7b3}.rarity-uncommon{border-left-color:#48dc87}.rarity-rare{border-left-color:#5f86ff}.rarity-epic{border-left-color:#b26cff}.rarity-legendary{border-left-color:#ffcf55}.rarity-boss{border-left-color:#ff6767}.muted{color:#9eb8d6;margin:8px}.view-farm.is-busy .screen-layer,.view-boss.is-busy .screen-layer{top:auto;bottom:calc(var(--bottom-panel-height) + 8px + var(--safe-bottom));height:auto;padding-bottom:0;align-items:end}.view-farm.is-busy .farm-card,.view-boss.is-busy .boss-card{max-width:390px;padding:12px}.view-farm.is-busy .farm-card p,.view-farm.is-busy .farm-card .mob-preview-list,.view-boss.is-busy .boss-card .boss-preview{display:none}.view-farm.is-busy .farm-card .screen-card__head,.view-boss.is-busy .boss-card .screen-card__head{margin-bottom:10px}@media (max-width: 680px){:root{--bottom-panel-height: 86px}.topbar{grid-template-columns:1fr;padding:10px;border-radius:20px}.brand small{display:none}.brand__logo{width:34px;height:34px;border-radius:12px;font-size:18px}.mob-card{top:calc(126px + var(--safe-top));padding:10px 12px}.screen-layer{inset:calc(106px + var(--safe-top)) 10px calc(90px + var(--safe-bottom));overflow-y:auto;scrollbar-width:none}.screen-layer::-webkit-scrollbar{display:none}.view-farm .screen-layer,.view-boss .screen-layer{align-items:end;justify-items:stretch;padding-bottom:54px}.main-menu,.screen-card,.inventory-panel{border-radius:22px;padding:12px}.screen-card{max-height:100%}.screen-card p{font-size:13px;line-height:1.35;margin:6px 0 10px}.mob-preview-list{gap:7px}.mob-preview-list article{padding:7px 5px;border-radius:14px}.mob-preview-list img{width:36px;height:36px;margin-bottom:5px}button.wide{min-height:46px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-stats{grid-template-columns:repeat(2,1fr)}.equipment{grid-template-columns:repeat(2,minmax(0,1fr))}.boss-preview{grid-template-columns:88px 1fr}.boss-preview img{width:88px;height:88px}.log{bottom:calc(112px + var(--safe-bottom));max-height:78px}.view-farm.is-busy .log,.view-boss.is-busy .log{display:none}}@media (max-width: 420px){:root{--bottom-panel-height: 82px}.topbar{left:8px;right:8px;top:calc(8px + var(--safe-top));padding:9px}.mob-card{left:10px;right:10px;top:calc(120px + var(--safe-top))}.mob-card__head{gap:8px}.mob-card b{font-size:15px}.mob-card small{font-size:11px}.hpbar{height:8px;margin-top:8px}.screen-layer{left:8px;right:8px;bottom:calc(86px + var(--safe-bottom))}.bottom-panel{left:8px;right:8px;bottom:calc(8px + var(--safe-bottom));padding:8px;border-radius:20px}.xp-row{margin-bottom:7px;gap:7px}.stats-grid span{font-size:11px;padding:7px 4px}.menu-card{min-height:104px;padding:10px}.menu-card small{font-size:11px}.mob-preview-list{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-grid{grid-template-columns:1fr}.nav-button b{font-size:10px}.item-card{grid-template-columns:46px 1fr}.item-card button{grid-column:1 / -1}}@media (max-height: 720px) and (max-width: 520px){.view-farm:not(.is-busy) .screen-layer,.view-boss:not(.is-busy) .screen-layer{align-items:end;padding-bottom:0}.view-farm:not(.is-busy) .farm-card p{display:none}.mob-preview-list{margin:8px 0}}@media (max-width: 680px){#app.app-is-busy #game-canvas{transform:translateY(-22px)}.view-farm.is-busy .farm-card,.view-boss.is-busy .boss-card{max-width:360px;padding:10px}.view-farm.is-busy .farm-card .screen-card__head,.view-boss.is-busy .boss-card .screen-card__head{margin-bottom:8px}.view-farm.is-busy .screen-card__head small,.view-boss.is-busy .screen-card__head small{display:none}}@media (max-width: 420px){#app.app-is-busy #game-canvas{transform:translateY(-32px)}.view-farm.is-busy .screen-layer,.view-boss.is-busy .screen-layer{bottom:calc(var(--bottom-panel-height) + 4px + var(--safe-bottom))}.view-farm.is-busy .farm-card,.view-boss.is-busy .boss-card{max-width:none;width:100%}}@media (max-width: 680px){.reward-toast{bottom:calc(var(--bottom-panel-height) + 18px + var(--safe-bottom));padding:10px}.reward-toast__top{grid-template-columns:30px 1fr 30px;gap:8px}.reward-toast__top>span,.reward-toast__top button{width:30px;height:30px}}.loading-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 12%,#2fa8ff2e,#070912eb 54%,#070912fa);transition:opacity .22s ease,transform .22s ease}.loading-screen.is-hidden{opacity:0;transform:scale(1.01);pointer-events:none}.loading-screen__card{width:min(360px,calc(100vw - 28px));border-radius:24px;padding:20px;text-align:center}.loading-screen__logo{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 12px;border-radius:18px;background:#4bd4ff24;font-size:30px}.loading-screen__card b{display:block;font-size:20px;margin-bottom:6px}.loading-screen__card span,.loading-screen__card small{display:block;color:#aac3e3;font-size:12px;line-height:1.35}.loading-screen__bar{height:10px;margin:14px 0 10px;overflow:hidden;border-radius:999px;background:#ffffff17}.loading-screen__bar i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4bd4ff,#b46cff);transition:width .18s ease}