*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#090b1b;color:#fff;overscroll-behavior:none}body{min-height:100dvh}button{font:inherit;color:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.45}#app{min-height:100dvh;background:radial-gradient(circle at 50% 25%,#211b50 0,#10132d 38%,#090b1b 75%);padding-top:env(safe-area-inset-top);padding-bottom:calc(74px + env(safe-area-inset-bottom));overflow:hidden}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;position:sticky;top:0;z-index:20;background:rgba(9,11,27,.78);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.05;letter-spacing:1.4px;font-weight:800}.brand b{font-size:15px}.brand-brain{font-size:28px}.balance-wrap{text-align:center}.balance{font-weight:900;font-size:20px;line-height:1.1}.income{color:#66f5bf;font-weight:800;font-size:11px;margin-top:3px}.icon-btn{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.08);font-size:20px}.screen{display:none;max-width:900px;margin:0 auto;padding:18px 14px}.screen.active{display:block}.event-pill{width:max-content;margin:0 auto 6px;padding:8px 14px;border-radius:99px;background:linear-gradient(90deg,#ff3fbc,#6d5cff);font-size:11px;font-weight:900;box-shadow:0 0 25px rgba(255,63,188,.35)}.hidden{display:none!important}.hero-stage{height:min(48vh,410px);min-height:280px;display:flex;align-items:center;justify-content:center;position:relative;touch-action:manipulation}.orb{position:absolute;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,#43e8ff55 0,#744dff22 45%,transparent 70%);filter:blur(2px)}.character{position:relative;width:180px;height:190px;border-radius:44% 56% 45% 55%;background:linear-gradient(145deg,#f4d6a0,#d68b45);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#29152c;box-shadow:0 24px 50px #0008,0 0 35px #f5bd5c44;transform-origin:center bottom;z-index:3;border:5px solid #fff2}.char-face{font-size:70px;line-height:1}.char-body{font-size:17px;font-weight:1000;letter-spacing:2px}.char-sub{font-size:11px;font-weight:900;letter-spacing:4px;opacity:.7}.ring{position:absolute;border:1px solid #61e9ff44;border-radius:50%;width:260px;height:260px}.ring-b{width:320px;height:320px;border-color:#ff55c433}.click-button{display:block;width:min(92%,420px);height:62px;margin:0 auto;border-radius:20px;background:linear-gradient(135deg,#9b5cff,#5b64ff);box-shadow:0 10px 30px #6c5cff55, inset 0 1px #fff5;font-weight:1000;font-size:20px;letter-spacing:1px}.click-button:active{transform:translateY(2px) scale(.985)}.combo{text-align:center;height:24px;color:#66f5bf;font-weight:1000;font-size:16px}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.quick-card,.menu-item{background:linear-gradient(145deg,#171b3b,#11142d);border:1px solid #ffffff12;border-radius:17px;padding:13px 10px;box-shadow:0 8px 20px #0002;text-align:left}.quick-card span{display:block;font-size:21px}.quick-card b,.menu-item b{display:block;font-size:12px;margin-top:7px}.quick-card small,.menu-item small{display:block;color:#858ba8;font-size:10px;margin-top:3px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.section-head small{color:#8c92b5;font-weight:900;letter-spacing:2px}.section-head h2{margin:3px 0 0;font-size:27px}.shards{color:#69e9ff;font-weight:900}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.card{background:linear-gradient(145deg,#191d40,#11142d);border:1px solid #ffffff10;border-radius:18px;padding:12px;min-height:155px;position:relative;overflow:hidden}.card .avatar{height:82px;display:flex;align-items:center;justify-content:center;font-size:48px}.card .name{font-weight:1000;font-size:13px}.rarity{font-size:9px;font-weight:900;letter-spacing:1px;margin-top:3px}.statline{display:flex;justify-content:space-between;color:#9298b9;font-size:9px;margin-top:7px}.locked{filter:grayscale(1);opacity:.55}.upgrade-list{display:grid;gap:10px}.upgrade{padding:15px;border-radius:18px;background:linear-gradient(145deg,#191d40,#11142d);border:1px solid #ffffff10}.upgrade-head{display:flex;justify-content:space-between}.upgrade h3{margin:0;font-size:14px}.level{color:#7f86aa;font-size:10px}.upgrade p{color:#8d93b1;font-size:11px;margin:7px 0 12px}.upgrade-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.upgrade button,.primary{padding:11px 15px;border-radius:12px;background:#695cff;font-weight:900;font-size:11px}.cost{font-size:12px;font-weight:900}.tabs{display:flex;gap:7px;margin-bottom:10px}.tab{flex:1;padding:10px;border-radius:12px;background:#151936;color:#858ba8;font-size:10px;font-weight:900}.tab.active{background:#665cff;color:#fff}.leader-card{background:#151936;border-radius:18px;padding:16px}.leader-row{display:flex;align-items:center;justify-content:space-between;padding:13px 5px;border-bottom:1px solid #ffffff0c}.leader-row:last-child{border-bottom:0}.rank{width:30px;font-weight:1000}.player{flex:1;font-size:12px}.score{font-weight:900}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.menu-item{min-height:120px;font-size:26px}.modal-backdrop{position:fixed;inset:0;background:#050611bb;backdrop-filter:blur(10px);z-index:100;display:flex;align-items:flex-end;justify-content:center}.modal{width:min(100%,560px);max-height:88dvh;overflow:auto;background:linear-gradient(145deg,#1b2045,#10132d);border:1px solid #ffffff15;border-radius:26px 26px 0 0;padding:22px 16px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px #0008}.modal h2{margin:0 0 8px}.modal p{color:#9ba1bf;font-size:12px}.modal-actions{display:flex;gap:9px;margin-top:15px}.modal-actions button{flex:1;padding:13px;border-radius:13px;background:#292e54;font-weight:900}.modal-actions .primary{background:#695cff}.toast{position:fixed;left:50%;top:90px;transform:translateX(-50%);z-index:200;background:#191e3e;border:1px solid #ffffff18;padding:11px 15px;border-radius:99px;font-size:12px;font-weight:900;box-shadow:0 10px 35px #0008;pointer-events:none}.float-text{position:fixed;z-index:80;pointer-events:none;font-weight:1000;color:#fff;font-size:20px;text-shadow:0 3px 15px #000}.critical-text{color:#ffe65b;font-size:28px}.bottom-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;padding:7px 8px calc(7px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:rgba(10,12,29,.92);backdrop-filter:blur(16px);border-top:1px solid #ffffff0c}.nav-item{background:transparent;color:#6f7698;padding:5px;border-radius:13px}.nav-item span{display:block;font-size:19px;line-height:20px}.nav-item small{font-size:9px;font-weight:800}.nav-item.active{color:#fff;background:#ffffff09}.loading{position:fixed;inset:0;background:#090b1b;z-index:1000;display:flex;align-items:center;justify-content:center;flex-direction:column}.loading h1{font-size:30px;line-height:.9;text-align:center;letter-spacing:3px}.loading h1 span{color:#7e67ff}.logo-mark{font-size:60px}.loadbar{width:220px;height:6px;background:#1d2142;border-radius:99px;overflow:hidden}.loadbar i{display:block;width:0;height:100%;background:linear-gradient(90deg,#69e9ff,#a65cff,#ff55bd);transition:width .2s}.loading small{color:#737a9c;margin-top:9px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #ffffff0c;font-size:13px}.toggle{width:52px;height:30px;border-radius:99px;background:#303554;padding:3px}.toggle i{display:block;width:24px;height:24px;border-radius:50%;background:#fff;transition:.2s}.toggle.on{background:#695cff}.toggle.on i{transform:translateX(22px)}.progress{height:7px;background:#282d50;border-radius:99px;overflow:hidden;margin-top:9px}.progress i{display:block;height:100%;background:#69e9ff}.reward-big{text-align:center;font-size:42px;font-weight:1000;margin:15px 0}.box{width:130px;height:110px;border-radius:18px;margin:15px auto;background:linear-gradient(145deg,#ffcf4a,#ff6c72);display:flex;align-items:center;justify-content:center;font-size:50px;box-shadow:0 0 50px #ffb13d55}.rarity-common{color:#bfc4d5}.rarity-uncommon{color:#6bf48f}.rarity-rare{color:#59b9ff}.rarity-epic{color:#c47cff}.rarity-legendary{color:#ffd65a}.rarity-mythic{color:#ff668e}.rarity-secret{color:#69f6ff}