*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0C1525;--bg2:#111D2E;--panel:#162438;--panel2:#1C2E48;--border:rgba(255,255,255,.08);--border2:rgba(255,255,255,.16);--gold:#F5C430;--gold2:#C89A10;--gold3:#FBE070;--blue:#3A90F0;--blue3:#7AB8FF;--green:#45C058;--green3:#80E890;--orange:#F08020;--red:#E04040;--tx:#EEF2F8;--tx2:#7090B0;--tx3:#3A5878;--ft:"Rajdhani",sans-serif;--fu:"Inter",sans-serif}html,body,#root{height:100%;width:100%;overflow:hidden;background:var(--bg);font-family:var(--fu);color:var(--tx);touch-action:none;-webkit-user-select:none;user-select:none}button{cursor:pointer;font-family:var(--fu);border:none;outline:none}button:active{transform:scale(.96)}.app{position:relative;height:100%;width:100%}.gl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;display:block}.ov{position:absolute;z-index:10}.full{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column}.fade-in{animation:fadeIn .35s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes evoGlow{0%,to{filter:brightness(1)}50%{filter:brightness(2.2) drop-shadow(0 0 24px #F5C430)}}@keyframes talkBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.slide-up{animation:slideUp .3s ease-out forwards}.cs-em{display:inline-block;transition:transform .2s}.cs-em.talking{animation:talkBounce .35s ease-in-out infinite}.panel{background:linear-gradient(168deg,var(--panel2),var(--panel));border:1px solid var(--border);border-radius:16px;box-shadow:inset 0 1px #ffffff0f,0 6px 22px #00000059}.hud{background:linear-gradient(172deg,#142236e0,#0c1525e0);border:1px solid rgba(245,196,48,.18);border-radius:12px;padding:8px 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px #ffffff0f,0 3px 12px #0000004d}.frame-gold{border:1px solid rgba(245,196,48,.45)!important;box-shadow:inset 0 0 0 1px #00000080,inset 0 1px #ffffff14,0 0 16px #f5c4301f}.bw{background:#00000080;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}.bf{height:100%;border-radius:999px;transition:width .45s cubic-bezier(.4,0,.2,1)}.bhi{background:linear-gradient(90deg,#45c058,#80e878)}.bmd{background:linear-gradient(90deg,#f08020,#f8c040)}.blo{background:linear-gradient(90deg,#e04040,#f07050)}.bbd{background:linear-gradient(90deg,#f5c430,#fbe070)}.bpp{background:linear-gradient(90deg,#3a90f0,#7ab8ff)}.btn{border-radius:12px;font-weight:800;padding:13px 22px;text-align:center;letter-spacing:.05em;font-size:15px;font-family:var(--ft);transition:transform .1s,filter .1s;width:100%}.btn-gold{background:linear-gradient(160deg,#f5c430,#c89a10);box-shadow:0 4px #8a6808,0 6px 20px #f5c4304d;color:#2a1800}.btn-gold:hover{filter:brightness(1.08)}.btn-blue{background:linear-gradient(160deg,#3a90f0,#1f5bc8);box-shadow:0 4px #0f3888;color:#fff}.btn-dark{background:#ffffff14;border:1.5px solid var(--border2);box-shadow:0 4px #0000004d;color:var(--tx)}.btn-outline{background:#0c152599;border:1.5px solid var(--border2);color:var(--tx);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-red{background:linear-gradient(160deg,#e04040,#a02020);box-shadow:0 4px #601010;color:#fff}.bsm{border-radius:8px;font-size:12px;font-weight:700;padding:8px 13px}.bsm-dark{background:#0c1525d9;border:1px solid var(--border2);color:var(--tx);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bsm-blue{background:linear-gradient(160deg,#3a90f0,#1f5bc8);box-shadow:0 3px #0f3888;color:#fff}.bsm-gold{background:linear-gradient(160deg,#f5c430,#c89a10);box-shadow:0 3px #8a6808;color:#2a1800}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.b-blue{background:#3a90f02e;color:var(--blue3);border:1px solid rgba(58,144,240,.3)}.b-gold{background:#f5c4302e;color:var(--gold3);border:1px solid rgba(245,196,48,.3)}.b-green{background:#45c0582e;color:var(--green3);border:1px solid rgba(69,192,88,.3)}.b-red{background:#e040402e;color:#ff9090;border:1px solid rgba(224,64,64,.3)}.b-gray{background:#ffffff14;color:var(--tx2);border:1px solid var(--border2)}.hearts{display:flex;gap:2px}.heart{font-size:11px;line-height:1}.heart.full{color:#f04868}.heart.empty{color:#ffffff2e}.title-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(22px,5vw,46px)}.title-wrap>*{position:relative;z-index:2}.title-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0!important;background-size:cover;background-position:center;animation:kenburns 26s ease-in-out infinite alternate}.title-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;animation:none;background:radial-gradient(120% 60% at 50% 108%,rgba(8,14,24,.9) 0%,rgba(8,14,24,.4) 45%,transparent 70%),linear-gradient(0deg,rgba(12,21,37,.7) 0%,rgba(12,21,37,.12) 38%,transparent 60%)}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.08)}}.title-logo{font-family:var(--ft);font-size:clamp(52px,10vw,88px);font-weight:700;letter-spacing:.015em;line-height:1;background:linear-gradient(178deg,#fff 8%,#cfe6f8 34%,#8fb8dc 52%,#e8f4ff 60%,#6e96be 96%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 0 rgba(10,20,34,.9)) drop-shadow(0 10px 26px rgba(0,0,0,.75))}.title-sub{font-family:var(--ft);font-size:clamp(13px,2vw,19px);color:#bfd8e8;letter-spacing:.34em;text-transform:uppercase;margin-top:6px;text-shadow:0 2px 10px rgba(0,0,0,.8)}.title-tag{font-family:var(--ft);font-size:clamp(11px,1.5vw,14px);color:var(--gold3);letter-spacing:.28em;text-transform:uppercase;margin-top:8px;text-shadow:0 1px 6px rgba(0,0,0,.8)}.fixed-joy{position:absolute;left:50%;bottom:24px;transform:translate(-50%);width:140px;height:140px;z-index:12;border-radius:50%;touch-action:none}.joy-base{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;background:#0a0e18bf;border:2px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.joy-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;border-radius:50%;background:#c8d2dcd9;box-shadow:0 2px 10px #0009;pointer-events:none;transition:transform .05s linear}.bat-top{position:absolute;top:4vh;left:0;right:0;z-index:11;padding:10px 14px;background:linear-gradient(180deg,rgba(12,21,37,.88),transparent);display:flex;flex-direction:column;gap:6px}.bat-moves{position:absolute;right:12px;bottom:92px;z-index:11;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(310px,72vw)}.mv{background:linear-gradient(172deg,#1c2e48f2,#0e1828f2);border:1px solid rgba(245,196,48,.22);border-radius:13px;padding:10px 12px;text-align:left;transition:all .12s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:100%;box-shadow:inset 0 1px #ffffff14,0 3px 10px #00000059}.mv:hover{border-color:var(--gold);box-shadow:inset 0 1px #ffffff1a,0 0 14px #f5c43040}.mv:disabled{opacity:.4;cursor:not-allowed}.mv-name{font-family:var(--ft);font-size:13px;font-weight:700;color:var(--tx);display:flex;align-items:center;gap:6px;margin-bottom:4px}.mv-pp{font-size:10px;color:var(--tx2)}.mv-wide{grid-column:1 / -1}.turn-chip{position:absolute;top:calc(4vh + 52px);left:50%;transform:translate(-50%);z-index:12;background:linear-gradient(172deg,#142236f2,#0a1220f2);border:1px solid rgba(245,196,48,.4);border-radius:10px;padding:4px 14px;font-family:var(--ft);font-weight:700;letter-spacing:.14em;font-size:12px;color:var(--gold3);text-align:center;box-shadow:0 2px 12px #00000080}.turn-chip b{display:block;font-size:17px;color:var(--tx);letter-spacing:.02em}.letterbox{position:absolute;left:0;right:0;height:0;background:#05090f;z-index:14;pointer-events:none;transition:height .5s cubic-bezier(.4,0,.2,1)}.letterbox.on{height:4vh}.letterbox.top{top:0}.letterbox.bot{bottom:0}.bat-bottom{position:absolute;bottom:4vh;left:0;right:0;z-index:11;padding:10px 14px;background:linear-gradient(0deg,rgba(12,21,37,.92),transparent);display:flex;align-items:center;gap:10px}.bat-log{position:absolute;left:10px;bottom:90px;z-index:11;max-width:46vw}.cs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,#060a10eb,#0a1018f5)}.cs-card{background:#0c1525f5;border:1px solid rgba(245,196,48,.4);border-radius:18px;padding:16px 18px;margin:0 16px 18px;max-width:560px;align-self:center;width:calc(100% - 32px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.menu-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;background:#0c1525f7;display:flex;flex-direction:column;overflow:hidden}.menu-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.menu-title{font-family:var(--ft);font-size:17px;font-weight:700;letter-spacing:.08em;flex:1}.menu-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;max-width:640px;width:100%;margin:0 auto;scrollbar-width:none}.menu-body::-webkit-scrollbar{display:none}.back-btn{background:none;color:var(--tx);font-size:22px;padding:0 6px}.team-item{display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.team-item.lead{border-color:#f5c43066}.team-thumb{width:54px;height:54px;border-radius:10px;flex-shrink:0;border:2px solid var(--border2);background:linear-gradient(135deg,#1a3028,#0a2018);display:flex;align-items:center;justify-content:center;font-size:30px}.whud-top{position:absolute;top:0;left:0;right:0;z-index:11;padding:10px 14px;display:flex;align-items:center;gap:8px;background:linear-gradient(180deg,rgba(12,21,37,.75),transparent)}.whud-nav{position:absolute;right:10px;bottom:14px;z-index:12;display:flex;flex-direction:column;gap:8px}.nav-fab{width:52px;height:52px;border-radius:50%;background:#0c1525d9;border:1.5px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative}.nav-fab .dot{position:absolute;top:2px;right:2px;width:9px;height:9px;border-radius:50%;background:var(--red);border:2px solid var(--bg)}.notif{position:absolute;top:70px;left:50%;transform:translate(-50%);z-index:40;background:#0c1525eb;border:1px solid var(--blue3);border-radius:999px;padding:7px 16px;font-family:var(--ft);font-size:14px;font-weight:700;color:var(--blue3);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.starter-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .15s}.starter-card.sel{border-color:#3a90f099;box-shadow:0 0 0 2px #3a90f033}.mreg{position:absolute;background:#3a90f026;border:1px solid rgba(58,144,240,.4);border-radius:8px;padding:4px 10px;font-size:11px;color:var(--blue3);white-space:nowrap;font-weight:600;transform:translate(-50%,-50%)}.mreg.curr{background:#45c0582e;border-color:#45c05880;color:var(--green3)}.mreg.lock{opacity:.4}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}@media (max-width:520px){.bat-moves{width:44vw;bottom:84px}.mv{padding:7px 9px}.mv-name{font-size:12px}}@keyframes pulseGlow{0%{transform:scale(1);box-shadow:0 4px 15px #f5c43066}50%{transform:scale(1.03);box-shadow:0 4px 25px #f5c430b3}to{transform:scale(1);box-shadow:0 4px 15px #f5c43066}}.pulse-glow{animation:pulseGlow 1.5s infinite}.minimap{position:absolute;top:56px;right:14px;z-index:11;width:118px;text-align:center}.minimap canvas{width:104px;height:104px;border-radius:50%;border:2px solid rgba(245,196,48,.5);box-shadow:0 0 0 3px #0a1220d9,0 4px 16px #00000080;background:#12281a}.minimap .region{margin-top:5px;display:inline-block;background:#0a1220e0;border:1px solid rgba(245,196,48,.3);border-radius:999px;padding:2px 10px;font-family:var(--ft);font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--gold3)}.nav-fab{border-radius:13px!important;background:linear-gradient(172deg,#18283eeb,#0c1525eb)!important;border:1px solid rgba(245,196,48,.28)!important;flex-direction:column;gap:1px;box-shadow:inset 0 1px #ffffff14,0 3px 10px #0006}.nav-fab:hover{border-color:var(--gold)!important}.nav-fab .fab-label{font-size:8px;font-weight:700;letter-spacing:.08em;color:var(--tx2);text-transform:uppercase}.catch-card{background:linear-gradient(172deg,#142236f5,#0a1220f5);border:1px solid rgba(245,196,48,.45);border-radius:13px;padding:8px 14px;text-align:center;box-shadow:0 3px 14px #00000080;grid-column:1 / -1}.catch-card .cc-label{font-family:var(--ft);font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--tx2)}.catch-card .cc-val{font-family:var(--ft);font-size:26px;font-weight:700;line-height:1.05}.team-item{background:linear-gradient(168deg,var(--panel2),var(--panel));box-shadow:inset 0 1px #ffffff0f,0 4px 14px #0000004d}.team-item.lead{border-color:#f5c4308c;box-shadow:inset 0 1px #ffffff14,0 0 16px #f5c43024}.map-board{position:relative;width:100%;aspect-ratio:4/3;border-radius:16px;overflow:hidden;border:1px solid rgba(245,196,48,.35);background:radial-gradient(60% 45% at 24% 30%,rgba(58,110,64,.55),transparent 70%),radial-gradient(50% 40% at 70% 22%,rgba(74,122,70,.5),transparent 72%),radial-gradient(55% 50% at 62% 66%,rgba(96,128,74,.45),transparent 70%),radial-gradient(40% 35% at 20% 72%,rgba(52,96,110,.5),transparent 75%),linear-gradient(158deg,#24402c,#2c4a34 40%,#223e4a)}.map-board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 50%,transparent 55%,rgba(6,10,16,.55) 100%)}.mreg{z-index:2;background:#0a1220d9;border:1px solid rgba(245,196,48,.4);border-radius:9px;color:var(--gold3);box-shadow:0 2px 8px #00000080}.mreg .lvl{display:block;font-size:9px;color:var(--tx2);letter-spacing:.05em}.mreg.curr{background:#142c1ae6;border-color:#80e89099;color:var(--green3)}.mreg.curr:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:12px;border:1px solid rgba(128,232,144,.35);animation:pulse 2s infinite}.mreg.lock{opacity:.45;filter:saturate(.4)}.cage-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;background:linear-gradient(172deg,#18283ef2,#0c1525f2);border:1px solid var(--border2);border-radius:14px;text-align:center}.cage-card.owned{border-color:#f5c43073}.cage-card .cage-n{font-family:var(--ft);font-weight:700;font-size:15px;color:var(--gold3)}.party-row{position:absolute;left:12px;bottom:92px;z-index:11;display:flex;gap:6px}.party-chip{width:44px;height:50px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:linear-gradient(172deg,#18283eeb,#0c1525eb);border:1px solid var(--border2);padding:4px}.party-chip.active{border-color:var(--gold)}.world-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background:radial-gradient(115% 95% at 50% 45%,transparent 62%,rgba(5,9,15,.42) 100%)}@media (max-width:520px){.minimap{width:96px}.minimap canvas{width:84px;height:84px}.bat-moves{width:min(280px,74vw)}}