body.ui-v4{--bg:#050816;--bg2:#091126;--panel:rgba(11,18,43,.88);--panel2:rgba(15,27,60,.92);--surface:#0b132d;--surface2:#101b3c;--surface3:#15234a;--line:rgba(157,176,231,.16);--line-strong:rgba(160,132,255,.34);--text:#f7f9ff;--muted:#9aa9cc;--muted2:#7181aa;--violet:#8b6cff;--violet2:#6b52ff;--cyan:#59dcff;--gold:#ffc96b;--green:#62e5b2;--danger:#ff718f;--shadow:0 28px 90px rgba(0,0,0,.46);--shadow-soft:0 16px 44px rgba(0,0,0,.26);--glass:linear-gradient(160deg,rgba(21,32,69,.84),rgba(8,14,35,.94));--glass2:linear-gradient(160deg,rgba(27,40,82,.9),rgba(11,20,47,.96));background:radial-gradient(circle at 78% -8%,rgba(112,76,255,.2),transparent 31%),radial-gradient(circle at 18% 34%,rgba(41,183,255,.11),transparent 32%),linear-gradient(160deg,#050816 0,#071026 44%,#050a18 100%);font-family:Inter,"SF Pro Display","Segoe UI",system-ui,-apple-system,sans-serif;letter-spacing:.002em}
body.ui-v4:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 15% 20%,rgba(255,255,255,.12) 0 1px,transparent 1.4px),radial-gradient(circle at 85% 45%,rgba(109,217,255,.11) 0 1px,transparent 1.5px);background-size:92px 92px,137px 137px;opacity:.28}
body.ui-v4 *{scrollbar-width:thin;scrollbar-color:rgba(123,104,255,.42) rgba(6,11,28,.55)}body.ui-v4 *::-webkit-scrollbar{width:8px;height:8px}body.ui-v4 *::-webkit-scrollbar-thumb{background:linear-gradient(#7d65ff,#4abbe8);border-radius:999px}body.ui-v4 *::-webkit-scrollbar-track{background:rgba(6,11,28,.5)}
body.ui-v4 button,body.ui-v4 select,body.ui-v4 input{transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease}body.ui-v4 button:focus-visible,body.ui-v4 select:focus-visible,body.ui-v4 input:focus-visible{outline:2px solid rgba(88,219,255,.85);outline-offset:2px}
body.ui-v4 .app-shell{grid-template-columns:178px minmax(0,1fr)}
body.ui-v4 .game-sidebar{padding:20px 11px 16px;background:radial-gradient(circle at 50% -4%,rgba(112,78,255,.16),transparent 25%),linear-gradient(180deg,rgba(4,9,26,.985),rgba(5,12,31,.965));border-right:1px solid rgba(141,158,214,.14);box-shadow:18px 0 45px rgba(0,0,0,.18)}
body.ui-v4 .brand{padding:0 8px 22px;gap:10px}body.ui-v4 .brand-mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#63dfff 0,#8462ff 50%,#d65cff 100%);box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 30px rgba(111,81,255,.34);font-size:19px}body.ui-v4 .brand strong{font-size:17px;font-weight:900;letter-spacing:-.025em}body.ui-v4 .brand small{font-size:10px;color:#93a2cc;letter-spacing:.2em}
body.ui-v4 .side-nav{gap:5px}body.ui-v4 .side-nav button{position:relative;height:47px;border-radius:13px;padding:0 11px;color:#8998be}body.ui-v4 .side-nav button span{font-size:17px;color:#8ea5dc}body.ui-v4 .side-nav button b{font-size:12px;font-weight:720}body.ui-v4 .side-nav button:hover{background:rgba(111,92,255,.1);color:#e9efff;transform:translateX(2px)}body.ui-v4 .side-nav button.active{background:linear-gradient(90deg,rgba(116,84,255,.42),rgba(59,91,190,.16));border-color:rgba(140,115,255,.28);box-shadow:inset 3px 0 0 #8f6dff,0 0 28px rgba(100,75,255,.12);color:#fff}body.ui-v4 .side-nav button.active span{color:#d9d0ff;text-shadow:0 0 16px rgba(143,110,255,.7)}
body.ui-v4 .season-card{border-color:rgba(148,120,255,.22);background:radial-gradient(circle at 88% 12%,rgba(201,105,255,.13),transparent 32%),linear-gradient(150deg,rgba(40,38,91,.64),rgba(10,21,52,.92));border-radius:16px;padding:13px;box-shadow:inset 0 1px rgba(255,255,255,.04),0 14px 34px rgba(0,0,0,.16)}body.ui-v4 .season-card small{font-size:9px;color:#b5a9e8}body.ui-v4 .season-card b{font-size:13px}body.ui-v4 .season-card span{font-size:10px}body.ui-v4 .season-progress{height:7px;background:#111d3d}body.ui-v4 .season-progress i{background:linear-gradient(90deg,#6ce7ff,#8765ff 52%,#db66ff);box-shadow:0 0 16px rgba(125,94,255,.45)}body.ui-v4 .side-tools button{background:#0a1735;border-color:rgba(143,164,220,.16)}body.ui-v4 .side-tools button:hover{background:#111f47;border-color:rgba(142,111,255,.35)}
body.ui-v4 .workspace{padding:0 22px 32px}body.ui-v4 .topbar{height:82px;max-width:1480px}body.ui-v4 .avatar-orbit{width:46px;height:46px;border-radius:15px;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.38),transparent 15%),linear-gradient(145deg,#7359ff,#2ebfe9);box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 28px rgba(71,117,255,.26)}body.ui-v4 .player-head small{font-size:10px;color:#7789b3}body.ui-v4 .player-head strong{font-size:14px;font-weight:800}body.ui-v4 .player-head span{font-size:10px;color:#ffd17c}body.ui-v4 .top-actions{gap:7px}body.ui-v4 .resource-pill{height:43px;min-width:104px;border-radius:14px;background:linear-gradient(145deg,rgba(18,29,65,.9),rgba(9,16,39,.94));border-color:rgba(145,166,226,.14);box-shadow:inset 0 1px rgba(255,255,255,.035)}body.ui-v4 .resource-pill b{font-size:11px}body.ui-v4 .resource-pill small{font-size:8px;color:#7486ae}body.ui-v4 .icon-btn,body.ui-v4 .pill-btn{background:linear-gradient(145deg,#101c3d,#09152f);border-color:rgba(140,160,216,.15)}body.ui-v4 .icon-btn:hover,body.ui-v4 .pill-btn:hover{border-color:rgba(126,102,255,.34);background:#14244b;box-shadow:0 0 20px rgba(102,84,255,.12)}
body.ui-v4 .dashboard-grid{max-width:1480px;grid-template-columns:minmax(0,1fr) 328px;gap:16px}body.ui-v4 .stage-card{min-height:738px;border-radius:27px;padding:20px;border:1px solid rgba(118,143,221,.18);background:radial-gradient(circle at 72% 24%,rgba(107,70,255,.17),transparent 27%),radial-gradient(circle at 20% 52%,rgba(52,191,235,.1),transparent 30%),linear-gradient(180deg,rgba(13,28,64,.97),rgba(7,17,42,.985));box-shadow:0 30px 90px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.05),inset 0 -1px rgba(74,104,181,.08)}body.ui-v4 .stage-card:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(2,7,19,.22)),radial-gradient(ellipse at 50% 115%,rgba(78,81,216,.13),transparent 55%)}body.ui-v4 .starfield{opacity:.23;background-size:84px 84px,129px 129px}body.ui-v4 .aurora{filter:blur(75px);opacity:.38}body.ui-v4 .a1{background:#7141ff}body.ui-v4 .a2{background:#1598c9}
body.ui-v4 .eyebrow{font-size:10px;letter-spacing:.17em;color:#8497c5}body.ui-v4 .stage-bar h1{font-size:clamp(30px,3vw,44px);font-weight:850;letter-spacing:-.045em;text-shadow:0 12px 35px rgba(0,0,0,.28)}body.ui-v4 .pet-tags{margin-top:10px}body.ui-v4 .pet-tags span,body.ui-v4 .pet-tags i{font-size:10px;padding:5px 9px}body.ui-v4 .pet-tags span{background:linear-gradient(135deg,#855dff,#6e51e5);box-shadow:0 0 18px rgba(123,89,255,.23)}body.ui-v4 .pet-tags i{background:rgba(12,25,56,.72);border-color:rgba(128,149,212,.16);color:#a9b8db}body.ui-v4 .wallet{background:linear-gradient(145deg,rgba(36,30,65,.72),rgba(12,21,48,.86));border-color:rgba(255,199,100,.2);box-shadow:inset 0 1px rgba(255,255,255,.03)}
body.ui-v4 .room-tabs{margin-top:10px}body.ui-v4 .room-tabs button{background:rgba(9,20,46,.66);border-color:rgba(137,158,218,.15);font-size:11px;color:#b6c4df}body.ui-v4 .day-chip{font-size:10px;color:#8093bb}
body.ui-v4 .room-scene{height:415px}body.ui-v4 .scene-window{border-color:rgba(77,97,154,.25);background:linear-gradient(180deg,#16346b,#4c2378 62%,#141f4c);box-shadow:0 0 55px rgba(81,73,198,.24),inset 0 0 34px rgba(108,75,213,.17)}body.ui-v4 .scene-rug{width:410px;height:88px;border-color:rgba(124,99,255,.25);background:radial-gradient(ellipse,rgba(119,84,255,.24),rgba(48,72,136,.09) 58%,transparent 73%);box-shadow:0 0 54px rgba(102,75,255,.17),inset 0 0 42px rgba(77,221,255,.06)}body.ui-v4 .scene-sofa{opacity:.5;filter:saturate(.86)}body.ui-v4 .speech{top:22px;max-width:min(72%,390px);padding:10px 14px;border-radius:16px 16px 16px 5px;background:linear-gradient(145deg,rgba(18,32,70,.93),rgba(8,18,44,.94));border-color:rgba(145,168,229,.16);font-size:12px;line-height:1.45;color:#dce5f7;box-shadow:0 16px 42px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.035)}
body.ui-v4 .pet-wrap{width:306px;height:344px}body.ui-v4 .pet-aura{width:266px;height:266px;left:20px;top:34px;background:radial-gradient(circle,rgba(141,93,255,.31),rgba(77,218,255,.09) 43%,transparent 70%);filter:blur(10px)}body.ui-v4 .pet-platform{width:294px;left:6px;background:radial-gradient(ellipse,rgba(143,90,255,.3),rgba(70,145,255,.11) 54%,transparent 72%);border-color:rgba(131,96,255,.2);box-shadow:0 0 48px rgba(112,78,255,.2)}body.ui-v4 .pet-art{height:295px;filter:drop-shadow(0 28px 28px rgba(0,0,0,.5)) drop-shadow(0 0 18px rgba(109,89,255,.1))}body.ui-v4 .pet-meta{bottom:0;padding:8px 12px;background:linear-gradient(145deg,rgba(18,30,65,.96),rgba(8,17,42,.96));border-color:rgba(145,165,222,.16);box-shadow:0 12px 36px rgba(0,0,0,.33)}body.ui-v4 .pet-meta b{font-size:12px}body.ui-v4 .pet-meta i{font-size:9px;background:linear-gradient(135deg,#6348b3,#50388f)}
body.ui-v4 .hero-actions{gap:9px;margin-top:0}body.ui-v4 .hero-actions button{min-height:63px;border-radius:15px;background:linear-gradient(160deg,rgba(25,43,88,.82),rgba(10,22,52,.9));border-color:rgba(133,155,216,.15);box-shadow:inset 0 1px rgba(255,255,255,.03)}body.ui-v4 .hero-actions button:hover{transform:translateY(-2px);border-color:rgba(137,105,255,.32);background:linear-gradient(160deg,rgba(34,55,108,.92),rgba(13,27,63,.95));box-shadow:0 12px 28px rgba(0,0,0,.2),0 0 22px rgba(114,88,255,.1)}body.ui-v4 .hero-actions button>span{font-size:21px;color:#c5a2ff}body.ui-v4 .hero-actions b{font-size:12px}body.ui-v4 .hero-actions small{font-size:10px;color:#7e90b8}
body.ui-v4 .needs-strip{gap:8px;margin-top:11px}body.ui-v4 .need{border-radius:13px;padding:9px;background:linear-gradient(145deg,rgba(16,29,64,.82),rgba(8,18,45,.88));border-color:rgba(132,153,214,.13)}body.ui-v4 .need span{font-size:10px;color:#9fafcf}body.ui-v4 .need em{font-size:10px}body.ui-v4 .meter{height:6px;background:#111e3f}body.ui-v4 .meter i{background:linear-gradient(90deg,#5ddcff,#7f63ff 48%,#d65fff);box-shadow:0 0 10px rgba(115,90,255,.22)}body.ui-v4 .xp-card{border-radius:13px;padding:9px 11px;background:rgba(9,20,48,.75);border-color:rgba(129,150,209,.13)}body.ui-v4 .xp-card>div:first-child{font-size:10px}body.ui-v4 .streak{font-size:10px}
body.ui-v4 .action-dock{gap:8px}body.ui-v4 .action-dock button{min-height:59px;border-radius:14px;background:linear-gradient(155deg,rgba(20,37,79,.86),rgba(9,21,49,.94));border-color:rgba(133,154,213,.14)}body.ui-v4 .action-dock button:hover{transform:translateY(-2px);border-color:rgba(130,105,255,.32);box-shadow:0 10px 24px rgba(0,0,0,.18)}body.ui-v4 .action-dock button span{font-size:20px}body.ui-v4 .action-dock button b{font-size:10px}
body.ui-v4 .right-rail{gap:13px}body.ui-v4 .hud-card{border-radius:19px;background:radial-gradient(circle at 88% 0,rgba(112,87,255,.08),transparent 34%),linear-gradient(155deg,rgba(17,29,63,.92),rgba(8,16,39,.96));border-color:rgba(133,153,213,.14);box-shadow:var(--shadow-soft),inset 0 1px rgba(255,255,255,.035)}body.ui-v4 .hud-card header b{font-size:12px}body.ui-v4 .hud-card header button,body.ui-v4 .hud-card header small{font-size:10px}body.ui-v4 .rail-task{background:rgba(13,25,56,.72);border-color:rgba(128,149,205,.12);border-radius:12px}body.ui-v4 .rail-task:hover{border-color:rgba(124,97,255,.28);background:rgba(18,33,72,.84)}body.ui-v4 .rail-task b{font-size:11px}body.ui-v4 .rail-task small{font-size:9px}body.ui-v4 .reward-days>div{border-radius:11px;background:#0c1838;border-color:rgba(131,150,206,.12)}body.ui-v4 .reward-days small{font-size:8px}body.ui-v4 .reward-days .active{border-color:rgba(255,198,91,.35);box-shadow:0 0 22px rgba(255,185,72,.1)}body.ui-v4 .gold-btn{background:linear-gradient(135deg,#f3b64d,#ffd77b);color:#21170b;box-shadow:0 10px 24px rgba(216,149,45,.12)}body.ui-v4 .violet-btn,body.ui-v4 .primary-btn{background:linear-gradient(135deg,#7255f6,#8765ff 52%,#5f8cff);box-shadow:0 10px 24px rgba(91,75,211,.15)}body.ui-v4 .gold-btn:hover,body.ui-v4 .violet-btn:hover,body.ui-v4 .primary-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
body.ui-v4 .quick-grid{gap:11px}body.ui-v4 .quick-card{min-height:92px;border-radius:18px;background:linear-gradient(155deg,rgba(18,31,67,.9),rgba(8,17,41,.95));border-color:rgba(132,152,211,.14);box-shadow:inset 0 1px rgba(255,255,255,.028)}body.ui-v4 .quick-card:hover{transform:translateY(-3px);border-color:rgba(130,102,255,.28);box-shadow:0 15px 36px rgba(0,0,0,.2),0 0 24px rgba(101,80,255,.08)}body.ui-v4 .quick-card>span{background:linear-gradient(145deg,rgba(112,86,255,.26),rgba(43,127,181,.16));border:1px solid rgba(130,113,221,.15)}body.ui-v4 .quick-card small{font-size:9px;color:#7588b2}body.ui-v4 .quick-card b{font-size:13px}body.ui-v4 .quick-card em{font-size:10px;color:#8e9fc2}body.ui-v4 .account-card{border-radius:17px;background:linear-gradient(145deg,rgba(14,26,57,.88),rgba(7,15,37,.95));border-color:rgba(129,148,205,.14)}body.ui-v4 .account-copy b{font-size:12px}body.ui-v4 .account-copy small{font-size:10px;color:#8494b8}
body.ui-v4 footer{color:#65779e;font-size:10px}

body.ui-v4 dialog{color:var(--text)}body.ui-v4 dialog::backdrop{background:rgba(2,5,15,.74);backdrop-filter:blur(10px) saturate(.8)}body.ui-v4 .portal-modal,body.ui-v4 .modal,body.ui-v4 .sheet{border:1px solid rgba(142,162,220,.18);background:radial-gradient(circle at 90% 0,rgba(103,75,255,.11),transparent 28%),linear-gradient(155deg,rgba(12,21,49,.985),rgba(5,11,28,.99));box-shadow:0 38px 110px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.04)}body.ui-v4 .portal-modal{border-radius:24px;padding:18px}body.ui-v4 .modal{border-radius:22px}body.ui-v4 .sheet{border-radius:24px 24px 0 0}body.ui-v4 .portal-head,body.ui-v4 .sheet-head,body.ui-v4 .modal-head{border-bottom-color:rgba(137,157,215,.12)}body.ui-v4 .portal-head h2,body.ui-v4 .sheet-head h2,body.ui-v4 .modal-head h2{font-size:24px;letter-spacing:-.03em}body.ui-v4 .portal-head button,body.ui-v4 .sheet-head button{background:#0d1b3b;border:1px solid rgba(136,157,217,.16);border-radius:11px}body.ui-v4 .portal-lead,body.ui-v4 .modal-lead{font-size:12px;line-height:1.65;color:#95a5c5}
body.ui-v4 input,body.ui-v4 select{background:#0d1c3d;color:#eef3ff;border-color:rgba(138,157,214,.17)}body.ui-v4 input::placeholder{color:#61739c}body.ui-v4 .field span{font-size:11px;color:#8fa0c2}

body.ui-v4 .catalog-toolbar{grid-template-columns:170px minmax(220px,1fr) repeat(4,minmax(108px,auto)) auto;gap:9px!important;margin:16px 0!important}body.ui-v4 .catalog-summary b{font-size:28px;color:#d4c6ff}body.ui-v4 .catalog-summary span{font-size:11px;color:#d8e1f5}body.ui-v4 .catalog-summary small{font-size:9px;color:#778ab4}body.ui-v4 .catalog-search{height:42px;background:#0c1a39;border-color:rgba(134,154,211,.15);border-radius:12px}body.ui-v4 .catalog-search input{font-size:11px}body.ui-v4 .catalog-toolbar select{height:42px;border-radius:12px;background:#0e1e42;color:#c7d2e9;font-size:10px;padding:0 10px}body.ui-v4 .team-builder-button{height:42px;border-radius:12px;font-size:10px;background:linear-gradient(135deg,#6d51e5,#875ce9);border-color:rgba(165,118,255,.32);box-shadow:0 9px 20px rgba(93,68,195,.13)}
body.ui-v4 .collection-grid{gap:11px!important}body.ui-v4 .collection-pet{border-radius:17px!important;border-color:rgba(130,150,208,.14)!important;background:linear-gradient(155deg,rgba(18,35,76,.92),rgba(9,20,47,.96))!important;box-shadow:0 12px 30px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025);overflow:hidden}body.ui-v4 .collection-pet:hover{transform:translateY(-4px) scale(1.006);border-color:rgba(147,111,255,.42)!important;box-shadow:0 20px 44px rgba(0,0,0,.3),0 0 28px rgba(105,80,255,.1)}body.ui-v4 .collection-pet .collection-art{min-height:174px;background:radial-gradient(circle at 50% 58%,color-mix(in srgb,var(--pet-glow) 24%,transparent),transparent 52%),linear-gradient(160deg,#152b5d,#0b1b3e)}body.ui-v4 .collection-pet h3{font-size:14px!important;margin:9px 10px 3px!important}body.ui-v4 .collection-pet p{font-size:10px!important;margin:0 10px!important;color:#8fa0c2!important}body.ui-v4 .collection-pet .stars{font-size:10px!important;margin:6px 10px 0!important;color:#ffd176}body.ui-v4 .collection-pet>small{font-size:8px;margin:5px 10px 11px;color:#657aa4}body.ui-v4 .rarity-chip,body.ui-v4 .element-chip,body.ui-v4 .owned-chip,body.ui-v4 .collection-pet.launch:after{font-size:8px!important;padding:4px 6px!important;border-radius:7px!important}body.ui-v4 .rarity-mythic,body.ui-v4 .rarity-cosmic{border-color:rgba(191,110,255,.36)!important;background:radial-gradient(circle at 80% 12%,rgba(170,75,255,.15),transparent 37%),linear-gradient(155deg,#172e64,#12173d)!important}body.ui-v4 .rarity-event-limited{border-color:rgba(255,196,92,.34)!important}
body.ui-v4 .pet-detail-grid{gap:12px;margin-top:16px}body.ui-v4 .pet-detail-grid>section{border-radius:18px;background:linear-gradient(155deg,#101f46,#091733);border-color:rgba(132,153,212,.14);padding:15px}body.ui-v4 .pet-hero-card{min-height:430px;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--pet-glow) 28%,transparent),transparent 42%),linear-gradient(155deg,#172d62,#0b1b3e)!important}body.ui-v4 .pet-detail-art{height:330px}body.ui-v4 .pet-detail-name>span{font-size:9px;padding:5px 8px}body.ui-v4 .pet-detail-name h3{font-size:30px}body.ui-v4 .pet-detail-name p{font-size:11px}body.ui-v4 .pet-stat-card h3,body.ui-v4 .pet-lore-card h3,body.ui-v4 .pet-skills-card h3,body.ui-v4 .pet-evolution-card h3{font-size:14px}body.ui-v4 .pet-stat-card dl div{background:#0b1c3f;border-color:rgba(131,152,209,.12);padding:10px}body.ui-v4 .pet-stat-card dt{font-size:9px}body.ui-v4 .pet-stat-card dd{font-size:14px}body.ui-v4 .pet-lore-card p{font-size:11px;color:#9dabca}body.ui-v4 .pet-meta-pills span{font-size:9px;padding:6px 8px;background:#0b1c3d}body.ui-v4 .skill-kit{gap:8px}body.ui-v4 .skill-kit>div{min-height:104px;border-radius:13px;background:linear-gradient(155deg,#132753,#0c1b3d)}body.ui-v4 .skill-kit span{width:36px;height:36px}body.ui-v4 .skill-kit b{font-size:10px}body.ui-v4 .skill-kit small{font-size:8px}body.ui-v4 .detail-evolution>div{min-height:92px;background:#0d2046;border-color:rgba(132,152,208,.13)}body.ui-v4 .detail-evolution span{width:28px;height:28px;font-size:9px}body.ui-v4 .detail-evolution b{font-size:10px}body.ui-v4 .detail-evolution small{font-size:8px}
body.ui-v4 .team-status{font-size:10px;background:#0a1b3b}body.ui-v4 .team-slot{border-color:rgba(132,154,213,.2);background:#0a1b3b}body.ui-v4 .team-slot.filled{background:linear-gradient(155deg,#152c60,#0d1e44)}body.ui-v4 .team-slot b{font-size:10px}body.ui-v4 .team-slot small{font-size:8px}body.ui-v4 .team-pet{background:#0d2046;border-color:rgba(132,152,208,.13);border-radius:13px}body.ui-v4 .team-pet b{font-size:10px}body.ui-v4 .team-pet small{font-size:8px}

body.ui-v4 .hatch-modal{border-radius:24px}body.ui-v4 .hatch-body{gap:12px}body.ui-v4 .hatch-loading,body.ui-v4 .hatch-ready,body.ui-v4 .hatch-error{font-size:11px;background:#0a1b3b;border-color:rgba(133,153,210,.14)}body.ui-v4 .hatch-hero{min-height:280px;border-radius:20px;background:radial-gradient(circle at 18% 48%,rgba(174,83,255,.22),transparent 30%),radial-gradient(circle at 78% 12%,rgba(76,213,255,.1),transparent 31%),linear-gradient(145deg,#142957,#0b1b3e);border-color:rgba(162,110,255,.22)}body.ui-v4 .hatch-copy h3{font-size:28px}body.ui-v4 .hatch-copy>p:not(.eyebrow){font-size:11px;color:#98a9ca}body.ui-v4 .hatch-wallet{background:#0b1c40;border-color:rgba(218,175,255,.18)}body.ui-v4 .hatch-wallet small{font-size:9px}body.ui-v4 .hatch-rates,body.ui-v4 .hatch-pity{background:#0a1b3b;border-color:rgba(131,151,207,.14);border-radius:16px}body.ui-v4 .hatch-rates header b{font-size:12px}body.ui-v4 .hatch-rates header small{font-size:9px}body.ui-v4 .hatch-rates span{background:#0e224a;border-color:rgba(132,152,207,.11);padding:9px}body.ui-v4 .hatch-rates span b,body.ui-v4 .hatch-rates span em{font-size:9px}body.ui-v4 .hatch-pity span,body.ui-v4 .hatch-pity b{font-size:10px}body.ui-v4 .hatch-actions button b{font-size:12px}body.ui-v4 .hatch-actions button small{font-size:10px}body.ui-v4 .hatch-result{min-height:205px;border-radius:15px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--pet-glow) 20%,transparent),transparent 48%),#0d2046}body.ui-v4 .hatch-result>div{height:122px}body.ui-v4 .hatch-result>span{font-size:8px}body.ui-v4 .hatch-result>b{font-size:10px}body.ui-v4 .hatch-result>small{font-size:8px}body.ui-v4 .hatch-unavailable{background:radial-gradient(circle at 50% 34%,rgba(127,70,255,.13),transparent 34%),#0a1a39}body.ui-v4 .hatch-unavailable h3{font-size:17px}body.ui-v4 .hatch-unavailable p{font-size:11px}

body.ui-v4 .authority-evolution{border-top-color:rgba(141,159,214,.12);gap:11px}body.ui-v4 .evo-authority-loading,body.ui-v4 .evo-authority-unavailable{font-size:10px;background:#091a39;border-color:rgba(132,153,210,.13)}body.ui-v4 .evo-authority-unavailable b{font-size:11px}body.ui-v4 .evo-instance-row{background:#0d2046;border-color:rgba(140,111,239,.17);border-radius:13px}body.ui-v4 .evo-instance-row small{font-size:8px}body.ui-v4 .evo-instance-row b{font-size:11px}body.ui-v4 .evo-instance-row>span{font-size:10px}body.ui-v4 .evo-instance-row select{font-size:10px;background:#0e224a}body.ui-v4 .evo-transition{background:#0a1b3b;border-color:rgba(153,106,255,.2);border-radius:15px}body.ui-v4 .evo-transition small{font-size:8px}body.ui-v4 .evo-transition b{font-size:15px}body.ui-v4 .evo-transition>em{font-size:9px}body.ui-v4 .evo-requirement{background:#0d2046;border-color:rgba(132,151,206,.12)}body.ui-v4 .evo-requirement span,body.ui-v4 .evo-requirement b{font-size:9px}body.ui-v4 .evo-authority-actions{background:#0a1b39;border-color:rgba(131,150,205,.12)}body.ui-v4 .evo-authority-actions p{font-size:9px}body.ui-v4 .evo-success,body.ui-v4 .evo-error{font-size:9px}body.ui-v4 .evo-max{background:#0e2148}body.ui-v4 .evo-max small{font-size:8px}body.ui-v4 .evo-max b{font-size:17px}body.ui-v4 .evo-max p{font-size:9px}

body.ui-v4 .training-loading,body.ui-v4 .training-unavailable{font-size:11px;background:#091a39;border-color:rgba(132,152,208,.13)}body.ui-v4 .training-unavailable h3{font-size:17px}body.ui-v4 .training-hero{padding:17px;border-radius:19px;background:radial-gradient(circle at 15% 50%,rgba(131,79,255,.15),transparent 36%),#0b1d40;border-color:rgba(142,105,255,.2)}body.ui-v4 .training-hero h3{font-size:25px}body.ui-v4 .training-stats span{font-size:9px;background:#0d224a;border-color:rgba(132,152,207,.11)}body.ui-v4 .training-stats b{font-size:12px}body.ui-v4 .training-select{background:#091b3b;border-color:rgba(132,152,207,.12);border-radius:12px}body.ui-v4 .training-select span{font-size:10px}body.ui-v4 .training-select select{font-size:10px;background:#0e224a}body.ui-v4 .training-modes button{padding:13px;border-radius:13px;background:#0d2148;border-color:rgba(132,152,208,.12)}body.ui-v4 .training-modes button:hover:not(:disabled){border-color:rgba(147,110,255,.34);background:#112752}body.ui-v4 .training-modes b{font-size:11px}body.ui-v4 .training-modes small{font-size:9px}body.ui-v4 .training-modes em{font-size:9px}body.ui-v4 .training-receipt{font-size:10px;background:#091a39}body.ui-v4 .training-detail-button{font-size:10px;min-height:41px}

body.ui-v4 .world-grid{gap:10px}body.ui-v4 .world-card{min-height:102px;border-radius:16px;background:radial-gradient(circle at 82% 12%,rgba(106,84,255,.11),transparent 34%),linear-gradient(155deg,#112653,#091933);border-color:rgba(133,153,210,.14);box-shadow:inset 0 1px rgba(255,255,255,.025)}body.ui-v4 .world-card:hover:not(.locked){transform:translateY(-3px);border-color:rgba(143,107,255,.34);box-shadow:0 15px 32px rgba(0,0,0,.2),0 0 24px rgba(107,82,255,.09)}body.ui-v4 .world-card b{font-size:13px}body.ui-v4 .world-card small{font-size:10px}body.ui-v4 .world-status{font-size:11px;line-height:1.55;color:#8fa0c2;background:#091a39;border-color:rgba(132,151,206,.12)}body.ui-v4 .arena-banner{border-radius:18px;background:radial-gradient(circle at 82% 20%,rgba(255,194,85,.1),transparent 31%),linear-gradient(150deg,#152857,#0b1937);border-color:rgba(140,155,210,.15)}body.ui-v4 .arena-banner b{font-size:17px}body.ui-v4 .arena-banner small{font-size:10px}body.ui-v4 .battle-result{border-radius:18px;background:#091a38;border-color:rgba(132,152,208,.13)}body.ui-v4 .arena-empty b{font-size:17px}body.ui-v4 .arena-empty p{font-size:11px;line-height:1.6}body.ui-v4 .battle-summary p{font-size:10px;letter-spacing:.14em}body.ui-v4 .battle-summary h3{font-size:21px}body.ui-v4 .battle-summary li{font-size:10px;background:#0d2148;border-color:rgba(130,150,207,.11)}

body.ui-v4 .mobile-nav{background:rgba(5,10,25,.95);border-top-color:rgba(138,157,214,.15);box-shadow:0 -14px 36px rgba(0,0,0,.28);backdrop-filter:blur(18px)}body.ui-v4 .mobile-nav button{color:#7889b0}body.ui-v4 .mobile-nav button.active{color:#fff}body.ui-v4 .mobile-nav button.active span{color:#a894ff;text-shadow:0 0 15px rgba(142,108,255,.5)}body.ui-v4 .mobile-nav b{font-size:10px}

@media(max-width:1180px){body.ui-v4 .dashboard-grid{grid-template-columns:minmax(0,1fr) 292px}body.ui-v4 .catalog-toolbar{grid-template-columns:150px 1fr repeat(3,minmax(104px,1fr))}body.ui-v4 .collection-grid{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:960px){body.ui-v4 .app-shell{grid-template-columns:78px minmax(0,1fr)}body.ui-v4 .game-sidebar{padding-inline:9px}body.ui-v4 .brand{justify-content:center;padding-inline:0}body.ui-v4 .brand>span:last-child,body.ui-v4 .side-nav button b,body.ui-v4 .season-card,body.ui-v4 .side-tools{display:none}body.ui-v4 .side-nav button{justify-content:center;padding:0}body.ui-v4 .side-nav button span{width:auto}body.ui-v4 .dashboard-grid{grid-template-columns:1fr}body.ui-v4 .right-rail{grid-template-columns:repeat(3,1fr);display:grid}body.ui-v4 .hud-card{min-width:0}}
@media(max-width:760px){body.ui-v4{padding-bottom:76px}body.ui-v4 .app-shell{display:block}body.ui-v4 .game-sidebar{display:none}body.ui-v4 .workspace{padding:0 10px 22px}body.ui-v4 .topbar{height:68px;padding:0 2px}body.ui-v4 .player-head small,body.ui-v4 .player-head span{display:none}body.ui-v4 .avatar-orbit{width:39px;height:39px;border-radius:13px}body.ui-v4 .top-actions{gap:5px}body.ui-v4 .resource-pill{min-width:78px;height:39px;padding:0 8px}body.ui-v4 .resource-pill small{display:none}body.ui-v4 .resource-pill>span{font-size:16px}body.ui-v4 .icon-btn,body.ui-v4 .pill-btn{height:39px}body.ui-v4 .icon-btn{width:39px}body.ui-v4 #musicToggle{display:none}body.ui-v4 .dashboard-grid{gap:11px}body.ui-v4 .stage-card{min-height:auto;border-radius:21px;padding:14px}body.ui-v4 .stage-bar h1{font-size:28px}body.ui-v4 .wallet{padding:7px 9px}body.ui-v4 .room-scene{height:350px}body.ui-v4 .pet-wrap{width:265px;height:315px}body.ui-v4 .pet-art{height:270px}body.ui-v4 .pet-aura{width:230px;height:230px;left:18px}body.ui-v4 .pet-platform{width:252px}body.ui-v4 .speech{top:10px;font-size:11px;max-width:78%}body.ui-v4 .scene-sofa{opacity:.36}body.ui-v4 .hero-actions{grid-template-columns:repeat(2,1fr)!important}body.ui-v4 .hero-actions button{min-height:59px}body.ui-v4 .needs-strip{grid-template-columns:repeat(3,1fr)}body.ui-v4 .need{padding:8px}body.ui-v4 .action-dock{grid-template-columns:repeat(3,1fr)}body.ui-v4 .action-dock button{min-height:62px}body.ui-v4 .right-rail{display:grid;grid-template-columns:1fr}body.ui-v4 .quick-grid{grid-template-columns:repeat(2,1fr)}body.ui-v4 .quick-card{min-height:86px}body.ui-v4 .portal-modal{width:calc(100% - 14px);max-height:92dvh;padding:13px;border-radius:20px}body.ui-v4 .portal-head h2{font-size:21px}body.ui-v4 .catalog-toolbar{grid-template-columns:1fr 1fr}body.ui-v4 .catalog-summary,body.ui-v4 .catalog-search{grid-column:1/-1}body.ui-v4 .collection-grid{grid-template-columns:repeat(2,1fr)!important}body.ui-v4 .collection-pet .collection-art{min-height:150px}body.ui-v4 .pet-detail-grid{grid-template-columns:1fr}body.ui-v4 .pet-hero-card{grid-row:auto;min-height:350px}body.ui-v4 .pet-detail-art{height:260px}body.ui-v4 .pet-lore-card,body.ui-v4 .pet-skills-card,body.ui-v4 .pet-evolution-card{grid-column:1}body.ui-v4 .skill-kit,body.ui-v4 .detail-evolution{grid-template-columns:repeat(2,1fr)}body.ui-v4 .right-rail .hud-card:nth-child(n+3){display:none}body.ui-v4 .mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:max(7px,env(safe-area-inset-bottom));min-height:66px}body.ui-v4 .mobile-nav button{min-height:56px}}
@media(max-width:520px){body.ui-v4 .top-actions .resource-pill:nth-child(2){display:none}body.ui-v4 .stage-card{padding:12px}body.ui-v4 .stage-bar{gap:8px}body.ui-v4 .stage-bar h1{font-size:25px}body.ui-v4 .pet-tags i:last-child{display:none}body.ui-v4 .room-scene{height:330px}body.ui-v4 .pet-wrap{width:240px;height:295px}body.ui-v4 .pet-art{height:250px}body.ui-v4 .pet-aura{width:210px;height:210px;left:15px}body.ui-v4 .pet-platform{width:228px}body.ui-v4 .needs-strip{grid-template-columns:repeat(2,1fr)}body.ui-v4 .need.extra{display:grid}body.ui-v4 .hero-actions{grid-template-columns:1fr 1fr!important}body.ui-v4 .hero-actions small{display:none}body.ui-v4 .quick-grid{grid-template-columns:1fr 1fr}body.ui-v4 .quick-card{padding:10px}body.ui-v4 .quick-card>span{width:36px;height:36px}body.ui-v4 .quick-card b{font-size:11px}body.ui-v4 .quick-card em{font-size:8px}body.ui-v4 .catalog-toolbar{grid-template-columns:1fr}body.ui-v4 .catalog-summary,body.ui-v4 .catalog-search{grid-column:auto}body.ui-v4 .collection-pet .collection-art{min-height:130px}body.ui-v4 .collection-pet h3{font-size:12px!important}body.ui-v4 .pet-detail-name h3{font-size:25px}body.ui-v4 .hatch-hero{grid-template-columns:1fr}body.ui-v4 .hatch-rates>div{grid-template-columns:repeat(2,1fr)}body.ui-v4 .hatch-results{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){body.ui-v4 *,body.ui-v4 *:before,body.ui-v4 *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}