:root{--bg:#061329;--bg2:#0a1f42;--panel:rgba(13,34,70,.88);--panel2:rgba(18,43,86,.9);--line:rgba(137,167,232,.18);--text:#f7f9ff;--muted:#9dafd5;--violet:#9b5cff;--purple:#7138ff;--cyan:#4fdfff;--gold:#ffc24a;--green:#4be1a7;--danger:#ff668b;--shadow:0 22px 70px rgba(0,0,0,.35);font-family:Inter,"SF Pro Display","Segoe UI",system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 70% 0,rgba(56,74,176,.28),transparent 34%),radial-gradient(circle at 20% 45%,rgba(119,51,205,.15),transparent 38%),linear-gradient(155deg,#061127 0,#071a36 45%,#07152d 100%);color:var(--text)}button,input{font:inherit}button{color:inherit}.skip-link{position:fixed;left:8px;top:-80px;z-index:9999;background:#fff;color:#07142c;padding:9px 13px;border-radius:10px}.skip-link:focus{top:8px}.app-shell{min-height:100vh;display:grid;grid-template-columns:190px minmax(0,1fr)}.game-sidebar{position:sticky;top:0;height:100vh;padding:22px 12px 18px;background:linear-gradient(180deg,rgba(3,18,42,.97),rgba(4,19,43,.94));border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#fff;padding:0 9px 22px}.brand-mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;font-weight:950;font-size:20px;background:linear-gradient(135deg,#6bdcff,#8c4fff 62%,#ff70dc);box-shadow:0 0 28px rgba(115,95,255,.45)}.brand>span:last-child{display:grid;line-height:1}.brand strong{font-size:17px;letter-spacing:-.03em}.brand small{font-size:10px;letter-spacing:.22em;color:#aebce0;margin-top:4px}.side-nav{display:grid;gap:6px}.side-nav button{height:48px;border:1px solid transparent;background:transparent;border-radius:13px;padding:0 12px;display:flex;align-items:center;gap:12px;color:#aab9d7;cursor:pointer;text-align:left;transition:.18s}.side-nav button span{width:22px;text-align:center;font-size:18px}.side-nav button b{font-size:13px}.side-nav button:hover{color:#fff;background:rgba(117,97,255,.11)}.side-nav button.active{color:#fff;background:linear-gradient(90deg,rgba(137,79,255,.72),rgba(88,91,217,.34));border-color:rgba(171,132,255,.55);box-shadow:0 0 24px rgba(120,69,255,.22),inset 0 0 22px rgba(255,255,255,.05)}.season-card{margin-top:auto;border:1px solid rgba(147,112,255,.28);background:linear-gradient(160deg,rgba(49,44,104,.66),rgba(14,31,68,.88));border-radius:17px;padding:13px;box-shadow:inset 0 1px rgba(255,255,255,.05)}.season-card small{font-size:9px;letter-spacing:.13em;color:#bdb3ff}.season-card b{display:block;margin:5px 0 9px;font-size:13px}.season-card span{font-size:10px;color:#98a9cc}.season-progress{height:6px;background:#182950;border-radius:99px;overflow:hidden;margin-bottom:7px}.season-progress i{display:block;width:42%;height:100%;background:linear-gradient(90deg,#6e62ff,#d454ff)}.side-tools{display:flex;gap:8px;margin-top:12px}.side-tools button{width:39px;height:39px;border-radius:12px;border:1px solid var(--line);background:#0c244c;cursor:pointer}.workspace{min-width:0;padding:0 18px 28px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1440px;margin:auto}.player-head{display:flex;align-items:center;gap:10px;min-width:0}.avatar-orbit{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;font-weight:900;background:linear-gradient(145deg,#7948ff,#32c5ff);border:2px solid rgba(255,255,255,.16);box-shadow:0 0 26px rgba(80,129,255,.32)}.player-head>div:last-child{display:grid;line-height:1.15}.player-head small{font-size:10px;color:var(--muted)}.player-head strong{font-size:14px;margin:3px 0}.player-head span{font-size:10px;color:var(--gold)}.top-actions{display:flex;align-items:center;gap:8px}.resource-pill{height:42px;min-width:102px;border:1px solid var(--line);background:rgba(9,28,61,.78);border-radius:15px;padding:0 10px;display:grid;grid-template-columns:auto auto;grid-template-rows:1fr 1fr;column-gap:7px;align-items:center}.resource-pill>span{grid-row:1/3;font-size:19px;color:var(--gold)}.resource-pill b{font-size:11px;align-self:end}.resource-pill small{font-size:8px;color:var(--muted);align-self:start}.energy-pill>span{color:#ffd257}.icon-btn,.pill-btn,.subtle-btn,.primary-btn,.gold-btn,.violet-btn{border:0;cursor:pointer}.icon-btn,.pill-btn{height:42px;border-radius:14px;border:1px solid var(--line);background:rgba(11,31,65,.86);display:grid;place-items:center}.icon-btn{width:42px}.pill-btn{min-width:46px;padding:0 10px;font-weight:800}.dashboard-grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px}.stage-card{position:relative;isolation:isolate;overflow:hidden;min-height:720px;border:1px solid rgba(118,146,224,.22);border-radius:22px;padding:18px;background:linear-gradient(180deg,rgba(18,47,94,.94),rgba(9,27,61,.98));box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.04)}.starfield{position:absolute;inset:0;z-index:-4;background-image:radial-gradient(circle,#fff 0 1px,transparent 1px),radial-gradient(circle,#9fe8ff 0 1px,transparent 1px);background-size:87px 87px,131px 131px;background-position:0 0,30px 54px;opacity:.18}.aurora{position:absolute;border-radius:50%;filter:blur(55px);z-index:-3;opacity:.52}.a1{width:420px;height:420px;background:#5d3eff;right:-80px;top:60px}.a2{width:360px;height:300px;background:#167eb6;left:-80px;top:180px}.stage-bar{position:relative;z-index:3;display:flex;align-items:flex-start;justify-content:space-between}.eyebrow{margin:0 0 4px;font-size:9px;letter-spacing:.18em;font-weight:900;color:#9eaee0}.stage-bar h1{font-size:clamp(28px,3vw,42px);margin:0;letter-spacing:-.04em}.pet-tags{display:flex;gap:6px;margin-top:9px}.pet-tags span,.pet-tags i{font-style:normal;font-size:9px;padding:4px 8px;border-radius:99px}.pet-tags span{background:#8750ff;color:#fff;font-weight:900}.pet-tags i{background:rgba(29,56,105,.8);color:#b9c7e8;border:1px solid var(--line)}.wallet{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,190,66,.22);border-radius:14px;background:rgba(18,35,70,.72)}.wallet span{color:var(--gold)}.room-tabs{display:flex;justify-content:space-between;align-items:center;margin-top:8px;position:relative;z-index:4}.room-tabs button{border:1px solid var(--line);border-radius:999px;background:rgba(10,31,69,.7);color:#c8d3ec;padding:7px 11px;cursor:pointer}.day-chip{display:flex;gap:6px;align-items:center;font-size:10px;color:#9eb1d7}.room-scene{height:405px;position:relative;display:flex;justify-content:center;align-items:flex-end;perspective:900px}.scene-depth{position:absolute;border-radius:50%;filter:blur(1px)}.depth-back{width:520px;height:250px;top:60px;background:radial-gradient(ellipse,rgba(75,62,186,.28),transparent 67%)}.depth-mid{width:340px;height:92px;bottom:25px;background:radial-gradient(ellipse,rgba(114,78,255,.28),transparent 70%)}.depth-front{width:610px;height:130px;bottom:-45px;background:radial-gradient(ellipse,rgba(32,118,166,.2),transparent 68%)}.scene-window{position:absolute;width:185px;height:142px;right:5%;top:20px;border:9px solid rgba(76,104,164,.28);border-radius:75px 75px 18px 18px;background:linear-gradient(#183b78,#59228a 60%,#1c2e6a);box-shadow:0 0 40px rgba(71,86,210,.28),inset 0 0 30px rgba(111,72,212,.25)}.cloud{position:absolute;width:40px;height:11px;border-radius:20px;background:rgba(255,255,255,.14)}.c1{left:24px;top:47px}.c2{right:20px;top:85px}.star{position:absolute;color:#bcdaff}.s1{left:44px;top:30px}.s2{right:34px;top:57px}.scene-rug{position:absolute;width:380px;height:80px;bottom:16px;border-radius:50%;border:1px solid rgba(119,93,255,.35);background:radial-gradient(ellipse,rgba(131,83,255,.24),rgba(30,49,101,.1) 55%,transparent 70%);box-shadow:0 0 46px rgba(114,72,255,.19),inset 0 0 36px rgba(70,224,255,.08)}.scene-sofa{position:absolute;width:160px;height:72px;left:4%;bottom:48px;border-radius:24px 24px 12px 12px;background:linear-gradient(180deg,#253e7b,#172d5a);opacity:.58}.scene-sofa:before{content:"";position:absolute;width:145px;height:43px;left:7px;top:-24px;border-radius:24px 24px 9px 9px;background:#304985}.scene-bed,.scene-tree{display:none}.stage-card[data-room="bedroom"] .scene-sofa,.stage-card[data-room="garden"] .scene-sofa{display:none}.stage-card[data-room="bedroom"] .scene-bed{display:block;position:absolute;width:210px;height:78px;left:5%;bottom:44px;border-radius:20px;background:linear-gradient(#344f89,#1e356a)}.stage-card[data-room="garden"] .scene-tree{display:block;position:absolute;left:8%;bottom:55px;font-size:86px;color:#57e3c0;text-shadow:0 0 45px #33cda8}.speech{position:absolute;top:24px;left:50%;transform:translateX(-50%);z-index:5;max-width:min(68%,360px);padding:9px 13px;border-radius:15px 15px 15px 4px;background:rgba(15,38,78,.9);border:1px solid rgba(136,170,239,.22);font-size:12px;color:#dce6fa;box-shadow:0 12px 35px rgba(0,0,0,.24)}.pet-wrap{position:relative;width:280px;height:325px;border:0;background:transparent;cursor:pointer;z-index:8;padding:0;transform-origin:50% 86%}.pet-aura{position:absolute;width:240px;height:240px;left:20px;top:38px;border-radius:50%;background:radial-gradient(circle,rgba(140,89,255,.36),rgba(66,214,255,.12) 42%,transparent 70%);filter:blur(7px);animation:auraPulse 3.5s ease-in-out infinite}.pet-platform{position:absolute;width:270px;height:76px;left:5px;bottom:16px;border-radius:50%;background:radial-gradient(ellipse,rgba(152,83,255,.32),rgba(74,137,255,.14) 52%,transparent 71%);border:1px solid rgba(136,90,255,.22);transform:rotateX(66deg);box-shadow:0 0 40px rgba(114,71,255,.27)}.pet-art{position:relative;z-index:2;display:block;width:100%;height:280px;filter:drop-shadow(0 21px 25px rgba(1,8,22,.5));animation:pet-breathe 3.3s ease-in-out infinite}.pet-art svg{width:100%;height:100%;overflow:visible}.pet-eye{transform-origin:center;animation:pet-blink 5.4s infinite}.pet-tail{transform-origin:155px 170px;animation:tail-wag 2.5s ease-in-out infinite}.pet-meta{position:absolute;z-index:3;bottom:1px;left:50%;transform:translateX(-50%);display:flex;gap:7px;align-items:center;white-space:nowrap;padding:7px 11px;border-radius:99px;background:rgba(12,31,67,.9);border:1px solid rgba(142,164,228,.2);box-shadow:0 10px 28px rgba(0,0,0,.32)}.pet-meta i{font-style:normal;font-size:9px;font-weight:900;color:#d9c5ff;background:#6038a7;padding:4px 7px;border-radius:99px}.hero-actions{position:relative;z-index:9;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:-2px}.hero-actions button{min-height:60px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(27,57,111,.9),rgba(14,35,76,.92));display:flex;align-items:center;gap:10px;padding:9px 12px;text-align:left;cursor:pointer}.hero-actions button>span{font-size:20px;color:#c28cff}.hero-actions div{display:grid}.hero-actions b{font-size:11px}.hero-actions small{font-size:9px;color:#91a3c8}.needs-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;position:relative;z-index:9;margin-top:10px}.need{border:1px solid var(--line);background:rgba(12,33,72,.76);border-radius:12px;padding:8px;display:grid;grid-template-columns:1fr auto;gap:4px 6px}.need span{font-size:9px;color:#aabadd}.need em{font-style:normal;font-size:10px;font-weight:800}.meter{height:5px;border-radius:99px;background:#182a52;overflow:hidden;grid-column:1/-1}.meter i{display:block;height:100%;width:var(--value,0%);border-radius:inherit;background:linear-gradient(90deg,#6c50ff,#c15fff 60%,#4ce1ff);transition:width .32s ease}.xp-card{margin-top:8px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:rgba(12,31,66,.72)}.xp-card>div:first-child{display:flex;gap:7px;font-size:9px;color:#aebce0}.xp-card .xp{grid-column:auto}.streak{font-size:10px}.action-dock{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;position:relative;z-index:9;margin-top:8px}.action-dock button{min-height:61px;border:1px solid var(--line);border-radius:13px;background:rgba(14,38,80,.9);display:grid;place-items:center;cursor:pointer;transition:.16s}.action-dock button:hover{transform:translateY(-2px);background:rgba(24,50,101,.98);box-shadow:0 10px 28px rgba(0,0,0,.22),0 0 18px rgba(100,77,255,.13)}.action-dock span{font-size:20px}.action-dock b{font-size:9px}.right-rail{display:grid;align-content:start;gap:12px}.hud-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(15,37,77,.93),rgba(9,29,64,.95));padding:13px;box-shadow:0 16px 45px rgba(0,0,0,.18)}.hud-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.hud-card header>div{display:flex;gap:7px;align-items:center}.hud-card header span{color:#b47cff}.hud-card header b{font-size:11px}.hud-card header button{border:0;background:transparent;color:#9eadd0;font-size:9px;cursor:pointer}.hud-card header small{font-size:9px;color:#9cadd0}.rail-task{width:100%;border:1px solid rgba(125,151,211,.13);background:#0e2a58;border-radius:12px;margin-top:7px;padding:8px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;text-align:left;cursor:pointer}.rail-task>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#633db7;font-size:10px}.rail-task>div{display:grid;gap:3px}.rail-task b{font-size:10px}.rail-task small{font-size:8px;color:#91a2c9}.rail-task i{display:block;height:4px;border-radius:99px;background:linear-gradient(90deg,#7f5dff 70%,#223b70 70%)}.rail-task i.half{background:linear-gradient(90deg,#4fdfff 48%,#223b70 48%)}.rail-task em{font-style:normal;font-size:9px;color:#ffd45c}.reward-days{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.reward-days div{height:57px;border:1px solid var(--line);border-radius:10px;background:#0d2855;display:grid;place-items:center;color:#99a7c7;font-size:14px}.reward-days div small{font-size:7px}.reward-days .done{opacity:.55}.reward-days .active{border-color:#d7ad52;box-shadow:0 0 18px rgba(255,193,70,.17);color:#ffd160}.gold-btn,.violet-btn,.primary-btn{border-radius:11px;padding:10px 12px;font-weight:850}.gold-btn{width:100%;margin-top:9px;background:linear-gradient(180deg,#ffd360,#f2a629);color:#291a05}.violet-btn,.primary-btn{background:linear-gradient(135deg,#7955ff,#a14bff);color:#fff}.spotlight-copy{min-height:98px;border-radius:13px;padding:13px;background:radial-gradient(circle at 80% 20%,rgba(124,72,255,.36),transparent 40%),linear-gradient(150deg,#152e65,#142858);display:grid;align-content:center}.spotlight-copy strong{font-size:28px;color:#c7a7ff}.spotlight-copy span{font-size:11px}.spotlight-copy small{font-size:8px;color:#95a8d2;margin-top:3px}.spotlight-card .violet-btn{width:100%;margin-top:8px}.quick-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-card{min-height:98px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(18,44,91,.92),rgba(9,28,63,.95));padding:13px;display:flex;gap:12px;align-items:center;text-align:left;cursor:pointer}.quick-card:hover{border-color:rgba(146,102,255,.45);box-shadow:0 14px 36px rgba(0,0,0,.18)}.quick-card>span{width:44px;height:44px;border-radius:14px;background:#5630a7;display:grid;place-items:center;font-size:19px;flex:0 0 auto}.quick-card>div{display:grid}.quick-card small{font-size:7px;letter-spacing:.11em;color:#907cf9}.quick-card b{font-size:11px;margin:3px 0}.quick-card em{font-style:normal;color:#8fa2c9;font-size:8px}.quick-card.event{background:radial-gradient(circle at 80% 20%,rgba(128,63,255,.32),transparent 45%),linear-gradient(140deg,#192d6c,#15234f)}.account-card{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:15px;background:rgba(10,30,65,.84)}.account-copy{display:flex;gap:10px;align-items:center;min-width:0}.account-copy>div{display:grid}.account-copy b{font-size:10px}.account-copy small{font-size:8px;color:#91a4ca;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-dot{width:9px;height:9px;border-radius:50%;background:#4be1a7;box-shadow:0 0 0 4px rgba(75,225,167,.1),0 0 16px rgba(75,225,167,.35)}footer{text-align:center;color:#7187b3;font-size:9px;padding:20px 0}.mobile-nav{display:none}.particle{position:absolute;left:50%;top:35%;z-index:20;font-size:20px;pointer-events:none;animation:particle-fly 1.2s var(--delay) ease-out forwards}
/* dialogs */dialog{border:0;color:var(--text)}dialog::backdrop{background:rgba(0,5,17,.68);backdrop-filter:blur(9px)}.modal,.sheet,.portal-modal{background:linear-gradient(180deg,#0e2a59,#091d41);border:1px solid rgba(139,164,225,.24);box-shadow:0 30px 100px rgba(0,0,0,.55)}.modal{width:min(760px,calc(100% - 24px));border-radius:22px;padding:20px}.large-modal{max-height:88vh;overflow:auto}.small-modal{width:min(470px,calc(100% - 24px))}.sheet{width:min(620px,calc(100% - 24px));border-radius:22px;padding:18px;max-height:82vh;overflow:auto}.modal-head,.sheet-head,.portal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2,.sheet-head h2,.portal-head h2{margin:0}.modal-lead,.portal-lead{color:#98a9ce;font-size:11px}.adopt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.adopt-card{border:1px solid var(--line);background:#102d5e;border-radius:15px;padding:9px;cursor:pointer;display:grid;gap:4px;text-align:center}.adopt-card.selected{outline:2px solid #a16cff;border-color:#9b65ff}.adopt-pet{height:100px}.adopt-pet svg{width:100%;height:100%}.adopt-card small{font-size:8px;color:#92a4c8}.field{display:grid;gap:6px;margin-top:12px;font-size:10px}.field input{border:1px solid var(--line);border-radius:11px;background:#091f46;color:#fff;padding:11px}.primary-btn.full{width:100%;margin-top:12px}.subtle-btn{background:#142e5f;border:1px solid var(--line);border-radius:10px;padding:9px 11px}.food-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.food-card{border:1px solid var(--line);background:#102d5d;border-radius:14px;padding:11px;display:grid;place-items:center;gap:4px;cursor:pointer}.food-emoji{font-size:28px}.food-card small,.food-actions i{font-size:8px;color:#93a5cc}.stack-list{display:grid;gap:8px;margin-top:12px}.list-row{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:#102b58}.list-row.done{opacity:.62}.check{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#183d77}.grow{display:grid;gap:2px}.grow b{font-size:10px}.grow small{font-size:8px;color:#91a4cc}.achievement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.achievement{display:flex;gap:8px;align-items:center;border:1px solid var(--line);background:#102b58;border-radius:12px;padding:10px}.achievement>span{font-size:22px}.achievement div{display:grid}.achievement b{font-size:10px}.achievement small{font-size:8px;color:#92a5cd}.room-list,.game-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.room-btn,.game-choices button{border:1px solid var(--line);background:#102b58;border-radius:14px;padding:13px;display:grid;place-items:center;gap:5px;cursor:pointer}.room-btn.active{border-color:#9c67ff;background:#253478}.game-choices button span{font-size:34px}.game-choices small{font-size:8px;color:#92a6cf}.settings-list{display:grid;gap:8px;margin-top:12px}.settings-list label{display:flex;justify-content:space-between;align-items:center;padding:11px;border:1px solid var(--line);border-radius:12px;background:#102b58}.settings-list label span{display:grid}.settings-list small{font-size:8px;color:#94a7cf}.game-modal{width:min(720px,calc(100% - 24px))}.game-modal canvas{width:100%;height:auto;border-radius:15px;background:#071a39;margin-top:10px}.game-result{text-align:center;color:#b8c8e8}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);z-index:9999;background:#0a234d;border:1px solid rgba(148,176,234,.24);border-radius:13px;padding:10px 14px;font-size:10px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 16px 40px rgba(0,0,0,.4)}.toast.show{opacity:1;transform:translate(-50%,0)}
.portal-modal{width:min(980px,calc(100% - 28px));max-height:88vh;overflow:auto;border-radius:22px;padding:18px}.portal-head button{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:#102c5c;cursor:pointer}.portal-toolbar{display:flex;gap:7px;align-items:center;margin:12px 0}.portal-toolbar span{padding:6px 9px;border-radius:99px;background:#142f61;color:#aabbe0;font-size:9px}.portal-toolbar button{margin-left:auto;border:1px solid var(--line);background:#182f61;border-radius:10px;padding:7px 9px;font-size:9px;cursor:pointer}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.collection-pet{position:relative;border:1px solid var(--line);background:linear-gradient(160deg,#133267,#0e244d);border-radius:16px;padding:10px;overflow:hidden}.collection-pet.featured{border-color:rgba(165,101,255,.7);box-shadow:0 0 25px rgba(127,73,255,.15)}.collection-art{height:135px;background:radial-gradient(circle at 50% 60%,rgba(130,82,255,.25),transparent 55%);border-radius:12px}.collection-art svg{width:100%;height:100%}.rarity-chip{position:absolute;top:9px;left:9px;padding:4px 6px;border-radius:7px;background:#7546d4;font-size:7px;font-weight:900}.collection-pet h3{font-size:12px;margin:7px 0 2px}.collection-pet p{font-size:8px;color:#93a6cd;margin:0}.stars{color:#ffd052;font-size:9px;margin-top:5px}.evolution-panel{margin-top:12px;border:1px solid var(--line);border-radius:15px;background:#0d2856;padding:12px}.evolution-panel header{display:flex;justify-content:space-between}.evolution-panel header b{font-size:11px}.evolution-panel header small{font-size:8px;color:#93a7cf}.evolution-track{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.evo-step{position:relative;min-height:75px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;background:#102b5a;color:#7185af}.evo-step.unlocked{color:#fff;border-color:rgba(130,93,255,.42);background:linear-gradient(160deg,#263577,#15285a)}.evo-step span{font-size:18px}.evo-step b{font-size:9px}.evo-step small{font-size:7px;color:#9aadd3}.evo-step i{position:absolute;right:-11px;top:28px;z-index:3;font-style:normal;color:#7e91ba}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.world-card{min-height:100px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#123065,#0c244e);padding:12px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;text-align:left;cursor:pointer}.world-card.locked{opacity:.43;filter:saturate(.5)}.world-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#25397b;font-size:20px}.world-card div{display:grid}.world-card b{font-size:11px}.world-card small{font-size:8px;color:#9aadd4}.world-card em{font-style:normal;font-size:24px;font-weight:900;color:rgba(255,255,255,.08)}.world-status{margin-top:10px;padding:11px;border-radius:12px;background:#0c244f;border:1px solid var(--line);font-size:9px;color:#9fb1d7}.arena-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px;border:1px solid rgba(255,192,74,.18);border-radius:15px;background:radial-gradient(circle at 12% 50%,rgba(115,74,255,.26),transparent 35%),linear-gradient(135deg,#142e67,#0f2551)}.arena-banner>div:first-child{display:grid;grid-template-columns:40px 1fr;grid-template-rows:1fr 1fr;column-gap:10px}.arena-banner>div:first-child span{grid-row:1/3;width:40px;height:40px;border-radius:12px;background:#4a318d;display:grid;place-items:center}.arena-banner b{font-size:11px;align-self:end}.arena-banner small{font-size:8px;color:#97abd2;align-self:start}.arena-actions{display:flex;gap:7px}.arena-actions .gold-btn{width:auto;margin:0}.battle-result{margin-top:10px;min-height:280px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(circle at 50% 30%,rgba(107,67,255,.18),transparent 45%),#0a224b;display:grid;place-items:center;padding:14px}.arena-empty{text-align:center;max-width:420px;color:#9cafcf}.arena-empty span{font-size:48px;color:#a778ff}.arena-empty b{display:block;color:#fff;font-size:15px;margin:6px}.arena-empty p{font-size:9px;line-height:1.6}.battle-summary{width:min(620px,100%)}.battle-summary>p{text-align:center;font-size:11px;font-weight:900;letter-spacing:.16em;color:#ffce5b}.battle-summary.loss>p{color:#ff7892}.battle-summary h3{text-align:center;font-size:18px}.battle-summary h3 span{color:#8c75ff;margin:0 10px}.hp-row{display:flex;justify-content:space-between;font-size:9px;color:#a9b9d8}.battle-summary ul{list-style:none;padding:0;margin:10px 0;display:grid;gap:5px}.battle-summary li{display:grid;grid-template-columns:40px 1fr auto;gap:8px;padding:7px 9px;border-radius:9px;background:#102c5e;font-size:9px}.battle-summary li span{color:#7188b8}.battle-summary li em{font-style:normal;color:#ffcf63}.battle-summary>small{display:block;text-align:center;color:#6f84ae;font-size:7px}
/* animation */@keyframes auraPulse{50%{transform:scale(1.07);opacity:.75}}@keyframes pet-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.01)}}@keyframes pet-blink{0%,47%,50%,100%{transform:scaleY(1)}48%,49%{transform:scaleY(.08)}}@keyframes tail-wag{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(9deg)}}@keyframes pet-hop{50%{transform:translateY(-15px) scale(1.03)}}@keyframes pet-dance{25%{transform:rotate(-4deg) translateY(-5px)}75%{transform:rotate(4deg) translateY(-5px)}}@keyframes pet-nod{50%{transform:translateY(6px) scaleY(.97)}}@keyframes pet-shake{25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes pet-sleep{50%{transform:translateY(5px) scale(.98)}}@keyframes pet-walk{25%{transform:translateX(-9px)}75%{transform:translateX(9px)}}@keyframes pet-grump{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes pet-look{50%{transform:rotate(2deg)}}@keyframes pet-stretch{50%{transform:scaleX(1.05) scaleY(.95)}}@keyframes pet-yawn{50%{transform:scale(1.03)}}@keyframes pet-groom{50%{transform:rotate(-3deg)}}@keyframes particle-fly{to{transform:translate(var(--x),-90px) scale(.65);opacity:0}}.reduced-motion *{animation:none!important;transition:none!important}
@media(max-width:1100px){.dashboard-grid{grid-template-columns:1fr 280px}.needs-strip{grid-template-columns:repeat(3,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}.collection-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.app-shell{display:block}.game-sidebar{display:none}.workspace{padding:0 12px 88px}.topbar{height:66px}.player-head small,.player-head span,.resource-pill,.top-actions .icon-btn{display:none}.top-actions{margin-left:auto}.dashboard-grid{display:block}.right-rail{margin-top:10px;grid-template-columns:repeat(3,1fr)}.stage-card{min-height:680px}.quick-grid{margin-top:10px}.account-card{margin-top:10px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));z-index:100;padding:6px;border:1px solid rgba(143,166,225,.24);border-radius:18px;background:rgba(6,21,48,.94);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.45)}.mobile-nav button{border:0;background:transparent;color:#889bc1;border-radius:12px;min-height:52px;display:grid;place-items:center;gap:1px}.mobile-nav button.active{color:#fff;background:rgba(116,76,255,.24)}.mobile-nav span{font-size:16px}.mobile-nav b{font-size:7px}.world-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.workspace{padding-left:8px;padding-right:8px}.topbar{padding:0 4px}.avatar-orbit{width:39px;height:39px}.stage-card{border-radius:18px;padding:12px;min-height:700px}.stage-bar h1{font-size:27px}.pet-tags{display:none}.wallet{font-size:10px}.room-scene{height:355px}.scene-window{width:130px;height:105px;right:0}.scene-sofa{width:110px;height:55px}.pet-wrap{width:245px;height:300px}.pet-art{height:260px}.hero-actions{grid-template-columns:1fr 1fr}.hero-actions button:last-child{grid-column:1/-1}.needs-strip{grid-template-columns:repeat(3,1fr)}.need.extra{display:none}.action-dock{grid-template-columns:repeat(3,1fr)}.action-dock button{min-height:54px}.right-rail{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.quick-card{min-height:82px}.account-card{align-items:stretch;flex-direction:column}.account-card .primary-btn{width:100%}.adopt-grid{grid-template-columns:repeat(2,1fr)}.food-grid,.room-list,.game-choices{grid-template-columns:repeat(2,1fr)}.achievement-grid{grid-template-columns:1fr}.collection-grid{grid-template-columns:repeat(2,1fr)}.collection-art{height:110px}.evolution-track{grid-template-columns:1fr}.evo-step i{display:none}.world-grid{grid-template-columns:1fr}.arena-banner{align-items:stretch;flex-direction:column}.arena-actions{width:100%}.arena-actions button{flex:1}.portal-modal{padding:13px}.portal-toolbar span{display:none}.portal-toolbar button{margin-left:0}.dialog-actions{flex-direction:column}.dialog-actions button{width:100%}}