/* V0.2 Fix 5 — Home, pet details, EXP and single featured pet */
.home-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.home-actions button{border:1px solid var(--line);background:rgba(13,34,51,.92);color:var(--text);border-radius:16px;padding:12px 6px;display:grid;justify-items:center;gap:5px;cursor:pointer}.home-actions button span{font-size:22px}.home-actions button b{font-size:11px}.home-actions button:active{transform:translateY(1px)}
.home-panel{border:1px solid var(--line);border-radius:18px;padding:12px;margin-bottom:10px;background:rgba(10,29,44,.96);box-shadow:var(--shadow)}.panel-title{display:flex;align-items:center;justify-content:space-between;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.12em}.panel-title button{border:0;background:transparent;color:var(--muted);font-size:22px;cursor:pointer}.player-row{display:flex;align-items:center;gap:11px;margin-top:10px}.player-avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:27px;background:rgba(255,255,255,.07);border:1px solid var(--line)}.player-row strong,.player-row small{display:block}.player-row strong{font-size:18px}.player-row small{color:var(--muted);font-size:10px;margin-top:2px}.player-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.player-stats div{padding:9px;border-radius:13px;background:rgba(255,255,255,.05);border:1px solid var(--line)}.player-stats span,.player-stats b{display:block}.player-stats span{font-size:9px;color:var(--muted)}.player-stats b{font-size:17px;margin-top:2px}.player-panel p{font-size:10px;color:var(--muted);margin:9px 0 0}.mission-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.mission-tabs button{border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--muted);border-radius:11px;padding:8px 5px;font-weight:800;font-size:10px}.mission-tabs button.active{color:var(--accent);border-color:rgba(101,229,189,.42);background:rgba(101,229,189,.1)}.mission-empty{min-height:105px;display:grid;place-items:center;align-content:center;text-align:center;gap:4px;color:var(--muted)}.mission-empty span{font-size:25px}.mission-empty b{color:var(--text);font-size:12px}.mission-empty small{font-size:9px}
.featured-stage{position:relative;min-height:560px;border:1px solid var(--line);border-radius:25px;overflow:hidden;background:linear-gradient(180deg,#102638,#081621);box-shadow:var(--shadow);isolation:isolate}.featured-stage:before,.featured-stage:after{content:"";position:absolute;inset:0;pointer-events:none}.featured-stage:before{z-index:0;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.13),transparent 35%)}.featured-stage.q-q2{background:linear-gradient(180deg,#123327,#081c1b)}.featured-stage.q-q3{background:linear-gradient(180deg,#11334f,#091827)}.featured-stage.q-q4{background:linear-gradient(180deg,#2a1740,#0c1727)}.featured-stage.q-q5{background:linear-gradient(180deg,#473116,#151a22)}.featured-stage.q-q6{background:linear-gradient(160deg,#341934,#183148 45%,#38270e)}.featured-stage.q-q4:after{box-shadow:inset 0 0 70px rgba(189,108,255,.22)}.featured-stage.q-q5:after{box-shadow:inset 0 0 80px rgba(255,202,82,.28)}.featured-stage.q-q6:after{background:linear-gradient(120deg,transparent 15%,rgba(255,100,160,.08),rgba(90,220,255,.09),rgba(255,211,94,.09),transparent 85%);background-size:220% 100%;animation:featuredLegend 4s linear infinite;box-shadow:inset 0 0 90px rgba(255,255,255,.08)}@keyframes featuredLegend{to{background-position:220% 0}}
.featured-effects{position:absolute;left:50%;top:46%;width:72%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 68%);filter:blur(4px);z-index:1}.featured-stage.q-q4 .featured-effects{background:radial-gradient(circle,rgba(190,105,255,.28),transparent 68%)}.featured-stage.q-q5 .featured-effects,.featured-stage.q-q6 .featured-effects{background:radial-gradient(circle,rgba(255,204,91,.3),transparent 68%)}.featured-stage>img{position:absolute;z-index:2;left:50%;top:52%;transform:translate(-50%,-50%);width:94%;height:78%;object-fit:contain;filter:drop-shadow(0 22px 24px rgba(0,0,0,.46))}.featured-copy{position:absolute;z-index:4;top:17px;left:17px;right:17px;text-align:center}.featured-copy>span{font-size:9px;letter-spacing:.16em;color:var(--accent);font-weight:900}.featured-copy h2{margin:4px 0 6px;font-size:26px}.featured-copy .rarity{background:rgba(4,14,22,.38);backdrop-filter:blur(8px)}.featured-detail{position:absolute;z-index:5;bottom:15px;left:50%;transform:translateX(-50%);border:1px solid rgba(255,255,255,.22);background:rgba(4,14,22,.64);backdrop-filter:blur(10px);color:white;border-radius:999px;padding:9px 16px;font-weight:900;font-size:10px;cursor:pointer}.featured-empty{min-height:360px;display:grid;place-items:center;text-align:center}.featured-empty-copy{padding:20px}.featured-empty-copy>span{font-size:9px;letter-spacing:.16em;color:var(--accent);font-weight:900}.featured-empty-copy h2{margin:7px 0}.featured-empty-copy p{color:var(--muted);font-size:11px;max-width:320px;margin:0 auto 15px}
.quality-name.q-q1{color:#fff}.quality-name.q-q2{color:#75e78f;text-shadow:0 0 8px rgba(117,231,143,.35)}.quality-name.q-q3{color:#75c8ff;text-shadow:0 0 10px rgba(87,181,255,.5)}.quality-name.q-q4{color:#d9a0ff;text-shadow:0 0 9px #9c5cff}.quality-name.q-q5{color:#ffd76a;text-shadow:0 0 9px #ff9f1a}.quality-name.q-q6{color:transparent;background:linear-gradient(90deg,#ff6b7a,#ffd166,#65e5bd,#6ab9ff,#d39cff,#ff6b7a);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 6px rgba(255,255,255,.45));animation:legendaryName 2.2s linear infinite}
.inventory-open{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.inventory-open>img{width:100%;aspect-ratio:1;object-fit:contain;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 65%)}.inventory-card .text-danger{margin:0 11px 10px}.inventory-card.is-featured{border-color:rgba(101,229,189,.55);box-shadow:inset 0 0 0 1px rgba(101,229,189,.18)}.featured-badge{float:right;font-size:8px;color:var(--accent);font-weight:900;letter-spacing:.08em;margin-top:4px}
.detail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.detail-head>span{font-size:9px;color:var(--accent);font-weight:900}.pet-detail{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#10283a,#091722);box-shadow:var(--shadow)}.pet-detail.q-q4{background:linear-gradient(180deg,#27183c,#091722)}.pet-detail.q-q5,.pet-detail.q-q6{background:linear-gradient(180deg,#382813,#091722)}.pet-detail-visual{height:330px;position:relative;display:grid;place-items:center;overflow:hidden}.pet-detail-visual img{width:94%;height:94%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 18px 20px rgba(0,0,0,.45))}.pet-detail-glow{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 68%)}.pet-detail.q-q4 .pet-detail-glow{background:radial-gradient(circle,rgba(190,105,255,.28),transparent 68%)}.pet-detail.q-q5 .pet-detail-glow,.pet-detail.q-q6 .pet-detail-glow{background:radial-gradient(circle,rgba(255,204,91,.3),transparent 68%)}.pet-detail-title{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:0 13px 12px}.pet-detail-title h2{margin:5px 0 2px;font-size:26px}.pet-detail-title small{color:var(--muted)}.feature-btn{flex:none;padding:10px 15px}.pet-detail-exp{margin:0 13px 10px;padding:10px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.045)}.pet-detail-exp>span,.pet-detail-exp>strong{display:block}.pet-detail-exp>span{font-size:9px;color:var(--muted);letter-spacing:.08em}.pet-detail-exp>strong{font-size:17px;margin:3px 0 7px}.pet-detail-exp>div{height:6px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}.pet-detail-exp i{display:block;height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent))}.pet-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 13px 10px}.pet-detail-stats div{padding:9px 3px;border-radius:12px;text-align:center;border:1px solid var(--line);background:rgba(255,255,255,.045)}.pet-detail-stats b,.pet-detail-stats span{display:block}.pet-detail-stats b{font-size:18px}.pet-detail-stats span{font-size:8px;color:var(--muted)}.detail-section{margin:0 13px 10px;padding:11px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.045)}.detail-section>span{display:block;font-size:8px;letter-spacing:.12em;color:var(--muted);font-weight:900}.detail-section>strong{display:block;font-size:19px;color:var(--accent);margin-top:3px}.detail-section p{margin:5px 0 0;color:#d7e4eb;font-size:11px;line-height:1.45}.detail-skill strong{color:var(--gold)}.detail-skill small{display:block;color:var(--gold);font-size:9px;margin-top:4px}.detail-lore{margin-bottom:13px}.detail-lore p{color:var(--muted)}
@media(max-width:560px){.home-actions{gap:6px}.home-actions button{padding:10px 4px;border-radius:14px}.home-actions button span{font-size:20px}.home-actions button b{font-size:10px}.featured-stage{min-height:calc(100dvh - 245px)}.featured-stage>img{width:100%;height:79%;top:53%}.featured-copy{top:13px}.featured-copy h2{font-size:24px}.featured-detail{bottom:11px}.pet-storage-head{padding:15px}.pet-storage-head h2{font-size:23px}.pet-detail-visual{height:300px}.pet-detail-title h2{font-size:23px}.pet-detail-title{align-items:center}.feature-btn{padding:9px 12px;font-size:11px}.detail-section p{font-size:10px}}
@media(max-width:390px){.featured-stage{min-height:480px}.pet-detail-visual{height:270px}.pet-detail-title h2{font-size:21px}.pet-detail-stats b{font-size:16px}.home-actions button b{font-size:9px}}