*{box-sizing:border-box}html,body{margin:0;background:#0c0c0c;color:#fff;font-family:Arial,'Segoe UI',sans-serif;width:100%;height:100%;overflow:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #b7ff00;outline-offset:5px}button{touch-action:manipulation}.icon{width:24px;height:24px;display:block;flex-shrink:0}.bare-button{border:0;background:none;display:grid;place-items:center;min-width:44px;min-height:44px;padding:4px;color:#fff}.bare-button:active{transform:scale(.91)}.app-shell{--lime:#b7ff00;--cyan:#13e2ed;--nav-height:82px;background:#151515;position:relative;width:100%;height:100svh;height:100dvh;margin:0 auto;overflow:hidden;isolation:isolate}.boot{height:100svh;display:grid;place-items:center;background:#151515;color:#b7ff00}.home-screen,.battle-screen{position:absolute;inset:0;overflow:hidden}.home-screen{background:#151515;transition:opacity .3s,transform .4s}.globe-scene{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.home-hud{position:absolute;top:max(60px,calc(env(safe-area-inset-top) + 26px));left:26px;right:24px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.rating-chip{height:38px;width:159px;border:1px solid #d0d0d0;border-radius:22px;position:relative;display:flex;align-items:center;justify-content:center;padding-left:37px}.rating-chip .icon{position:absolute;left:-5px;top:-6px;width:43px;height:43px;color:#0ce3ef;stroke-width:1.6;fill:#0ce3ef}.rating-chip>span{font-size:34px;font-weight:650;line-height:1;letter-spacing:.4px}.resource-column{width:122px;display:flex;flex-direction:column;gap:12px}.resource-chip{height:37px;border:1px solid #d1d1d1;border-radius:22px;display:flex;align-items:center;justify-content:space-between;padding:4px 11px;position:relative}.resource-chip>.icon{width:30px;height:30px;stroke-width:1.7;color:#b7ff00}.star-chip>.icon{color:#e3ff00;width:32px;height:32px}.resource-chip b{font-size:18px;font-weight:650}.resource-chip i{position:absolute;left:24px;top:17px;background:#fff;color:#151515;border-radius:50%;font-size:13px;font-weight:700;font-style:normal;width:15px;height:15px;text-align:center;line-height:15px}.daily-button{height:37px;border:0;border-radius:22px;background:#96d900;display:grid;place-items:center;color:#fff;pointer-events:auto}.daily-button>.icon{width:30px;height:30px;stroke-width:2}.home-actions{position:absolute;bottom:calc(var(--nav-height) + max(40px,env(safe-area-inset-bottom)));left:24px;right:24px;display:grid;grid-template-columns:49px 1fr 49px;gap:25px;align-items:center}.home-actions .bare-button .icon{width:43px;height:43px;stroke-width:1.6}.home-actions .invite-button .icon{width:47px;height:47px}.battle-button{height:82px;min-width:0;border:0;border-radius:9px;background:#b7ff00;color:#141414;font-size:36px;font-weight:700;letter-spacing:.2px;box-shadow:0 0 30px #b7ff004d;transition:transform .15s,box-shadow .2s}.battle-button:hover{box-shadow:0 0 38px #b7ff0070}.battle-button:active{transform:scale(.95);box-shadow:0 0 18px #b7ff0060}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#151515;border-top:1px solid #777;display:grid;grid-template-columns:repeat(4,1fr);z-index:3}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;border:0;background:none;color:#858585;font-size:14px;padding:8px 0 10px}.nav-item .icon{width:34px;height:34px;stroke-width:1.8}.nav-item.active{color:#b7ff00}.nav-item.active>span{color:#fff}.nav-item:active{transform:scale(.94)}.battle-screen{background:#171b1e;opacity:0;visibility:hidden;transform:scale(.97);transition:opacity .3s,transform .4s,visibility .3s}.is-battle .home-screen{opacity:0;transform:scale(1.09);pointer-events:none;visibility:hidden}.is-battle .battle-screen{opacity:1;transform:scale(1);visibility:visible}.battle-screen canvas{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.battle-hud{position:absolute;top:max(35px,calc(env(safe-area-inset-top) + 12px));left:16px;right:16px;display:grid;grid-template-columns:36px 1fr 36px;gap:12px;align-items:start;pointer-events:none}.battle-hud .bare-button{pointer-events:auto;min-height:34px;min-width:34px;color:#fff;filter:drop-shadow(0 1px 4px #0005)}.battle-back>.icon{width:26px;height:26px;stroke-width:3}.battle-menu>.icon{width:21px;height:21px;stroke-width:3}.battle-control{padding-top:5px}.territory-bar{display:flex;overflow:hidden;width:100%;height:14px;border:2px solid #fff;border-radius:20px;background:#888;box-shadow:0 2px 8px #0003}.territory-bar i{height:100%;transition:width .3s}#own-bar{background:#b7ff00;width:6.25%}#neutral-bar{background:#66696e;width:87.5%}#enemy-bar{background:#13dce8;width:6.25%}.battle-meta{display:flex;justify-content:space-between;gap:8px;color:#fff;margin-top:10px;font-size:10px;text-shadow:0 1px 5px #0009}.battle-meta>span{display:flex;align-items:center;gap:4px}.battle-meta b{font-weight:600;max-width:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-meta em{font-size:10px;font-weight:700;font-style:normal;opacity:.8}.battle-meta #clock{font-size:10px;opacity:.75;font-variant-numeric:tabular-nums}.player-dot{display:block;width:5px;height:5px;background:#b7ff00;border-radius:50%}.rival-dot{background:#13dce8}.battle-hint{position:absolute;bottom:max(35px,calc(env(safe-area-inset-bottom) + 20px));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;white-space:nowrap;pointer-events:none;color:#e5e5e5;background:#151515ab;border:1px solid #ffffff17;border-radius:20px;padding:8px 13px;font-size:10px;transition:opacity .5s}.hint-gesture{font-size:21px;color:#b7ff00}.battle-hint.faded{opacity:0}.connection{position:absolute;top:max(97px,calc(env(safe-area-inset-top) + 75px));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:6px 10px;background:#151515c9;border-radius:15px;font-size:9px;color:#fff;opacity:0;transition:opacity .3s;pointer-events:none}.connection i{width:4px;height:4px;border-radius:50%;background:#b7ff00}.connection.bad{opacity:1}.connection.bad i{background:#ffb848}.modal-layer{position:fixed;inset:0;background:#000a;backdrop-filter:blur(6px);display:grid;place-items:center;z-index:20;padding:20px}.modal-layer[hidden]{display:none}.modal{position:relative;width:min(100%,360px);max-height:85svh;overflow:auto;background:#1c1c1c;border:1px solid #444;border-radius:22px;padding:36px 25px 25px;text-align:center;box-shadow:0 18px 80px #0008}.modal-close{position:absolute;top:8px;right:8px;min-width:35px;min-height:35px;color:#a5a5a5}.modal-close .icon{width:20px;height:20px}.modal h2{font-size:27px;line-height:1.17;letter-spacing:-.7px;margin:16px 0 13px;font-weight:700}.modal h3{font-size:16px;margin:10px 0}.modal p{font-size:12px;color:#a0a0a0;line-height:1.8}.modal-badge{width:64px;height:64px;border:1px solid #50564a;background:#252d1a;color:#b7ff00;border-radius:50%;display:grid;place-items:center;margin:0 auto}.modal-badge .icon{width:29px;height:29px}.modal-badge.winner{background:#252d1a;box-shadow:0 0 35px #b7ff001f}.button{width:100%;border:0;border-radius:9px;min-height:48px;padding:13px 15px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:650;font-size:13px;margin-top:11px;transition:transform .15s}.button:active{transform:scale(.97)}.button .icon{width:19px;height:19px}.primary{background:#b7ff00;color:#151515}.secondary{background:#292929;color:#e8e8e8;border:1px solid #4b4b4b}.search-ring{width:66px;height:66px;border:2px solid #424834;border-top-color:#b7ff00;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.search-time{font-size:36px;font-weight:600;font-variant-numeric:tabular-nums;color:#b7ff00;margin:22px 0}.room-code{font:700 29px monospace;letter-spacing:7px;border:1px dashed #637b2b;background:#252e1a;color:#c4ff3c;border-radius:10px;padding:17px 5px;margin:20px 0}.room-input{width:100%;border:1px solid #555;border-radius:9px;padding:13px 12px;background:#151515;color:#fff;text-transform:uppercase;text-align:center;font-size:23px;letter-spacing:5px}.divider-label{display:flex;gap:12px;align-items:center;font-size:9px;color:#858585;margin:24px 0 15px}.divider-label:before,.divider-label:after{content:'';height:1px;background:#444;flex:1}.help-steps{text-align:left;counter-reset:step;margin:24px 0}.help-steps p{display:flex;gap:11px;font-size:11px;line-height:1.65}.help-steps p:before{counter-increment:step;content:counter(step);width:22px;height:22px;flex-shrink:0;border:1px solid #4d553e;border-radius:6px;text-align:center;line-height:20px;color:#b7ff00}.result-stats{display:flex;justify-content:center;gap:40px;border-top:1px solid #393939;border-bottom:1px solid #393939;padding:18px 0;margin:24px 0}.result-stats b{display:block;font-size:25px;color:#b7ff00;font-weight:650}.result-stats span{font-size:8px;color:#8e8e8e;letter-spacing:.5px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;z-index:50;background:#333;color:#fff;border:1px solid #555;border-radius:10px;max-width:min(90%,370px);padding:12px 18px;font-size:12px;line-height:1.6;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.settings-list{margin:22px 0 12px}.setting-row{display:flex;align-items:center;width:100%;gap:12px;min-height:52px;border:0;border-bottom:1px solid #363636;background:none;color:#fff;text-align:left;font-size:12px}.setting-row .icon{width:20px;height:20px;color:#9d9d9d}.setting-row>span{flex:1}.setting-row>b{color:#b7ff00;font-size:10px;font-weight:500}.switch{display:block;width:34px;height:19px;border-radius:12px;background:#515151;position:relative}.switch:after{content:'';position:absolute;top:3px;left:3px;width:13px;height:13px;background:#ccc;border-radius:50%;transition:transform .2s}.setting-row[aria-pressed=true] .switch{background:#b7ff00}.setting-row[aria-pressed=true] .switch:after{background:#151515;transform:translateX(15px)}.emblem-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.emblem-option{border:1px solid #444;border-radius:12px;background:#252525;min-height:88px;display:grid;place-items:center;color:#ddd}.emblem-option.selected{border-color:#b7ff00;color:#b7ff00;background:#2a321d}.emblem{width:36px;height:39px}.profile-name{width:100%;background:#151515;color:#fff;border:1px solid #494949;border-radius:8px;font-size:18px;padding:12px;text-align:center;letter-spacing:0;text-transform:none}.profile-stats{display:flex;justify-content:space-around;margin:24px 0}.profile-stats b{display:block;font-size:26px;color:#b7ff00}.profile-stats small{font-size:10px;color:#aaa}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:23px 0}.calendar-grid span{display:grid;place-items:center;aspect-ratio:1;font-size:11px;color:#a5a5a5;border-radius:7px;background:#252525}.calendar-grid .played{background:#b7ff00;color:#151515}.calendar-grid .today{outline:1px solid #b7ff00}.map-option{display:flex;align-items:center;text-align:left;gap:15px;border:1px solid #414141;border-radius:10px;background:#242424;color:#eee;width:100%;padding:11px;margin:10px 0;font-size:13px}.map-option.selected{border-color:#b7ff00}.map-option svg{width:44px;height:65px}.map-option>span{flex:1}.map-option>b{color:#b7ff00}.muted-note{font-size:10px!important;color:#777!important}.spacer{height:8px}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:600px){.app-shell{width:min(460px,calc(100dvh * .49));border-left:1px solid #252525;border-right:1px solid #252525}.modal{max-width:350px}}@media(max-height:780px){.app-shell{--nav-height:74px}.home-hud{top:max(38px,calc(env(safe-area-inset-top) + 15px));left:24px;right:22px}.rating-chip{width:143px;height:35px}.rating-chip>span{font-size:30px}.rating-chip .icon{width:39px;height:39px}.resource-column{width:112px;gap:10px}.resource-chip,.daily-button{height:34px}.resource-chip b{font-size:16px}.resource-chip>.icon{height:27px}.resource-chip i{top:16px;width:13px;height:13px;font-size:11px;line-height:13px}.home-actions{bottom:calc(var(--nav-height) + 34px);gap:17px;grid-template-columns:42px 1fr 42px}.home-actions .bare-button .icon{width:38px;height:38px}.battle-button{height:67px;font-size:31px}.nav-item{font-size:12px}.nav-item .icon{width:31px;height:31px}}@media(max-width:350px){.home-hud{left:21px;right:18px}.rating-chip{width:135px}.resource-column{width:108px}.home-actions{left:19px;right:19px;gap:15px;grid-template-columns:40px 1fr 40px}.battle-button{font-size:30px}.battle-hud{left:12px;right:12px;gap:6px}.battle-meta{font-size:8px}.battle-meta b{max-width:55px}.modal{padding:34px 21px 24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.app-shell{--safe-top:max(env(safe-area-inset-top,0px),var(--tg-top,0px));--safe-bottom:max(env(safe-area-inset-bottom,0px),var(--tg-bottom,0px));height:var(--tg-viewport-stable-height,100dvh)}
.home-hud{top:max(60px,calc(var(--safe-top) + 26px))}.bottom-nav{height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom)}.home-actions{bottom:calc(var(--nav-height) + var(--safe-bottom) + 40px)}.battle-hud{top:max(35px,calc(var(--safe-top) + 12px))}.battle-hint{bottom:max(35px,calc(var(--safe-bottom) + 20px))}.connection{top:max(97px,calc(var(--safe-top) + 75px))}@media(max-height:780px){.home-hud{top:max(38px,calc(var(--safe-top) + 15px))}.home-actions{bottom:calc(var(--nav-height) + var(--safe-bottom) + 34px)}}
.home-left-column{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.shop-button{border:0;background:none;color:#b7ff00;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:52px;padding:0;pointer-events:auto}.shop-button>.icon{width:35px;height:35px}.shop-button>span{font-size:10px;color:#ddd}.resource-chip{background:transparent;pointer-events:auto}.daily-button,.home-actions>.bare-button{position:relative}.notice-dot{position:absolute;right:4px;top:2px;width:9px;height:9px;border:2px solid #151515;border-radius:50%;background:#13e2ed}.notice-dot[hidden]{display:none}.home-actions .notice-dot{right:0;top:0}.section-layer{padding:0;background:#151515}.section-layer .modal{width:min(100%,440px);height:100dvh;max-height:100dvh;border-radius:0;border:0;padding:calc(var(--tg-top,0px) + 50px) 22px calc(var(--tg-bottom,0px) + 25px);box-shadow:none;background:#151515;text-align:left}.section-layer .modal-close{top:15px;right:18px}.section-layer h2{font-size:34px;margin:9px 0 15px;letter-spacing:-1px}.section-eyebrow{font-size:8px;letter-spacing:1.7px;color:#a9b591;font-weight:600}.section-balance{display:flex;align-items:center;gap:7px;color:#b7ff00;font-size:15px;font-weight:bold;float:right;margin-top:-42px}.section-balance .icon{width:21px;height:21px}.unit-cards{display:grid;gap:15px;margin:25px 0}.unit-card{display:flex;border:1px solid #3b4234;background:#22251f;border-radius:15px;padding:14px 12px 14px 7px;gap:8px;position:relative;overflow:hidden}.unit-card.selected{border-color:#b7ff00;background:linear-gradient(110deg,#333d22,#1c2119)}.unit-card.locked{background:#1c1e1c;border-color:#363936}.unit-card.locked .unit-art{filter:saturate(.2);opacity:.6}.unit-portrait{flex:0 0 92px;display:flex;flex-direction:column;align-items:center;justify-content:center}.unit-art{width:94px;height:108px;overflow:visible}.unit-portrait>span{font-size:8px;letter-spacing:.5px;color:#b7ff00;margin-top:6px}.unit-card.locked .unit-portrait>span{color:#81877b}.unit-details{flex:1;min-width:0}.unit-details h3{font-size:19px;margin:0 0 3px;display:flex;align-items:center;justify-content:space-between;gap:8px}.unit-details h3 i{font-size:7px;font-style:normal;color:#b7ff00;white-space:nowrap}.unit-details>p{margin:0 0 12px;font-size:10px;line-height:1.4}.unit-stats{display:grid;gap:5px}.unit-stats>span{font-size:9px;color:#949d8c;display:flex;justify-content:space-between;gap:5px}.unit-stats b{color:#d9dfd0;font-size:10px}.unit-actions{display:flex;gap:6px;flex-wrap:wrap}.unit-actions .button{flex:1;min-width:72px;font-size:9px;min-height:34px;padding:8px 6px}.unit-details>.button{min-height:36px;font-size:10px}.unit-details .icon{width:15px;height:15px}.section-layer .modal p{font-size:11px}.daily-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0}.daily-card{position:relative;border:1px solid #444;background:#262626;border-radius:10px;min-height:97px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.daily-card small{font-size:7px;letter-spacing:.6px;color:#aaa}.daily-card .icon{width:25px;height:25px;color:#b7ff00}.daily-card b{font-size:17px}.daily-card.current{border-color:#b7ff00;background:#2b361e;box-shadow:0 0 20px #b7ff0014}.daily-card:last-child{grid-column:span 2;background:linear-gradient(135deg,#343d1b,#22251b)}.daily-card em{font-size:8px;font-style:normal;color:#b7ff00}.daily-card.claimed:after{content:'✓';position:absolute;right:4px;top:3px;color:#b7ff00;font-size:9px}.quest-list{display:grid;gap:14px;margin:25px 0}.quest-card{display:grid;grid-template-columns:36px 1fr 67px;align-items:center;gap:12px;border:1px solid #393e31;background:#20231c;border-radius:13px;padding:15px 12px}.quest-card h3{font-size:14px;margin:0}.quest-card p{font-size:10px!important;margin:6px 0 10px;line-height:1.5}.quest-symbol{color:#b7ff00}.quest-symbol .icon{width:29px;height:29px}.quest-progress{height:4px;border-radius:5px;background:#42483a;overflow:hidden}.quest-progress i{height:100%;display:block;background:#b7ff00}.quest-card small{display:block;font-size:8px;color:#9aa28d;margin-top:5px}.quest-claim{border:0;border-radius:8px;background:#b7ff00;color:#182109;padding:12px 5px;min-height:51px;font-weight:700;font-size:15px}.quest-claim span{display:flex;align-items:center;justify-content:center;font-size:9px;gap:2px;margin-top:5px}.quest-claim .icon{width:14px;height:14px}.quest-card.claimed{opacity:.5}.friend-search{display:flex;gap:7px;margin:23px 0}.friend-search input{min-width:0;flex:1;background:#232323;border:1px solid #444;border-radius:9px;color:#fff;padding:14px 12px;font-size:12px}.friend-search button{width:46px;border:0;border-radius:9px;color:#151515;background:#b7ff00;font-size:23px}.list-caption{font-size:8px;color:#828b77;letter-spacing:1px;margin:22px 0 13px}.friend-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #333}.friend-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#c2e18c;background:#2b3520;position:relative;flex-shrink:0;font-size:19px;font-weight:600}.friend-avatar i{position:absolute;bottom:-1px;right:-1px;width:9px;height:9px;border:2px solid #151515;border-radius:50%;background:#686868}.friend-avatar i.online{background:#b7ff00}.friend-row>div{flex:1;min-width:0}.friend-row b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.friend-row small{display:block;color:#959a8d;font-size:8px;margin-top:5px}.small-action{border:1px solid #737f54;background:#2a3420;color:#c6f28e;border-radius:8px;font-size:10px;font-weight:600;padding:10px;white-space:nowrap}.friends-empty{text-align:center;border:1px dashed #3b4331;border-radius:14px;padding:28px 17px;margin:18px 0 24px}.friends-empty .icon{width:40px;height:40px;color:#a9bf8a;margin:0 auto 20px}.friends-empty h3{font-size:16px}.friends-empty p{line-height:1.7}.friend-code{text-align:center;font-size:8px;letter-spacing:1px;color:#777;margin:17px 0}.friend-code b{color:#b6c49d;margin-left:8px;font-size:10px;letter-spacing:1.5px}.join-room-row{display:flex;gap:8px;margin-top:11px}.join-room-row .room-input{font-size:13px;letter-spacing:1px;text-align:left;min-width:0}.duel-card{background:#2b351e;border:1px solid #7d9f3d;border-radius:12px;padding:16px;margin:12px 0}.duel-card>b{font-size:14px}.share-input{width:100%;background:#151515;border:1px solid #555;border-radius:8px;padding:12px;color:#fff;font-size:11px}.match-reward{color:#b7ff00;font-size:13px;margin:13px 0}.shop-tabs{display:flex;gap:8px;margin:25px 0}.shop-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:#232323;color:#999;border:1px solid #3f3f3f;border-radius:9px;padding:12px;font-size:12px}.shop-tabs button.active{border-color:#b7ff00;color:#b7ff00;background:#28301e}.shop-tabs .icon{width:20px;height:20px}.shop-offers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:25px}.shop-offer{border:1px solid #4c563b;background:radial-gradient(ellipse at center,#3e4d27,#23271d 80%);border-radius:15px;text-align:center;padding:25px 13px 13px;position:relative;min-height:210px}.shop-offer:last-child{grid-column:span 2;min-height:180px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px}.shop-offer:last-child>.button{grid-column:span 2}.shop-offer h3{font-size:25px;margin:16px 0 0}.shop-offer h3 small{display:block;font-size:10px;color:#b2bea0;font-weight:400;margin-top:6px}.currency-stack{width:88px;height:62px;position:relative;margin:0 auto;color:#b7ff00}.currency-stack .icon{position:absolute;width:58px;height:58px;left:15px;top:0;stroke-width:1.5;filter:drop-shadow(0 4px 0 #596d27)}.currency-stack .icon:nth-child(1){transform:translate(-17px,7px) rotate(-15deg)}.currency-stack .icon:nth-child(2){transform:translate(17px,2px) rotate(15deg)}.currency-stack .icon:nth-child(3){transform:translate(0,-5px)}.stack-0 .icon:nth-child(1),.stack-0 .icon:nth-child(2){opacity:0}.offer-tag{position:absolute;top:-7px;left:12px;right:12px;border-radius:5px;background:#b7ff00;color:#1c2414;font-size:7px;padding:4px 2px;font-weight:700;letter-spacing:.5px}.shop-offer .button{min-height:35px;font-size:11px;background:#303827;margin-top:16px}.section-layer .modal-close{z-index:2}@media(min-width:600px){.section-layer .modal{height:min(900px,100dvh);border-left:1px solid #303030;border-right:1px solid #303030}}@media(max-width:360px){.unit-portrait{flex-basis:76px}.unit-art{width:80px;height:100px}.unit-details h3{font-size:17px}.unit-actions{display:grid;grid-template-columns:1fr}.unit-actions .button{margin-top:7px}.quest-card{gap:8px;grid-template-columns:29px 1fr 60px;padding:14px 10px}.section-layer .modal{padding-left:18px;padding-right:18px}}
.battle-screen{background:#303a40}.territory-bar{border-color:#c9d2cc;box-shadow:0 2px 7px #0002}#own-bar{background:#98ad7d}#enemy-bar{background:#7f9fac}#neutral-bar{background:#667176}.player-dot{background:#98ad7d}.rival-dot{background:#7f9fac}.battle-meta{color:#e2e8e0}.hint-gesture{color:#c4d2b0}.unit-map-label{display:flex;align-items:center;gap:7px;font-size:8px;color:#a5b297;margin-top:8px}.unit-map-marker{width:19px;height:19px;display:block}.battle-button{animation:battle-glow .5s ease-in-out infinite}.is-battle .battle-button{animation-play-state:paused}@keyframes battle-glow{0%,100%{box-shadow:0 0 30px #b7ff004d}50%{box-shadow:0 0 16px #b7ff0026}}@media(prefers-reduced-motion:reduce){.battle-button{animation:none}}

/* Short transitions keep the battle moving while dialogs open. */
.modal-layer{backdrop-filter:none;background:#000b}.home-screen{transition:opacity .18s ease,transform .22s ease,visibility .22s}.battle-screen{transition:opacity .18s ease,transform .22s ease,visibility .22s}.is-battle .home-screen{transform:scale(1.025)}.territory-bar>i{transition:width .18s ease}.quest-progress i{transition:width .18s ease}.notice-dot{animation:notice-in .16s ease-out}@keyframes notice-in{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
.battle-entry .home-screen{visibility:visible;opacity:1;transform:none;z-index:2;pointer-events:none}.battle-entry .globe-scene{transform-origin:50% 51%}.battle-entry .battle-screen{visibility:visible}