@import"https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&display=swap";:root{font-family:Kanit,system-ui,sans-serif;color:#26333b;background:#75d5eb;font-synthesis:none;--cream: rgba(255, 253, 247, .94);--cream-solid: #fffdf7;--ink: #3e403d;--muted: #7a817e;--cyan: #20bec7;--cyan-dark: #078d99;--orange: #ff7c4f;--orange-dark: #d95332;--shadow: 0 8px 24px rgba(44, 68, 77, .2), inset 0 1px 0 rgba(255, 255, 255, .9)}*{box-sizing:border-box}html,body,#game-shell{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}button:active{transform:translateY(2px) scale(.98)}#game-shell{position:relative;background:linear-gradient(#74d3eb,#dff6fb)}#world{display:block;width:100%;height:100%;touch-action:none;outline:0}.hidden{display:none!important}.glass{background:var(--cream);border:2px solid rgba(255,255,255,.9);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.loading-screen{position:absolute;inset:0;z-index:50;display:grid;place-content:center;justify-items:center;color:#fff;text-align:center;background:radial-gradient(circle at 50% 42%,#78e2ee,#2a91bf 80%);transition:opacity .55s ease}.loading-screen.done{opacity:0;pointer-events:none}.loading-screen img{width:118px;border-radius:28px;box-shadow:0 14px 45px #0c4d6959}.loading-screen h1{margin:18px 0 0;font-size:clamp(30px,5vw,54px);letter-spacing:.02em;text-shadow:0 4px 0 rgba(19,90,119,.25)}.loading-screen h1 span{font-weight:400;font-size:.68em}.loading-screen p{margin:2px 0 16px;opacity:.9}.loading-track{width:min(310px,64vw);height:10px;padding:2px;border-radius:20px;background:#ffffff40}.loading-track i{display:block;width:8%;height:100%;border-radius:inherit;background:#fff;transition:width .3s}.hud,.battle-hud{position:absolute;inset:0;z-index:5;pointer-events:none;padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.hud button,.battle-hud button{pointer-events:auto;border:0;cursor:pointer}.topbar{display:flex;align-items:flex-start;gap:12px}.profile-card{min-width:260px;height:66px;border-radius:34px;display:flex;align-items:center;gap:12px;padding:6px 19px 6px 7px;text-align:left}.profile-card strong{display:block;font-size:21px;line-height:1}.profile-card small{color:var(--muted);font-size:12px}.level-badge{display:grid;place-items:center;width:52px;aspect-ratio:1;border-radius:50%;color:#fff;font-size:25px;font-weight:700;background:linear-gradient(#38d5d9,#08a5b6);border:4px solid white;box-shadow:0 3px 8px #00788c47}.builder-card{height:58px;padding:6px 15px 6px 7px;border-radius:30px;display:flex;align-items:center;gap:9px;font-size:18px}.builder-face{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#d4f1e8;font-size:28px}.resources{display:flex;gap:9px;margin-left:auto}.resource{min-width:145px;height:54px;border-radius:28px;display:flex;align-items:center;gap:8px;padding:6px 7px 6px 13px}.resource>span{font-size:25px}.resource strong{font-size:19px;flex:1;text-align:center}.resource i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;font-style:normal;font-size:23px;background:var(--cyan)}.tool-rail{position:absolute;right:max(16px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);width:78px;padding:8px;border-radius:38px;display:grid;gap:5px}.tool-rail button{position:relative;height:68px;border-radius:25px;background:transparent;display:grid;place-content:center;justify-items:center}.tool-rail button:hover{background:#fff}.tool-rail span{font-size:30px;line-height:1}.tool-rail small{font-size:11px;font-weight:600}.tool-rail i{position:absolute;right:12px;top:10px;width:10px;height:10px;border-radius:50%;background:#bcc6c9;border:2px solid white}.tool-rail i.online{background:#36ca77}.tool-rail b{position:absolute;right:7px;top:5px;min-width:20px;height:20px;padding:0 4px;display:grid;place-items:center;border-radius:12px;color:#fff;font-size:10px;background:linear-gradient(#ffb343,#ff713e);border:2px solid white}.hint{position:absolute;left:50%;top:86px;transform:translate(-50%);border-radius:20px;padding:8px 17px;color:#55717a;font-size:12px;animation:hint-hide .5s 7s forwards}@keyframes hint-hide{to{opacity:0;transform:translate(-50%,-8px)}}.selection-card{position:absolute;left:50%;bottom:18px;transform:translate(-50%);width:min(610px,55vw);min-height:136px;border-radius:32px;padding:16px 20px;display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:15px;pointer-events:auto}.selection-icon{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;font-size:39px;background:linear-gradient(145deg,#d9fbf5,#c8e9ff)}.selection-card h3{margin:0;font-size:22px}.selection-card p{margin:2px 0 7px;font-size:12px;color:var(--muted)}.level-track{width:100%;height:8px;border-radius:8px;overflow:hidden;background:#dde1df}.level-track i{display:block;height:100%;background:linear-gradient(90deg,#1cc3c4,#56dbd0)}.upgrade-button{min-width:145px;min-height:72px;padding:9px 18px;color:#fff;border-radius:23px;background:linear-gradient(#29d4d1,#0ba7b2);box-shadow:0 7px #087985,0 12px 20px #00788233;font-size:19px;font-weight:700}.upgrade-button small{display:block;font-size:11px;color:#e8ffff}.upgrade-button:disabled{filter:grayscale(.7);opacity:.7}.battle-button{position:absolute;right:max(25px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));height:83px;padding:0 33px;border-radius:34px;color:#fff;font-weight:700;font-size:25px;background:linear-gradient(#ff8a5e,#f26743);border:3px solid #ffb290!important;box-shadow:0 8px #cd4d31,0 14px 25px #84372447}.battle-button span{font-size:29px}.collect-button{position:absolute;left:max(20px,env(safe-area-inset-left));bottom:max(25px,env(safe-area-inset-bottom));border-radius:25px;min-width:162px;padding:10px 16px;display:grid;grid-template-columns:32px 1fr;text-align:left;align-items:center}.collect-button span{grid-row:1 / 3;font-size:25px}.collect-button strong{font-size:14px}.collect-button small{color:var(--cyan-dark);font-size:11px}.sheet-backdrop{position:absolute;inset:0;z-index:15;background:#162f3840;backdrop-filter:blur(3px)}.sheet{position:absolute;z-index:16;right:18px;top:18px;bottom:18px;width:min(510px,calc(100vw - 36px));padding:21px;background:#f9f7f0;border:2px solid white;border-radius:34px;box-shadow:0 22px 60px #162f3859;overflow:hidden;display:grid;grid-template-rows:auto auto 1fr}.sheet>header{display:flex;justify-content:space-between;align-items:center}.sheet>header small{color:var(--cyan-dark);font-weight:600}.sheet h2{margin:-2px 0 5px;font-size:30px}.sheet>header button{border:0;border-radius:50%;width:44px;height:44px;font-size:30px;background:#fff;box-shadow:0 4px 14px #1e2d301f}#sheet-tabs{display:flex;gap:8px;overflow-x:auto;padding:10px 1px 13px;scrollbar-width:none}#sheet-tabs button{border:0;border-radius:18px;padding:9px 16px;white-space:nowrap;color:#657177;background:#e9e8e3}#sheet-tabs button.active{color:#fff;background:var(--cyan);box-shadow:0 4px 10px #0096a033}.sheet-content{overflow-y:auto;padding-right:3px}.shop-card{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:12px;margin:0 0 10px;padding:12px;border-radius:22px;background:#fff;box-shadow:0 4px 15px #27393f14}.shop-card>span{width:59px;height:59px;display:grid;place-items:center;border-radius:17px;font-size:33px;background:#e5f7f3}.shop-card h3{margin:0;font-size:17px}.shop-card p{margin:1px 0;font-size:11px;color:var(--muted)}.shop-card b{font-size:12px;color:var(--cyan-dark)}.shop-card button{border:0;border-radius:17px;min-width:92px;padding:10px 12px;color:#fff;font-weight:600;background:linear-gradient(#36d3cf,#12aab3);box-shadow:0 4px #07838c}.shop-card button.orange{background:linear-gradient(#ff9367,#f16c46);box-shadow:0 4px #c94e30}.shop-card button:disabled{opacity:.55;filter:grayscale(.5)}.section-note{padding:13px 15px;margin-bottom:11px;border-radius:18px;background:#dff5f3;color:#34747a;font-size:12px}.friend-code{padding:18px;border-radius:24px;text-align:center;color:#fff;background:linear-gradient(135deg,#17b6c2,#4bd0c3)}.friend-code small{display:block;opacity:.85}.friend-code strong{font-size:32px;letter-spacing:.12em}.friend-form{display:flex;gap:8px;margin:12px 0}.friend-form input{min-width:0;flex:1;border:2px solid #d8e2df;border-radius:17px;padding:12px 14px;text-transform:uppercase}.friend-form button{border:0;border-radius:17px;padding:0 18px;color:#fff;background:var(--orange)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:16px 4px;border-bottom:1px solid #e5e5df}.settings-row>button{border:0;border-radius:14px;padding:8px 14px;color:#286d73;background:#dff5f3;font-weight:700}.asset-status{margin:13px 0;padding:15px;border-radius:21px;color:#355b64;background:linear-gradient(145deg,#e8fbf8,#e5f0ff)}.asset-status header{display:flex;align-items:center;justify-content:space-between}.asset-status header b{padding:5px 9px;border-radius:10px;color:#fff;background:#20b9bd;font-size:11px}.asset-status p{margin:4px 0 10px;color:#628088;font-size:11px}.asset-status>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.asset-status span{display:flex;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:10px;background:#ffffffb8;font-size:9px}.asset-status span b{overflow:hidden;text-overflow:ellipsis}.asset-status span em{color:#159ba0;font-style:normal;font-weight:700}.danger-button{width:100%;margin-top:18px;border:0;border-radius:17px;padding:12px;color:#bf4e40;background:#ffe7e2}.summon-banner{position:relative;overflow:hidden;min-height:190px;margin-bottom:13px;padding:23px;border-radius:28px;color:#fff;background:radial-gradient(circle at 78% 40%,rgba(255,239,148,.75),transparent 23%),linear-gradient(135deg,#40378d,#7d53df 48%,#2bc3d1);box-shadow:0 12px 28px #44359140}.summon-banner:before,.summon-banner:after{content:"";position:absolute;border:2px solid rgba(255,255,255,.27);border-radius:50%;animation:portal-spin 11s linear infinite}.summon-banner:before{width:150px;height:150px;right:19px;top:18px;border-style:dashed}.summon-banner:after{width:105px;height:105px;right:42px;top:41px;animation-direction:reverse}@keyframes portal-spin{to{transform:rotate(360deg)}}.summon-banner small{color:#d8d3ff;letter-spacing:.12em}.summon-banner h3{margin:2px 0;font-size:27px}.summon-banner p{width:62%;margin:0;color:#e9e7ff;font-size:12px}.odds-row{display:flex;gap:6px;margin:15px 0 12px}.odds-row span{padding:5px 9px;border-radius:10px;font-size:10px;font-weight:700;background:#ffffff24}.summon-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.summon-actions button{min-height:64px;border:0;border-radius:20px;color:#fff;font-weight:700;background:linear-gradient(#34d9d4,#12aeb9);box-shadow:0 5px #087c86}.summon-actions button.ten{background:linear-gradient(#ffb54c,#f4763f);box-shadow:0 5px #bd4e2d}.summon-actions button small{display:block;font-size:10px;opacity:.9}.pity-box{margin:12px 0;padding:11px 14px;border-radius:17px;color:#625383;background:#eee8ff;font-size:11px}.rarity-key{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.rarity-key span{padding:8px 4px;border-radius:12px;text-align:center;color:#fff;font-size:11px;font-weight:700}.roster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hero-card{position:relative;overflow:hidden;min-height:145px;border-radius:22px;padding:13px;color:#fff;background:linear-gradient(145deg,var(--rarity),#273d50 76%);box-shadow:0 6px 15px #22334126}.hero-card.locked{color:#7f898d;background:linear-gradient(145deg,#d8dedd,#aeb9bb);filter:saturate(.2)}.hero-card .hero-icon{font-size:39px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.2))}.hero-card em{position:absolute;right:10px;top:9px;padding:3px 7px;border-radius:9px;font-style:normal;font-weight:700;background:#fff3}.hero-card h4{margin:4px 0 0;font-size:15px;line-height:1.1}.hero-card p{margin:2px 0 9px;opacity:.8;font-size:10px}.hero-card footer{display:flex;align-items:center;justify-content:space-between;font-size:10px}.hero-card button{border:1px solid rgba(255,255,255,.5);border-radius:10px;padding:5px 8px;color:inherit;background:#ffffff2b}.active-chip{display:inline-block;padding:3px 7px;border-radius:9px;color:#174d50;background:#9bf5e6;font-size:9px;font-weight:700}.summon-result{position:absolute;inset:0;z-index:48;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#7462da 0,#273269 47%,#101a3c)}.summon-sky{position:absolute;inset:0;animation:reveal-bg 1s ease both}.summon-sky i{position:absolute;left:50%;top:50%;width:120vmax;height:2px;background:linear-gradient(90deg,transparent,white,transparent);transform-origin:center;animation:ray-spin 7s linear infinite;opacity:.32}.summon-sky i:nth-child(2){transform:rotate(60deg);animation-direction:reverse}.summon-sky i:nth-child(3){transform:rotate(120deg)}@keyframes ray-spin{to{transform:rotate(360deg)}}@keyframes reveal-bg{0%{opacity:0}}.summon-result-card{z-index:2;width:min(780px,calc(100vw - 30px));max-height:calc(100vh - 30px);overflow-y:auto;padding:25px;border-radius:36px;text-align:center}.summon-result-card>small{letter-spacing:.15em;color:#7366b0}.summon-result-card h2{margin:0 0 13px;font-size:32px}.summon-reveals{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.reveal-card{--rarity:#8fa3ad;width:150px;min-height:190px;padding:17px 10px;border-radius:24px;color:#fff;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.55),transparent 28%),linear-gradient(155deg,var(--rarity),#24364a 78%);border:3px solid rgba(255,255,255,.75);box-shadow:0 13px 27px #1518364d;animation:reveal-pop .65s cubic-bezier(.2,1.4,.4,1) both}.reveal-card:nth-child(2){animation-delay:.08s}.reveal-card:nth-child(3){animation-delay:.16s}.reveal-card:nth-child(4){animation-delay:.24s}.reveal-card:nth-child(5){animation-delay:.32s}@keyframes reveal-pop{0%{opacity:0;transform:translateY(50px) scale(.5) rotateY(90deg)}}.reveal-card>span{display:block;font-size:58px}.reveal-card em{display:inline-block;padding:2px 8px;border-radius:10px;font-style:normal;font-weight:700;background:#fff3}.reveal-card h3{margin:6px 0 0;font-size:15px}.reveal-card p{margin:2px 0;font-size:10px;opacity:.8}.summon-reveals.many{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%}.summon-reveals.many .reveal-card{width:auto;min-height:142px;padding:10px 7px;border-radius:19px}.summon-reveals.many .reveal-card>span{font-size:38px}.summon-reveals.many .reveal-card h3{font-size:12px}.summon-reveals.many .reveal-card p,.summon-reveals.many .reveal-card small{font-size:9px}.summon-result-card>button{margin-top:17px;border:0;border-radius:20px;padding:12px 28px;color:#fff;font-weight:700;background:linear-gradient(#35d8d3,#10a9b3);box-shadow:0 5px #087780}.tutorial{position:absolute;z-index:25;left:max(18px,env(safe-area-inset-left));bottom:max(17px,env(safe-area-inset-bottom));width:min(520px,calc(100vw - 36px));display:grid;grid-template-columns:92px 1fr;pointer-events:auto;filter:drop-shadow(0 18px 32px rgba(27,49,57,.3))}.tutorial-mascot{position:relative;display:grid;align-content:end;justify-items:center}.tutorial-mascot span{position:relative;z-index:2;font-size:73px;transform-origin:bottom;animation:mascot-bob 1.7s ease-in-out infinite}.tutorial-mascot i{position:absolute;bottom:3px;width:78px;height:24px;border-radius:50%;background:#1e4b5440}@keyframes mascot-bob{50%{transform:translateY(-5px) rotate(-2deg)}}.tutorial-copy{position:relative;padding:16px 18px;border:2px solid white;border-radius:27px 27px 27px 7px;background:#fffdf7f7;box-shadow:var(--shadow)}.tutorial-copy small{color:var(--cyan-dark);font-weight:600}.tutorial-copy h3{margin:0;font-size:21px}.tutorial-copy p{margin:3px 0 9px;color:#667479;font-size:12px;line-height:1.55}.tutorial-copy footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.tutorial-copy footer button{border:0;border-radius:15px;padding:9px 14px}#tutorial-skip{color:#869194;background:transparent;font-size:10px}#tutorial-action{margin-left:auto;color:#fff;font-weight:700;background:linear-gradient(#ff9b61,#f36e43);box-shadow:0 4px #c75032}.tutorial-reward{display:inline-block;margin-bottom:7px;padding:5px 9px;border-radius:11px;color:#8a6321;background:#fff2c9;font-size:10px}.tutorial-focus{position:relative;z-index:28!important;animation:tutorial-pulse 1s ease-in-out infinite!important;outline:4px solid rgba(255,222,85,.9)!important;outline-offset:3px}@keyframes tutorial-pulse{50%{outline-color:#5ef4e7f2;box-shadow:0 0 0 9px #ffde552b,0 0 26px #ffda5480!important}}.battle-top{display:flex;align-items:flex-start;gap:10px}.round-button{width:55px;height:55px;border-radius:50%;font-size:26px;background:var(--cream-solid);box-shadow:var(--shadow)}.enemy-card,.battle-timer,.battle-score{min-height:56px;border-radius:22px;padding:8px 18px;display:grid}.enemy-card small,.battle-timer small{color:var(--muted);font-size:11px}.enemy-card strong{font-size:17px}.battle-timer{margin-left:auto;text-align:center;min-width:120px}.battle-timer strong{font-size:21px}.battle-score{min-width:130px;text-align:center}.battle-score span{color:#f3b628;letter-spacing:3px}.battle-score strong{font-size:18px}.battle-tip{position:absolute;top:85px;left:50%;transform:translate(-50%);padding:8px 17px;border-radius:18px;font-size:12px}.troop-dock{position:absolute;bottom:max(17px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:9px;padding:9px;border-radius:27px}.troop-button{position:relative;width:84px;min-height:82px;border-radius:20px;background:#e9f5f3;display:grid;place-items:center}.troop-button.selected{background:#bdf2ed;outline:4px solid #22c3c2;transform:translateY(-8px)}.troop-button>span{font-size:31px;line-height:1}.troop-button small{font-size:10px}.troop-button b{position:absolute;right:-4px;top:-4px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#fff;background:#45525a}.stamp-button{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));width:145px;min-height:74px;padding:8px 12px;border-radius:25px;color:#fff;background:linear-gradient(135deg,#5575dd,#52c5d2);box-shadow:0 7px #3c649e;display:grid;grid-template-columns:42px 1fr;text-align:left}.stamp-button>span{grid-row:1/3;font-size:31px}.stamp-button strong{font-size:13px}.stamp-button small{font-size:11px}.stamp-button:disabled{filter:grayscale(.8);opacity:.65}.result{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:#132a3473;backdrop-filter:blur(8px)}.result-card{width:min(480px,calc(100vw - 32px));padding:29px;border-radius:38px;text-align:center}.result-card>small{color:var(--muted)}.result-card h2{margin:0;color:var(--orange-dark);font-size:37px}.result-marks{color:#f4b827;font-size:48px;letter-spacing:8px;text-shadow:0 3px 0 #c4821c}.result-card>strong{display:block;font-size:31px}.result-card p{color:#5f6e73}.result-card button{border:0;border-radius:23px;padding:13px 34px;color:#fff;font-weight:700;font-size:19px;background:linear-gradient(#31d4d0,#10a8b2);box-shadow:0 6px #087b84}.toast{position:absolute;z-index:60;left:50%;top:92px;transform:translate(-50%);color:#fff;background:#21323aeb;border-radius:20px;padding:10px 19px;box-shadow:0 8px 25px #0003;animation:toast-in .25s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}@media(max-width:900px){.hud,.battle-hud{padding:8px}.profile-card{min-width:170px;height:54px}.profile-card small{display:none}.level-badge{width:42px;font-size:20px}.builder-card{display:none}.resources{gap:5px}.resource{min-width:92px;height:45px;padding:4px 5px}.resource>span{font-size:19px}.resource strong{font-size:14px}.resource i{display:none}.tool-rail{right:8px;width:61px;padding:5px}.tool-rail button{height:55px}.tool-rail span{font-size:25px}.selection-card{bottom:8px;width:min(520px,68vw);min-height:108px;padding:10px 13px;grid-template-columns:54px 1fr auto}.selection-icon{width:52px;height:52px;font-size:29px}.selection-card h3{font-size:17px}.upgrade-button{min-width:112px;min-height:61px;font-size:15px}.battle-button{right:12px;bottom:10px;height:65px;padding:0 20px;font-size:19px}.collect-button{left:9px;bottom:10px;min-width:124px}.hint{top:66px}.stamp-button{right:9px;bottom:9px;width:112px}.troop-dock{bottom:8px}.troop-button{width:68px;min-height:67px}}@media(max-width:680px){.profile-card{min-width:125px;padding-right:10px}.profile-card strong{font-size:16px}.resources .resource{min-width:70px}.resource>span{display:none}.tool-rail small{display:none}.selection-card{left:7px;transform:none;width:calc(100% - 110px)}.selection-card p,.collect-button{display:none}.battle-tip{top:68px}.tutorial{width:min(450px,calc(100vw - 96px));grid-template-columns:70px 1fr}.tutorial-mascot span{font-size:57px}.tutorial-copy{padding:10px 13px}.tutorial-copy h3{font-size:17px}.tutorial-copy p{max-height:38px;overflow:hidden}}@media(max-height:480px){.tool-rail button[data-panel=settings]{display:none}.tool-rail{gap:2px}}:root{--sky-ink: #09152c;--sky-panel: rgba(10, 24, 51, .93);--sky-panel-soft: rgba(18, 39, 70, .88);--sky-line: rgba(79, 233, 238, .62);--sky-line-soft: rgba(126, 227, 240, .2);--sky-cyan: #55f1ea;--sky-cyan-deep: #0ca6b5;--sky-gold: #f7c95e;--sky-gold-deep: #a56b20;--sky-paper: #fff8df;--sky-paper-ink: #25314c;--sky-shadow: 0 16px 38px rgba(4, 12, 31, .34), inset 0 1px 0 rgba(255,255,255,.1);--panel-cut: polygon(14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px) , calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px) , 0 14px)}button{transition:transform .16s ease,filter .16s ease,box-shadow .2s ease,background-color .2s ease}button:hover{filter:brightness(1.08)}button:focus-visible{outline:3px solid var(--sky-gold);outline-offset:3px}.glass{color:#f6fbff;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 36%),linear-gradient(180deg,#122b4cf5,#07132cf0);border:1px solid var(--sky-line);box-shadow:var(--sky-shadow),inset 0 0 0 1px #ffffff0d,inset 0 -8px 18px #00000021;backdrop-filter:blur(16px) saturate(1.25)}.loading-screen{background:radial-gradient(circle at 50% 38%,rgba(79,239,235,.38),transparent 18%),repeating-conic-gradient(from 0deg at 50% 42%,rgba(255,255,255,.04) 0 8deg,transparent 8deg 18deg),radial-gradient(circle at 50% 42%,#274e83,#09162f 76%)}.loading-screen img{border:2px solid rgba(108,245,238,.75);box-shadow:0 0 0 6px #34d2d61f,0 22px 55px #020a1c8c}.loading-track{height:12px;padding:3px;background:#020b1d7a;border:1px solid rgba(96,239,235,.45)}.loading-track i{background:linear-gradient(90deg,#27c7d0,#b8fff4 55%,#f8d16d);box-shadow:0 0 15px #47e9e3}.topbar{gap:9px;filter:drop-shadow(0 8px 14px rgba(4,14,35,.22))}.profile-card{position:relative;overflow:visible;min-width:268px;height:68px;border-radius:8px 20px 20px 8px;padding-left:10px;border-color:#67ebedad;clip-path:var(--panel-cut)}.profile-card:after{content:"SKY WARDEN";position:absolute;right:16px;bottom:7px;color:#70e5eb85;font-size:8px;font-weight:700;letter-spacing:.18em}.profile-card strong{color:#fff;letter-spacing:.01em;text-shadow:0 2px 5px rgba(0,0,0,.35)}.profile-card small{color:#9dd8df}.level-badge{position:relative;width:53px;clip-path:polygon(50% 0,88% 16%,100% 53%,78% 91%,50% 100%,20% 90%,0 53%,12% 16%);border-radius:0;border:2px solid #9bfff5;background:radial-gradient(circle at 35% 27%,#8bfff6,#17bdc8 44%,#087481 80%);box-shadow:0 0 0 4px #33e1de21,0 0 18px #47f1eb73;text-shadow:0 2px 0 #08737e}.builder-card{position:relative;height:60px;border-radius:9px 18px 18px 9px;clip-path:var(--panel-cut);color:#fff4d3}.builder-card:after{content:"";position:absolute;inset:7px 8px auto auto;width:5px;height:5px;background:var(--sky-gold);transform:rotate(45deg);box-shadow:0 0 8px var(--sky-gold)}.builder-face{border-radius:12px;color:#251a18;background:linear-gradient(145deg,#ffe394,#c68a38);border:1px solid #ffe7a7;box-shadow:inset 0 0 12px #75460f47}.resources{gap:7px}.resource{position:relative;min-width:146px;height:55px;border-radius:10px 18px 18px 10px;padding:6px 8px 6px 12px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.resource:after{content:"";position:absolute;left:0;top:11px;bottom:10px;width:3px;background:var(--resource-accent, var(--sky-cyan));box-shadow:0 0 10px var(--resource-accent, var(--sky-cyan))}.resource:nth-child(1){--resource-accent: #ffc94f;border-color:#ffcb54a3}.resource:nth-child(2){--resource-accent: #dc9c5a;border-color:#dea4658f}.resource:nth-child(3){--resource-accent: #62f3ff}.resource>span{filter:drop-shadow(0 3px 3px rgba(0,0,0,.4))}.resource strong{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 2px 4px rgba(0,0,0,.4)}.resource i{width:27px;height:27px;border-radius:7px;color:#07162c;background:var(--resource-accent);box-shadow:0 0 11px color-mix(in srgb,var(--resource-accent) 55%,transparent);font-size:20px;font-weight:700}.tool-rail{width:82px;padding:10px 8px;gap:5px;border-radius:16px;clip-path:polygon(18px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 18px),calc(100% - 18px) 100%,9px 100%,0 calc(100% - 9px),0 18px);background:linear-gradient(155deg,#1c3457fa,#050e23f5);border-color:#52e6eb7a}.tool-rail:before{content:"";position:absolute;left:3px;top:20%;bottom:20%;width:2px;background:linear-gradient(transparent,var(--sky-cyan),transparent);box-shadow:0 0 11px var(--sky-cyan)}.tool-rail button{height:66px;border-radius:9px;color:#c8e6ee;border:1px solid transparent}.tool-rail button+button:before{content:"";position:absolute;left:14px;right:14px;top:-4px;height:1px;background:linear-gradient(90deg,transparent,rgba(120,211,224,.22),transparent)}.tool-rail button:hover{color:#fff;background:linear-gradient(135deg,#38e5e133,#29537b4d);border-color:#53ebea6b;box-shadow:inset 0 0 18px #38e1e01f,0 0 13px #33cdd21f}.tool-rail span{filter:drop-shadow(0 3px 3px rgba(0,0,0,.42))}.tool-rail small{color:#bfe2e8}.tool-rail i{border-color:#102346;background:#76889c;box-shadow:0 0 0 2px #ffffff17}.tool-rail i.online{background:#5bffa0;box-shadow:0 0 9px #56ef96}.tool-rail b{border-radius:6px;border-color:#182442;background:linear-gradient(#ffd05b,#ed7736);box-shadow:0 0 10px #ff9f3c73}.hint{top:91px;border-radius:8px;color:#caedf1;background:#06132abd;border-color:#5bdee647;letter-spacing:.03em}.hint:before{content:"◇";color:var(--sky-cyan);margin-right:8px}.selection-card{min-height:139px;border-radius:12px;clip-path:var(--panel-cut);padding:18px 20px;border-color:#56ece99e;background:linear-gradient(140deg,#162f50f7,#050f26f5)}.selection-card:before{content:"";position:absolute;left:90px;right:178px;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--sky-cyan),transparent);box-shadow:0 0 12px var(--sky-cyan)}.selection-icon{border-radius:10px;color:#11203b;background:linear-gradient(145deg,#d9fff5,#42d8dc);border:1px solid #bafff7;box-shadow:0 0 20px #43e1e033,inset 0 -8px 14px #0a6a7d29}.selection-card h3{color:#fff}.selection-card h3 small{color:#72e8e8;font-size:13px}.selection-card p{color:#9fc0ca}.level-track{height:7px;background:#06132b;border:1px solid rgba(121,215,228,.18)}.level-track i{background:linear-gradient(90deg,#0caab7,#7affeb 70%,#f5d071);box-shadow:0 0 10px #4cede6a6}.upgrade-button{border-radius:10px;color:#071832;background:linear-gradient(180deg,#78fff0,#22cfd2 55%,#0aa2b1);border:1px solid #b9fff4!important;box-shadow:0 6px #087380,0 10px 20px #00000047,inset 0 2px #ffffff7a;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.upgrade-button small{color:#0c5260}.upgrade-button:disabled{color:#d3e0e4;background:#455767;box-shadow:0 5px #263440;border-color:#687c89!important}.battle-button{border-radius:12px;border:1px solid #ffe1a0!important;padding:0 35px;color:#fff9e8;background:linear-gradient(180deg,#ffb14e 0,#f5723d 58%,#ce4430);box-shadow:0 7px #922d2c,0 0 0 3px #ffbc5033,0 17px 28px #5b1f1b59,inset 0 2px #ffffff7a;clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);text-shadow:0 2px 0 rgba(120,42,27,.65);animation:battle-beacon 2.8s ease-in-out infinite}.battle-button.tutorial-focus,.collect-button.tutorial-focus{position:absolute}@keyframes battle-beacon{50%{box-shadow:0 7px #922d2c,0 0 0 5px #ffbe4c1c,0 17px 31px #5b1f1b6b,inset 0 2px #ffffff7a}}.collect-button{border-radius:10px;border-color:#f7cb618c;color:#fff4ce;clip-path:var(--panel-cut)}.collect-button small{color:#6ef3e8}.sheet-backdrop{background:radial-gradient(circle at 72% 50%,#26678433,#030a188f);backdrop-filter:blur(6px) saturate(.8)}.sheet{color:#eff9fc;padding:24px;border-radius:14px;border:1px solid rgba(104,235,235,.55);clip-path:var(--panel-cut);background:linear-gradient(145deg,rgba(255,255,255,.07),transparent 27%),linear-gradient(180deg,#132a4afa,#061128fa);box-shadow:0 28px 70px #0208179e,inset 0 0 0 2px #091329b3,inset 0 0 32px #3cdcde0d}.sheet:before{content:"";position:absolute;left:52px;right:52px;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--sky-cyan),var(--sky-gold),transparent);box-shadow:0 0 14px #4aece78c}.sheet:after{content:"✦";position:absolute;left:17px;top:14px;color:var(--sky-gold);font-size:11px;text-shadow:0 0 9px #f2c65a}.sheet>header{padding-left:16px}.sheet>header small{color:#6cefe9;letter-spacing:.12em;text-transform:uppercase}.sheet h2{color:#fff;text-shadow:0 3px 8px rgba(0,0,0,.3)}.sheet>header button{border-radius:8px;color:#bfe9ed;background:#040f23b8;border:1px solid rgba(96,222,229,.33);box-shadow:inset 0 0 13px #4ee2e50f}#sheet-tabs{padding:12px 0 14px;border-bottom:1px solid rgba(111,207,222,.15)}#sheet-tabs button{border-radius:7px;padding:9px 17px;color:#9db5c2;background:#050f228c;border:1px solid rgba(111,187,201,.13)}#sheet-tabs button.active{color:#09203a;background:linear-gradient(180deg,#86fff0,#32cdd1);border-color:#adfff6;box-shadow:0 4px #087a85,0 0 14px #45e7e13b;font-weight:700}.sheet-content{padding:13px 4px 2px 0;scrollbar-color:rgba(74,217,220,.38) transparent}.shop-card{position:relative;margin-bottom:9px;padding:12px 12px 12px 14px;border-radius:9px;color:#edf7fa;background:linear-gradient(110deg,#1b3554e6,#0c1b36eb);border:1px solid rgba(108,186,202,.2);box-shadow:inset 3px 0 #47e1de4d,0 5px 14px #020a1933}.shop-card:hover{border-color:#54e6e475;background:linear-gradient(110deg,#204162f0,#0c1d3af2)}.shop-card>span{border-radius:8px;color:#10213a;background:linear-gradient(145deg,#d8fff3,#56d8d9);border:1px solid rgba(183,255,246,.8);box-shadow:inset 0 -7px 14px #00596d29}.shop-card h3{color:#fff}.shop-card p{color:#9eb4c1}.shop-card b{color:#6cebe6}.shop-card button{border-radius:7px;color:#07203a;background:linear-gradient(#7effef,#25cbd0);border:1px solid #a9fff6;box-shadow:0 4px #087883}.shop-card button.orange{color:#fff;border-color:#ffd390;background:linear-gradient(#ffa758,#eb6039);box-shadow:0 4px #9f3330}.section-note{border-radius:7px;color:#bce5e7;background:#2dc8c51a;border-left:3px solid #44dfdc}.friend-code{border-radius:10px;border:1px solid rgba(136,255,244,.65);background:radial-gradient(circle at 50% 0,rgba(105,255,239,.26),transparent 55%),linear-gradient(135deg,#173c67,#0a1d42);box-shadow:inset 0 0 20px #3de6e014}.friend-form input,.settings-row input{color:#fff!important;background:#050f23bf!important;border:1px solid rgba(109,210,219,.33)!important;border-radius:7px!important;outline:0}.friend-form input:focus,.settings-row input:focus{border-color:var(--sky-cyan)!important;box-shadow:0 0 0 3px #4ae8e21a}.friend-form button,.settings-row button{border-radius:7px!important;color:#09203a!important;background:linear-gradient(#7dfff0,#2bcbd0)!important;border:1px solid #aafff6!important}.settings-row{border-color:#8ac1cd26}.settings-row small{color:#92abb9!important}.danger-button{border-radius:7px;color:#ffb5a6;background:#d0423424;border:1px solid rgba(255,114,94,.27)}.summon-banner{border-radius:11px;border:1px solid rgba(163,128,255,.68);box-shadow:0 15px 30px #03081d61,inset 0 0 35px #6b5bf230;clip-path:var(--panel-cut)}.summon-banner:before,.summon-banner:after{box-shadow:0 0 14px #b28fff61}.odds-row span{border-radius:5px;background:#04091f6b;border:1px solid rgba(255,255,255,.12)}.summon-actions button{border-radius:8px;color:#08203a;background:linear-gradient(#80fff0,#29cbd0);border:1px solid #aafff5}.summon-actions button.ten{color:#311c18;border-color:#ffe4a0;background:linear-gradient(#ffd36b,#ed7d3f)}.pity-box{border-radius:7px;color:#d4c7ff;background:#7c53dd24;border:1px solid rgba(155,122,240,.25)}.rarity-key span{border-radius:6px;box-shadow:inset 0 0 0 1px #fff3,0 4px 10px #0003}.hero-card{border-radius:9px;border:1px solid color-mix(in srgb,var(--rarity) 68%,white);clip-path:var(--panel-cut)}.hero-card.locked{color:#aab5bf;background:linear-gradient(145deg,#354657,#172437)}.hero-card em,.active-chip,.hero-card button{border-radius:5px}.summon-result-card{border-radius:13px;border-color:#a590ffb3;background:linear-gradient(160deg,#1b2453f5,#08112ff7)}.summon-result-card>small{color:#9efaf2}.summon-result-card h2{color:#fff}.reveal-card{border-radius:10px;border-color:#fff2c7b3;clip-path:var(--panel-cut)}.summon-reveals.many .reveal-card{border-radius:7px}.summon-result-card>button{border-radius:8px;color:#09213b;background:linear-gradient(#89fff1,#2bcbd0);border:1px solid #b7fff6}.tutorial{filter:drop-shadow(0 18px 30px rgba(3,11,29,.42))}.tutorial-mascot span{filter:drop-shadow(0 4px 0 rgba(9,24,46,.35))}.tutorial-copy{color:var(--sky-paper-ink);padding:17px 20px;border:2px solid #a87328;border-radius:8px 18px 18px 8px;background:linear-gradient(100deg,rgba(232,201,125,.42),transparent 13%),linear-gradient(#fff9e7,#f1dfb6);box-shadow:inset 0 0 0 2px #ffffff73,inset 0 -9px 18px #935e1817,0 12px 25px #030c1e4d;clip-path:polygon(8px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 8px),8px 100%,0 calc(100% - 8px),0 8px)}.tutorial-copy:after{content:"";position:absolute;top:0;bottom:0;right:9px;width:3px;background:repeating-linear-gradient(#9c6b2a 0 3px,transparent 3px 7px);opacity:.5}.tutorial-copy small{color:#216d78}.tutorial-copy h3{color:#25304a}.tutorial-copy p{color:#5d5a51}.tutorial-reward{border-radius:5px;color:#70490c;background:#f7c44847;border:1px solid rgba(169,112,29,.22)}.tutorial-copy footer button{border-radius:6px}#tutorial-action{color:#fff8e5;border:1px solid #ffc27a;background:linear-gradient(#ff9e51,#df5536);box-shadow:0 4px #983234}.round-button{border-radius:9px;color:#fff;background:linear-gradient(145deg,#2d4b70,#0b1831);border:1px solid rgba(114,218,228,.45)!important;box-shadow:var(--sky-shadow)}.enemy-card,.battle-timer,.battle-score{border-radius:8px;clip-path:var(--panel-cut)}.enemy-card small,.battle-timer small{color:#92bcc6;letter-spacing:.06em}.enemy-card strong,.battle-timer strong,.battle-score strong{color:#fff}.battle-timer{border-color:#f9cc5c99}.battle-timer strong{color:#ffe58c;font-variant-numeric:tabular-nums}.battle-score span{color:#ffd15d;text-shadow:0 0 10px rgba(255,197,65,.55)}.battle-tip{top:88px;border-radius:7px;color:#bfe8ec;background:#051126cc}.troop-dock{border-radius:11px;padding:10px;clip-path:var(--panel-cut)}.troop-button{border-radius:8px;color:#d9eef2;background:linear-gradient(145deg,#1b385e,#0b1b38);border:1px solid rgba(102,197,211,.22)!important}.troop-button.selected{color:#08213b;background:linear-gradient(145deg,#d5fff7,#48dcd9);outline:2px solid #83fff2;box-shadow:0 0 20px #43e6e080,0 8px #07636f8c}.troop-button b{border-radius:6px;background:#f2c655;color:#17243b;border:1px solid #fff0af}.stamp-button{border-radius:11px;border:1px solid #9afff3!important;background:radial-gradient(circle at 25% 30%,#79fff1,#26bfc9 48%,#4354b8);box-shadow:0 7px #283b83,0 0 24px #3ce7e152;clip-path:var(--panel-cut)}.result{background:radial-gradient(circle,#3270834d,#030a1bb8)}.result-card{border-radius:13px;clip-path:var(--panel-cut);border-color:#f6cb5fa8;background:linear-gradient(155deg,#1a3250fa,#071128fa)}.result-card>small{color:#92bdc5;letter-spacing:.13em}.result-card h2{color:#ffd16a;text-shadow:0 0 18px rgba(250,193,70,.25)}.result-card p{color:#b7d2d9}.result-card button{border-radius:8px;color:#08203a;border:1px solid #aafff5;background:linear-gradient(#7ffff0,#2acbd0)}.toast{top:96px;border-radius:7px;color:#efffff;background:#051127f2;border:1px solid rgba(83,228,230,.46);box-shadow:0 10px 28px #00000059,0 0 17px #44e1e01f}@media(max-width:900px){.profile-card{min-width:178px;height:56px}.profile-card:after{display:none}.resources .resource{min-width:94px;height:47px}.tool-rail{width:64px;border-radius:12px}.tool-rail button{height:55px}.selection-card{min-height:112px}.battle-button{border-radius:9px}}@media(max-width:680px){.profile-card{min-width:130px}.resources .resource{min-width:72px}.resource{border-radius:7px}.tool-rail{width:59px}.sheet{right:7px;top:7px;bottom:7px;width:calc(100vw - 14px);padding:18px 15px}.sheet>header{padding-left:12px}.selection-card{left:7px;width:calc(100% - 102px);grid-template-columns:48px 1fr auto}.upgrade-button{min-width:94px;padding:7px 10px}.tutorial{width:min(450px,calc(100vw - 80px))}.tutorial-copy{padding:11px 15px}}.auth-gate{position:absolute;inset:0;z-index:70;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 25%,rgba(82,244,235,.25),transparent 24%),repeating-conic-gradient(from 0deg at 50% 35%,rgba(255,255,255,.025) 0 8deg,transparent 8deg 18deg),linear-gradient(155deg,#06122ad4,#050b1df2);backdrop-filter:blur(12px) saturate(.8)}.auth-card{position:relative;width:min(430px,calc(100vw - 30px));max-height:calc(100vh - 30px);overflow-y:auto;padding:28px 34px 25px;color:#eafcff;text-align:center;clip-path:var(--panel-cut);background:linear-gradient(150deg,#1f3e65fa,#07122bfc);border:1px solid rgba(112,246,238,.65);box-shadow:0 30px 85px #000718a6,inset 0 0 45px #3de6e00f}.auth-card:before{content:"";position:absolute;left:55px;right:55px;top:0;height:3px;background:linear-gradient(90deg,transparent,#6effef,#f5ce67,transparent);box-shadow:0 0 16px #54e8e1}.auth-emblem{position:relative;width:82px;height:82px;margin:0 auto 8px}.auth-emblem img{position:relative;z-index:2;width:68px;height:68px;margin:7px;border-radius:20px;border:2px solid #b2fff5;box-shadow:0 0 24px #4eefe875}.auth-emblem i{position:absolute;inset:0;border:1px solid rgba(247,205,96,.7);transform:rotate(45deg);animation:portal-turn 9s linear infinite}.auth-card>small:first-of-type{color:#65ebe7;letter-spacing:.18em;font-weight:700}.auth-card h2{margin:5px 0 3px;color:#fff;font-size:27px}.auth-card>p{margin:0 auto 16px;max-width:330px;color:#a7c8d0;font-size:12px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:13px;padding:4px;border-radius:9px;background:#020c1f9e;border:1px solid rgba(102,206,216,.2)}.auth-tabs button{border:0;border-radius:6px;padding:8px;color:#8baab7;background:transparent}.auth-tabs button.active{color:#092039;font-weight:700;background:linear-gradient(#83fff1,#2ccbd0);box-shadow:0 3px #087581}#auth-form{display:grid;gap:10px;text-align:left}#auth-form label{color:#b8d6dc;font-size:11px;font-weight:600}#auth-form input{width:100%;margin-top:4px;padding:11px 12px;color:#fff;outline:0;border-radius:7px;border:1px solid rgba(105,210,220,.34);background:#020c1fb8}#auth-form input:focus{border-color:#64efe7;box-shadow:0 0 0 3px #4ae8e21a}.auth-primary,.auth-guest{border:1px solid #affff6;border-radius:8px;padding:11px 14px;color:#082039;font-weight:700;background:linear-gradient(#84fff1,#28c9d0);box-shadow:0 5px #087582,0 9px 18px #0000003d}.auth-primary{margin-top:4px}.auth-link{margin-top:10px;border:0;color:#8fdae0;background:transparent;font-size:11px;text-decoration:underline}.auth-message{margin-top:9px;padding:8px 10px;border-radius:6px;color:#ffe8aa;background:#eea3411f;border:1px solid rgba(245,196,99,.25);font-size:11px}.auth-divider{display:flex;align-items:center;gap:9px;margin:11px 0;color:#7395a4;font-size:10px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(111,202,212,.3))}.auth-divider:after{transform:scaleX(-1)}.auth-guest{width:100%;color:#d5ebef;border-color:#76c3cf4d;background:linear-gradient(#263f62,#142846);box-shadow:0 4px #09162d}.auth-safe{display:block;margin-top:13px;color:#7898a5;font-size:9px;letter-spacing:.03em}.account-status{display:grid;gap:5px;padding:14px;margin-bottom:10px;border:1px solid rgba(92,228,226,.28);border-radius:8px;background:#1ec7c614}.account-status strong{color:#8cfff1}.account-status small{color:#91adb8!important;overflow-wrap:anywhere}.account-actions{display:flex;gap:8px}.account-actions button{flex:1;padding:9px 10px!important;color:#08243b!important;border:1px solid #a7fff5!important;border-radius:7px;background:linear-gradient(#84fff0,#2ccbd0)!important;box-shadow:0 3px #087780;font-weight:800}.account-actions .signout{color:#ffc0b2!important;border-color:#ff826c59!important;background:#c441322e!important}.multiplayer-locked,.multiplayer-loading{display:grid;justify-items:center;gap:9px;padding:34px 24px;text-align:center;border:1px solid rgba(95,235,232,.35);border-radius:11px;background:radial-gradient(circle at 50% 0,rgba(62,229,223,.16),transparent 52%),#0511277a}.multiplayer-locked>span{display:grid;place-items:center;width:78px;height:78px;font-size:40px;border:1px solid #78f5ed;border-radius:50%;background:#27c6c926;box-shadow:0 0 32px #46e7e238}.multiplayer-locked>small,.multiplayer-hero small{color:#69ece6;font-size:10px;font-weight:800;letter-spacing:.16em}.multiplayer-locked h3,.multiplayer-hero h3{margin:0;color:#fff;font-size:21px}.multiplayer-locked p,.multiplayer-hero p{max-width:390px;margin:0;color:#9ebbc4;font-size:12px}.multiplayer-locked button,.multiplayer-primary{padding:12px 18px;color:#09213b;font-weight:800;border:1px solid #adfff5;border-radius:8px;background:linear-gradient(#82fff0,#29cbd0);box-shadow:0 5px #087680,0 10px 20px #0003}.multiplayer-loading{min-height:210px;align-content:center}.multiplayer-loading i,.waiting-player i{width:27px;height:27px;border:3px solid rgba(102,239,233,.2);border-top-color:#6ef4eb;border-radius:50%;animation:portal-turn 1s linear infinite}.multiplayer-loading small{color:#819eaa}.multiplayer-hero{display:flex;align-items:center;gap:16px;padding:17px;margin-bottom:11px;border:1px solid rgba(98,236,232,.32);border-radius:10px;background:linear-gradient(120deg,#1f4d6cbf,#081934d1)}.live-orb{position:relative;flex:0 0 64px;height:64px;display:grid;place-items:center;font-size:31px;border:1px solid rgba(115,255,245,.55);border-radius:50%;background:#1fd3cf1f;box-shadow:inset 0 0 22px #3de5de1c}.live-orb i{position:absolute;inset:-4px;border:1px dashed rgba(113,255,244,.54);border-radius:50%;animation:portal-turn 10s linear infinite}.match-actions{display:grid;grid-template-columns:1.3fr 1fr;gap:9px;margin-bottom:10px}.match-actions button{min-height:75px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:11px 14px;text-align:left;color:#dceff2;border:1px solid rgba(105,202,214,.25);border-radius:9px;background:linear-gradient(145deg,#213e62,#0c1d3b)}.match-actions button>span{grid-row:1/3;font-size:27px}.match-actions button strong{align-self:end}.match-actions button small{align-self:start;color:#89a7b2}.match-actions .multiplayer-primary{color:#08213b;border-color:#adfff5;background:linear-gradient(145deg,#86fff1,#2acbd0);box-shadow:0 5px #087680}.match-actions .multiplayer-primary small{color:#14626d}.join-room{display:grid;grid-template-columns:1fr auto;gap:7px;margin:11px 0}.join-room input,#room-chat-form input{min-width:0;padding:11px 13px;color:#fff;text-transform:uppercase;letter-spacing:.14em;outline:0;border:1px solid rgba(104,210,220,.34);border-radius:7px;background:#030e21ad}.join-room input:focus,#room-chat-form input:focus{border-color:#66eee7;box-shadow:0 0 0 3px #4ee7e21a}.join-room button,#room-chat-form button{padding:0 18px;color:#0a2038;font-weight:800;border:1px solid #abfff6;border-radius:7px;background:linear-gradient(#83fff1,#2bcbd0)}.online-roster,.match-history{margin-top:13px;overflow:hidden;border:1px solid rgba(112,188,202,.18);border-radius:9px;background:#040f2266}.online-roster>header,.match-history>header{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(110,190,204,.14)}.online-roster>header small{color:#61f0a1;font-size:9px;letter-spacing:.14em}.live-player,.history-row{display:flex;align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid rgba(111,182,196,.1)}.live-player:last-child,.history-row:last-child{border-bottom:0}.live-player>i,.room-player>i{width:8px;height:8px;border-radius:50%;background:#59f39d;box-shadow:0 0 9px #59e895}.live-player>span{font-size:22px}.live-player>div,.history-row>div{flex:1;display:grid}.live-player small,.history-row small{color:#87a4af}.empty-online{padding:17px;color:#87a5b1;font-size:11px;text-align:center}.history-row>b{color:#f4c95d;font-size:11px}.history-row.win{box-shadow:inset 3px 0 #efc553}.room-stage{display:grid;gap:11px}.room-stage>header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid rgba(245,203,95,.42);border-radius:9px;background:linear-gradient(110deg,#214565db,#0c1c37e6)}.room-stage>header>div{display:grid}.room-stage>header small{color:#79eae6;font-size:9px;letter-spacing:.17em}.room-stage>header strong{color:#ffe079;font-size:27px;letter-spacing:.2em;text-shadow:0 0 15px rgba(246,200,83,.3)}.room-stage>header button{padding:7px 10px;color:#b8ecee;border:1px solid rgba(103,220,224,.3);border-radius:6px;background:#04102399}.room-players{display:grid;grid-template-columns:1fr 1fr;gap:8px}.room-player{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid rgba(103,194,207,.2);border-radius:8px;background:#0e2541b8}.room-player.me{border-color:#54e5e080;box-shadow:inset 3px 0 #48dedb}.room-player>span{font-size:25px}.room-player>div{flex:1;display:grid}.room-player small{color:#8da9b4}.waiting-player{display:grid;justify-items:center;gap:6px;padding:19px;color:#d9edf0;border:1px dashed rgba(106,204,214,.28);border-radius:8px}.waiting-player small{color:#819eaa}.raid-live{width:100%;font-size:14px}.quick-chat{display:flex;flex-wrap:wrap;gap:6px}.quick-chat button{padding:7px 10px;color:#bce3e7;border:1px solid rgba(106,204,215,.23);border-radius:16px;background:#091f39b8}.room-chat{max-height:150px;overflow-y:auto;padding:9px;border:1px solid rgba(111,190,203,.16);border-radius:8px;background:#030d1f8c}.room-chat>small{display:block;padding:9px;color:#7898a5;text-align:center}.room-message{display:flex;gap:8px;padding:6px 8px;color:#c8e5e8;font-size:11px}.room-message b{color:#65e9e4}.result-message{color:#f8d678;background:#f2c24514;border-radius:5px}#room-chat-form{display:grid;grid-template-columns:1fr auto;gap:7px}#room-chat-form input{text-transform:none;letter-spacing:0}.leave-room{padding:9px;color:#ffb4a5;border:1px solid rgba(255,119,96,.25);border-radius:7px;background:#b83b2d1f}@media(max-height:760px)and (min-width:681px){.tool-rail{gap:1px;padding-top:5px;padding-bottom:5px}.tool-rail button{height:52px}}@media(max-width:520px),(max-height:620px){.auth-card{padding:19px 20px 17px}.auth-emblem{width:62px;height:62px}.auth-emblem img{width:52px;height:52px;margin:5px;border-radius:15px}.auth-card h2{font-size:21px}.auth-card>p{margin-bottom:10px}#auth-form{gap:7px}#auth-form input{padding:8px 10px}.auth-primary,.auth-guest{padding:9px 12px}.match-actions{grid-template-columns:1fr}.match-actions button{min-height:61px}.room-players{grid-template-columns:1fr}.room-stage>header strong{font-size:22px}}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.ui-icon{width:1.5em;height:1.5em;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.resource>.ui-icon{width:27px;height:27px;color:var(--resource-accent);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--resource-accent) 55%,transparent))}.tool-rail .ui-icon{width:29px;height:29px;color:#b9eef1;filter:drop-shadow(0 0 7px rgba(77,231,228,.2))}.tool-rail button:hover .ui-icon{color:#6effed;filter:drop-shadow(0 0 9px rgba(87,244,235,.5))}.tool-rail{gap:3px}.tool-rail button{height:59px}.battle-button .ui-icon{width:31px;height:31px;margin-right:7px;vertical-align:middle}.collect-button .ui-icon{grid-row:1/3;width:27px;height:27px;color:#ffe07a}.stamp-button .ui-icon{grid-row:1/3;width:35px;height:35px;align-self:center;color:#eaffff;filter:drop-shadow(0 0 8px white)}.next-action{position:absolute;left:50%;top:91px;transform:translate(-50%);min-width:310px;min-height:53px;padding:7px 13px;border-radius:8px;display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:8px;text-align:left;clip-path:var(--panel-cut);border-color:#f6cc5f7a;pointer-events:auto;animation:next-action-in .48s cubic-bezier(.2,1.2,.4,1) both}.next-action .ui-icon{color:#ffda70;filter:drop-shadow(0 0 7px rgba(255,208,91,.45))}.next-action span{display:grid}.next-action small{color:#78e8e6;font-size:8px;letter-spacing:.11em;text-transform:uppercase}.next-action strong{color:#fff;font-size:13px;line-height:1.2}.next-action em{color:#93b7c2;font-size:10px;font-style:normal}@keyframes next-action-in{0%{opacity:0;transform:translate(-50%,-9px)}}.mission-summary{position:relative;padding:16px;margin-bottom:11px;overflow:hidden;border:1px solid rgba(247,202,88,.43);border-radius:9px;background:radial-gradient(circle at 90% 0,rgba(255,205,84,.18),transparent 34%),linear-gradient(135deg,#263e67,#0e203f)}.mission-summary:after{content:"";position:absolute;width:120px;height:120px;right:-34px;top:-42px;border:1px dashed rgba(255,220,125,.22);border-radius:50%;animation:portal-spin 16s linear infinite}.mission-summary small{color:#6ceee8;letter-spacing:.12em}.mission-summary h3{margin:2px 0 3px;color:#fff;font-size:22px}.mission-summary p{margin:0;color:#a7c2cc;font-size:11px}.mission-card{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:11px;padding:12px;margin-bottom:8px;border:1px solid rgba(108,190,202,.2);border-radius:8px;background:#122746c7}.mission-card.ready{border-color:#f7cb5d94;box-shadow:inset 3px 0 #f5ca5c,0 0 16px #f2c04714}.mission-card.claimed{opacity:.65}.mission-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:8px;color:#63eee8;background:#0a1a36;border:1px solid rgba(93,226,226,.28)}.mission-icon .ui-icon{width:27px;height:27px}.mission-card h4{margin:0;color:#fff;font-size:14px}.mission-card p{margin:1px 0 7px;color:#91aebb;font-size:10px}.mission-track{height:6px;overflow:hidden;border-radius:4px;background:#07152e}.mission-track i{display:block;height:100%;background:linear-gradient(90deg,#20bfc9,#70f6e8,#f6d069);box-shadow:0 0 8px #46dad7}.mission-card button,.daily-chest button,.achievement-card button{min-width:75px;padding:8px 10px;color:#092039;font-weight:700;border:1px solid #aafff5;border-radius:6px;background:linear-gradient(#83fff1,#2ccbd0);box-shadow:0 3px #087580}.mission-card button:disabled,.achievement-card button:disabled{color:#92a8b0;border-color:#526877;background:#2b4054;box-shadow:0 3px #14263a}.daily-chest{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;padding:14px;margin:12px 0 17px;border:1px solid rgba(247,201,84,.48);border-radius:9px;background:linear-gradient(120deg,#93581f3d,#262544cc)}.daily-chest>span{display:grid;place-items:center;width:52px;height:46px;color:#ffda71;font-size:30px;filter:drop-shadow(0 0 9px rgba(255,198,66,.28))}.daily-chest h4{margin:0;color:#ffe3a0}.daily-chest p{margin:2px 0 0;color:#aabdc5;font-size:10px}.daily-chest button{color:#251b1a;border-color:#ffe39a;background:linear-gradient(#ffd66f,#ef8a41);box-shadow:0 3px #9f4430}.achievement-heading{margin:18px 0 9px;color:#8dece8;font-size:11px;letter-spacing:.12em}.achievement-card{display:grid;grid-template-columns:1fr auto;gap:9px;padding:11px 12px;margin-bottom:7px;border:1px solid rgba(145,120,229,.23);border-radius:7px;background:#59429d1a}.achievement-card h4{margin:0;color:#e4dbff;font-size:13px}.achievement-card p{margin:2px 0 0;color:#9dabc1;font-size:10px}.achievement-card em{color:#c9bbff;font-size:10px;font-style:normal}.world-vignette,.screen-flash{position:absolute;inset:0;pointer-events:none}.world-vignette{z-index:3;background:radial-gradient(circle at 50% 45%,transparent 52%,rgba(6,17,37,.13));mix-blend-mode:multiply;transition:background 3s ease}#game-shell.twilight .world-vignette{background:radial-gradient(circle at 50% 42%,#ffad5c0d 30%,#1813354d)}.screen-flash{z-index:24;opacity:0;background:radial-gradient(circle,rgba(255,248,198,.7),rgba(85,239,233,.15) 42%,transparent 70%)}.screen-flash.active{animation:screen-flash .32s ease-out}.screen-flash.danger{background:radial-gradient(circle,rgba(255,231,168,.55),rgba(255,83,56,.22) 50%,transparent 72%)}@keyframes screen-flash{0%{opacity:.9}to{opacity:0}}#game-shell.camera-shake{animation:ui-camera-shake .28s linear}@keyframes ui-camera-shake{20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,-1px)}80%{transform:translate(2px,1px)}}.combat-floaters{position:absolute;inset:0;z-index:12;overflow:hidden;pointer-events:none}.damage-number{position:absolute;color:#fff5d0;font-size:18px;font-weight:800;text-shadow:0 2px 0 #6d2e25,0 0 8px rgba(255,111,60,.7);transform:translate(-50%,-50%);animation:damage-rise .72s cubic-bezier(.2,.8,.3,1) forwards}.damage-number.critical{color:#ffe263;font-size:28px;text-shadow:0 3px 0 #9b3c28,0 0 14px #ffad43}.damage-number.destroyed{color:#fff;font-size:15px;letter-spacing:.12em;text-shadow:0 2px 0 #354370,0 0 12px #54eee9}@keyframes damage-rise{0%{opacity:0;transform:translate(-50%,-15%) scale(.65)}25%{opacity:1;transform:translate(-50%,-65%) scale(1.16)}to{opacity:0;transform:translate(-50%,-170%) scale(.9)}}.cinematic-banner{position:absolute;z-index:35;left:50%;top:34%;width:min(520px,80vw);padding:13px 28px;transform:translate(-50%,-50%);text-align:center;pointer-events:none;color:#fff;background:linear-gradient(90deg,transparent,rgba(5,18,42,.9) 18%,rgba(5,18,42,.9) 82%,transparent);animation:cinematic-in 1.65s ease both}.cinematic-banner:before,.cinematic-banner:after{content:"";position:absolute;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#5ff4eb,#f8d269,transparent)}.cinematic-banner:before{top:0}.cinematic-banner:after{bottom:0}.cinematic-banner small{display:block;color:#72eee8;font-size:10px;letter-spacing:.25em}.cinematic-banner strong{font-size:28px;letter-spacing:.04em;text-shadow:0 0 18px rgba(69,231,226,.35)}@keyframes cinematic-in{0%{opacity:0;transform:translate(-50%,-25%) scale(.82)}18%,72%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-65%) scale(1.04)}}.achievement-toast{position:absolute;z-index:45;left:50%;top:18px;transform:translate(-50%);min-width:320px;padding:10px 15px;display:flex;align-items:center;gap:11px;color:#fff;border:1px solid rgba(248,205,94,.65);clip-path:var(--panel-cut);background:linear-gradient(135deg,#4a347d,#172b53);box-shadow:0 13px 35px #050a1c6b;animation:achievement-in 3.5s ease both}.achievement-toast .ui-icon{color:#ffdc70;filter:drop-shadow(0 0 8px #f5bd48)}.achievement-toast span{display:grid}.achievement-toast small{color:#a6e9e8;font-size:9px;letter-spacing:.12em}.achievement-toast strong{font-size:14px}@keyframes achievement-in{0%,to{opacity:0;transform:translate(-50%,-30px)}12%,82%{opacity:1;transform:translate(-50%)}}.reward-reveal{position:absolute;inset:0;z-index:55;display:grid;place-items:center;background:radial-gradient(circle,#38718859,#030a1dc7);backdrop-filter:blur(8px)}.reward-card{width:min(410px,calc(100vw - 30px));padding:29px;text-align:center;clip-path:var(--panel-cut);border-color:#f8cc5cb3;background:radial-gradient(circle at 50% 30%,rgba(249,210,98,.15),transparent 35%),linear-gradient(155deg,#263e6b,#0a1837);animation:reward-pop .5s cubic-bezier(.2,1.35,.4,1) both}.reward-card>small{color:#76eee8;letter-spacing:.18em}.reward-card h2{margin:5px 0;color:#ffe083;font-size:30px}.reward-card p{color:#bad1d7}.reward-card>button{padding:11px 25px;border:1px solid #b0fff6;border-radius:7px;color:#08203a;font-weight:700;background:linear-gradient(#85fff0,#2ccbd0);box-shadow:0 5px #087580}.reward-chest{position:relative;width:90px;height:70px;margin:17px auto 11px;display:grid;place-items:center;color:#fff1a7;border:2px solid #ffe08a;border-radius:10px 10px 18px 18px;background:linear-gradient(#d99536 0 42%,#8c482f 42%);box-shadow:0 0 0 5px #f9c64d1f,0 0 28px #ffbf3c4d}.reward-chest:before{content:"";position:absolute;left:-2px;right:-2px;top:39%;height:7px;background:#ffe077;box-shadow:0 2px #9b5d29}.reward-chest .ui-icon{position:relative;z-index:2;width:28px;height:28px}.reward-chest i{position:absolute;inset:-35px;border:1px dashed rgba(255,226,125,.34);border-radius:50%;animation:portal-spin 8s linear infinite}@keyframes reward-pop{0%{opacity:0;transform:translateY(30px) scale(.72)}}.scene-transition{position:absolute;inset:0;z-index:49;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 0 12%,#07152f 68%);animation:scene-wipe .8s ease both}@keyframes scene-wipe{0%,to{opacity:0;transform:scale(1.25)}45%{opacity:1;transform:scale(1)}}@media(max-width:900px){.tool-rail button{height:50px}.next-action{top:65px;min-width:250px}.next-action em{display:none}}@media(max-width:680px){.tool-rail button{height:47px}.next-action{left:8px;top:66px;transform:none;min-width:0;width:calc(100% - 88px)}.next-action .ui-icon{width:24px}.next-action{grid-template-columns:27px 1fr}.mission-card{grid-template-columns:40px 1fr auto;padding:9px}.mission-icon{width:39px;height:39px}.daily-chest{grid-template-columns:44px 1fr}.daily-chest button{grid-column:1/-1}}@media(max-height:520px){.tool-rail button{height:43px}.tool-rail small{display:none}.next-action{display:none!important}}button:focus-visible,input:focus-visible{outline:3px solid #fff4a8;outline-offset:3px;box-shadow:0 0 0 6px #40e5e047,0 0 24px #40e5e059!important}.tool-rail button.is-active{color:#061a33;background:linear-gradient(145deg,#d8fff7,#49dedb);border-color:#aafff5;box-shadow:0 0 0 2px #53efe72e,0 0 22px #3ee5e06b,inset 0 2px #ffffffb8}.tool-rail button.is-active .ui-icon{color:#0b6d7c;filter:drop-shadow(0 2px 0 rgba(255,255,255,.5))}.tool-rail button.is-active small{color:#0b5365}.builder-face .ui-icon{width:27px;height:27px;color:#17233a}.round-button .ui-icon{width:25px;height:25px}.resource,.tool-rail button,.next-action,.collect-button{transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.resource:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--resource-accent) 70%,white)}.tutorial{width:min(620px,calc(100vw - 36px));grid-template-columns:170px minmax(0,1fr);align-items:end;filter:drop-shadow(0 20px 34px rgba(3,11,29,.48));transition:opacity .2s ease,transform .2s ease}#game-shell.sheet-open .tutorial{opacity:0;transform:translateY(14px);pointer-events:none}.tutorial-mascot{width:185px;height:255px;margin-right:-22px;overflow:visible;z-index:2}.tutorial-mascot img{position:absolute;z-index:2;left:-4px;bottom:-6px;width:184px;height:265px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 9px 3px rgba(7,19,38,.26)) drop-shadow(0 20px 24px rgba(5,15,35,.34));transform-origin:50% 100%;animation:lumi-breathe 3.2s ease-in-out infinite}.tutorial-mascot i{bottom:-2px;width:142px;height:28px;background:#07142b52;filter:blur(3px)}@keyframes lumi-breathe{50%{transform:translateY(-4px) rotate(.35deg)}}.tutorial-copy{min-height:178px;padding:17px 22px 17px 28px}.tutorial-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.tutorial-meta b{color:#80601f;font-size:10px;letter-spacing:.08em}.tutorial-progress{height:4px;margin:6px 0 8px;overflow:hidden;border-radius:3px;background:#694d1d26}.tutorial-progress i{display:block;width:10%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1aaeb6,#50d9cd,#e5ad38);box-shadow:0 0 7px #20b4b166;transition:width .35s ease}#game-shell.tutorial-visible .collect-button{bottom:max(222px,calc(env(safe-area-inset-bottom) + 205px))}#game-shell.tutorial-visible .collect-button:not(.tutorial-suppressed){top:max(96px,calc(env(safe-area-inset-top) + 82px));bottom:auto}.tutorial-suppressed{display:none!important}.sheet.tutorial-guide-visible{grid-template-rows:auto auto auto minmax(0,1fr)}.tutorial-sheet-guide,.tutorial-hud-guide{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;pointer-events:none}.tutorial-sheet-guide{margin:10px 0 1px;padding:10px 12px;border:1px solid rgba(255,216,105,.55);border-radius:9px;color:#eafcfc;background:radial-gradient(circle at 8% 0,rgba(255,220,108,.15),transparent 34%),linear-gradient(120deg,#1c3d5bf5,#0a1e3df5);box-shadow:inset 3px 0 #f4ce66,0 7px 20px #020a1b38}.tutorial-hud-guide{position:absolute;z-index:29;left:50%;top:max(88px,calc(env(safe-area-inset-top) + 74px));width:min(470px,calc(100vw - 150px));min-height:67px;padding:10px 14px;transform:translate(-50%);border-color:#ffd7639e;border-radius:10px;color:#ecffff;background:linear-gradient(120deg,#183b59f5,#081b3af5);box-shadow:inset 3px 0 #f4cd64,0 12px 28px #02091b5c}.tutorial-guide-icon{width:40px;height:40px;display:grid;place-items:center;color:#ffe286;border:1px solid rgba(255,225,136,.46);border-radius:10px;background:#ffd2561a;box-shadow:0 0 17px #ffcf4a24}.tutorial-guide-icon .ui-icon{width:23px;height:23px}.tutorial-sheet-guide>span:last-child,.tutorial-hud-guide>span:last-child{min-width:0;display:grid}.tutorial-sheet-guide small,.tutorial-hud-guide small{color:#72eee7;font-size:8px;font-weight:800;letter-spacing:.13em}.tutorial-sheet-guide strong,.tutorial-hud-guide strong{overflow:hidden;color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.tutorial-sheet-guide em,.tutorial-hud-guide em{color:#a9c7ce;font-size:9px;font-style:normal;line-height:1.35}#tutorial-action{min-height:44px;touch-action:manipulation}#tutorial-skip{min-height:40px;touch-action:manipulation}.next-action:disabled{pointer-events:none}@media(max-width:900px),(max-height:720px){.tutorial{width:min(560px,calc(100vw - 30px));grid-template-columns:135px minmax(0,1fr)}.tutorial-mascot{width:148px;height:202px}.tutorial-mascot img{width:148px;height:212px}.tutorial-mascot i{width:112px}.tutorial-copy{min-height:154px;padding:13px 18px 13px 23px}#game-shell.tutorial-visible .collect-button{bottom:max(188px,calc(env(safe-area-inset-bottom) + 175px))}}@media(max-width:680px),(max-height:520px){.tutorial{left:7px;bottom:7px;width:min(470px,calc(100vw - 70px));grid-template-columns:104px minmax(0,1fr)}.tutorial-mascot{width:112px;height:148px}.tutorial-mascot img{width:112px;height:158px}.tutorial-mascot i{width:84px;height:18px}.tutorial-copy{min-height:126px;padding:10px 14px 10px 18px}.tutorial-copy h3{font-size:16px}.tutorial-copy p{font-size:10px;line-height:1.42}.tutorial-reward{margin-bottom:4px;padding:3px 6px}.tutorial-copy footer button{padding:7px 10px}#game-shell.tutorial-visible .collect-button{bottom:max(152px,calc(env(safe-area-inset-bottom) + 142px))}.tutorial-hud-guide{left:7px;right:70px;top:max(68px,calc(env(safe-area-inset-top) + 58px));width:auto;transform:none}.tutorial-sheet-guide{margin-top:7px;padding:8px 9px;grid-template-columns:35px minmax(0,1fr);gap:8px}.tutorial-guide-icon{width:34px;height:34px}.tutorial-sheet-guide em,.tutorial-hud-guide em{font-size:8px}}@media(max-height:520px){.tool-rail{width:96px;padding:6px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.tool-rail button{width:40px;height:40px}.tool-rail button[data-panel=settings]{display:grid}.tool-rail .ui-icon{width:23px;height:23px}.tool-rail b{right:1px;top:-2px}.tool-rail i{right:3px;top:3px}}.upgrade-preview{display:flex;gap:8px;margin-top:8px;color:#b9dfe5}.upgrade-preview span{display:flex;align-items:center;gap:6px;min-width:0;padding:5px 8px;border:1px solid rgba(91,226,228,.18);border-radius:7px;background:#010b1d6b;font-size:10px}.upgrade-preview small{color:#789daa;text-transform:uppercase;letter-spacing:.05em}.upgrade-preview b{color:#aec7cd;font-weight:700}.upgrade-preview i{color:#5df2e9;font-style:normal}.upgrade-preview strong{color:#fff0a5;font-weight:800}.perk-line{display:inline-block;margin-top:4px;color:#66f2e8;font-size:10px;letter-spacing:.02em}.hero-perk{margin:8px 0 4px;padding:7px 8px;border-radius:7px;color:#8ff7ed;background:#13515e47;border:1px solid rgba(78,230,224,.2);font-size:10px;line-height:1.35}.damage-number.hostile{color:#ff7d78;text-shadow:0 2px 0 #5b1320,0 0 10px rgba(255,63,76,.68)}@media(max-width:680px),(max-height:620px){.upgrade-preview{display:none}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.sheet[data-panel=multiplayer],.sheet[data-panel=friends]{width:min(620px,calc(100vw - 36px))}.mp-app{--mp-navy:#142a46;--mp-ink:#18324d;--mp-muted:#6c8392;--mp-cyan:#14b9bd;--mp-cyan-dark:#087b87;--mp-mint:#dbf6f2;--mp-paper:#f7fbfa;--mp-line:#d6e7e5;color:var(--mp-ink)}.mp-app *{box-sizing:border-box}.mp-app button{font:inherit}.mp-app .ui-icon{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mp-eyebrow{color:var(--mp-cyan-dark);font-size:9px;font-weight:900;letter-spacing:.17em}.mp-primary{min-height:42px;padding:10px 17px;color:#073443;font-weight:800;border:1px solid #80e6df;border-radius:11px;background:linear-gradient(180deg,#9af5e8,#45d4d2);box-shadow:0 4px #16949b,0 9px 18px #13758029}.mp-primary:hover{transform:translateY(-1px);filter:saturate(1.08)}.mp-primary:active{transform:translateY(2px);box-shadow:0 2px #16949b}.mp-primary:disabled{color:#7e9298;border-color:#c7d4d4;background:#e2e9e8;box-shadow:0 3px #b4c1c1}.mp-secondary{min-height:42px;padding:10px 17px;color:#456575;font-weight:700;border:1px solid #c8dedd;border-radius:11px;background:#fff}.mp-statusbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin-bottom:10px;padding:9px 13px;border:1px solid var(--mp-line);border-radius:13px;background:#f8fdfcf5;box-shadow:0 5px 15px #03233414}.mp-statusbar>div{display:grid;grid-template-columns:10px 1fr;column-gap:8px;align-items:center}.mp-statusbar>div>i{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:#35cf79;box-shadow:0 0 0 4px #35cf7921,0 0 10px #2dcc7373}.mp-statusbar strong{color:var(--mp-ink);font-size:12px}.mp-statusbar small{color:var(--mp-muted);font-size:9px}.mp-statusbar>span{display:flex;align-items:center;gap:6px;padding:6px 9px;color:#31707a;font-size:9px;font-weight:800;border-radius:9px;background:var(--mp-mint)}.mp-statusbar>span .ui-icon{width:14px;height:14px}.mp-auth-state{min-height:470px;display:grid;justify-items:center;align-content:center;gap:10px;padding:34px 26px;text-align:center;border:1px solid #cfe5e3;border-radius:17px;background:radial-gradient(circle at 50% 9%,rgba(89,220,213,.23),transparent 30%),linear-gradient(180deg,#fbfefd,#edf8f6);box-shadow:inset 0 0 0 1px #fff,0 14px 35px #01152526}.mp-auth-visual{position:relative;width:96px;height:96px;display:grid;place-items:center;margin-bottom:4px}.mp-auth-visual>span{position:relative;z-index:2;width:72px;height:72px;display:grid;place-items:center;color:#0d8992;border:1px solid #8ce3dc;border-radius:27px;background:linear-gradient(145deg,#faffff,#ccf3ed);box-shadow:0 12px 25px #168d972e,inset 0 2px #fff;transform:rotate(-5deg)}.mp-auth-visual .ui-icon{width:38px;height:38px;transform:rotate(5deg)}.mp-auth-visual>i{position:absolute;inset:0;border:1px dashed rgba(18,168,173,.43);border-radius:50%;animation:portal-turn 12s linear infinite}.mp-auth-state h3,.mp-error h3{margin:0;color:var(--mp-ink);font-size:24px}.mp-auth-state>p,.mp-error>p{max-width:430px;margin:0 0 5px;color:var(--mp-muted);font-size:12px;line-height:1.55}.mp-auth-state>.mp-primary{min-width:245px;margin-top:5px}.mp-footnote{color:#7e969e;font-size:9px}.mp-benefits{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:9px 0}.mp-benefits>span{display:grid;justify-items:center;gap:4px;padding:13px 7px;border:1px solid #d7e9e7;border-radius:12px;background:#ffffffc7}.mp-benefits .ui-icon{color:#159ca4}.mp-benefits b{font-size:10px}.mp-benefits small{color:#79909a;font-size:8px}.mp-loading,.mp-error{min-height:390px;display:grid;justify-items:center;align-content:center;gap:9px;padding:30px;text-align:center;border:1px solid #cfdfdf;border-radius:16px;background:linear-gradient(#f9fdfc,#ebf6f4)}.mp-loading>strong{color:var(--mp-ink);font-size:18px}.mp-loading>small{color:var(--mp-muted)}.mp-radar{position:relative;width:84px;height:84px;display:grid;place-items:center}.mp-radar>i,.mp-radar>b{position:absolute;inset:5px;border:1px solid rgba(23,181,184,.28);border-radius:50%;animation:mp-radar 2s ease-out infinite}.mp-radar>b{inset:18px;animation-delay:.65s}.mp-radar>span{position:relative;z-index:2;width:45px;height:45px;display:grid;place-items:center;color:#07838e;border-radius:50%;background:#d9f5f1}@keyframes mp-radar{0%{opacity:1;transform:scale(.65)}to{opacity:0;transform:scale(1.3)}}.mp-skeleton{width:min(340px,100%);display:grid;gap:7px;margin-top:12px}.mp-skeleton i,.mp-history-skeleton i{height:35px;border-radius:9px;background:linear-gradient(90deg,#e3efed,#f7fbfa,#e3efed);background-size:200% 100%;animation:mp-shimmer 1.3s linear infinite}@keyframes mp-shimmer{to{background-position:-200% 0}}.mp-error>span{width:58px;height:58px;display:grid;place-items:center;color:#b45849;border-radius:17px;background:#ffebe6}.mp-error>div{display:flex;gap:8px;margin-top:6px}.mp-invites{display:grid;gap:7px;margin-bottom:10px}.mp-invite{display:grid;grid-template-columns:43px 1fr auto 28px;align-items:center;gap:9px;padding:10px;color:var(--mp-ink);border:1px solid #efcf79;border-radius:13px;background:linear-gradient(110deg,#fff9e8,#fffdf5);box-shadow:0 6px 16px #6a4e161a}.mp-invite>div:nth-child(2){display:grid}.mp-invite small{color:#a2701f;font-size:8px;font-weight:900;letter-spacing:.1em}.mp-invite strong{font-size:11px}.mp-invite span{color:#8a8171;font-size:9px}.mp-invite>.mp-primary{min-height:34px;padding:7px 10px}.mp-invite>button:last-child{width:27px;height:27px;color:#9b8361;border:0;border-radius:8px;background:#f3ead7}.mp-lobby-hero{position:relative;min-height:145px;display:grid;grid-template-columns:1fr 112px;align-items:center;gap:14px;padding:20px;overflow:hidden;border:1px solid #c7e5e2;border-radius:16px;background:linear-gradient(135deg,#faffff 0,#e2f6f2 68%,#c9eeea);box-shadow:inset 0 1px #fff,0 10px 24px #0123321a}.mp-lobby-hero:after{content:"";position:absolute;width:180px;height:180px;right:-75px;top:-82px;border:1px dashed rgba(9,147,154,.22);border-radius:50%}.mp-lobby-hero h3{margin:3px 0;color:var(--mp-ink);font-size:23px}.mp-lobby-hero p{margin:0;color:var(--mp-muted);font-size:11px}.mp-lobby-stats{display:flex;gap:16px;margin-top:13px}.mp-lobby-stats span{display:grid}.mp-lobby-stats b{color:#087f89;font-size:17px}.mp-lobby-stats small{color:#79919a;font-size:8px}.mp-hero-orb{position:relative;z-index:2;width:92px;height:92px;display:grid;place-items:center;justify-self:end;color:#087f8a;border:1px solid #85ddd7;border-radius:32px;background:linear-gradient(145deg,#fff,#c9f1eb);box-shadow:0 14px 24px #0e798426;transform:rotate(6deg)}.mp-hero-orb .ui-icon{width:48px;height:48px;transform:rotate(-6deg)}.mp-hero-orb i{position:absolute;inset:-8px;border:1px dotted rgba(7,139,148,.36);border-radius:39px}.mp-action-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:9px;margin-top:10px}.mp-action-grid>button{min-height:105px;text-align:left;border-radius:14px}.mp-match-card{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;padding:15px;color:#f3ffff;border:1px solid #46d9d6;background:linear-gradient(135deg,#177f92,#13adb1);box-shadow:0 5px #075e6b,0 10px 20px #02485733}.mp-match-card>span{width:49px;height:49px;display:grid;place-items:center;border-radius:15px;background:#ffffff29}.mp-match-card .ui-icon{width:30px;height:30px}.mp-match-card div{display:grid}.mp-match-card div>small{color:#fff1a5;font-size:8px;font-weight:900;letter-spacing:.1em}.mp-match-card strong{font-size:18px}.mp-match-card p{margin:2px 0 0;color:#cceff0;font-size:9px}.mp-match-card em{color:#fff;font-size:9px;font-style:normal;font-weight:800}.mp-private-card{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:8px;padding:14px;color:var(--mp-ink);border:1px solid #d4e4e2;background:#f9fcfb;box-shadow:0 5px #c5d7d5,0 9px 19px #09273417}.mp-private-card>span{width:38px;height:38px;display:grid;place-items:center;color:#168d96;border-radius:12px;background:#ddf5f1}.mp-private-card div{display:grid}.mp-private-card strong{font-size:12px}.mp-private-card p{margin:2px 0;color:var(--mp-muted);font-size:8px}.mp-private-card em{grid-column:1/-1;color:#0d8992;font-size:9px;font-style:normal;font-weight:800}.mp-join-card{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:12px;padding:12px;margin-top:10px;border:1px solid #d4e6e4;border-radius:13px;background:#f9fcfb}.mp-join-card>div{display:flex;align-items:center;gap:9px}.mp-join-card>div>span{width:36px;height:36px;display:grid;place-items:center;color:#118d96;border-radius:11px;background:#def5f1}.mp-join-card>div>div{display:grid}.mp-join-card strong{font-size:11px}.mp-join-card small{color:var(--mp-muted);font-size:8px}.mp-join-card form{display:grid;grid-template-columns:1fr auto;gap:6px}.mp-join-card input{min-width:0;padding:10px;color:#1b4556;font-size:15px;font-weight:900;letter-spacing:.18em;text-align:center;outline:0;border:1px solid #badbd8;border-radius:9px;background:#fff;text-transform:uppercase}.mp-join-card input:focus{border-color:#14b8bb;box-shadow:0 0 0 3px #14b8bb1f}.mp-join-card form button{padding:0 13px;color:#fff;font-weight:800;border:1px solid #23b9bc;border-radius:9px;background:linear-gradient(#2ec9c7,#10969f);box-shadow:0 3px #08747d}.mp-panel{margin-top:10px;overflow:hidden;border:1px solid #d3e4e2;border-radius:14px;background:#f9fcfb;box-shadow:0 7px 18px #01192812}.mp-panel>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-bottom:1px solid #ddebe9;background:#fff}.mp-panel>header>div{display:grid}.mp-panel>header strong{font-size:12px}.mp-panel>header small{color:var(--mp-muted);font-size:8px}.mp-panel>header>span{color:#6f8790;font-size:8px;font-weight:800}.mp-live-label{display:flex;align-items:center;gap:5px;color:#248d56!important}.mp-live-label i,.mp-online-player>span i{width:7px;height:7px;border-radius:50%;background:#3ad07a;box-shadow:0 0 7px #2bc76f80}.mp-player-list{max-height:188px;overflow-y:auto}.mp-online-player{display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;gap:9px;padding:9px 12px;border-bottom:1px solid #e5efed}.mp-online-player:last-child{border-bottom:0}.mp-online-player>div:nth-child(2){display:grid}.mp-online-player strong{font-size:11px}.mp-online-player small{color:var(--mp-muted);font-size:8px}.mp-online-player>span{display:flex;align-items:center;gap:5px;color:#3a8c60;font-size:8px}.mp-online-player>button{padding:6px 10px;color:#0b7c85;font-size:9px;font-weight:800;border:1px solid #b5dcda;border-radius:8px;background:#e4f7f3}.mp-avatar{width:40px;height:40px;display:grid;place-items:center;color:#fff;font-size:17px;font-weight:900;border:1px solid rgba(255,255,255,.7);border-radius:13px;background:linear-gradient(145deg,#27bec0,#217d9b);box-shadow:0 4px 10px #0b5c6f2e}.mp-mini-avatar{width:25px;height:25px;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:900;border-radius:8px;background:linear-gradient(145deg,#28bfc0,#237e9b)}.mp-empty{min-height:82px;display:flex;align-items:center;justify-content:center;gap:12px;padding:17px;color:#89a0a7;text-align:left}.mp-empty>.ui-icon{width:31px;height:31px;color:#83b7b5}.mp-empty>div{display:grid}.mp-empty strong{color:#526f7a;font-size:11px}.mp-empty small{font-size:8px}.mp-empty.compact{min-height:58px}.mp-history-skeleton{display:grid;gap:7px;padding:10px}.mp-history-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid #e3eeec}.mp-history-row:last-child{border-bottom:0}.mp-history-row>span{width:36px;height:36px;display:grid;place-items:center;color:#66838f;border-radius:11px;background:#e7efef}.mp-history-row.win>span{color:#9a6919;background:#fff1c7}.mp-history-row>div{display:grid}.mp-history-row>div small{color:#9b762b;font-size:7px;font-weight:900;letter-spacing:.09em}.mp-history-row>div strong{font-size:10px}.mp-history-row time{color:#8499a0;font-size:7px}.mp-history-row>b{display:grid;color:#0e8490;font-size:13px;text-align:right}.mp-history-row>b small{color:#e3a72d;font-size:9px;letter-spacing:.04em}.mp-room-ticket{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid #ead28a;border-radius:14px;background:linear-gradient(110deg,#fffdf5,#fff4d4);box-shadow:0 7px 19px #6a4b0f17}.mp-room-ticket>div:first-child{display:grid}.mp-room-ticket small{color:#9a711e;font-size:8px;font-weight:900;letter-spacing:.16em}.mp-room-ticket strong{color:#193c54;font-size:26px;letter-spacing:.18em}.mp-room-ticket span{color:#8b8371;font-size:8px}.mp-room-ticket>div:last-child{display:flex;gap:6px}.mp-room-ticket button{min-height:34px;padding:7px 10px;color:#5d664f;font-size:8px;font-weight:800;border:1px solid #e3d4a5;border-radius:8px;background:#fff}.mp-room-ticket .mp-share{display:flex;align-items:center;gap:5px;color:#fff;border-color:#20acb0;background:linear-gradient(#27c6c3,#12929c)}.mp-room-ticket .mp-share .ui-icon{width:14px;height:14px}.mp-versus{display:grid;grid-template-columns:1fr 42px 1fr;align-items:center;gap:8px;margin-top:10px}.mp-player-card{position:relative;min-height:78px;display:grid;grid-template-columns:46px 1fr 8px;align-items:center;gap:9px;padding:12px;border:1px solid #cce1df;border-radius:14px;background:#f9fcfb;box-shadow:0 6px 16px #04223012}.mp-player-card.rival{border-color:#efd7bb;background:#fffbf5}.mp-player-card.vacant{border-style:dashed;background:#f4f8f7}.mp-player-card>.mp-avatar{width:44px;height:44px;border-radius:15px}.mp-player-card.rival>.mp-avatar{background:linear-gradient(145deg,#ee9b54,#bd5b59)}.mp-player-card.vacant>.mp-avatar{color:#91a6a9;background:#e4eceb;box-shadow:none}.mp-player-card>div:nth-child(2){min-width:0;display:grid}.mp-player-card small{color:#168b93;font-size:7px;font-weight:900;letter-spacing:.08em}.mp-player-card strong{overflow:hidden;color:var(--mp-ink);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.mp-player-card span{color:#778f98;font-size:8px}.mp-player-card>i{width:8px;height:8px;border-radius:50%;background:#39cf78;box-shadow:0 0 7px #27c56c7a}.mp-player-card.vacant>i{background:#b8c5c5;box-shadow:none}.mp-player-card>em{position:absolute;right:8px;top:7px;padding:2px 5px;color:#0e7e86;font-size:7px;font-style:normal;font-weight:900;border-radius:5px;background:#d9f4f0}.mp-vs{display:grid;justify-items:center;gap:4px}.mp-vs i{width:1px;height:19px;background:linear-gradient(transparent,#c7d8d7)}.mp-vs strong{color:#99712a;font-size:13px}.mp-ready-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;margin-top:10px;border:1px solid #91ddd6;border-radius:13px;background:linear-gradient(110deg,#e7faf6,#f8fefd)}.mp-ready-panel>div{display:flex;align-items:center;gap:10px}.mp-ready-panel>div>.ui-icon{width:31px;height:31px;color:#0b8d97}.mp-ready-panel span{display:grid}.mp-ready-panel small{color:#5d8d90;font-size:8px}.mp-ready-panel strong{font-size:12px}.mp-waiting{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:12px;padding:13px;margin-top:10px;border:1px solid #cde1df;border-radius:14px;background:#f8fcfb}.mp-waiting .mp-radar{width:66px;height:66px}.mp-waiting .mp-radar>span{width:39px;height:39px}.mp-waiting>div:nth-child(2){display:grid}.mp-waiting strong{font-size:12px}.mp-waiting p{margin:2px 0;color:var(--mp-muted);font-size:9px}.mp-waiting ol{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0;padding:0;list-style:none}.mp-waiting li{display:flex;align-items:center;gap:5px;padding:7px;color:#83989e;font-size:8px;border-radius:8px;background:#edf3f2}.mp-waiting li b{width:18px;height:18px;display:grid;place-items:center;color:#778e94;border-radius:50%;background:#fff}.mp-waiting li.done{color:#177f68;background:#dff5ec}.mp-waiting li.done b{color:#fff;background:#35be7a}.mp-chat{margin-top:10px;overflow:hidden;border:1px solid #d2e4e2;border-radius:14px;background:#f8fbfa}.mp-chat>header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #e0ebea;background:#fff}.mp-chat>header>div{display:grid}.mp-chat>header strong{font-size:11px}.mp-chat>header small{color:var(--mp-muted);font-size:8px}.mp-live-dot{width:8px;height:8px;border-radius:50%;background:#39cf78;box-shadow:0 0 0 4px #39cf781f}.mp-chat-log{max-height:145px;overflow-y:auto;padding:8px}.mp-chat-empty{min-height:58px;display:flex;align-items:center;justify-content:center;gap:10px;color:#87a0a5}.mp-chat-empty>.ui-icon{width:28px;height:28px;color:#82b8b5}.mp-chat-empty span{display:grid}.mp-chat-empty strong{color:#54717b;font-size:10px}.mp-chat-empty small{font-size:8px}.mp-message{display:grid;grid-template-columns:26px 1fr auto;align-items:start;gap:7px;padding:6px;border-radius:9px}.mp-message.mine{background:#e6f7f3}.mp-message>p{display:grid;margin:0;color:#516b76;font-size:9px;line-height:1.4}.mp-message>p b{color:#173d54;font-size:8px}.mp-message time{color:#9aabad;font-size:7px}.mp-message.mp-system{grid-template-columns:18px 1fr auto;color:#4a8b86;background:#edf8f6}.mp-message.mp-system .ui-icon{width:15px;height:15px}.mp-message.mp-system p{align-self:center;color:#4f827e}.mp-result-message{color:#8b6520;background:#fff7df}.mp-result-message>span{width:24px;height:24px;display:grid;place-items:center;color:#a8751b;border-radius:7px;background:#ffebac}.mp-result-message .ui-icon{width:15px;height:15px}.mp-result-message em{color:#e4a31b;font-style:normal}.mp-quick-chat{display:flex;gap:5px;padding:0 8px 7px;overflow-x:auto}.mp-quick-chat button{flex:0 0 auto;padding:5px 8px;color:#39717a;font-size:8px;border:1px solid #cce2df;border-radius:12px;background:#fff}.mp-chat form{display:grid;grid-template-columns:1fr auto;gap:6px;padding:8px;border-top:1px solid #e0ebea;background:#fff}.mp-chat input{min-width:0;padding:9px 11px;color:var(--mp-ink);outline:0;border:1px solid #c9dedc;border-radius:9px;background:#f7fbfa}.mp-chat input:focus{border-color:#19b5b8;box-shadow:0 0 0 3px #19b5b81a}.mp-chat form button{padding:0 14px;color:#fff;font-weight:800;border:1px solid #1bafb2;border-radius:9px;background:linear-gradient(#2bc7c5,#10949e)}.mp-room-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 3px 2px}.mp-room-footer span{color:#859a9f;font-size:8px}.mp-room-footer button{padding:6px 9px;color:#b25849;font-size:8px;font-weight:800;border:1px solid #efc9c1;border-radius:8px;background:#fff2ef}.mp-friend-pass{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px;border:1px solid #8edfd8;border-radius:15px;background:radial-gradient(circle at 90% 0,rgba(255,236,159,.42),transparent 30%),linear-gradient(120deg,#faffff,#dff6f1);box-shadow:inset 0 1px #fff,0 9px 23px #0549571a}.mp-friend-pass>div{display:grid}.mp-friend-pass small{color:#16828a;font-size:8px;font-weight:900;letter-spacing:.14em}.mp-friend-pass strong{color:#153a53;font-size:27px;letter-spacing:.16em}.mp-friend-pass p{margin:2px 0 0;color:#718991;font-size:8px}.mp-friend-pass button{padding:8px 11px;color:#0b777f;font-size:9px;font-weight:800;border:1px solid #aedbd7;border-radius:9px;background:#fff}.mp-add-friend{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:12px;padding:12px;margin-top:10px;border:1px solid #d5e5e3;border-radius:13px;background:#f9fcfb}.mp-add-friend>div{display:flex;align-items:center;gap:8px}.mp-add-friend>div>span{width:36px;height:36px;display:grid;place-items:center;color:#128c95;border-radius:11px;background:#def5f1}.mp-add-friend>div>div{display:grid}.mp-add-friend strong{font-size:11px}.mp-add-friend small{color:#788e97;font-size:8px}.mp-add-friend form{display:grid;grid-template-columns:1fr auto;gap:6px}.mp-add-friend input{min-width:0;padding:10px;color:#1b4556;font-size:12px;font-weight:800;letter-spacing:.08em;outline:0;border:1px solid #badbd8;border-radius:9px;background:#fff;text-transform:uppercase}.mp-add-friend form button{padding:0 11px;color:#fff;font-size:9px;font-weight:800;border:1px solid #23b9bc;border-radius:9px;background:linear-gradient(#2ec9c7,#10969f);box-shadow:0 3px #08747d}.mp-friend-row{display:grid;grid-template-columns:41px 1fr auto auto;align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid #e4eeed}.mp-friend-row:last-child{border-bottom:0}.mp-friend-row>div:nth-child(2){display:grid}.mp-friend-row strong{font-size:11px}.mp-friend-row small{color:#748c95;font-size:8px}.mp-friend-row>span{display:flex;align-items:center;gap:5px;color:#8d9c9f;font-size:8px}.mp-friend-row>span i{width:7px;height:7px;border-radius:50%;background:#b6c3c3}.mp-friend-row>span.ready{color:#348958}.mp-friend-row>span.ready i{background:#3acf78;box-shadow:0 0 7px #32c66f73}.mp-friend-row>button{display:flex;align-items:center;gap:5px;padding:7px 10px;color:#fff;font-size:9px;font-weight:800;border:1px solid #ec9260;border-radius:9px;background:linear-gradient(#f4a367,#df6f4d);box-shadow:0 3px #a64c3d}.mp-friend-row>button .ui-icon{width:14px;height:14px}.mp-friend-row>button:disabled{color:#88999d;border-color:#cbd6d5;background:#e3e9e8;box-shadow:0 3px #bec8c7}@media(max-width:680px){.sheet[data-panel=multiplayer],.sheet[data-panel=friends]{width:calc(100vw - 14px)}.mp-auth-state{min-height:410px;padding:24px 14px}.mp-benefits{gap:5px}.mp-benefits>span{padding:10px 4px}.mp-benefits small{display:none}.mp-lobby-hero{grid-template-columns:1fr 70px;min-height:126px;padding:15px}.mp-hero-orb{width:66px;height:66px;border-radius:22px}.mp-hero-orb .ui-icon{width:34px;height:34px}.mp-lobby-hero h3{font-size:19px}.mp-lobby-stats{gap:10px}.mp-action-grid{grid-template-columns:1fr}.mp-action-grid>button{min-height:82px}.mp-private-card{grid-template-columns:40px 1fr auto}.mp-private-card em{grid-column:auto}.mp-join-card,.mp-versus{grid-template-columns:1fr}.mp-vs{grid-template-columns:1fr auto 1fr}.mp-vs i{width:100%;height:1px;background:linear-gradient(90deg,transparent,#c7d8d7)}.mp-room-ticket{align-items:flex-start}.mp-room-ticket>div:last-child{flex-direction:column}.mp-room-ticket strong{font-size:22px}.mp-invite{grid-template-columns:38px 1fr auto 25px}.mp-online-player{grid-template-columns:38px 1fr auto}.mp-online-player>span{display:none}.mp-add-friend{grid-template-columns:1fr}.mp-friend-row{grid-template-columns:38px 1fr auto}.mp-friend-row>span{display:none}}@media(max-width:420px){.mp-statusbar>span{font-size:0}.mp-statusbar>span .ui-icon{width:17px;height:17px}.mp-lobby-stats span:last-child{display:none}.mp-match-card{grid-template-columns:43px 1fr}.mp-match-card>em{display:none}.mp-room-ticket{display:grid}.mp-room-ticket>div:last-child{display:grid;grid-template-columns:1fr 1fr}.mp-waiting{grid-template-columns:55px 1fr}.mp-waiting .mp-radar{width:52px;height:52px}.mp-ready-panel{align-items:stretch;flex-direction:column}.mp-room-footer span{display:none}.mp-room-footer button{margin-left:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.selection-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;min-width:142px}.selection-actions button{border:1px solid rgba(104,235,233,.5);border-radius:7px;padding:7px 9px;color:#dff;background:#133a56e6}.selection-actions .upgrade-button{grid-column:1/-1;min-height:58px;color:#09203a;background:linear-gradient(#83fff0,#29cad0)}.selection-actions button:disabled{opacity:.45}.layout-manager{display:flex;gap:7px;margin-bottom:12px;overflow-x:auto}.layout-slot{min-width:145px;padding:9px;display:grid;grid-template-columns:1fr 1fr;gap:5px;border:1px solid rgba(94,229,228,.24);border-radius:8px;background:#06183194}.layout-slot strong{grid-column:1/-1;color:#c6edef;font-size:11px}.layout-slot button{border:0;border-radius:6px;padding:6px;color:#0b2941;background:#72e9e4;font-size:10px}.layout-slot button:disabled{opacity:.4}.fair-store{margin-bottom:12px;padding:18px;color:#fff;border:1px solid rgba(247,203,92,.6);clip-path:var(--panel-cut);background:radial-gradient(circle at 85% 20%,rgba(255,211,93,.22),transparent 30%),linear-gradient(145deg,#263e6d,#0b1c3e)}.fair-store>small{color:#75efe7;letter-spacing:.16em}.fair-store h3{margin:3px 0;font-size:23px;color:#ffe28b}.fair-store p{margin:0 0 9px;color:#b6d0d7;font-size:12px}.fair-store strong{color:#fff0ae}.store-heading{margin:16px 0 8px;color:#d7f4f3;font-size:14px;letter-spacing:.04em}.store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.store-card{min-height:132px;padding:13px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;border:1px solid rgba(86,226,225,.25);border-radius:9px;background:linear-gradient(145deg,#1c3a5bf2,#081732f5)}.store-card>span{grid-row:1/3;font-size:35px}.store-card small{color:#66ece5}.store-card h3{margin:3px 0;color:#fff;font-size:15px}.store-card p{margin:0;color:#9fb9c4;font-size:10px;line-height:1.45}.store-card button,.restore-purchases{border:1px solid #9efff4;border-radius:7px;padding:9px 11px;color:#07223a;font-weight:700;background:linear-gradient(#86fff0,#2ccbd0);box-shadow:0 3px #08747c}.store-card button:disabled,.restore-purchases:disabled{opacity:.4;filter:grayscale(.7)}.restore-purchases{display:block;margin:14px auto 0}#game-shell.cosmetic-twilight .world-vignette{background:radial-gradient(circle at 50% 36%,#de7eff0f 22%,#200a4b6b)}#game-shell.cosmetic-dawn .world-vignette{background:linear-gradient(135deg,rgba(255,186,89,.16),transparent 42%),radial-gradient(circle at 50% 42%,transparent 35%,rgba(100,46,83,.18))}#game-shell.cosmetic-gilded .glass{border-color:#f8cf5db8;box-shadow:0 0 0 1px #f9d76e1f,var(--sky-shadow)}.profile-card.founder-frame{border-color:#ffe18a;box-shadow:0 0 0 2px #f8cd5e33,0 0 22px #f8cd5e52}.profile-card.cloudlion-frame{border-color:#d49aff;box-shadow:0 0 0 2px #c278ff33,0 0 24px #b468ff61}@media(max-width:680px){.store-grid{grid-template-columns:1fr}.selection-actions{min-width:92px;grid-template-columns:1fr}.selection-actions .upgrade-button{grid-column:auto}}.hero-skill-button{position:absolute;left:max(20px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));width:154px;min-height:74px;padding:9px 12px;display:grid;grid-template-columns:39px 1fr;text-align:left;color:#fff;border:1px solid #ffe59b!important;clip-path:var(--panel-cut);background:radial-gradient(circle at 20% 20%,#ffe88f,#ee9c3f 45%,#9b3f60);box-shadow:0 7px #6f3157,0 0 25px #ffba484d}.hero-skill-button .ui-icon{grid-row:1/3;width:32px;height:32px;align-self:center;filter:drop-shadow(0 0 8px #fff6bd)}.hero-skill-button strong{font-size:12px;line-height:1.1}.hero-skill-button small{color:#fff3c6;font-size:10px}.hero-skill-button:disabled{filter:grayscale(.75);opacity:.6}.settings-row select{min-width:112px;padding:8px 10px;color:#dff;border:1px solid rgba(94,226,226,.38);border-radius:7px;background:#102d4d}.adventure-hero,.research-header,.armory-header{margin-bottom:11px;padding:17px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#fff;border:1px solid rgba(95,238,231,.38);clip-path:var(--panel-cut);background:radial-gradient(circle at 86% 10%,rgba(255,212,85,.2),transparent 30%),linear-gradient(145deg,#27436f,#0a1e40)}.adventure-hero small,.research-header small,.armory-header small{color:#65eee7;letter-spacing:.13em}.adventure-hero h3,.research-header h3,.armory-header h3{margin:2px 0;font-size:22px}.adventure-hero p,.research-header p,.armory-header p{margin:0;color:#a9c6ce;font-size:10px}.adventure-hero>span{min-width:120px;padding:9px;text-align:right;border-left:1px solid rgba(105,229,224,.25)}.adventure-hero>span>*{display:block}.adventure-hero>span strong{color:#ffe184;font-size:18px}.adventure-hero>span em{color:#b5d3da;font-size:9px;font-style:normal}.dungeon-card{margin-bottom:12px;padding:12px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;border:1px solid rgba(188,122,255,.48);border-radius:9px;background:linear-gradient(135deg,#5c318e8f,#0e1f41eb)}.dungeon-card>span{font-size:30px;text-align:center}.dungeon-card small{color:#cf9bff;letter-spacing:.1em}.dungeon-card h4{margin:1px 0;color:#fff}.dungeon-card p{margin:0;color:#b8c9d1;font-size:9px}.dungeon-card button,.campaign-node button,.replay-list button,.research-grid button,.armory-grid button{border:1px solid #9ffff4;border-radius:7px;padding:8px 10px;color:#08263d;font-weight:800;background:linear-gradient(#86fff0,#2acbd0);box-shadow:0 3px #08777f}.dungeon-card button:disabled,.campaign-node button:disabled,.research-grid button:disabled,.armory-grid button:disabled{opacity:.42;filter:grayscale(.8)}.campaign-path{display:grid;gap:8px}.campaign-node{position:relative;padding:10px;display:grid;grid-template-columns:39px 1fr auto;align-items:center;gap:10px;border:1px solid rgba(79,217,220,.24);border-radius:9px;background:linear-gradient(145deg,#173354f0,#071530f5)}.campaign-node:before{content:"";position:absolute;left:29px;top:-9px;width:2px;height:9px;background:#3fd8d7}.campaign-node:first-child:before{display:none}.campaign-node.boss{border-color:#ffc64c85;background:radial-gradient(circle at 15% 50%,rgba(255,174,60,.12),transparent 28%),linear-gradient(145deg,#382c55,#111d3d)}.campaign-node.locked{filter:saturate(.2);opacity:.58}.campaign-index{width:37px;height:37px;display:grid;place-items:center;border:1px solid #73f0e9;border-radius:50%;color:#bafff7;background:#102e51;font-weight:900}.campaign-node small{color:#64eae4;font-size:8px;letter-spacing:.07em}.campaign-node h4{margin:1px 0;color:#fff;font-size:13px}.campaign-node p{margin:0;color:#95b5c0;font-size:9px}.campaign-node em{color:#ffd66f;font-size:12px;font-style:normal;letter-spacing:.08em}.adventure-heading{margin:16px 0 8px;color:#dff8f7;font-size:13px}.replay-list{display:grid;gap:7px}.replay-list article{padding:9px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;border:1px solid rgba(90,217,221,.2);border-radius:8px;background:#05142d94}.replay-list article>span{font-size:22px}.replay-list strong,.replay-list small{display:block}.replay-list strong{color:#fff;font-size:11px}.replay-list small{color:#8eafb9;font-size:9px}.empty-replay{margin:0;padding:13px;text-align:center;color:#8ba8b3;border:1px dashed rgba(91,214,218,.25);font-size:10px}.research-header,.armory-header{justify-content:flex-start}.research-header>span,.armory-header>span{font-size:40px}.research-grid{display:grid;gap:8px}.research-grid article{padding:11px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;border:1px solid rgba(88,221,220,.22);border-radius:9px;background:linear-gradient(145deg,#183456f0,#081631f2)}.research-grid article>span{font-size:26px;text-align:center}.research-grid h4{margin:0;color:#fff}.research-grid p{margin:2px 0 6px;color:#9bb8c2;font-size:9px}.research-pips{display:flex;gap:4px}.research-pips i{width:22px;height:4px;border-radius:3px;background:#233b55}.research-pips i.filled{background:#5cece3;box-shadow:0 0 7px #4fece299}.armory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.armory-grid article{position:relative;min-height:146px;padding:12px;border:1px solid color-mix(in srgb,var(--item-rarity) 65%,transparent);border-radius:10px;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--item-rarity) 23%,transparent),transparent 32%),linear-gradient(145deg,#203b63,#091c3d)}.armory-grid article.locked{filter:saturate(.15);opacity:.58}.armory-grid article>span{display:block;font-size:36px}.armory-grid article>em{position:absolute;right:9px;top:8px;color:var(--item-rarity);font-size:10px;font-style:normal;font-weight:900}.armory-grid h4{margin:5px 0 1px;color:#fff;font-size:13px}.armory-grid p{margin:0 0 4px;color:#72eee5;font-size:9px}.armory-grid small{display:block;margin-bottom:9px;color:#91afb9;font-size:9px}.armory-grid button{width:100%}@media(max-width:680px){.hero-skill-button{left:8px;bottom:8px;width:112px;min-height:66px;grid-template-columns:28px 1fr;padding:7px}.hero-skill-button .ui-icon{width:26px;height:26px}.hero-skill-button strong{font-size:9px}.adventure-hero{padding:12px}.adventure-hero h3{font-size:17px}.adventure-hero>span{min-width:92px}.campaign-node{grid-template-columns:34px 1fr auto;gap:7px}.campaign-node button{padding:7px;font-size:9px}.armory-grid{grid-template-columns:1fr 1fr}}.tool-rail{gap:7px;padding-block:11px}.tool-rail button{min-height:66px}.tool-rail .ui-icon{width:28px;height:28px}.tool-rail button[data-panel=multiplayer] i{right:9px;top:8px}.sheet{grid-template-rows:auto auto minmax(0,1fr)}.sheet>header{min-height:58px}.sheet>header button{flex:0 0 auto}#sheet-tabs{scroll-snap-type:x proximity}#sheet-tabs button{min-height:40px;scroll-snap-align:start}#sheet-tabs button[aria-selected=true]{position:relative}#sheet-tabs button[aria-selected=true]:after{content:"";position:absolute;left:25%;right:25%;bottom:-8px;height:2px;background:#7affef;box-shadow:0 0 8px #53e8e2}.sheet-content:focus-visible{outline:1px solid rgba(102,239,233,.5);outline-offset:-2px}.sheet[data-panel=menu],.sheet[data-panel=store],.sheet[data-panel=settings]{width:min(560px,calc(100vw - 36px))}.sheet[data-panel=missions],.sheet[data-panel=adventure],.sheet[data-panel=research],.sheet[data-panel=armory]{width:min(580px,calc(100vw - 36px))}.resource-cost{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 9px;vertical-align:middle}.resource-cost>span{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.resource-cost .ui-icon{width:14px;height:14px;color:#6ff4ec}.shop-icon .ui-icon{width:31px;height:31px;stroke-width:1.8}.selection-icon .ui-icon{width:34px;height:34px;color:#0b6f79;filter:drop-shadow(0 3px 4px rgba(9,72,84,.2))}.store-card>span{width:52px;height:52px;display:grid;place-items:center;color:#ffe081;border:1px solid rgba(248,206,99,.35);border-radius:10px;background:#f7cb5b14}.store-card>span .ui-icon{width:27px;height:27px}.daily-chest>span .ui-icon{width:29px;height:29px}.adventure-hero strong{display:inline-flex!important;align-items:center;justify-content:flex-end;gap:5px}.adventure-hero strong .ui-icon{width:17px;height:17px}.dungeon-card>span,.research-header>span,.armory-header>span,.armory-grid article>span,.research-grid article>span,.replay-list article>span{display:grid;place-items:center}.dungeon-card>span .ui-icon{width:30px;height:30px}.campaign-index .ui-icon{width:20px;height:20px}.research-header>span .ui-icon,.armory-header>span .ui-icon{width:37px;height:37px;color:#70f1e9}.research-grid article>span .ui-icon{width:25px;height:25px;color:#6ef1e9}.armory-grid article>span .ui-icon{width:33px;height:33px;color:var(--item-rarity)}.replay-list article>span .ui-icon{width:22px;height:22px;color:#65e9e5}.command-overview{min-height:128px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px;padding:20px;color:#fff;border:1px solid rgba(99,236,231,.44);clip-path:var(--panel-cut);background:radial-gradient(circle at 88% 20%,rgba(247,204,94,.18),transparent 28%),linear-gradient(135deg,#294d79,#0b1c3f);box-shadow:inset 0 1px #ffffff14}.command-overview small{color:#6ff2eb;font-size:9px;font-weight:800;letter-spacing:.17em}.command-overview h3{margin:4px 0 1px;color:#fff2bc;font-size:22px}.command-overview p{margin:0;color:#9fbbc5;font-size:11px}.command-overview>span{width:66px;height:66px;display:grid;flex:0 0 auto;place-items:center;color:#6ff2eb;border:1px solid rgba(107,246,237,.5);border-radius:18px;background:#24caca1f;box-shadow:0 0 24px #2fded924;transform:rotate(6deg)}.command-overview>span .ui-icon{width:32px;height:32px}.command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.command-grid>button{min-height:116px;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;align-content:center;gap:2px 10px;padding:14px;color:#dff5f7;text-align:left;border:1px solid rgba(107,204,214,.22);border-radius:10px;background:linear-gradient(145deg,#1e3b5beb,#091833f0);box-shadow:inset 3px 0 #49e0dd38,0 6px 14px #02091833}.command-grid>button:hover{border-color:#5beee88c;background:linear-gradient(145deg,#24496af5,#0b1e3bfa);transform:translateY(-2px)}.command-grid>button>span{position:relative;grid-row:1/3;width:46px;height:46px;display:grid;place-items:center;color:#6cf1e9;border:1px solid rgba(104,236,230,.28);border-radius:12px;background:#24c4c41a}.command-grid>button>span .ui-icon{width:24px;height:24px}.command-grid>button>span b{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px;color:#19223a;font-size:9px;border-radius:6px;background:#ffd56e}.command-grid strong{align-self:end;color:#fff;font-size:13px}.command-grid small{align-self:start;color:#8faab5;font-size:9px;line-height:1.35}.auth-gate,.reward-reveal,.summon-result,.result{overscroll-behavior:contain}.reward-card:focus,.result-card:focus{outline:none}#game-shell.tutorial-visible .tutorial-focus{box-shadow:0 0 0 8px #ffdd5a2e,0 0 30px #ffd2498a!important}@media(max-width:680px){.tool-rail{width:62px}.tool-rail button{min-height:52px}.sheet[data-panel=menu],.sheet[data-panel=store],.sheet[data-panel=settings],.sheet[data-panel=missions],.sheet[data-panel=adventure],.sheet[data-panel=research],.sheet[data-panel=armory]{width:calc(100vw - 14px)}.command-grid{grid-template-columns:1fr}.command-grid>button{min-height:88px}.command-overview{min-height:105px;padding:15px}.command-overview>span{width:52px;height:52px}#sheet-tabs button{flex:1 0 auto;min-width:88px;padding-inline:13px}}@media(max-height:520px){.tool-rail{width:96px;grid-template-columns:repeat(2,minmax(0,1fr))}.tool-rail button{min-height:40px}.tool-rail button:last-child{grid-column:2}}#game-shell:has(.next-action:not(.hidden)) .hint{display:none}.toast{top:154px;max-width:min(440px,calc(100vw - 32px));text-align:center}@media(max-width:680px){.hud:has(.selection-card:not(.hidden)) .battle-button{opacity:0;pointer-events:none;transform:translateY(14px)}#game-shell.tutorial-visible .battle-button:not(.tutorial-focus){opacity:0;pointer-events:none}#game-shell.tutorial-visible .battle-button.tutorial-focus{bottom:max(164px,calc(env(safe-area-inset-bottom) + 154px))}.battle-hud .troop-dock{bottom:max(82px,calc(env(safe-area-inset-bottom) + 76px));width:calc(100% - 16px);justify-content:center;overflow-x:auto}.battle-hud .hero-skill-button{left:8px;bottom:max(8px,env(safe-area-inset-bottom))}.battle-hud .stamp-button{right:8px;bottom:max(8px,env(safe-area-inset-bottom))}.toast{top:126px;font-size:11px}}@media(max-width:420px){.profile-card{min-width:52px;width:52px;padding:5px}.profile-card>span:nth-child(2){display:none}.resources{min-width:0;flex:1}.resources .resource{min-width:0;flex:1 1 0;padding-inline:6px}.resource strong{font-size:12px}.selection-card{width:calc(100% - 78px);grid-template-columns:42px minmax(0,1fr)}.selection-icon{width:42px;height:42px}.selection-actions{grid-column:1/-1;grid-template-columns:repeat(3,1fr);width:100%}.selection-actions .upgrade-button{grid-column:auto;min-height:44px}.battle-hud .troop-dock{justify-content:flex-start}}