:root{--navy:#062852;--deep:#021b42;--panel:#05305ef0;--panel-light:#0d5991eb;--cyan:#27caff;--cyan-light:#a5f1ff;--gold:#ffc94c;--coral:#ff7bac;--green:#4be27b;--white:#f7fdff;--shadow:0 8px 28px #000f386b;--outline:0 2px 0 #08254c, 2px 0 0 #08254c, 0 -2px 0 #08254c, -2px 0 0 #08254c}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{color:var(--white);background:#011a3d;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;overflow-x:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;filter:saturate(.25);opacity:.5}.game-shell{background:radial-gradient(circle at 50% -10%,#1bc8f1 0,#0875b9 25%,#043c79 64%,#021f50 100%);max-width:980px;min-height:100dvh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 90px #000}.game-shell:before,.game-shell:after{content:"";z-index:0;opacity:.32;pointer-events:none;filter:blur(20px);background:radial-gradient(#55e8ff59,#0000 65%);width:260px;height:600px;position:fixed}.game-shell:before{top:20%;left:0}.game-shell:after{top:5%;right:0}.screen{z-index:1;min-height:calc(100dvh - 162px);padding-bottom:105px;position:relative}.page-content,.home-content{padding:18px 18px 32px}.topbar{height:76px;padding:max(8px, env(safe-area-inset-top)) 14px 8px;z-index:20;background:linear-gradient(#001e4efa,#022b5be6);border-bottom:2px solid #28bdf0;grid-template-columns:minmax(160px,1fr) auto 44px 44px;align-items:center;gap:8px;display:grid;position:sticky;top:0;box-shadow:0 6px 18px #000d2f66}.player-chip{align-items:center;gap:9px;min-width:0;display:flex}.avatar{background:linear-gradient(#2ee2ff,#334bd1);border:3px solid #8df2ff;border-radius:50%;place-items:center;width:52px;height:52px;font-size:28px;display:grid;box-shadow:0 0 0 2px #063464}.player-chip div:last-child{min-width:0;display:grid}.player-chip b{white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.player-chip small{color:#ffd55f;font-weight:800}.currency-row{gap:7px;display:flex}.currency{background:#001b46b8;border:1px solid #3acfff;border-radius:17px;align-items:center;gap:7px;min-width:84px;height:34px;padding:0 10px 0 5px;display:flex;box-shadow:inset 0 1px #fff3}.currency span{font-size:22px}.currency b{font-size:14px}.icon-button{background:#073f7c;border:1px solid #4cdcff;border-radius:13px;width:42px;height:42px;font-size:20px}.bottom-nav{z-index:30;width:min(980px,100%);height:calc(82px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(#073c7b,#031c47);border-top:3px solid #37cfff;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -7px 24px #00143c73}.bottom-nav button{background:0 0;border:0;align-content:center;place-items:center;gap:1px;display:grid;position:relative}.bottom-nav button span{filter:drop-shadow(0 2px 1px #001735);font-size:27px}.bottom-nav small{font-size:11px;font-weight:900}.bottom-nav button.active{background:linear-gradient(#17c9ffcc,#0952a5b8);box-shadow:inset 0 0 0 2px #6ce9ff,0 0 28px #17caff}.bottom-nav button.active:before{content:"";background:#fff;border-radius:4px;width:48%;height:5px;position:absolute;top:-7px;box-shadow:0 0 10px #7affff}.section-title{text-align:center;margin:13px 0 17px}.section-title small,.eyebrow{color:#7cecff;letter-spacing:.12em;font-size:11px;font-weight:900}.section-title h2{color:#fff;text-shadow:var(--outline), 0 4px 0 #0b4b87;margin:2px 0 0;font-size:clamp(25px,5vw,39px);line-height:1}.subsection{color:#fff4b1;margin:22px 2px 10px}.primary-button,.secondary-button{border:2px solid;border-radius:16px;padding:13px 22px;font-weight:950;box-shadow:inset 0 2px #ffffff6b,0 5px #001d3e80}.primary-button{color:#573300;background:linear-gradient(#fff27b,#ffad21);border-color:#fff39a}.secondary-button{background:linear-gradient(#178eda,#0756a3);border-color:#66e9ff}.primary-button.compact{white-space:nowrap;padding:11px 17px}.text-button{color:#a8ebff;background:0 0;border:0;padding:11px;font-weight:800}.hero-banner{background-position:50% 23%;background-size:cover;border-bottom:3px solid #5cecff;flex-direction:column;justify-content:center;min-height:310px;margin:-18px -18px 14px;padding:52px 48% 20px 25px;display:flex;position:relative;overflow:hidden}.hero-banner h1{color:#fff;text-shadow:var(--outline), 0 5px 0 #0b4a88;margin:3px 0 11px;font-size:clamp(40px,7vw,65px);line-height:.9}.hero-banner h1 em{color:#ffd658;font-style:normal}.hero-banner p:not(.eyebrow){color:#d8f8ff;max-width:390px;margin:0;line-height:1.45}.hero-banner img{object-fit:contain;filter:drop-shadow(0 12px 14px #001537a6);max-width:54%;height:93%;animation:3s ease-in-out infinite float;position:absolute;bottom:-5%;right:1%}.stage-card,.afk-card,.formation-banner,.inventory-info{box-shadow:var(--shadow), inset 0 1px #fff3;background:linear-gradient(135deg,#0b5692f7,#02295bf7);border:2px solid #4fddff;border-radius:22px}.stage-card{justify-content:space-between;align-items:center;gap:12px;padding:17px 18px;display:flex}.stage-card small{color:#83ebff}.stage-card h3{margin:3px 0;font-size:20px}.stage-card p{margin:2px 0}.stage-card span{color:#ffd65a;font-size:12px;font-weight:800}.quick-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:13px 0;display:grid}.quick-grid button{background:#042f62db;border:1px solid #38bce9;border-radius:18px;align-content:center;justify-items:center;min-height:96px;display:grid}.quick-grid button span{font-size:27px}.quick-grid button b{font-size:13px}.quick-grid button small{color:#8edffc;font-size:9px}.afk-card{grid-template-columns:76px 1fr auto;align-items:center;gap:13px;padding:13px;display:grid}.afk-illustration{background:radial-gradient(circle,#ffdd5e,#7a3aa8 60%,#0000 64%);border-radius:50%;place-items:center;height:70px;font-size:28px;display:grid;position:relative}.afk-illustration span{font-size:27px;position:absolute}.afk-card h3{margin:2px 0 5px}.afk-card small{color:#73e5ff;font-size:9px}.afk-card button{color:#563900;background:#ffd144;border:1px solid #fff69b;border-radius:12px;padding:12px;font-weight:900}.reward-inline{color:#e8fbff;gap:9px;font-size:11px;display:flex}.team-showcase{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.team-showcase>div,.add-slot{background:linear-gradient(#0e64a08c,#042f6b);border:2px solid #36caf7;border-radius:16px;align-content:end;justify-items:center;min-height:130px;padding:5px;display:grid}.team-showcase img{object-fit:contain;width:100%;max-height:91px}.team-showcase b{font-size:11px}.team-showcase small{color:#80e9ff;font-size:9px}.add-slot{color:#74dcff;background:#0225538c;align-content:center;font-size:32px}.feature-pet{min-height:235px;box-shadow:var(--shadow);background:radial-gradient(circle at 26% 53%,#52e8ff80,#0000 29%),linear-gradient(135deg,#0d75b8,#07376f);border:2px solid #ffd460;border-radius:26px;grid-template-columns:minmax(180px,42%) 1fr;align-items:center;display:grid;overflow:hidden}.feature-pet>img{object-fit:contain;filter:drop-shadow(0 10px 8px #00153780);width:100%;max-height:230px}.feature-pet h2{margin:5px 0;font-size:28px}.feature-pet p{color:#bdecff;margin:5px 16px 14px 0}.rarity{color:#fff;text-shadow:0 2px #063363;background:#357dbf;border-radius:9px;padding:3px 9px;font-weight:950;display:inline-block}.rarity.SR{background:#a34fce}.rarity.SSR{color:#6c3500;background:linear-gradient(#fff08e,#ffad22)}.formation-banner{text-align:left;grid-template-columns:48px 1fr auto;align-items:center;width:100%;min-height:70px;margin:13px 0;padding:10px 17px;display:grid}.formation-banner>span{font-size:30px}.formation-banner div{display:grid}.formation-banner small{color:#82e4ff}.formation-banner strong{font-size:29px}.pet-grid{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.pet-grid button{background:linear-gradient(#0f73b9,#082d69);border:2px solid #389dd1;border-radius:15px;align-content:end;justify-items:center;min-width:0;min-height:153px;padding:6px;display:grid;position:relative;overflow:hidden}.pet-grid button.selected{border-color:#ffe05d;box-shadow:0 0 15px #ffd02e}.pet-grid button.locked{filter:grayscale(.75);opacity:.63}.pet-grid img{object-fit:contain;width:100%;height:102px}.pet-grid .rarity{padding:2px 5px;font-size:10px;position:absolute;top:5px;left:5px}.pet-grid b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.pet-grid small{color:#ffe16a;font-size:9px}.sub-header{z-index:12;text-align:center;background:#032755f5;border-bottom:2px solid #3fcfff;grid-template-columns:60px 1fr 60px;align-items:center;height:58px;display:grid;position:relative}.sub-header button{background:0 0;border:0;height:100%;font-size:38px}.sub-header h2{margin:0;font-size:21px}.pet-stage{text-align:center;align-content:end;justify-items:center;min-height:330px;padding-bottom:8px;display:grid;position:relative}.pet-stage .glow-ring{background:radial-gradient(circle,#7ef2ff73,#1ea1ff1f 50%,#0000 65%);border:2px solid #65e7ff47;border-radius:50%;width:270px;height:270px;animation:2.4s ease-in-out infinite pulse;position:absolute;top:25px}.pet-stage img{object-fit:contain;filter:drop-shadow(0 16px 11px #000f379e);max-width:78%;height:245px;animation:2.8s ease-in-out infinite float;position:relative}.pet-stage h1{text-shadow:var(--outline);margin:1px 0;font-size:32px}.pet-stage p{color:#9ceaff;margin:2px}.stat-panel{background:#27b5e2;border:2px solid #3bbbe9;border-radius:18px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.stat-panel div{background:#073b79;justify-content:space-between;padding:14px;display:flex}.stat-panel span{color:#9ce9ff}.stat-panel b{color:#fff6aa}.skill-panel{background:linear-gradient(130deg,#242b83,#0a3d79);border:2px solid #936fff;border-radius:18px;grid-template-columns:78px 1fr;align-items:center;gap:13px;margin:12px 0;padding:14px;display:grid}.skill-icon{background:radial-gradient(circle,#36e3ff,#2353c5 65%);border-radius:50%;place-items:center;width:70px;height:70px;font-size:34px;display:grid;box-shadow:0 0 15px #4ee8ff}.skill-panel small{color:#c6a8ff}.skill-panel h3{margin:2px 0}.skill-panel p{color:#c9efff;margin:3px 0;font-size:13px}.evolution-row{background:#063b79;border:2px solid #37bce7;border-radius:18px;padding:14px}.evolution-row>div:first-child{justify-content:space-between;display:flex}.evolution-track{justify-content:center;align-items:center;gap:16px;display:flex}.evolution-track img,.silhouette{object-fit:contain;width:90px;height:90px}.silhouette{color:#8cc8eb;background:#042654;border-radius:50%;place-items:center;font-size:42px;display:grid}.pet-growth-actions{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px;display:grid}.pet-growth-actions button{background:linear-gradient(#107fc1,#06447f);border:2px solid #4bdcff;border-radius:14px;place-items:center;min-height:66px;padding:8px 4px;font-weight:900;display:grid}.pet-growth-actions small{color:#b7edff;font-size:9px;display:block}.pet-growth-actions button:disabled{filter:grayscale(.8);opacity:.6}.upgrade-main{justify-content:center;gap:20px;width:100%;margin-top:13px;display:flex}.upgrade-main small{color:#744408}.formation-stage{background:radial-gradient(circle at 50% 34%,#4ce5ff73,#0000 32%);flex-direction:column;align-items:center;min-height:425px;padding-top:8px;display:flex;position:relative}.formation-stage .knight{object-fit:contain;filter:drop-shadow(0 14px 10px #000f378c);width:210px;height:210px}.formation-slots{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid}.formation-slots button,.formation-slots>div{background:linear-gradient(#1680c4,#062d68);border:2px solid #46d7ff;border-radius:18px;align-content:end;place-items:center;min-width:0;height:128px;padding:5px;display:grid}.formation-slots img{object-fit:contain;width:100%;height:93px}.formation-slots small{white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.formation-slots>div{color:#91eaff;align-content:center}.formation-slots>div span{font-size:28px}.formation-slots .locked-slot{filter:grayscale()}.power-banner{color:#ffdd69;background:#03295e;border:2px solid #ffce4d;border-radius:16px;margin-top:12px;padding:11px 25px}.power-banner b{font-size:22px}.pet-strip{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.pet-strip button{background:#073871;border:2px solid #238cc8;border-radius:14px;align-content:end;justify-items:center;min-width:0;height:130px;padding:4px;display:grid;position:relative}.pet-strip button.selected{border-color:#4cff8e;box-shadow:0 0 13px #39ff87}.pet-strip img{object-fit:contain;width:100%;height:91px}.pet-strip b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;overflow:hidden}.pet-strip small{color:#7be9ff;font-size:9px}.pet-strip i{background:#39dd69;border-radius:50%;width:23px;height:23px;font-style:normal;position:absolute;top:4px;right:4px}.sticky-action{width:100%;margin-top:15px}.battle-lobby{background-position:50%;background-size:cover;min-height:calc(100dvh - 162px);padding:10px 18px 30px}.lobby-scene{min-height:335px;position:relative}.lobby-knight{object-fit:contain;filter:drop-shadow(0 14px 12px #011c4d);width:240px;height:240px;margin:0 auto;animation:3s ease-in-out infinite float;display:block}.lobby-team{justify-content:center;align-items:end;gap:0;width:100%;display:flex;position:absolute;bottom:0;left:0}.lobby-team img{filter:drop-shadow(0 8px 6px #01173a);width:22%;max-width:145px}.stage-selector{text-align:center;min-height:92px;box-shadow:var(--shadow);background:#032f63ed;border:3px solid #ffdc60;border-radius:22px;grid-template-columns:50px 1fr 50px;align-items:center;display:grid}.stage-selector button{background:0 0;border:0;height:100%;font-size:40px}.stage-selector small{color:#76e7ff}.stage-selector h2{margin:2px}.stage-selector span{color:#ffd759;font-size:11px}.enemy-preview{text-align:center;background:#012049d6;border-radius:16px;margin:10px 0;padding:10px}.enemy-preview>small{color:#ffb5c7}.enemy-preview>div{justify-content:center;height:66px;display:flex}.enemy-preview img{object-fit:contain;width:66px}.lobby-actions{grid-template-columns:1fr 2fr;gap:10px;display:grid}.start-button{padding:9px;font-size:20px;display:grid}.start-button small{font-size:10px}.chapter-tabs{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.chapter-tabs button{background:#06366e;border:1px solid #31b7e6;border-radius:13px;padding:10px 3px;font-weight:900}.chapter-tabs button.active{background:#14a8e2;box-shadow:inset 0 0 0 2px #8ff4ff}.chapter-tabs small{font-size:9px;display:block}.map-path{background:radial-gradient(#1fc1e740,#0000 65%);flex-direction:column;justify-content:space-around;align-items:center;min-height:800px;padding:15px 0;display:flex}.map-path button{text-align:left;width:175px;min-height:74px;box-shadow:var(--shadow);background:linear-gradient(135deg,#0d76b9,#063068);border:2px solid #5edfff;border-radius:18px;grid-template-rows:1fr 1fr;grid-template-columns:52px 1fr;align-items:center;padding:5px;display:grid}.map-path button>span{background:#0953a0;border:2px solid #8cf3ff;border-radius:50%;grid-row:1/3;place-items:center;width:48px;height:48px;font-size:20px;display:grid}.map-path button.active{border-color:#ffdc62;box-shadow:0 0 22px #ffd23d}.map-path button.boss{border-color:#ff7293}.map-path b{font-size:12px}.map-path small{color:#ffdf68}.selected-stage{z-index:5;box-shadow:var(--shadow);background:#022959f7;border:2px solid #54dfff;border-radius:18px;justify-content:space-between;align-items:center;margin:0 -5px;padding:13px;display:flex;position:sticky;bottom:88px}.selected-stage div{display:grid}.selected-stage small{color:#71e5ff}.selected-stage span{color:#ffe176;font-size:10px}.shopkeeper{background:radial-gradient(circle at 20%,#ffc85a55,#0000 30%),linear-gradient(135deg,#165c93,#512c78);border:2px solid #ffcc59;border-radius:24px;align-items:center;min-height:125px;padding:13px 20px;display:flex}.otter{font-size:74px}.shopkeeper h3{margin:0;font-size:24px}.shopkeeper p{color:#c8efff;margin:4px 0}.shop-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.shop-grid article{text-align:center;min-height:190px;box-shadow:var(--shadow);background:linear-gradient(#0e7ebd,#063369);border:2px solid #42c9f0;border-radius:18px;padding:11px 7px}.shop-grid article.featured{background:linear-gradient(#6e44b0,#073870);border-color:#d879ff}.shop-grid article>span{font-size:48px}.shop-grid h3{margin:5px 0;font-size:14px}.shop-grid p{color:#a7e7fa;min-height:30px;margin:2px 0 10px;font-size:11px}.shop-grid button{color:#603b00;background:#ffc93b;border:1px solid #fff09b;border-radius:10px;padding:7px 9px;font-weight:900}.starter-pack{background:linear-gradient(135deg,#4c2189,#086eac);border:3px solid #ffd04d;border-radius:22px;grid-template-columns:1fr 44%;align-items:center;margin-top:13px;padding:16px;display:grid;position:relative;overflow:hidden}.starter-pack h2{color:#fff0a0;margin:2px 0}.starter-pack p{margin:4px 0 45px}.starter-pets{align-items:center;display:flex}.starter-pets img{width:48%;margin-left:-15%}.starter-pack>button{background:#cc62fa;border:2px solid #fff;border-radius:12px;padding:10px 24px;font-weight:900;position:absolute;bottom:14px;left:16px}.shop-note{text-align:center;color:#7fdff8;font-size:11px}.inventory-tabs{gap:7px;padding-bottom:10px;display:flex;overflow-x:auto}.inventory-tabs button{background:#063a76;border:1px solid #3fc8ee;border-radius:12px;flex:1;min-width:90px;padding:10px}.inventory-tabs button.active{color:#5b3700;background:#ffcb48}.inventory-grid{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.inventory-grid article,.empty-item{aspect-ratio:1;background:#07437f;border:2px solid #3da7d8;border-radius:14px;align-content:center;place-items:center;display:grid;position:relative}.inventory-grid article.rare{border-color:#b469f1}.inventory-grid article.epic{border-color:#ffc643;box-shadow:0 0 10px #e7a423}.inventory-grid article>span{font-size:38px}.inventory-grid article b{text-align:center;font-size:9px}.inventory-grid article small{position:absolute;bottom:4px;right:6px}.empty-item{opacity:.32}.inventory-info{align-items:center;gap:15px;margin-top:15px;padding:14px;display:flex}.inventory-info>span{font-size:40px}.inventory-info h3,.inventory-info p{margin:2px}.inventory-info p{color:#9ce9ff;font-size:12px}.talent-hero{background:radial-gradient(circle at 25%,#3ee6ff55,#0000 35%),linear-gradient(135deg,#0e63aa,#29247a);border:2px solid #ffcc59;border-radius:22px;align-items:center;min-height:170px;padding:8px 22px;display:flex}.talent-hero img{object-fit:contain;width:170px;height:170px}.talent-hero small{color:#8deaff}.talent-hero h2{margin:4px 0}.talent-hero p{color:#ffe16d}.talent-tree{padding:25px 0;position:relative}.talent-tree:before{content:"";background:linear-gradient(#4fe5ff,#b66aff);width:5px;position:absolute;top:0;bottom:0;left:49px;box-shadow:0 0 12px #75dcff}.talent-tree article{border:2px solid var(--node);background:#07366f;border-radius:18px;grid-template-columns:78px 1fr auto;align-items:center;gap:8px;min-height:110px;margin-bottom:12px;padding:10px;display:grid;position:relative}.talent-orb{z-index:1;background:radial-gradient(circle,#32dafa,var(--node));width:70px;height:70px;box-shadow:0 0 18px var(--node);border:4px solid #b8f7ff;border-radius:50%;place-items:center;font-size:34px;display:grid}.talent-tree h3{margin:0}.talent-tree h3 small{color:#77e4ff}.talent-tree p{color:#addff1;font-size:11px}.talent-tree button{color:#5c3a00;background:#ffc93e;border:1px solid #ffec9c;border-radius:10px;padding:9px;font-weight:900}.afk-page{text-align:center}.treasure-art{background:radial-gradient(circle,#ffdc6d 0,#86409c 32%,#095392 66%,#0000 67%);border-radius:40px;align-content:center;place-items:center;min-height:280px;font-size:73px;display:grid}.treasure-art span{font-size:90px}.treasure-art div{letter-spacing:-9px;font-size:35px}.afk-time{background:#063b78;border:2px solid #4ad9fc;border-radius:18px;width:min(420px,85%);margin:-15px auto 13px;padding:14px;position:relative}.afk-time small{color:#7eeaff}.afk-time h2{color:#8df181;margin:2px;font-size:38px}.afk-time p{margin:0}.afk-rewards{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.afk-rewards article{background:#073a76;border:2px solid #39bfe8;border-radius:18px;align-content:center;place-items:center;min-height:120px;display:grid}.afk-rewards span{font-size:36px}.afk-rewards b{font-size:20px}.afk-rewards small{color:#8ee7ff}.primary-button.giant{width:100%;margin-top:15px;font-size:22px}.combat-screen{z-index:100;background-position:50%;background-size:cover;position:fixed;inset:0;overflow:hidden}.combat-screen:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 50px #00265c4d}.battle-canvas{position:absolute;inset:0}.combat-top{z-index:4;top:max(10px,env(safe-area-inset-top));grid-template-columns:46px 46px 1fr 70px;align-items:center;gap:6px;height:58px;display:grid;position:absolute;left:9px;right:9px}.combat-top>button,.timer{background:#032a58e6;border:2px solid #72e9ff;border-radius:13px;place-items:center;height:44px;font-weight:900;display:grid}.wave-info{text-align:center;background:#022b58e6;border:2px solid #56dcff;border-radius:14px;padding:6px 14px}.wave-info b,.wave-info span{display:block}.wave-info span{color:#ffda5c;font-size:11px}.xp-bar{z-index:4;top:calc(max(10px,env(safe-area-inset-top)) + 64px);background:#082b5e;border:2px solid #062858;border-radius:12px;height:18px;position:absolute;left:12%;right:12%;overflow:hidden}.xp-bar span{background:linear-gradient(90deg,#ffc235,#fff06b);height:100%;transition:width .2s;display:block}.xp-bar b{text-align:center;font-size:11px;position:absolute;inset:-1px}.ultimate-button{z-index:5;right:12px;bottom:calc(70px + env(safe-area-inset-bottom));background:radial-gradient(circle,#2269c8,#062c68);border:3px solid #76eaff;border-radius:50%;width:66px;height:66px;position:absolute;box-shadow:0 0 15px #38c9ff}.ultimate-button span{font-size:29px;display:block}.ultimate-button small{font-size:10px}.ultimate-button.ready{border-color:#fff67c;animation:.8s infinite pulse;box-shadow:0 0 26px #ffe652}.castle-health{z-index:5;left:15px;right:95px;bottom:calc(18px + env(safe-area-inset-bottom));align-items:center;gap:8px;height:46px;display:flex;position:absolute}.castle-health>span{font-size:33px}.castle-health>div{background:#351b32;border:4px solid #062956;border-radius:16px;flex:1;height:27px;position:relative;overflow:hidden}.castle-health i{background:linear-gradient(#66f284,#21bd5d);height:100%;transition:width .2s;display:block}.castle-health b{text-shadow:0 2px #043318;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.upgrade-overlay,.pause-overlay{z-index:20;backdrop-filter:blur(5px);background:#011133c9;flex-direction:column;justify-content:center;padding:20px;display:flex;position:absolute;inset:0}.upgrade-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.upgrade-options button{border:3px solid var(--accent);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 37%,#17346e),#061e51);min-height:240px;box-shadow:0 0 22px color-mix(in srgb,var(--accent) 55%,transparent);border-radius:22px;padding:15px 10px}.upgrade-options button>span{background:#ffffff24;border:3px solid #fff;border-radius:50%;place-items:center;width:74px;height:74px;margin:0 auto 12px;font-size:39px;display:grid}.upgrade-options b{font-size:16px}.upgrade-options p{color:#c7efff;min-height:45px;font-size:12px}.upgrade-options small{color:#ffe56e}.pause-overlay{text-align:center;align-items:center}.pause-overlay h2{margin:0;font-size:43px}.pause-overlay .primary-button{width:min(320px,100%)}.result-screen{min-height:100dvh;padding:max(26px,env(safe-area-inset-top)) 18px calc(26px + env(safe-area-inset-bottom));text-align:center;background-position:50%;background-size:cover}.result-crown{font-size:70px;animation:.55s ease-out pop}.result-screen>p{color:#c5f1ff}.result-team{justify-content:center;align-items:end;height:135px;display:flex}.result-team img{object-fit:contain;width:21%;max-width:130px;max-height:130px}.reward-panel,.damage-panel{background:#032b59ed;border:2px solid #45d3f9;border-radius:18px;margin-top:10px;padding:12px}.reward-panel h3,.damage-panel h3{color:#ffdd67;margin:0 0 9px}.reward-panel>div{justify-content:center;gap:10px;display:flex}.reward-panel article{background:#072f67;border:1px solid #399bcf;border-radius:12px;place-items:center;width:90px;padding:7px;display:grid}.reward-panel span{font-size:28px}.reward-panel small{color:#8ce7ff}.damage-panel>div{text-align:left;grid-template-columns:34px 135px 1fr 58px;align-items:center;gap:7px;min-height:37px;display:grid}.damage-panel img{object-fit:contain;width:32px;height:32px}.damage-panel span{font-size:11px}.damage-panel i{background:#031c45;border-radius:4px;height:8px;overflow:hidden}.damage-panel em{background:linear-gradient(90deg,#4fe17b,#3fc8ff);height:100%;display:block}.damage-panel b{text-align:right;font-size:11px}.result-actions{justify-content:center;gap:8px;margin-top:13px;display:flex}.result-actions button{flex:1;padding-inline:8px}.auth-screen{background-position:50%;background-size:cover;grid-template-columns:1.2fr 1fr;align-items:center;min-height:100dvh;padding:5vw;display:grid}.auth-logo span{font-size:70px}.auth-logo h1{color:#fff;text-shadow:var(--outline),0 7px 0 #0b559a;margin:5px 0;font-size:clamp(54px,8vw,96px);line-height:.86}.auth-logo p{color:#b7f2ff;font-size:18px}.auth-panel,.settings-panel{width:100%;max-width:430px;box-shadow:var(--shadow);background:#03234ef0;border:2px solid #52dcff;border-radius:24px;justify-self:end;padding:24px}.segmented{background:#021d46;border-radius:14px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.segmented button{background:0 0;border:0;border-radius:10px;padding:10px}.segmented button.active{background:#168fd1}.auth-panel label{color:#9eeaff;gap:5px;margin:15px 0;display:grid}.auth-panel input{color:#fff;background:#041f4c;border:1px solid #36aee1;border-radius:12px;outline:none;width:100%;padding:13px}.auth-panel input:focus{box-shadow:0 0 0 3px #3dd7ff40}.auth-panel .primary-button,.auth-panel .text-button{width:100%}.form-message{color:#ffe476;font-size:12px}.loading-screen{color:#a9f0ff;background:radial-gradient(circle,#0c79ba,#022354);align-content:center;place-items:center;min-height:100dvh;display:grid}.pearl-loader{font-size:62px;animation:1s infinite pulse}.modal-backdrop{z-index:200;backdrop-filter:blur(6px);background:#000c26bf;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.settings-panel{justify-self:center}.settings-panel h2{margin-top:0}.settings-panel label{border-bottom:1px solid #216aa3;justify-content:space-between;padding:13px 0;display:flex}.settings-panel input{width:22px;height:22px}.settings-panel button{width:100%;margin-top:9px}.sync-status{color:#8ee7ff;background:#04285c;border-radius:10px;padding:11px;font-size:12px}.toast{z-index:300;color:#613800;max-width:calc(100% - 30px);box-shadow:var(--shadow);background:#ffcf4b;border:2px solid #ffe87e;border-radius:16px;padding:12px 20px;font-weight:900;animation:.25s ease-out pop;position:fixed;bottom:105px;left:50%;transform:translate(-50%)}@keyframes float{50%{transform:translateY(-8px)}}@keyframes pulse{50%{filter:brightness(1.15);transform:scale(1.06)}}@keyframes pop{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.reduced-effects *{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=720px){.game-shell{max-width:100%}.topbar{grid-template-columns:minmax(118px,1fr) auto 38px;height:69px;padding-inline:8px}.topbar>.icon-button:first-of-type{display:none}.topbar .icon-button{width:37px;height:37px}.avatar{width:42px;height:42px;font-size:22px}.player-chip b{font-size:13px}.player-chip small{font-size:9px}.currency-row{gap:3px}.currency{gap:2px;min-width:57px;height:29px;padding:0 6px 0 2px}.currency span{font-size:16px}.currency b{font-size:10px}.screen{min-height:calc(100dvh - 151px)}.page-content,.home-content{padding:12px 10px 26px}.hero-banner{min-height:272px;margin:-12px -10px 11px;padding:42px 47% 15px 17px}.hero-banner h1{font-size:38px}.hero-banner p:not(.eyebrow){font-size:11px}.hero-banner img{max-width:59%;height:88%;right:-4%}.stage-card{padding:12px}.stage-card h3{font-size:15px}.stage-card p,.stage-card span{font-size:10px}.stage-card .compact{padding:9px 11px;font-size:12px}.afk-card{grid-template-columns:57px 1fr}.afk-illustration{width:54px;height:54px}.afk-card button{grid-column:1/3}.reward-inline{gap:5px;font-size:9px}.team-showcase{gap:5px}.team-showcase>div,.add-slot{border-radius:11px;min-height:104px}.team-showcase img{max-height:72px}.team-showcase b{font-size:8px}.pet-grid{grid-template-columns:repeat(3,1fr);gap:7px}.feature-pet{grid-template-columns:43% 1fr;min-height:200px}.feature-pet h2{font-size:20px}.feature-pet p{font-size:11px}.feature-pet>img{max-height:194px}.pet-strip{grid-template-columns:repeat(3,1fr)}.formation-stage{min-height:365px}.formation-stage .knight{width:175px;height:175px}.formation-slots{gap:4px}.formation-slots button,.formation-slots>div{border-radius:12px;height:105px}.formation-slots img{height:73px}.formation-slots small{font-size:7px}.lobby-scene{min-height:300px}.lobby-knight{width:210px;height:210px}.lobby-team img{width:25%}.stage-selector h2{font-size:16px}.enemy-preview{margin-block:7px}.lobby-actions{grid-template-columns:1fr 1.65fr}.shop-grid{grid-template-columns:repeat(2,1fr)}.starter-pack{grid-template-columns:1fr 36%}.starter-pack h2{font-size:18px}.starter-pack p{font-size:10px}.inventory-grid{grid-template-columns:repeat(4,1fr)}.inventory-grid article>span{font-size:29px}.talent-hero{padding:5px}.talent-hero img{width:130px;height:130px}.talent-hero h2{font-size:18px}.talent-tree article{grid-template-columns:68px 1fr auto}.talent-tree button{padding:7px 4px;font-size:10px}.upgrade-options{gap:5px}.upgrade-options button{min-height:215px;padding:12px 5px}.upgrade-options button>span{width:58px;height:58px;font-size:31px}.upgrade-options b{font-size:12px}.upgrade-options p{font-size:9px}.combat-top{grid-template-columns:42px 42px 1fr 58px}.wave-info{padding-inline:3px}.wave-info b,.timer{font-size:11px}.damage-panel>div{grid-template-columns:30px 90px 1fr 48px}.result-screen{padding-inline:10px}.result-team{height:100px}.result-team img{max-height:100px}.result-crown{font-size:48px}.result-screen .section-title h2{font-size:32px}.auth-screen{grid-template-columns:1fr;align-content:center;padding:20px}.auth-logo{text-align:center}.auth-logo span{font-size:48px}.auth-logo h1{font-size:50px}.auth-logo p{font-size:12px}.auth-panel{justify-self:center;padding:18px}}@media (width>=981px){body{background:radial-gradient(circle at top,#075a91,#011432 70%) fixed}}