.companion-shell{max-width:760px;height:var(--view-height);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;margin:auto;background:#f3edda;color:#344c45;padding-bottom:calc(25px + env(safe-area-inset-bottom));--pet-color:#90b97f}.companion-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(13px + env(safe-area-inset-top)) 16px 13px;background:#2a5550;border-bottom:3px solid #c9ad6b;color:#fff0c6}.companion-header h1{font-size:24px;letter-spacing:.12em;margin:4px 0}.companion-header small{font:8px Georgia,serif;letter-spacing:.12em}.companion-header .icon-button{color:#826942}.pet-wallet{background:#1b4141;border:1px solid #ac9d67;border-radius:20px;padding:5px 12px;min-height:36px;color:#ffebae}.pet-stars{display:inline-flex;align-items:center;gap:5px;font-weight:bold;white-space:nowrap}.pet-stars svg{width:18px;height:18px}.companion-tabs{display:flex;padding:10px 15px 0;gap:6px;background:#e3dfc6;border-bottom:2px solid #b8a677}.companion-tabs button{flex:1;padding:12px 0;border:1px solid #c2b18a;border-bottom:0;border-radius:12px 12px 0 0;background:#efead4;color:#677763;font-size:13px;font-weight:bold}.companion-tabs button[aria-selected=true]{background:#426c59;color:#fff0c6;border-color:#426c59}.companion-tabs b{background:#b06547;color:#fff3da;padding:1px 5px;border-radius:10px;font-size:9px;margin-left:5px}.pet-notice{font-size:12px;line-height:1.6;padding:0 17px;color:#875833}.pet-notice:not(:empty){padding-top:12px;padding-bottom:12px;background:#fff5da;border-bottom:1px solid #d6c8a0}.pet-notice button{display:block;border:1px solid #b68b4f;border-radius:5px;background:#eee0ba;padding:10px;margin-top:8px;color:#614d33}.pet-hero{height:235px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 68% 62%,#ffffff,#dce5c9 65%,#c1d4bc);border-bottom:1px solid #bdc9a5}.pet-hero:after,.summon-stage:after{content:'';position:absolute;inset:11px;border:1px solid #ffffff85;border-radius:90px 90px 15px 15px;z-index:-1}.pet-portrait{position:absolute;right:18px;top:12px;width:215px;height:200px;object-fit:contain;filter:drop-shadow(0 10px 5px #4a72522b);animation:pet-hover 3s ease-in-out infinite}.pet-hero-label{position:absolute;left:22px;top:68px;z-index:2;pointer-events:none}.pet-hero-label small{font-size:10px;color:#637752}.pet-hero-label h2{font-size:30px;margin:8px 0;color:#355943;text-shadow:0 2px #eff5d6}.pet-rating{color:#ad8a3b;font-size:16px;letter-spacing:3px}.pet-active{position:absolute;bottom:15px;left:22px;font-size:10px;color:#728161}.pet-orbit{position:absolute;width:230px;height:95px;border:2px solid #fff9d4a0;border-radius:50%;bottom:12px;right:5px;transform:rotate(-10deg);box-shadow:0 0 0 8px #fff9d421,0 0 0 11px #fff9d44d}.pet-content{padding:19px 17px}.pet-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pet-section-title h3{font-size:15px;margin:0}.pet-section-title>span{font-size:11px;color:#7e8669}.pet-roster{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pet-roster button{position:relative;border:1px solid #bfad7c;border-bottom:3px solid #a58e5d;border-radius:12px;background:linear-gradient(#fffbed,#e7dfc4);box-shadow:inset 0 0 0 3px #f7f0db;padding:4px 3px 9px;min-width:0}.pet-roster button[aria-pressed=true]{outline:2px solid #4c7b5b;outline-offset:2px;background:linear-gradient(#f7ffe8,#ccdcbc)}.pet-roster img{display:block;width:90px;max-width:95%;height:84px;object-fit:contain;margin:auto}.pet-roster .unowned img{opacity:.7;filter:saturate(.5)}.pet-roster b,.pet-roster small{display:block;font-size:11px;line-height:1.6}.pet-roster small{font-size:9px;color:#8d783f}.pet-detail{margin-top:22px;padding:17px 16px;border:1px solid #cabc93;border-radius:12px;background:#fff8e7;box-shadow:inset 0 0 0 3px #efe5c9}.pet-detail h3{margin:0;font-size:17px}.pet-detail h3 small{font-size:10px;color:#8b805c;font-weight:normal;margin-left:8px}.pet-detail p{font-size:12px;line-height:1.8;margin:9px 0}.pet-detail dl{margin:10px 0;border-top:1px solid #ddd1ae}.pet-detail dl div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #e8dec1;font-size:11px}.pet-detail dt{white-space:nowrap;color:#7d826c}.pet-detail dd{margin:0;text-align:right;font-weight:bold}.pet-actions{display:flex;gap:9px;margin:15px 0 8px}.pet-actions button{flex:1;min-width:0;font-size:13px;padding:11px 4px}.pet-help,.pet-next{font-size:10px!important;line-height:1.8!important;color:#7b8069}.pet-next{color:#527e54}.companion-footer{display:flex;justify-content:center;gap:8px;padding:4px 16px 15px}.companion-footer button{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;font-size:10px;padding:10px 3px;border:1px solid #b7b087;border-radius:7px;background:#e1e1c8;color:#5d7359}.companion-footer svg{width:19px;height:19px}.quest-intro{padding:23px 21px 18px;background:linear-gradient(110deg,#d3e0c5,#f2eed6);border-bottom:1px solid #c9ceac}.quest-intro>small{font:8px Georgia,serif;letter-spacing:.12em;color:#7f9677}.quest-intro h2{font-size:23px;margin:10px 0}.quest-intro p{font-size:11px;line-height:1.8;color:#698164}.quest-tabs{display:flex;gap:7px;margin-bottom:13px}.quest-tabs button{flex:1;font-size:11px;padding:10px 2px;border:1px solid #bdb087;border-radius:20px;background:#e9e0c6;color:#7a775c}.quest-tabs [aria-pressed=true]{background:#4b705a;color:#fff5d5;border-color:#345942}.quest-list{display:grid;gap:13px;margin-top:15px}.quest-card{display:grid;grid-template-columns:55px 1fr;gap:9px 12px;padding:17px 14px;background:#fff9e8;border:1px solid #c4b286;border-bottom:3px solid #bcab82;border-radius:12px}.quest-card.ready{background:#fcf5d8;border-color:#b6a068;box-shadow:0 0 0 2px #f0de9d}.quest-seal{display:grid;place-items:center;width:55px;height:63px;border:1px solid #d3c398;background:#e3e6ca;border-radius:12px}.quest-seal img{width:55px;height:58px;object-fit:contain}.quest-seal svg{width:30px;height:30px;color:#759065}.quest-card small{font-size:9px;color:#969078}.quest-card h3{font-size:16px;margin:5px 0}.quest-card p{font-size:11px;line-height:1.7;color:#72806b}.quest-card button{grid-column:2;width:max-content;min-width:120px;min-height:38px;font-size:12px;justify-self:end;padding:8px 15px}.quest-progress{height:5px;border-radius:5px;background:#dedcc6;margin-top:9px;overflow:hidden}.quest-progress i{display:block;height:100%;background:#8aa571}.quest-progress+span{display:block;text-align:right;font-size:9px;color:#8a876c;margin:4px 0}.quest-reward{font-size:11px;color:#8c6e3a;display:block;line-height:1.65}.quest-card.claimed{opacity:.65}.summon-stage{height:255px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 65% 35%,#497677,#203e49 75%);border-bottom:3px solid #baa66c}.summon-stage img{position:absolute;object-fit:contain;filter:drop-shadow(0 0 12px #f7eac766);animation:pet-hover 3s ease-in-out infinite}.summon-dragon{width:195px;height:192px;right:9px;top:7px}.summon-cat{width:110px;height:116px;left:20px;top:65px;animation-delay:-1.5s!important}.summon-stage>div:last-child{position:absolute;bottom:18px;left:24px;color:#fff1c5;text-shadow:0 2px 4px #172f3c}.summon-stage small{font:8px Georgia;letter-spacing:.2em;color:#cfdac0}.summon-stage h2{font-size:25px;margin:5px 0}.summon-stage p{font-size:11px;color:#dce4ca}.summon-stage .pet-orbit{right:0;bottom:57px}.summon-counter{display:flex;justify-content:space-between;background:#e5dcc0;border:1px solid #cabc90;border-radius:7px;padding:12px;font-size:12px;color:#73643d;margin-bottom:12px}.summon-odds{font-size:12px;margin-top:20px;border:1px solid #c5b78f;border-radius:9px;padding:14px;background:#fff9e6}.summon-odds summary{font-weight:bold;min-height:24px}.summon-odds table{border-collapse:collapse;width:100%;font-size:11px;margin:8px 0 12px}.summon-odds td,.summon-odds th{padding:9px 3px;border-bottom:1px solid #e0d7b6;text-align:left}.summon-odds td:last-child,.summon-odds th:last-child{text-align:right}.summon-odds p{font-size:10px;line-height:1.8;color:#7b7f65;margin:7px 0}.pet-modal{position:fixed;inset:0;z-index:220;display:flex;align-items:center;justify-content:center;padding:30px 20px;background:#193c44c9;backdrop-filter:blur(5px);touch-action:pan-y}.pet-modal>article{max-height:80dvh;overflow-y:auto;width:380px;max-width:100%;padding:27px 22px;border:3px solid #c8b073;box-shadow:inset 0 0 0 4px #fff6d7,0 10px 40px #071e394d;border-radius:18px;background:#f0e5c9;text-align:center}.pet-modal small{font:9px Georgia;letter-spacing:.15em;color:#8e845e}.pet-modal h2{font-size:25px;margin:12px 0}.pet-modal p{font-size:12px;line-height:1.8;margin:15px 0}.pet-modal button{display:block;width:100%;margin-top:12px;font-size:13px}.pet-results>div{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:15px}.pet-results figure{margin:0;padding:10px 5px;border:1px solid #c3b27e;border-radius:10px;background:radial-gradient(#fff9df,#d7e0bf)}.pet-results img{width:100%;height:120px;object-fit:contain}.pet-results figcaption b,.pet-results figcaption small{display:block;font-family:inherit;letter-spacing:0;font-size:11px;line-height:1.7}.pet-results figcaption small{font-size:9px}.pet-results>div:has(figure:only-child){grid-template-columns:1fr}.pet-results>div:has(figure:only-child) img{height:200px}.mall-pet-link{margin:12px 0;padding:10px 16px;display:flex;align-items:center;gap:15px;border:1px solid #bdab70;border-radius:10px;background:linear-gradient(110deg,#d3e5c9,#fbefd0);width:100%;text-align:left}.mall-pet-link img{width:55px;height:55px;object-fit:contain}.mall-pet-link b,.mall-pet-link small{display:block}.mall-pet-link b{font-size:14px;color:#426951}.mall-pet-link small{font-size:10px;color:#788565;margin-top:5px}.camp-companions{position:absolute;left:14px;top:calc(245px + env(safe-area-inset-top));z-index:6;display:flex;gap:5px}.camp-companions button{display:flex;align-items:center;gap:5px;border:1px solid #c5b784;border-radius:9px;padding:6px 9px;color:#f6ebca;background:#244f4ce8;font-size:11px;min-height:40px;box-shadow:0 2px 4px #14323933}.camp-companions img{width:28px;height:28px;object-fit:contain}.camp-companions svg{width:21px;height:21px}.pet-loadout-note{font-size:12px;color:#52785e}@keyframes pet-hover{50%{transform:translateY(-7px)}}@media(min-width:650px){.pet-hero{height:300px}.pet-portrait{width:330px;height:270px;right:45px}.pet-hero-label{left:55px;top:85px}.pet-hero-label h2{font-size:40px}.pet-content{padding:24px 28px}.pet-roster{grid-template-columns:repeat(6,1fr)}.pet-roster img{height:90px}.quest-list{grid-template-columns:1fr 1fr}.summon-stage{height:310px}.summon-dragon{width:280px;height:270px;right:40px}.summon-cat{width:170px;height:190px;left:80px;top:25px}}@media(prefers-reduced-motion:reduce){.pet-portrait,.summon-stage img{animation:none}}
/* Keep the campaign, tower and companion controls in separate tap areas. */
.camp-tower-link{top:calc(240px + env(safe-area-inset-top))}.camp-companions{top:calc(307px + env(safe-area-inset-top))}

.pet-detail-link{position:absolute;bottom:12px;right:16px;background:#fff8de;border:1px solid #ada778;color:#4f7054;border-radius:20px;padding:7px 11px;display:flex;align-items:center;gap:5px;font-size:11px;min-height:35px;z-index:3}.pet-detail-link svg{width:15px;height:15px}.pet-detail{scroll-margin-top:15px}

@media(min-width:760px){.camp-tower-link{top:calc(276px + env(safe-area-inset-top))}.camp-companions{top:calc(343px + env(safe-area-inset-top))}}

.quest-claim-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.quest-claim-tools .primary{min-height:46px;padding:12px 22px;box-shadow:0 4px 0 #887048}.quest-claim-tools small{color:#647169;font-size:12px}.pet-notice small{display:block}.pet-notice button{min-height:42px}.quest-claim-tools button:disabled{box-shadow:none}
@media(max-width:420px){.quest-claim-tools{display:grid;gap:9px}.quest-claim-tools small{text-align:center}}