/* Ark-only portrait art direction; no battle/hero selectors. */
#ark{--ark-gold:#dfc99e;--ark-panel:#193b35;color:#e9efdc;padding-bottom:calc(28px + env(safe-area-inset-bottom))}
#ark .qv-ark-head{padding:4px 0 10px}
#ark .qv-ark-head .pill{font-size:9px;letter-spacing:.12em;color:#b6cdb7;background:none;border:0;padding:0}
#ark .qv-ark-head h2{font-size:30px;line-height:1.05;margin:6px 0;color:#f1dfb8;font-family:Georgia,serif;font-weight:500}
#ark .qv-ark-head p{font-size:11px;line-height:1.4;margin:4px 0;color:#b7cbb9}
#ark .qv-ark-stats{display:none}
#ark .qv-ark-menu{display:flex;gap:6px;margin:0 0 10px}
#ark .qv-ark-menu button{flex:1;min-height:44px;padding:7px 4px;font-size:11px;border-radius:11px;border:1px solid #507568;background:#16352f;color:#caddc8}
#ark .qv-ark-menu button.active{color:#f0deb4;background:#35554a;border-color:#b6ad84}
#ark .qv-eco-layout{gap:10px}
#ark .qv-eco-count{display:flex;justify-content:space-between;gap:6px;padding:0 2px;background:none;border:0;font-size:11px;color:#bed2be}
#ark .qv-eco-count span{font-size:10px}
#ark .qv-eco-stage{height:clamp(320px,49dvh,520px);min-height:0;border:1px solid #8a9b75;border-radius:22px;background:radial-gradient(ellipse at 54% 10%,#c1c6a1 0,#739f8c 24%,#345f53 57%,#132e2c 90%);box-shadow:0 14px 35px #051e2380,inset 0 0 50px #dbe8bc30}
#ark .qv-eco-stage::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 45px #092b2c70;border-radius:inherit}
#ark .qv-eco-stage-title{padding:14px 16px;font-size:10px;letter-spacing:.14em;color:#f7e5b7;background:linear-gradient(#183e36c9,transparent)}
#ark .qv-eco-stage-title span{color:#d0e0c7;font-size:10px}
#ark .qv-eco-stage-bottom{font-size:10px;padding:9px;background:#102e2aca}
#ark .qv-eco-camera{position:absolute;z-index:5;bottom:35px;left:10px;right:10px;display:flex;gap:5px;justify-content:center}
#ark .qv-eco-camera button{min-height:44px;min-width:44px;padding:6px 9px;border-radius:12px;background:#153b32e8;color:#f0e0ba;border:1px solid #94a487;font-size:11px;box-shadow:0 3px 10px #0a25264d}
#ark .qv-eco-camera button[aria-pressed=true]{background:#5c7357}
#ark .qv-eco-hits button{min-width:44px!important;min-height:44px!important;max-height:44px;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;transform:translate(-50%,-50%)}
#ark .qv-eco-hits button b{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#1d4432df;color:#f3e6bf;border:1px solid #d8c79a;font-size:10px}
#ark .qv-eco-slots{display:flex;overflow-x:auto;gap:7px;padding:3px 2px 7px;scroll-snap-type:x proximity;touch-action:pan-x;scrollbar-width:thin}
#ark .qv-eco-slot{flex:0 0 142px;min-height:61px;gap:4px;padding:9px 10px;border-radius:12px;background:linear-gradient(145deg,#254a3c,#172f2c);scroll-snap-align:start}
#ark .qv-eco-slot small{font-size:10px}
#ark .qv-eco-slot b{font-size:11px}
#ark .qv-eco-slot.chosen{outline:1px solid #e2ce9c;border-color:#e2ce9c;background:#3a5845}
#ark .qv-eco-detail{gap:7px;padding:15px;background:linear-gradient(130deg,#264b3e,#162f2c);border:1px solid #5d7b64;border-radius:17px}
#ark .qv-eco-detail>b{font-family:Georgia,serif;font-size:23px;font-weight:500;color:#efdfb9}
#ark .qv-eco-eyebrow{font-size:9px!important;letter-spacing:.08em;color:#a7c6aa}
#ark .qv-eco-detail p{font-size:12px;line-height:1.55;margin:2px 0;color:#d0dec7}
#ark .qv-eco-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}
#ark .qv-eco-actions button{flex:1;min-height:44px;padding:9px;font-size:12px;border:1px solid #acb08b;border-radius:11px;background:#345c4b;color:#f5e8c6}
#ark .qv-eco-care{font-size:11px;color:#b5cfbb;border-top:1px solid #56755d;padding-top:7px;margin-top:3px}
#ark .qv-eco-care summary{min-height:44px;display:flex;align-items:center;cursor:pointer}
#ark .qv-eco-dossier{padding:12px 0;background:none;border:0}
#ark .qv-eco-dossier[hidden]{display:none}
#ark .qv-eco-fallback{position:absolute;inset:70px 24px 100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;font-size:12px;color:#f5ead0}
#ark .qv-eco-fallback span{line-height:1.5}
#ark .qv-eco-fallback button{min-height:44px;padding:10px;border:1px solid #dfca9f;border-radius:12px;background:#284e40;color:#fff0cf}
#ark #qv-ark-world.qv-3d-ready+.qv-eco-fallback{display:none}
#ark .qv-eco-error .qv-eco-hits{display:none}
#ark button:focus-visible,#ark summary:focus-visible{outline:2px solid #ffe0a1;outline-offset:2px}
#ark .qv-ark-expand{margin-top:8px;border-radius:16px;background:#16352e;border-color:#526c56}
#ark .qv-ark-expand p{font-size:11px;line-height:1.5}
@media(max-width:360px){#ark .qv-eco-camera button{font-size:10px;padding:5px 7px}#ark .qv-eco-count{font-size:10px}}
@media(max-height:700px){#ark .qv-eco-stage{height:325px}#ark .qv-ark-head p{display:none}}
@media(prefers-reduced-motion:reduce){#ark *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
#ark .qv-eco-count>b,#ark .qv-eco-count>span{display:inline;width:auto;border:0;border-radius:0;background:none;box-shadow:none;padding:0;margin:0;min-height:0;text-align:inherit}
#ark .qv-eco-count>b{color:#ead3a2;font-size:11px;font-weight:600}
#ark::before{background:radial-gradient(ellipse at 80% 10%,#365e4d40,transparent 50%),linear-gradient(#132e2c80,#101524 80%)}
#ark .qv-fauna-dossier-head{display:flex;gap:10px;justify-content:space-between;align-items:flex-start}
#ark .qv-fauna-dossier-head h3{font-family:Georgia,serif;font-size:19px;margin:5px 0;color:#eed9b0}
#ark .qv-fauna-eyebrow{font-size:9px;letter-spacing:.1em;color:#aac8ad}
#ark .qv-fauna-rarity{font-size:10px!important;border:1px solid var(--rar);border-radius:20px;padding:5px 8px;white-space:nowrap}
#ark .qv-fauna-details{display:grid;gap:9px;margin-top:10px}
#ark .qv-fauna-details>div{display:grid;gap:3px;padding:9px;background:#102d27;border-radius:9px}
#ark .qv-fauna-details span{font-size:10px;color:#a2c2ac}
#ark .qv-fauna-details strong{font-size:12px;color:#eee1bd;line-height:1.45}
#ark .qv-eco-model-status:empty{display:none}
#ark .qv-eco-fallback{z-index:3}
#ark .qv-eco-error #qv-ark-world canvas{pointer-events:none;visibility:hidden}