@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Nunito:wght@600;700;800;900&display=swap";:root{--navy-950: #031527;--navy-900: #06213b;--navy-800: #09345d;--navy-700: #0e4c7e;--line: #1678b4;--text: #f7fbff;--muted: #9dbbd5;--cyan: #24b7ff;--gold: #ffc436;--orange: #ff9e17;--purple: #8e35ed;--cursor-default: url(/assets/mouse/pointer_toon_a.png) 2 2, auto;--cursor-pointer: url(/assets/mouse/hand_point.png) 6 2, pointer;--cursor-disabled: url(/assets/mouse/cursor_disabled.png) 2 2, not-allowed;--cursor-grab: url(/assets/mouse/hand_open.png) 15 15, grab;--cursor-grabbing: url(/assets/mouse/hand_closed.png) 15 15, grabbing;--cursor-text: url(/assets/mouse/line_vertical.png) 15 15, text;--cursor-busy: url(/assets/mouse/cursor_busy.png) 2 2, wait;font-family:Nunito,system-ui,sans-serif;color:var(--text);background:#071828;font-synthesis:none}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:auto!important;user-select:auto!important;cursor:var(--cursor-text)}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 15%,#174d73,#04121f 65%);cursor:var(--cursor-default);-webkit-font-smoothing:antialiased}button,a,[role=button]{cursor:var(--cursor-pointer)}button{border:0;color:inherit;font:inherit}button:disabled,[aria-disabled=true]{cursor:var(--cursor-disabled)}.loading,[aria-busy=true]{cursor:var(--cursor-busy)}button:focus-visible{outline:3px solid #fff;outline-offset:-3px}.app-shell{position:relative;width:100%;max-width:430px;height:100dvh;min-height:560px;margin:auto;overflow:hidden;isolation:isolate;background:var(--navy-950);box-shadow:0 0 55px #000b}.screen{height:100%;overflow-y:auto;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.glass-panel{background:linear-gradient(180deg,#0b365ee8,#052746e8);border:1px solid #35a7dcaa;box-shadow:inset 0 1px #ffffff26,0 2px 8px #00182e80}.coin,.trophy{display:inline-block;width:1em;height:1em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6a5 0,#fff6a5 10%,#ffc526 35%,#e98200 72%);border:1px solid #fff089;box-shadow:inset 0 -1px 1px #9c4d00;vertical-align:-.1em}.candy{display:inline-block;width:1em;height:1em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd0f5 0,#ffd0f5 10%,#ff7ad4 35%,#b0179a 72%);border:1px solid #ffc3f0;box-shadow:inset 0 -1px 1px #6e0a5f;vertical-align:-.1em}.trophy{border-radius:45% 45% 30% 30%;width:.85em;height:.72em;position:relative}.gem{width:.9em;height:.9em;transform:rotate(45deg);border-radius:2px;background:linear-gradient(135deg,#8ceeff,#1d9fea 55%,#0b5eb6);border:1px solid #bdf5ff}.bottom-nav{position:absolute;z-index:30;inset:auto 0 0;height:61px;display:grid;grid-template-columns:repeat(5,1fr);padding:4px 6px 3px;background:linear-gradient(#0b3a62f5,#061f39);border-top:1px solid #2997ce;box-shadow:0 -4px 15px #00101f66}.bottom-nav button{min-width:0;padding:4px 1px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:transparent;color:#bed6e9;font-size:10px;font-weight:700;opacity:1}.bottom-nav button:disabled{cursor:var(--cursor-disabled)}.bottom-nav svg{width:24px;height:24px;stroke-width:2.3}.bottom-nav button.active{color:#fff}.bottom-nav button.active svg{color:#e9f9ff;filter:drop-shadow(0 2px 2px #003558)}.bottom-nav .battle-tab.active{margin:-8px 1px -2px;border-radius:7px;background:linear-gradient(#2bbcff,#0879c8);box-shadow:inset 0 1px #9ce5ff,0 0 0 1px #014c85}.home-screen{position:relative;height:100%;min-height:0;background-image:linear-gradient(180deg,transparent 45%,#00342d20 66%,#03233d9e 100%),url(/assets/ui/home-valley.png);background-size:cover;background-position:center}.home-header{position:absolute;z-index:3;top:5px;left:7px;right:7px;height:43px;display:flex;align-items:center;justify-content:space-between;padding:3px 4px 3px 3px;border-radius:7px}.trainer-badge{height:100%;display:flex;align-items:center;gap:6px}.trainer-badge strong,.trainer-badge small{display:block;line-height:1.08;text-shadow:0 1px 2px #00182b}.trainer-badge strong{font-family:Barlow Condensed,sans-serif;font-size:16px}.trainer-badge small{color:#c5dbea;font-size:10px}.trainer-avatar,.battle-avatar{width:37px;height:37px;border-radius:7px;background:url(/assets/ui/victory-hero.png) 32% 27% / 270% auto;border:2px solid #ffd754;box-shadow:inset 0 0 0 1px #714200,0 1px 2px #00182c}.currency-row{display:flex;align-items:center;gap:4px}.currency-pill{height:25px;display:flex;align-items:center;gap:4px;padding:2px 8px 2px 5px;border-radius:14px;background:#08233cbd;border:1px solid #1c6799;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:800}.round-icon{width:29px;height:29px;padding:4px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(#367fb0,#174d77);box-shadow:inset 0 1px #7cc4e9,0 1px 2px #001326}.home-quick-menu{position:absolute;z-index:3;top:54px;left:7px;display:flex;flex-direction:column;gap:6px}.home-quick-menu button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:0;background:transparent;color:#fff;font-size:9px;font-weight:800;text-shadow:0 1px 2px #001729}.quick-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:7px;color:#173657;background:linear-gradient(#f5fbff,#b9d5e4);border:2px solid #0e5f91;box-shadow:0 2px 3px #00182d88,inset 0 1px #fff}.quick-icon svg{width:25px;height:25px}.quick-icon.pass{color:#ffbe00;background:linear-gradient(#fff16a,#f04431)}.quick-icon.event{color:#d24432}.home-actions{position:absolute;z-index:3;left:13px;right:13px;bottom:69px}.region-card{width:72%;min-width:245px;height:61px;padding:7px 10px;border-radius:7px;display:flex;align-items:center;justify-content:space-between;text-align:left}.region-card span,.region-card small,.region-card strong,.region-card b{display:block;line-height:1.02}.region-card small{font-family:Barlow Condensed;font-size:9px;letter-spacing:.7px;color:#b8d9ea}.region-card strong{font-family:Barlow Condensed;font-size:18px;font-weight:900}.region-card b{margin-top:3px;color:var(--gold);font-size:13px}.region-card>svg{width:30px;height:30px}.mini-deck-row{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:7px 0;cursor:var(--cursor-pointer)}.battle-cta{width:100%;height:54px;display:flex;align-items:center;justify-content:center;gap:13px;border-radius:9px;border:2px solid #ffe66e;background:linear-gradient(#ffd458,#ffad24 48%,#f2910a);box-shadow:inset 0 2px #fff5b3,0 4px #a84c00,0 7px 12px #00182d80;color:#fff;font-family:Barlow Condensed;font-size:27px;font-weight:900;letter-spacing:.3px;text-shadow:0 2px 1px #873d00,1px 0 #873d00,-1px 0 #873d00}.battle-cta svg{width:35px;height:35px;color:#e9f6ff;filter:drop-shadow(0 2px 1px #68431c)}.battle-cta:active{transform:translateY(3px);box-shadow:inset 0 2px #fff5b3,0 1px #a84c00}.ranked-cta{width:100%;height:40px;margin-top:7px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;border:2px solid #c9a6ff;background:linear-gradient(#8a5ff0,#6432c9 48%,#4a1fa3);box-shadow:inset 0 2px #d8c2ff,0 3px #2f0f6e,0 5px 9px #00182d80;color:#fff;font-family:Barlow Condensed;font-size:17px;font-weight:900;letter-spacing:.5px;text-shadow:0 1px 1px #350f6e}.ranked-cta i.trophy{width:20px;height:20px}.ranked-cta:active{transform:translateY(2px);box-shadow:inset 0 2px #d8c2ff,0 1px #2f0f6e}.league-line{display:block;font-family:Barlow Condensed;font-size:10px;letter-spacing:.5px;color:#ffd97a;text-shadow:0 1px 2px #00182b}.trophy-pill i.trophy{width:15px;height:15px}.creature-card{position:relative;width:100%;min-width:0;aspect-ratio:.78;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding:4px 3px 19px;border-radius:8px;border:2px solid #58b9e7;background:radial-gradient(circle at 50% 42%,#62c9ef,#145aa0 58%,#07315f);box-shadow:inset 0 0 0 2px #062b4e,0 2px 3px #0015268f}.creature-card:after{content:"";position:absolute;inset:auto 2px 2px;height:18px;border-radius:0 0 5px 5px;background:#071d34e8;border-top:1px solid #ffffff26}.creature-card.fire{border-color:#ff7954;background:radial-gradient(circle at 50% 42%,#ffb763,#d94b33 62%,#5b1825)}.creature-card.water{border-color:#51c8ff;background:radial-gradient(circle at 50% 42%,#74e6ff,#218ad8 62%,#154278)}.creature-card.nature{border-color:#49e574;background:radial-gradient(circle at 50% 42%,#a4ef7e,#2ba759 62%,#155334)}.creature-card.earth{border-color:#dba453;background:radial-gradient(circle at 50% 42%,#d7c197,#7f6044 62%,#3d2e35)}.creature-card.electric{border-color:#ffe047}.creature-card img{position:relative;z-index:1;width:80%;height:74%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 2px #00203980);transform:scale(1.18)}.card-level{position:absolute;z-index:3;left:3px;right:3px;bottom:2px;font-family:Barlow Condensed;font-size:13px;font-weight:900;line-height:16px;text-shadow:0 1px 1px #000}.creature-card.compact{aspect-ratio:.88;padding-bottom:16px}.creature-card.selected{outline:3px solid #ffe258;outline-offset:-3px;box-shadow:0 0 12px #ffe25899}.creature-card[draggable=true]{cursor:var(--cursor-grab)}.creature-card[draggable=true]:active{cursor:var(--cursor-grabbing)}.creature-card.locked{border-color:#2c4054;background:radial-gradient(circle at 50% 42%,#33455a,#131f2c 58%,#0a1119);cursor:var(--cursor-disabled)}.creature-card.locked img{filter:grayscale(1) brightness(.25)}.locked-mark{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);color:#6b8299;font-family:Barlow Condensed;font-size:28px;font-weight:900;text-shadow:0 1px 2px #000}.collection-screen{padding:7px 7px 76px;background:radial-gradient(circle at 50% 20%,#0e5790,#052845 62%,#031a30)}.deck-header{display:grid;grid-template-columns:34px 1fr 34px;gap:6px;align-items:center;margin-bottom:7px}.coin-row{display:flex;justify-content:flex-end;margin-bottom:6px}.back-bubble,.edit-bubble{width:34px;height:34px;padding:6px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(#387dae,#174a73);border:1px solid #72b7dd;box-shadow:inset 0 1px #9ad7f2,0 1px 3px #001426}.edit-bubble{border-radius:7px}.edit-bubble.active{background:linear-gradient(#ffcf4a,#d99a12);border-color:#ffe89a}.deck-edit-hint{margin:0 1px 7px;padding:6px 8px;border-radius:6px;background:#0d3b65;border:1px solid #ffcf4a55;color:#ffe9ad;font-family:Barlow Condensed;font-size:11px;line-height:1.3}.deck-tabs{height:36px;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border-radius:8px;background:#061e37;border:1px solid #1b69a0}.deck-tabs button{background:transparent;font-family:Barlow Condensed;font-size:13px;color:#c0d2e2}.deck-tabs button.active{background:linear-gradient(#188bd6,#086bb4);color:#fff;box-shadow:inset 0 2px #4bb9f6,0 0 0 1px #003e75;border-radius:6px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.deck-grid{margin-bottom:9px}.collection-title{display:flex;align-items:baseline;gap:8px;margin:2px 1px 6px;font-family:Barlow Condensed}.collection-title strong{font-size:17px}.collection-title span{color:#a5bfd2;font-size:11px}.element-filter-row{height:35px;display:grid;grid-template-columns:1.6fr repeat(5,1fr);gap:4px;margin-bottom:7px}.element-filter-row button{border-radius:6px;background:linear-gradient(#22577e,#133d60);border:1px solid #367aa4;color:#fff;font-size:16px;font-weight:900;box-shadow:inset 0 1px #ffffff26}.element-filter-row button:first-child{font-family:Barlow Condensed;font-size:14px}.element-filter-row button.active{background:linear-gradient(#3e84b0,#1b5f8a);outline:2px solid #6bc8ef;outline-offset:-2px}.type-filter-row{display:flex;grid-template-columns:none;overflow-x:auto;scrollbar-width:none;gap:4px;cursor:var(--cursor-grab);touch-action:pan-x;-webkit-user-select:none;user-select:none}.type-filter-row:active{cursor:var(--cursor-grabbing)}.type-filter-row::-webkit-scrollbar{display:none}.type-filter-row button{flex:0 0 auto;width:auto;padding:0 10px;font-size:12px;font-family:Barlow Condensed;white-space:nowrap}.type-filter-row button:first-child{color:#fff}.collection-grid{padding-bottom:4px}.details-screen{position:relative;height:100%;overflow-y:auto;padding:7px 9px 10px;background:linear-gradient(#351427 0,#351427,#081c35 38%,#04213d);border:1px solid #157eb8;scrollbar-width:none}.details-screen::-webkit-scrollbar{display:none}.details-header{position:relative;z-index:3;min-height:48px;display:grid;grid-template-columns:1fr 34px;align-items:start;gap:5px}.details-header h1{margin:-2px 0 0;font-family:Barlow Condensed;font-size:25px;line-height:1}.details-header p{display:flex;align-items:center;justify-content:space-between;margin:4px 0 0;font-family:Barlow Condensed;font-size:12px}.details-header p b{color:#ff6c38}.details-header p span{padding:1px 6px;border-radius:4px;background:#173b62;border:1px solid #3679a2;color:#d5e7f4}.details-header>button,.details-hero>button{width:32px;height:32px;padding:5px;border-radius:50%;background:#693c5b;border:1px solid #a26b91;display:grid;place-items:center}.details-hero{position:relative;height:210px;margin:-48px -8px 0;display:flex;align-items:center;justify-content:space-between;padding:40px 5px 0;overflow:hidden;background:radial-gradient(circle at 50% 62%,#f0692a 0,#812135 32%,transparent 68%)}.details-hero:before{content:"";position:absolute;top:15%;right:0;bottom:20%;left:0;background:radial-gradient(ellipse,#ff9d3e88,transparent 66%)}.details-hero>img{position:relative;z-index:1;width:190px;height:150px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 4px #1d001e99);transform:scale(1.7)}.details-hero>button{position:relative;z-index:2;padding:2px;background:transparent;border:0;color:#4ec4ff}.level-progress{position:absolute;z-index:4;left:9px;right:9px;bottom:0;height:32px;display:grid;grid-template-columns:75px 1fr 37px;align-items:center;overflow:hidden;border-radius:4px;background:#071a2d;border:1px solid #164f75}.level-progress>strong{align-self:stretch;display:grid;place-items:center;font-family:Barlow Condensed;font-size:19px;background:#0b2946}.level-progress>span{position:relative;height:12px;overflow:hidden;border-radius:7px;background:#06243c;border:1px solid #164b6a;color:#fff;font-size:9px;font-weight:900;text-align:center;line-height:10px}.level-progress>span i{position:absolute;z-index:-1;inset:0 auto 0 0;border-radius:6px;background:linear-gradient(#30cfff,#0399df)}.level-progress>button{height:100%;display:grid;place-items:center;color:#fff;background:linear-gradient(#44d96c,#0fac49)}.level-progress>button:disabled{background:#2a4054;color:#6d8399;cursor:var(--cursor-disabled)}.upgrade-banner{margin:6px 1px;padding:8px 10px;border-radius:8px;background:#0d2d4a;border:1px solid #1f6795;text-align:center;font-family:Barlow Condensed;font-size:13px;color:#a9c6da}.upgrade-banner b{color:#ffe258}.upgrade-banner small{display:block;margin-top:3px;color:#ffcf6b;font-size:11px}.upgrade-banner.ready{background:linear-gradient(#155a33,#0c3a22);border-color:#3fdc82}.upgrade-banner.ready strong{display:block;color:#7dffb0;font-size:16px;letter-spacing:.5px;animation:pulse 1.2s infinite}.upgrade-banner .upgrade-btn{margin-top:8px;width:100%;min-height:40px}.upgrade-cost-line{margin-left:5px;display:inline-flex!important;align-items:center;gap:3px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:7px 0 6px;border:1px solid #194b70;border-radius:5px;overflow:hidden;background:#194b70}.stat-item{min-width:0;min-height:47px;display:flex;align-items:center;gap:5px;padding:5px;background:#071d34}.stat-icon{color:#43b5f0;font-size:19px;text-shadow:0 2px 2px #001728}.stat-item small,.stat-item strong{display:block;font-family:Barlow Condensed;line-height:1.05}.stat-item small{color:#97b4ca;font-size:10px}.stat-item strong{margin-top:3px;font-size:14px}.stat-next{font-size:12px;font-weight:700}.stat-next.up{color:#7dffb0}.stat-next.down{color:#ff8a8a}.role-line{margin:6px 0 0;color:#97b4ca;font-size:11px}.role-line small{margin-right:4px;padding:1px 5px;border-radius:3px;background:#173b62;color:#d5e7f4;font-size:9px;font-weight:800}.details-section{padding:5px 2px 7px;border-top:1px solid #174d72}.details-section h2{margin:0 0 15px;font-family:Barlow Condensed;font-size:16px}.ability-row{display:flex;align-items:center;gap:8px}.ability-art{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;font-size:30px;background:radial-gradient(circle at 50% 60%,#ffbf3c,#e7321d 55%,#49133c);border:1px solid #ff715b}.ability-row strong,.ability-row small{display:block}.ability-row strong{color:#ffd55d;font-family:Barlow Condensed;font-size:15px}.ability-row small{margin-top:3px;color:#bdd1df;font-size:10px}.evolution-section h2 small{color:#95b3c9;font-size:11px}.evo-chain{display:flex;align-items:flex-start;justify-content:center;gap:6px}.evo-entry{position:relative;width:29%;display:flex;flex-direction:column;align-items:center;font-family:Barlow Condensed}.evo-entry img{width:55px;height:55px;object-fit:contain;image-rendering:pixelated;transform:scale(1.25);filter:drop-shadow(0 3px 2px #001020)}.evo-entry strong{margin-top:10px;font-size:12px}.evo-entry small{color:#9db8cb;font-size:10px}.evo-arrow{position:absolute;top:18px;right:-12px;color:#ff9d2a;font-size:31px;font-weight:900}.upgrade-btn{width:78%;min-height:52px;margin:5px auto 0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:9px;background:linear-gradient(#32e87b,#0bb450);border:1px solid #5cff9d;box-shadow:inset 0 1px #b0ffd0,0 3px #047d38;font-family:Barlow Condensed;font-weight:900;text-shadow:0 1px 1px #075628}.upgrade-btn span{font-size:19px}.upgrade-btn small{font-size:13px}.upgrade-btn:disabled{filter:grayscale(.6) brightness(.75);cursor:var(--cursor-disabled)}.upgrade-btn.maxed{background:linear-gradient(#3f5f7a,#223c52);border-color:#5e8bab;box-shadow:none;cursor:var(--cursor-disabled)}.evo-entry.locked{opacity:.45;filter:grayscale(.7)}.evo-entry.current img{filter:drop-shadow(0 0 6px #ffe258)}.evo-entry.current strong{color:#ffe258}.matchmaking-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;background:radial-gradient(circle,#0c5188,#04182a 65%)}.mm-swords{width:82px;height:82px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(#24adf5,#0968ad);border:3px solid #5bd2ff;box-shadow:0 0 35px #27b9ff66;animation:pulse 1.2s ease-in-out infinite}.mm-swords svg{width:51px;height:51px}.matchmaking-screen h1{margin:0;font-family:Barlow Condensed;font-size:24px}.mm-time{font-family:Barlow Condensed;font-size:37px;font-weight:800}.mm-vs-row{display:flex;align-items:center;gap:28px}.mm-vs-row div{display:flex;flex-direction:column}.mm-vs-row small{color:var(--gold)}.matchmaking-screen>button{padding:10px 27px;border-radius:8px;background:#17466d;border:1px solid #3987b8}@keyframes pulse{50%{transform:scale(1.08);filter:brightness(1.15)}}.battle-screen{position:relative;height:100%;display:flex;flex-direction:column;background:#05172a;touch-action:none}.battle-screen.loading{background:#061d33 url(/assets/ui/battle-arena.png) center / cover}.arena-wrap{position:relative;flex:1;min-height:0;overflow:hidden;background:#417e44 url(/assets/ui/battle-arena.png) center / cover no-repeat}.arena-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 18px #001a28aa}.battle-player{position:absolute;z-index:8;left:7px;width:63%;height:49px;display:grid;grid-template-columns:42px auto 1fr;align-items:center;gap:5px;padding:3px 6px 3px 3px;border-radius:8px;background:linear-gradient(90deg,#07243fe8,#082e4be8);border:1px solid #61b8de;box-shadow:0 2px 5px #00151fcc}.enemy-player{top:5px}.me-player{bottom:5px}.battle-avatar{width:39px;height:39px}.battle-avatar.rival{filter:hue-rotate(170deg)}.battle-player>span:nth-child(2){align-self:start;margin-top:2px;font-family:Barlow Condensed;line-height:1.05}.battle-player>span:nth-child(2) strong{display:block;font-size:15px}.battle-player>span:nth-child(2) small{display:block;margin-top:5px;color:#ffc946;font-size:12px;font-weight:900}.deck-icons{align-self:start;display:flex;justify-content:flex-end;gap:2px;padding-top:1px}.deck-icons img{width:21px;height:21px;object-fit:contain;image-rendering:pixelated;border-radius:3px;background:#183a5a;border:1px solid #8dbbd2}.heart-score{position:absolute;right:6px;bottom:2px;display:flex;align-items:center;gap:2px;font-family:Barlow Condensed;font-size:17px}.heart-score svg{width:17px;height:17px;fill:#f44258;stroke:#a40d27}.battle-timer{position:absolute;z-index:9;right:7px;top:5px;width:72px;height:49px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(#173c56e8,#09273ee8);border:1px solid #75b8d5;font-family:Barlow Condensed;line-height:.95;box-shadow:0 2px 5px #00151fcc}.battle-timer small{font-size:12px}.battle-timer strong{font-size:23px}.battle-timer.boost strong{color:#ffe35b}.battle-timer.overtime strong{color:#ff7180;font-size:15px}.creature-token{position:absolute;z-index:5;width:54px;height:68px;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-65%);pointer-events:none}.creature-token img{order:2;width:52px;height:52px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 2px #001724aa);transform:scale(1.45)}.creature-token.enemy img{filter:drop-shadow(0 4px 2px #001724aa) saturate(1.1)}.hp-bar-track{order:1;position:relative;width:45px;height:6px;overflow:hidden;border-radius:4px;border:1px solid #071e2b;background:#243137;box-shadow:0 1px 1px #001019}.hp-bar-track i{display:block;height:100%}.token-level{position:absolute;z-index:3;left:-1px;top:-3px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#125eaa;border:1px solid white;font-family:Barlow Condensed;font-size:11px;font-weight:900}.battle-bottom{position:relative;flex:0 0 150px;padding:7px 8px 5px 68px;background:linear-gradient(#0b3659,#061c33);border-top:1px solid #1674a8;box-shadow:0 -3px 8px #00122199}.hand-row{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;height:92px}.hand-card{position:relative;min-width:0;height:92px;overflow:hidden;padding:9px 2px 2px;border:2px solid;border-radius:7px;background:radial-gradient(circle at 50% 45%,#5d93b4,#102e4a 70%);box-shadow:inset 0 0 0 2px #062138,0 2px 3px #00111f}.hand-card.fire{background:radial-gradient(circle at 50% 45%,#df7653,#572337 70%)}.hand-card.water{background:radial-gradient(circle at 50% 45%,#51bceb,#15375d 70%)}.hand-card.nature{background:radial-gradient(circle at 50% 45%,#71c879,#174632 70%)}.hand-card.earth{background:radial-gradient(circle at 50% 45%,#b2946f,#3d3040 70%)}.hand-card.disabled{filter:grayscale(.55) brightness(.65)}.hand-card img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;transform:scale(1.5);filter:drop-shadow(0 3px 2px #00101d)}.hand-card .cost{width:24px;height:24px;font-size:15px}.next-card{position:absolute;left:8px;top:47px;width:54px;text-align:center;font-family:Barlow Condensed;font-size:11px}.next-card small{display:block}.next-card img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;border-radius:6px;background:#173752;border:2px solid #779eb7}.chat-button{position:absolute;left:9px;top:6px;width:40px;height:34px;display:grid;place-items:center;padding:5px;border-radius:6px;background:#edf8ff;color:#153953;border:2px solid #6ea9c8;box-shadow:0 2px #1a5274}.energy-row{height:39px;display:flex;align-items:center;gap:6px}.energy-track{flex:1;height:16px;overflow:hidden;border-radius:9px;padding:2px;background:#031324;border:1px solid #33607e}.energy-track i{display:block;height:100%;border-radius:6px;background:repeating-linear-gradient(90deg,#9d29ee 0,#9d29ee 18px,#b34dff 18px,#b34dff 20px);box-shadow:0 0 7px #a135f0;transition:width .2s}.energy-row strong{min-width:34px;font-family:Barlow Condensed;font-size:15px}.dragging-card{position:fixed;z-index:100;width:75px;height:75px;transform:translate(-50%,-50%);pointer-events:none}.dragging-card img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 6px 5px #001427);transform:scale(1.5)}.result-screen{height:100%;padding:7px;display:flex;flex-direction:column;background:linear-gradient(#12334f,#061a30 45%,#061b32)}.result-hero{position:relative;flex:0 0 46%;min-height:255px;overflow:hidden;border-radius:9px 9px 4px 4px;background:url(/assets/ui/victory-hero.png) 50% center / cover;box-shadow:inset 0 0 0 1px #5aa8d1}.result-hero:after{content:"";position:absolute;top:45%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#071c36e8)}.result-title{position:absolute;z-index:2;left:0;right:0;bottom:12px;transform:rotate(-5deg);color:#ffd642;font-family:Barlow Condensed;font-size:clamp(52px,15vw,68px);font-weight:900;font-style:italic;letter-spacing:-2px;text-align:center;text-shadow:0 5px 0 #854206,3px 0 #fff4b1,-3px 0 #fff4b1,0 -2px #fff4b1,4px 7px 5px #001127}.result-screen.lost .result-hero{filter:saturate(.5) brightness(.65)}.result-screen.lost .result-title{color:#d4dfeb;text-shadow:0 5px 0 #405368,3px 0 white,-3px 0 white}.result-card{flex:1;display:flex;flex-direction:column;gap:8px;min-height:0;padding-top:4px}.result-score{min-height:73px;display:grid;grid-template-columns:1fr 22px 1fr;align-items:center;border-radius:8px;background:linear-gradient(#0c3b63,#062541);border:1px solid #166798;box-shadow:inset 0 1px #ffffff1c}.result-score>div{display:grid;grid-template-columns:31px 26px 1fr;align-items:center}.result-score>div:first-child{padding-left:13px}.result-score>div:last-child{padding-right:8px}.result-score>strong{font-family:Barlow Condensed;font-size:27px;text-align:center}.result-score b{font-family:Barlow Condensed;font-size:27px}.result-score small{font-family:Barlow Condensed;font-size:10px;line-height:1.2}.result-score small i{margin-top:3px}.trophy-change-banner{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border-radius:8px;background:linear-gradient(#0c3a60,#06243f);border:1px solid #176799;font-family:Barlow Condensed}.trophy-change-banner i.trophy{width:20px;height:20px}.trophy-change-banner span{font-size:22px;font-weight:900}.trophy-change-banner.gain span{color:#7dffb0}.trophy-change-banner.loss span{color:#ff8a8a}.trophy-change-banner small{font-size:11px;color:#b8d9ea;margin-left:2px}.score-creature{width:29px;height:31px;border-radius:50% 50% 45% 45%;background:linear-gradient(#29c8ff,#087dc0);box-shadow:inset 0 0 0 3px #063b66}.score-creature.red{background:linear-gradient(#ff5065,#cb1634)}.rewards-panel{border-radius:8px;background:linear-gradient(#0c3a60,#06243f);border:1px solid #176799;overflow:hidden;padding-bottom:8px}.rewards-panel h2{margin:5px 0;font-family:Barlow Condensed;font-size:14px;text-align:center}.rewards-row{display:flex;align-items:center;justify-content:center;min-height:65px;gap:4px;border-top:1px solid #174f73;font-family:Barlow Condensed;font-size:18px;font-weight:800}.reward-icon{display:grid;place-items:center;width:33px;height:30px;font-size:25px;color:#ffc935;text-shadow:0 2px #9a4d00}.reward-cards-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:0 8px}.reward-card{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:8px;background:radial-gradient(circle at 50% 40%,#2f6ea3,#0e2d4c 70%);border:1px solid #3d84b8}.reward-card img{width:34px;height:34px;object-fit:contain;image-rendering:pixelated}.reward-card.new{border-color:#ffe258;box-shadow:0 0 8px #ffe25899}.reward-card.rarity-uncommon{border-color:#4be27a}.reward-card.rarity-rare{border-color:#4bc4ff}.reward-card.rarity-epic{border-color:#c07bff}.reward-card.rarity-legendary{border-color:#ffb23e;box-shadow:0 0 10px #ffb23e88}.reward-amount{position:absolute;top:-6px;right:-4px;padding:1px 4px;border-radius:4px;background:#08233c;border:1px solid #3d84b8;color:#fff;font-family:Barlow Condensed;font-size:9px;font-weight:900}.reward-new-tag{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);padding:1px 4px;border-radius:4px;background:#ffe258;color:#442b00;font-family:Barlow Condensed;font-size:8px;font-weight:900;white-space:nowrap}.result-actions{margin-top:auto;display:grid;grid-template-columns:1fr 1.12fr;gap:7px;padding-bottom:2px}.result-actions button{height:49px;border-radius:8px;font-family:Barlow Condensed;font-size:16px;font-weight:900;color:#fff;text-shadow:0 1px 1px #06416e;box-shadow:inset 0 1px #fff8,0 3px #064d88}.result-actions .replay{display:flex;align-items:center;justify-content:center;gap:5px;background:linear-gradient(#43b9ff,#1887dc)}.result-actions .replay svg{width:16px}.result-actions .continue{background:linear-gradient(#ffca48,#f39418);box-shadow:inset 0 1px #fff6a6,0 3px #a64b06;text-shadow:0 1px 1px #804000}@media (max-height: 680px){.home-actions{bottom:65px}.battle-cta{height:47px;font-size:24px}.mini-deck-row{margin:5px 0}.region-card{height:55px}.battle-bottom{flex-basis:133px;padding-left:62px}.hand-row,.hand-card{height:79px}.next-card img{width:42px;height:42px}.energy-row{height:35px}.details-hero{height:190px}.details-hero>img{height:130px}.stat-item{min-height:42px}.evo-entry img{width:46px;height:46px}.upgrade-btn{min-height:46px}.result-hero{min-height:215px}}@media (min-width: 431px){body{padding:12px 0}.app-shell{height:calc(100dvh - 24px);border-radius:16px;border:1px solid #275270}}.turn-battle{background:#06192d;touch-action:manipulation}.turn-battle .turn-arena{position:relative;flex:1 1 53%;min-height:350px;overflow:hidden;background:linear-gradient(#071a2b33,#071a2b10),url(/assets/ui/turn-arena.png) center 38% / cover no-repeat;border-bottom:2px solid #2398cf}.turn-battle .turn-arena:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#00172c99,transparent 18% 79%,#00172cbb);box-shadow:inset 0 0 24px #00101dbb}.turn-hud{position:absolute;z-index:5;left:7px;right:7px;height:45px;display:grid;grid-template-columns:37px 1fr auto;align-items:center;gap:6px;padding:3px 8px 3px 3px;border:1px solid #4aa8d0;border-radius:7px;background:linear-gradient(90deg,#062844f2,#0b3d61e8);box-shadow:inset 0 1px #ffffff24,0 2px 5px #00111dcc}.rival-hud{top:5px}.my-hud{bottom:5px}.turn-hud .battle-avatar{width:36px;height:36px}.turn-hud>span:nth-child(2){display:flex;flex-direction:column;font-family:Barlow Condensed;line-height:1}.turn-hud>span:nth-child(2) strong{font-size:15px}.turn-hud>span:nth-child(2) small{margin-top:4px;color:#ffd044;font-size:11px}.remaining-dots{display:flex;gap:4px}.remaining-dots i{width:13px;height:13px;border-radius:50%;background:#162b3e;border:2px solid #577187;box-shadow:inset 0 1px 2px #00111c}.remaining-dots i.alive{background:radial-gradient(circle at 35% 30%,#6effa0,#11b858 65%,#08722f);border-color:#9fffc0}.rival-hud .remaining-dots i.alive{background:radial-gradient(circle at 35% 30%,#ff8893,#ef344d 65%,#9d1028);border-color:#ffb5bc}.turn-counter{position:absolute;z-index:7;top:54px;left:50%;width:62px;height:43px;transform:translate(-50%);display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:3px 6px;border-radius:7px;background:#06253fe8;border:1px solid #4d9fc4;font-family:Barlow Condensed;line-height:.9;text-align:center}.turn-counter small{grid-column:1 / -1;color:#a9c9db;font-size:9px}.turn-counter strong{font-size:21px}.turn-counter span{color:#ffd14a;font-size:12px}.reserve-row{position:absolute;z-index:4;display:flex;align-items:center;gap:4px}.enemy-reserve{top:57px;left:7px}.mine-reserve{right:7px;bottom:57px;flex-direction:row-reverse}.reserve-row small{padding:2px 5px;border-radius:4px;color:#c2d7e5;background:#062842d9;font-family:Barlow Condensed;font-size:9px;font-weight:800}.reserve-ball{width:28px;height:28px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#123a57;border:2px solid #a9d3e7;box-shadow:0 2px 3px #00121f}.reserve-ball img{width:30px;height:30px;object-fit:contain;image-rendering:pixelated}.fighter-row{position:absolute;z-index:3;left:9%;right:9%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.enemy-row{top:160px}.mine-row{bottom:170px}.turn-fighter{position:relative;min-width:0;height:102px;padding:1px 5px 5px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border-radius:14px;border:2px solid transparent;background:radial-gradient(ellipse at 50% 75%,#63a14473,transparent 67%);text-shadow:0 1px 2px #00121e}.turn-fighter img.portrait-fallback{position:absolute;z-index:0;top:-10px;width:78px;height:78px;object-fit:contain;image-rendering:pixelated;transform:scale(1.55);filter:drop-shadow(0 5px 3px #00152299)}.turn-fighter.enemy img.portrait-fallback{transform:scale(1.55) scaleX(-1)}.turn-fighter .pokemon-sprite{position:absolute;z-index:0;bottom:8px;left:50%;background-repeat:no-repeat;image-rendering:pixelated;transform:translate(-50%);filter:drop-shadow(0 5px 3px #00152299);transition:filter .12s}.turn-fighter .pokemon-sprite.anim-hurt{filter:drop-shadow(0 5px 3px #00152299) brightness(2) saturate(0) sepia(1) hue-rotate(-50deg) saturate(6)}.turn-fighter .pokemon-sprite.anim-dead{filter:drop-shadow(0 5px 3px #00152299) grayscale(1) brightness(.6);opacity:.75}.turn-fighter strong,.turn-fighter small,.fighter-hp,.status-pips{position:relative;z-index:2}.turn-fighter strong{max-width:100%;overflow:hidden;color:#fff;font-family:Barlow Condensed;font-size:13px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.turn-fighter small{color:#e8f5fc;font-family:Barlow Condensed;font-size:10px;line-height:1}.slot-label{position:absolute;z-index:2;top:1px;left:2px;padding:1px 4px;border-radius:4px;color:#d3ebf7;background:#063050db;font-family:Barlow Condensed;font-size:8px;font-weight:900}.fighter-hp{width:86%;height:7px;margin:3px 0 2px;overflow:hidden;border-radius:4px;background:#172935;border:1px solid #00111d}.fighter-hp i{display:block;height:100%;background:linear-gradient(#5cf67d,#16b64d);box-shadow:inset 0 1px #b2ffc3;transition:width .25s}.status-pips{position:absolute;top:17px;right:1px;display:flex;flex-direction:column;font-size:11px}.turn-fighter.selected{border-color:#59d4ff;background:radial-gradient(ellipse at 50% 70%,#55d2ff88,transparent 70%)}.turn-fighter.targetable{border-color:#ffe751;background-color:#fff52b20;animation:target-pulse .85s infinite alternate}.turn-fighter.empty{border:1px dashed #89b3c766;color:#9bb9c9;font-family:Barlow Condensed}@keyframes target-pulse{to{filter:brightness(1.35);box-shadow:0 0 14px #ffe84c}}.turn-versus{position:absolute;z-index:4;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;pointer-events:none}.turn-versus span{width:38px;height:25px;display:grid;place-items:center;border-radius:50%;color:#d7edfa;background:#092a44c9;border:1px solid #7bb5d0;font-family:Barlow Condensed;font-size:14px;font-weight:900}.turn-versus strong{position:absolute;top:30px;padding:3px 9px;border-radius:10px;color:#ffe65f;background:#08233de8;font-family:Barlow Condensed;font-size:12px;letter-spacing:.4px}.turn-panel{position:relative;z-index:10;flex:0 0 min(32%,240px);min-height:240px;overflow-y:auto;padding:7px 8px;background:radial-gradient(circle at 50% 0,#104a76,#071d34 68%);scrollbar-width:none}.turn-panel::-webkit-scrollbar{display:none}.panel-heading{min-height:42px;display:flex;align-items:center;justify-content:space-between;font-family:Barlow Condensed}.panel-heading span{display:flex;flex-direction:column}.panel-heading small{color:#86b9d5;font-size:10px}.panel-heading strong{font-size:18px}.panel-heading b{width:36px;height:31px;display:grid;place-items:center;border-radius:7px;background:#0c385b;border:1px solid #2875a1}.starter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:3px 0 10px}.starter-grid button{position:relative;min-width:0;height:105px;padding:16px 2px 4px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden;border-radius:8px;background:radial-gradient(circle at 50% 42%,#4c94b6,#102c47 68%);border:2px solid #387ca2}.starter-grid button.selected{border-color:#ffe45b;box-shadow:inset 0 0 11px #ffdb3838,0 0 7px #ffdc4d}.starter-grid button>span{position:absolute;z-index:3;inset:2px 2px auto;color:#ffe663;font-family:Barlow Condensed;font-size:10px;font-weight:900}.starter-grid img{width:66px;height:66px;object-fit:contain;image-rendering:pixelated;transform:scale(1.35)}.starter-grid strong{position:relative;z-index:2;max-width:100%;overflow:hidden;font-family:Barlow Condensed;font-size:11px;text-overflow:ellipsis}.actor-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}.actor-tabs button{position:relative;min-width:0;height:42px;display:grid;grid-template-columns:36px 1fr;align-items:center;gap:3px;padding:2px 5px;border-radius:7px;color:#acc6d8;background:#08243d;border:1px solid #235f86;text-align:left}.actor-tabs button.active{color:#fff;background:linear-gradient(#11689f,#0b4773);border-color:#52b6e3}.actor-tabs img{width:35px;height:35px;object-fit:contain;image-rendering:pixelated}.actor-tabs span{min-width:0;display:flex;flex-direction:column;font-family:Barlow Condensed;line-height:1}.actor-tabs small{font-size:8px}.actor-tabs strong{overflow:hidden;font-size:13px;text-overflow:ellipsis}.actor-tabs b{position:absolute;top:2px;right:4px;color:#65f18e}.move-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.move-grid button{min-height:47px;display:flex;flex-direction:column;justify-content:center;padding:4px 7px;border-radius:7px;background:linear-gradient(#103959,#09273f);border:1px solid color-mix(in srgb,var(--move-color, #5d8eac) 75%,#fff);box-shadow:inset 3px 0 var(--move-color, #6591ac);text-align:left}.move-grid button.selected{background:linear-gradient(#1a6795,#0c466d);box-shadow:inset 3px 0 var(--move-color, #fff),0 0 0 2px #f7df55}.move-grid button strong{font-family:Barlow Condensed;font-size:13px;line-height:1}.move-grid button small{margin-top:3px;color:#9ebacd;font-size:8px;line-height:1.15}.move-grid .switch-action{--move-color: #c5d5df}.passive-line{min-height:28px;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:5px;margin:5px 0;padding:3px 5px;border-radius:5px;background:#041a2e;font-family:Barlow Condensed}.passive-line span{padding:1px 4px;border-radius:3px;color:#071729;background:#ffd45a;font-size:8px;font-weight:900}.passive-line strong{color:#ffdb68;font-size:11px}.passive-line small{color:#91adbf;font-size:8px}.confirm-turn{position:relative;width:100%;min-height:43px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;background:linear-gradient(#42d77a,#11a94f);border:1px solid #82f7a8;box-shadow:inset 0 1px #c1ffd3,0 3px #087432;font-family:Barlow Condensed;font-size:17px;font-weight:900;text-shadow:0 1px #08652f}.confirm-turn:disabled{filter:grayscale(.7) brightness(.65);cursor:var(--cursor-disabled)}.confirm-turn svg{width:21px}.confirm-turn>span{position:absolute;right:10px;font-size:12px}.waiting-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.resolving-orb{width:57px;height:57px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(#2bc1ff,#126eb5);border:2px solid #88e3ff;box-shadow:0 0 20px #22baff66;animation:pulse 1s infinite}.resolving-orb svg{width:34px;height:34px}.waiting-panel h2{margin:8px 0 0;font-family:Barlow Condensed;font-size:21px}.waiting-panel p{margin:2px 0 7px;color:#9dbacc;font-size:10px}.waiting-panel>small{color:#c7dce8;font-family:Barlow Condensed;font-size:10px;line-height:1.25}.battle-modal{position:absolute;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#00101dd6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.battle-modal>div{position:relative;width:100%;padding:16px 13px 13px;border-radius:12px;background:linear-gradient(#104a75,#071e37);border:2px solid #44aede;box-shadow:inset 0 1px #fff3,0 12px 35px #000a;text-align:center}.battle-modal h2{margin:0;color:#ffe35e;font-family:Barlow Condensed;font-size:22px}.battle-modal p{margin:4px 0 12px;color:#b5ccdc;font-size:10px}.replacement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.replacement-grid button{min-width:0;height:125px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:5px;border-radius:9px;background:radial-gradient(circle at 50% 40%,#549dbc,#0c2e4a 70%);border:2px solid #438cad}.replacement-grid button:hover{border-color:#ffe258}.replacement-grid img{width:78px;height:78px;object-fit:contain;image-rendering:pixelated;transform:scale(1.3)}.replacement-grid strong{font-family:Barlow Condensed;font-size:14px}.replacement-grid small{color:#86e99f;font-size:10px}.modal-cancel{margin-top:10px;padding:7px 20px;border-radius:6px;background:#183d59;border:1px solid #4d819f}.replacement-time{position:absolute;top:8px;right:10px;color:#ffe165;font-family:Barlow Condensed;font-size:16px;font-weight:900}@media (max-height: 720px){.turn-battle .turn-arena{min-height:320px}.turn-panel{flex-basis:250px;min-height:240px}.fighter-row{gap:8px}.enemy-row{top:88px}.mine-row{bottom:83px}.turn-fighter{height:88px}.turn-fighter .pokemon-sprite{transform:translate(-50%) scale(.82)}.turn-fighter strong{font-size:12px}.starter-grid button{height:91px}.starter-grid img{width:55px;height:55px}.move-grid button{min-height:42px}.passive-line{margin:4px 0}.confirm-turn{min-height:39px}}.login-screen{position:relative;display:flex;align-items:center;justify-content:center;height:100%;padding:20px;background:radial-gradient(circle at 50% 20%,#174d73,#04121f 70%)}.login-card{width:100%;max-width:320px;padding:24px 20px;border-radius:14px;text-align:center}.login-logo{width:88px;height:88px;margin:0 auto 10px;display:block;border-radius:18px;box-shadow:0 4px 14px #000a}.login-card h1{margin:0;font-family:Barlow Condensed;font-size:26px}.login-subtitle{margin:4px 0 16px;color:var(--muted);font-size:12px}.login-card form{display:flex;flex-direction:column;gap:10px;text-align:left}.login-card label{display:flex;flex-direction:column;gap:4px}.login-card label small{color:var(--muted);font-family:Barlow Condensed;font-size:11px;letter-spacing:.4px}.login-card input{height:40px;padding:0 12px;border-radius:8px;background:#06213b;border:1px solid #1c6799;color:var(--text);font-size:14px}.login-card input:focus-visible{outline:2px solid var(--cyan)}.login-error{margin:0;color:#ff8a8a;font-size:11px}.login-switch{margin-top:14px;color:var(--cyan);font-size:12px;text-decoration:underline;background:transparent}.version-tag{position:absolute;left:0;right:0;bottom:10px;margin:0;color:var(--muted);font-size:11px;text-align:center;letter-spacing:.5px}.version-tag-inline{margin:14px 0 0;color:var(--muted);font-size:11px;text-align:center;letter-spacing:.5px}.panel-screen{position:relative;height:100%;overflow-y:auto;padding:7px 9px 10px;background:linear-gradient(#0b2a45 0,#0b2a45,#081c35 38%,#04213d);border:1px solid #157eb8;scrollbar-width:none}.panel-screen::-webkit-scrollbar{display:none}.social-screen,.store-screen,.profile-screen{position:relative;height:100%;overflow-y:auto;padding:7px 9px 90px;background:linear-gradient(#0b2a45 0,#0b2a45,#081c35 38%,#04213d);scrollbar-width:none}.social-screen::-webkit-scrollbar,.store-screen::-webkit-scrollbar,.profile-screen::-webkit-scrollbar{display:none}.add-friend-row{display:flex;gap:6px;margin:6px 0}.add-friend-row input{flex:1;height:38px;padding:0 10px;border-radius:8px;background:#06213b;border:1px solid #1c6799;color:var(--text);font-size:13px}.add-friend-row button{display:flex;align-items:center;gap:5px;padding:0 12px;border-radius:8px;background:#0e4c7e;border:1px solid var(--line);font-family:Barlow Condensed;font-weight:700}.social-success{margin:0 0 6px;color:#7dffb0;font-size:11px}.social-empty{color:var(--muted);font-size:12px}.friend-row{display:flex;align-items:center;gap:8px;padding:8px 6px;border-radius:8px}.friend-row+.friend-row{margin-top:4px}.friend-dot{width:9px;height:9px;border-radius:50%;background:#445a68;flex-shrink:0}.friend-dot.online{background:#4be27a;box-shadow:0 0 6px #4be27a}.friend-name{flex:1;font-family:Barlow Condensed;font-size:15px}.friend-actions{display:flex;gap:6px}.friend-actions button{display:flex;align-items:center;gap:4px;height:30px;padding:0 10px;border-radius:6px;font-family:Barlow Condensed;font-size:12px;font-weight:700}.friend-accept{background:#155a33;border:1px solid #3fdc82;color:#b6ffd2}.friend-reject{background:#5a1515;border:1px solid #dc6b3f;color:#ffcab6}.friend-duel{background:linear-gradient(#ffd458,#f2910a);border:1px solid #ffe66e;color:#4a2600}.friend-duel:disabled{filter:grayscale(.8) brightness(.6);cursor:var(--cursor-disabled)}.friend-remove{width:30px;padding:0;display:grid;place-items:center;background:#163049;border:1px solid #2d597c}.invite-actions{display:flex;gap:8px;justify-content:center}.invite-actions button{flex:1}.store-placeholder{margin-top:30%;padding:26px 16px;border-radius:12px;text-align:center}.store-icon{width:48px;height:48px;margin:0 auto 10px;display:grid;place-items:center;border-radius:50%;background:#0e4c7e;border:1px solid var(--line)}.store-placeholder h2{margin:0;font-family:Barlow Condensed;font-size:20px;letter-spacing:.5px;color:var(--gold)}.store-placeholder p{margin:6px 0 0;color:var(--muted);font-size:12px}.profile-hero{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 10px;margin:6px 0;border-radius:12px}.trainer-avatar.large{width:64px;height:64px;border-radius:12px}.profile-hero strong{font-family:Barlow Condensed;font-size:20px}.logout-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:42px;margin-top:14px;border-radius:8px;background:#5a1515;border:1px solid #dc6b3f;color:#ffcab6;font-family:Barlow Condensed;font-weight:700}.logout-btn svg{width:1.45em;height:1.45em}.idle-toggle-card{width:100%;min-height:61px;padding:7px 12px;border-radius:7px;display:flex;align-items:center;justify-content:space-between;text-align:left;margin-bottom:8px}.idle-toggle-card small{display:block;font-family:Barlow Condensed;font-size:9px;letter-spacing:.7px;color:#b8d9ea}.idle-toggle-card strong{display:block;font-family:Barlow Condensed;font-size:16px}.idle-toggle-card.on strong{color:#7dffb0}.switch-pill{position:relative;width:42px;height:24px;flex-shrink:0;border-radius:12px;background:#163049;border:1px solid #2d597c}.switch-pill i{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#7f97a8;transition:transform .15s,background .15s}.switch-pill.on{background:#155a33;border-color:#3fdc82}.switch-pill.on i{background:#7dffb0;transform:translate(18px)}.idle-indicator{position:absolute;z-index:60;left:50%;bottom:12px;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;background:#155a33e8;border:1px solid #3fdc82;color:#eaffef;font-family:Barlow Condensed;font-size:12px;font-weight:800;box-shadow:0 4px 14px #000a}.idle-indicator svg{width:14px;height:14px}.auto-toggle{position:absolute;z-index:8;bottom:95px;right:8px;padding:4px 9px;border-radius:6px;background:#163049;border:1px solid #2d597c;color:#b8d9ea;font-family:Barlow Condensed;font-size:11px;font-weight:800}.auto-toggle.on{background:#155a33;border-color:#3fdc82;color:#7dffb0}.duel-note{margin:8px 0 0;color:var(--muted);font-size:11px;text-align:center}.battle-menu-toggle{position:absolute;z-index:8;top:56px;right:8px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#163049;border:1px solid #2d597c;color:#cfe4f2}.battle-menu-toggle svg{width:17px;height:17px}.battle-menu-actions{display:flex;flex-direction:column;gap:8px;margin-top:6px}.battle-menu-actions button{width:100%}.settings-modal .details-header{margin-bottom:10px}.settings-modal .details-header h1{font-size:20px}.volume-row{display:flex;align-items:center;gap:8px;padding:4px 2px;font-family:Barlow Condensed;font-size:13px;text-align:left}.volume-row span{flex-shrink:0}.volume-row b{width:34px;text-align:right;color:var(--gold)}.volume-row input[type=range]{flex:1;accent-color:var(--cyan)}.profile-actions{display:flex;flex-direction:column;gap:8px;margin-top:14px}.profile-actions .logout-btn{margin-top:0}