:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #090d12;--surface: rgba(13, 18, 24, .76);--surface-strong: rgba(14, 19, 26, .92);--surface-soft: rgba(255, 255, 255, .07);--line: rgba(226, 235, 255, .14);--line-strong: rgba(226, 235, 255, .24);--text: #f6f8ff;--muted: #aeb9cc;--muted-strong: #d9e1ef;--gold: #ffd166;--amber: #ff9f43;--cyan: #4dd7ff;--green: #46e39a;--red: #ff5f6d;--violet: #a987ff;--shadow: 0 18px 46px rgba(0, 0, 0, .42);--blur: blur(18px) saturate(1.2);--radius: 8px;--tap: 46px;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;overflow:hidden;background:linear-gradient(180deg,#05080ee6,#080c12fa),#090d12;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,.link-button{min-height:var(--tap);min-width:0;border:1px solid var(--line);border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;background:#ffffff14;color:var(--text);font:inherit;font-size:14px;font-weight:800;line-height:1.05;text-decoration:none;cursor:pointer;touch-action:manipulation;transition:transform .14s ease,border-color .14s ease,background .14s ease,opacity .14s ease,box-shadow .14s ease;-webkit-tap-highlight-color:transparent}button svg,.link-button svg{flex:0 0 auto}button:hover,.link-button:hover{border-color:var(--line-strong);background:#ffffff1f}button:active,.link-button:active{transform:translateY(1px) scale(.99)}button:disabled{opacity:.43;cursor:not-allowed;filter:grayscale(.5)}.primary{border-color:#ffd16694;background:linear-gradient(180deg,#ffd16647,#ff9f4324),#ffd16614;color:#fff9e8;box-shadow:0 12px 28px #ff9f4329,inset 0 1px #ffffff29}.primary:hover{border-color:var(--gold);background:#ffd16633}.secondary,.ghost{border-color:var(--line);background:#ffffff12}.ghost{justify-content:flex-start;color:var(--muted-strong)}.danger{border-color:#ff5f6d80;background:#ff5f6d21;color:#ffe5e8}.icon-only{width:46px;padding:0}.loading{min-height:100vh;display:grid;place-items:center;color:var(--gold);font-size:24px;font-weight:950;letter-spacing:0}.home-shell,.telegram-gate{position:relative;min-height:100svh;overflow:auto;padding:calc(18px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom));display:grid;align-content:center;justify-content:center;gap:14px;background:linear-gradient(180deg,#05080c80,#05080ccc 54%,#05080cf5),url(/generated/nexus-home-key-art.png) center / cover no-repeat,#090d12}.home-shell:before,.telegram-gate:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,8,12,.58),transparent 28%,transparent 72%,rgba(5,8,12,.58)),linear-gradient(180deg,rgba(5,8,12,.72),transparent 22%,rgba(5,8,12,.84) 100%)}.home-shell>*,.telegram-gate>*{position:relative;z-index:1;width:min(100%,1080px)}.brand-card,.action-card,.compact-card,.invite-card,.gate-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow),inset 0 1px #ffffff14;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.home-hero{min-height:178px;display:grid;grid-template-columns:72px minmax(0,1fr) minmax(172px,auto);align-items:center;gap:16px;padding:18px}.mark{width:64px;height:64px;display:grid;place-items:center;border-radius:8px;border:1px solid rgba(255,209,102,.64);background:radial-gradient(circle at 50% 22%,rgba(77,215,255,.36),transparent 32%),linear-gradient(160deg,#46e39a52,#ffd16626);color:#fff8d5;font-size:20px;font-weight:950;letter-spacing:0;box-shadow:inset 0 1px #ffffff3d,0 16px 32px #00000047}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--cyan);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:0}.brand-card h1,.gate-card h1{margin:6px 0 0;color:var(--text);font-size:clamp(34px,5.8vw,64px);line-height:.95;letter-spacing:0}.brand-card p,.gate-card p,.action-card p,.invite-card p{max-width:650px;margin:8px 0 0;color:var(--muted);line-height:1.45}.account-pill{justify-self:end;min-width:172px;max-width:260px;padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff12}.account-pill span,.settings-list span,small{color:var(--muted);font-size:12px}.account-pill strong{display:block;margin-top:3px;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,260px);gap:14px}.action-card,.invite-card,.compact-card,.gate-card{padding:16px}.action-card{display:grid;align-content:center}.action-card h2,.invite-card h2{margin:8px 0 0;font-size:clamp(24px,4vw,38px);line-height:1}.cta{min-height:56px;margin-top:16px;justify-content:space-between;font-size:15px}.compact-card{display:grid;gap:10px;align-content:center}.map-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.map-picker button{min-height:108px;padding:13px;display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto auto auto;justify-content:stretch;align-content:center;text-align:left}.map-picker svg{grid-row:1 / span 3;margin-top:2px;color:var(--cyan)}.map-picker strong,.map-picker span,.map-picker small{min-width:0}.map-picker strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-picker span{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.25}.map-picker small{margin-top:10px;color:var(--gold)}.map-picker .selected{border-color:#ffd166b8;background:linear-gradient(180deg,#ffd16629,#4dd7ff12),#ffffff14}.lobby-shell{align-content:center}.invite-card{display:grid;gap:10px}.invite-box{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:#0000002e}.invite-box span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted-strong);font-size:13px}.telegram-gate{place-items:center}.gate-card{width:min(520px,92vw);display:grid;justify-items:center;gap:12px;text-align:center}.link-button{width:100%;max-width:280px}.battle-shell{position:relative;width:100vw;height:100svh;min-width:0;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#070b102e,#070b108a),#101b14}.battle-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(6,10,14,.68),transparent 19%,transparent 62%,rgba(6,10,14,.82)),linear-gradient(90deg,rgba(6,10,14,.42),transparent 18%,transparent 82%,rgba(6,10,14,.42))}.topbar{position:absolute;z-index:8;top:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr 1.12fr 1fr 1fr 48px;gap:8px;padding:calc(8px + env(safe-area-inset-top)) 10px 8px;pointer-events:none}.status,.menu-btn,.side-block,.side-meter,.tower-panel,.bottombar{border:1px solid var(--line);background:var(--surface);box-shadow:0 12px 28px #00000047,inset 0 1px #ffffff14;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.status,.menu-btn{pointer-events:auto;min-width:0;border-radius:var(--radius)}.status{min-height:50px;display:grid;align-content:center;padding:7px 10px}.status span{min-width:0;display:flex;align-items:center;gap:6px;overflow:hidden;color:var(--muted);font-size:11px;font-weight:800;line-height:1;text-overflow:ellipsis;white-space:nowrap}.status strong{display:block;min-width:0;margin-top:5px;overflow:hidden;color:var(--text);font-size:20px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.status.hp{border-color:#46e39a6b}.status.hp svg,.status.hp strong{color:var(--green)}.status.gold{border-color:#ffd1667a}.status.gold svg,.status.gold strong{color:var(--gold)}.status.threat{border-color:#ff5f6d6b}.status.threat svg,.status.threat strong{color:#ff9aa4}.status.enemy{border-color:#a987ff6b}.status.enemy svg,.status.enemy strong{color:#c8b7ff}.menu-btn{min-height:50px;padding:0}.arena{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.battlefield{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#102016}.battlefield canvas{display:block;width:100%;height:100%}.left-rail{position:absolute;z-index:7;left:10px;top:calc(72px + env(safe-area-inset-top));width:184px;display:grid;gap:8px;pointer-events:none}.left-rail button,.left-rail .side-block,.left-rail .side-meter{pointer-events:auto;min-width:0}.left-rail button{justify-content:flex-start;min-height:42px;padding:0 10px;background:#ffffff17}.side-block,.side-meter,.upgrade-done{border-radius:var(--radius);padding:10px}.side-block strong{display:block;color:var(--cyan);line-height:1.12}.side-block span,.side-meter span{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.25}.side-meter strong{display:block;margin-top:5px;color:var(--gold)}.tower-panel{position:absolute;z-index:7;right:10px;top:calc(72px + env(safe-area-inset-top));bottom:calc(146px + env(safe-area-inset-bottom));width:min(292px,31vw);overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:var(--radius)}.tower-panel h2{margin:0;display:flex;align-items:center;gap:8px;color:var(--text);font-size:19px;line-height:1}.tower-panel h2 svg{color:var(--cyan)}.tower-panel p{margin:0;color:var(--muted);font-size:13px;line-height:1.42}.tower-title,.stats-grid,.tutorial-grid article,.codex-grid article,.settings-list div,.result-stats div,.upgrade-done{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0f}.tower-title{display:grid;gap:6px;padding:10px}.tower-title span{color:var(--gold);font-size:12px}.stats-grid{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px}.stats-grid span{color:var(--muted)}.stats-grid strong{color:var(--text)}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.segmented button{min-height:36px;padding:0 8px;font-size:12px}.segmented .active{border-color:#4dd7ff9e;color:var(--cyan);background:#4dd7ff1f}.upgrade-list{min-height:0;display:grid;gap:8px;overflow-y:auto}.upgrade-list button{min-height:76px;display:grid;justify-items:start;align-content:center;gap:4px;padding:10px;text-align:left}.upgrade-list strong,.upgrade-list span,.upgrade-list small{min-width:0;max-width:100%}.upgrade-list span{color:var(--muted);font-size:12px;line-height:1.25}.upgrade-list small{color:var(--gold)}.upgrade-done{color:var(--gold);font-weight:900}.bottombar{position:absolute;z-index:8;left:0;right:0;bottom:0;min-height:136px;border-width:1px 0 0;border-radius:0;padding:10px 10px calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:138px minmax(0,1fr);grid-template-rows:22px minmax(0,1fr);gap:8px 10px}.bar-title{grid-column:1 / -1;min-width:0;display:flex;align-items:center;gap:8px;overflow:hidden;color:var(--muted-strong);font-size:15px;font-weight:900;line-height:1;text-overflow:ellipsis;white-space:nowrap}.bar-title svg{color:var(--gold)}.tabs{display:grid;gap:7px}.tabs button{justify-content:flex-start;min-height:38px;padding:0 10px}.tabs .active{border-color:#ffd166a8;color:var(--gold);background:#ffd1661f}.cards{min-width:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(106px,136px);gap:8px;overflow-x:auto;padding:0 2px 7px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}.cards button{min-height:90px;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto auto;align-content:center;align-items:center;gap:4px 7px;padding:9px;text-align:left;background:#ffffff14}.cards .attack-card{border-color:#ff5f6d57;background:#ff5f6d1c}.cards strong{min-width:0;overflow:hidden;font-size:15px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.cards span{min-width:0;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.cards small{color:var(--gold)}.cards strong,.cards span:not(.atlas-icon),.cards small{grid-column:2}.cards .atlas-icon{grid-row:1 / span 3;grid-column:1;justify-self:center;align-self:center;display:block;background-repeat:no-repeat;overflow:hidden;filter:drop-shadow(0 8px 8px rgba(0,0,0,.48))}.toast{position:fixed;z-index:50;left:50%;bottom:calc(148px + env(safe-area-inset-bottom));transform:translate(-50%);width:max-content;max-width:min(92vw,720px);padding:12px 14px;border:1px solid rgba(255,209,102,.58);border-radius:var(--radius);background:#0d1218f0;color:var(--text);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.result-backdrop,.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:grid;place-items:center;padding:16px;background:#04060ac7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.result-panel{width:min(460px,92vw);display:grid;justify-items:center;gap:12px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);box-shadow:0 28px 90px #0000008f;text-align:center}.result-panel.win{border-color:#ffd1669e}.result-panel.lose{border-color:#ff5f6d9e}.result-panel.draw{border-color:#4dd7ff94}.result-panel>span{color:var(--cyan);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:0}.result-icon{color:var(--gold)}.result-panel h2{margin:0;font-size:32px;line-height:1}.result-stats{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.result-stats div{padding:10px}.result-stats small{display:block}.result-stats strong{display:block;margin-top:5px;font-size:24px}.modal-backdrop{z-index:55}.modal-panel{width:min(1080px,96vw);max-height:min(760px,92svh);overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);box-shadow:0 28px 90px #0000008f}.modal-panel header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);background:#0e131af5;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.modal-panel h2,.modal-panel h3{margin:0;line-height:1.05}.tutorial-grid,.settings-list,.compendium{padding:14px}.tutorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tutorial-grid article{padding:14px}.tutorial-grid strong{color:var(--text)}.tutorial-grid p{margin:8px 0 0;color:var(--muted);line-height:1.45}.compendium{display:grid;gap:12px}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:10px}.codex-grid article{min-height:86px;display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:8px;padding:9px}.codex-grid .atlas-icon{grid-row:1 / span 2;justify-self:center;display:block;background-repeat:no-repeat;filter:drop-shadow(0 7px 7px rgba(0,0,0,.42))}.codex-grid strong,.codex-grid span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.codex-grid span{color:var(--muted);font-size:12px}.settings-list{display:grid;gap:10px}.settings-list div{display:flex;justify-content:space-between;gap:12px;padding:12px}.settings-list strong{min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}@keyframes pulse-ready{0%,to{box-shadow:0 0 #ffd16600,inset 0 1px #ffffff1f}50%{box-shadow:0 0 22px #ffd16633,inset 0 1px #ffffff29}}.primary:not(:disabled){animation:pulse-ready 3.2s ease-in-out infinite}@media(max-width:980px),(orientation:portrait){.topbar{grid-template-columns:repeat(3,minmax(0,1fr)) 44px;grid-auto-rows:minmax(46px,auto);gap:6px;padding:calc(6px + env(safe-area-inset-top)) 8px 6px}.status{min-height:46px;padding:6px 8px}.status span{font-size:10px}.status strong{font-size:17px}.topbar .status:nth-child(4),.topbar .status:nth-child(5){display:none}.menu-btn{min-height:46px;grid-column:4;grid-row:1}.left-rail{left:8px;right:8px;top:calc(58px + env(safe-area-inset-top));width:auto;grid-template-columns:1.2fr 1fr .9fr 1fr;gap:6px}.left-rail button{min-height:38px;justify-content:center;padding:0 8px;font-size:12px}.side-block,.side-meter{min-height:38px;padding:7px 8px}.side-block strong,.side-meter strong{margin:0;overflow:hidden;font-size:13px;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.side-block span,.side-meter span{display:none}.left-rail .side-meter:last-child{display:none}.tower-panel{left:8px;right:8px;top:auto;bottom:calc(120px + env(safe-area-inset-bottom));width:auto;max-height:108px;padding:9px}.tower-panel.empty{display:none}.tower-panel h2{font-size:16px}.tower-panel p{display:none}.stats-grid,.tower-title{padding:8px;font-size:12px}.segmented{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented button{min-height:34px;font-size:11px}.upgrade-list{grid-auto-flow:column;grid-auto-columns:minmax(166px,1fr);overflow-x:auto;overflow-y:hidden}.upgrade-list button{min-height:66px}.bottombar{min-height:120px;grid-template-columns:104px minmax(0,1fr);grid-template-rows:20px minmax(0,1fr);gap:6px 8px;padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.bar-title{font-size:13px}.tabs{gap:6px}.tabs button{min-height:36px;font-size:12px}.cards{grid-auto-columns:minmax(94px,110px);gap:7px}.cards button{min-height:78px;grid-template-columns:1fr;grid-template-rows:28px auto auto auto;justify-items:center;padding:7px 6px;text-align:center}.cards strong{font-size:13px}.cards span{max-width:100%;font-size:10px}.cards small{max-width:100%;font-size:11px}.cards strong,.cards span:not(.atlas-icon),.cards small{grid-column:1}.cards .atlas-icon{grid-row:1;grid-column:1;transform:scale(.72)}.toast{bottom:calc(132px + env(safe-area-inset-bottom))}}@media(max-width:760px){body{overflow:hidden}.home-shell,.telegram-gate{align-content:start;justify-content:stretch;padding:calc(14px + env(safe-area-inset-top)) 12px calc(14px + env(safe-area-inset-bottom))}.home-shell>*,.telegram-gate>*{width:100%}.home-hero{min-height:auto;grid-template-columns:58px minmax(0,1fr);gap:12px;padding:14px}.mark{width:54px;height:54px;font-size:18px}.brand-card h1,.gate-card h1{font-size:clamp(32px,12vw,46px)}.brand-card p,.gate-card p,.action-card p,.invite-card p{font-size:14px}.account-pill{grid-column:1 / -1;justify-self:stretch;max-width:none}.home-grid,.map-picker{grid-template-columns:1fr}.map-picker{gap:8px}.map-picker button{min-height:84px}.invite-box{grid-template-columns:1fr}.invite-box button{justify-content:center}.tutorial-grid{grid-template-columns:1fr}.modal-backdrop{padding:10px;align-items:end}.modal-panel{width:100%;max-height:88svh}}@media(max-width:430px){.topbar{grid-template-columns:repeat(3,minmax(0,1fr)) 40px}.status span{justify-content:center}.status span svg+*{display:none}.status span{font-size:0}.status strong{margin:2px 0 0;font-size:15px;text-align:center}.left-rail{top:calc(56px + env(safe-area-inset-top));grid-template-columns:1.1fr 1fr .82fr}.left-rail .side-meter{display:none}.left-rail button{gap:5px;font-size:11px}.tower-panel{max-height:92px}.segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.bottombar{min-height:114px;grid-template-columns:92px minmax(0,1fr)}.cards{grid-auto-columns:minmax(86px,98px)}.cards button{min-height:74px;gap:2px}.cards .atlas-icon{transform:scale(.66)}.result-stats{grid-template-columns:1fr}}