/* EXPEDITION v3 visual layer: no synthetic completion, auth or payment state. */
#result .perspective-panel{position:relative;overflow:hidden;background:radial-gradient(ellipse at 55% -20%,#121d35 0%,#070b17 70%);border-color:#263047}
#result .perspective-panel::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.3;background-image:radial-gradient(#a9c4ff 1px,transparent 1px),radial-gradient(#d8b46a 1px,transparent 1px);background-size:73px 79px,131px 109px;background-position:18px 16px,45px 60px}
#result .perspective-panel>.eyebrow,#result .perspective-panel>h3,#result .perspective-panel>.perspective-intro,#result .perspective-panel>.fine,#result .perspective-panel>.perspective-detail{position:relative;z-index:1}
#result .perspective-grid{position:relative!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:32px 8px 24px!important;isolation:isolate}
#result .perspective-grid::before{content:"";position:absolute;z-index:0;left:10%;right:10%;top:52px;border-top:1px dashed rgba(216,180,106,.45);pointer-events:none}
#result .perspective-card{position:relative!important;z-index:1;min-width:0!important;min-height:138px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;padding:35px 9px 14px!important;border:1px solid #263047!important;border-radius:14px!important;background:radial-gradient(circle at 50% 25%,rgba(80,110,180,.14),rgba(11,16,32,.85) 70%)!important;color:#e9ecf5!important;text-align:center!important;white-space:normal!important;transition:border-color .2s,box-shadow .2s,transform .2s}
#result .perspective-card::before{content:"✦";position:absolute;top:-13px;left:calc(50% - 13px);width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #59637b;background:#0b1020;color:#a9c4ff;box-shadow:0 0 22px rgba(80,110,180,.28);font-size:15px}
#result .perspective-card.is-current{border-color:#d8b46a!important;box-shadow:0 0 24px rgba(216,180,106,.16)!important}
#result .perspective-card.is-current::before{color:#d8b46a;border-color:#d8b46a;box-shadow:0 0 21px rgba(216,180,106,.45)}
#result .perspective-card:hover,#result .perspective-card:focus-visible{transform:translateY(-3px);border-color:#d8b46a!important}
#result .perspective-card strong{font-size:clamp(10px,1.3vw,14px)!important;letter-spacing:.08em!important;overflow-wrap:anywhere}
#result .perspective-card small,#result .perspective-card em{font-size:11px!important;line-height:1.5!important;max-width:100%!important;color:#8b93a7!important;white-space:normal!important}
#result .perspective-card[disabled],#result .perspective-card[aria-disabled="true"]{opacity:.65}
@media(max-width:680px){#result .perspective-grid{grid-template-columns:minmax(0,1fr)!important;gap:8px!important;padding:16px 0 8px 25px!important}#result .perspective-grid::before{left:12px;right:auto;top:25px;bottom:24px;border-top:0;border-left:1px dashed rgba(216,180,106,.45)}#result .perspective-card{min-height:67px!important;align-items:flex-start!important;text-align:left!important;padding:12px 15px!important;gap:3px!important}#result .perspective-card::before{top:calc(50% - 10px);left:-23px;width:20px;height:20px;font-size:12px}#result .perspective-card strong{font-size:13px!important}#result .perspective-card small,#result .perspective-card em{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){#result .perspective-card{transition:none!important}#result .perspective-card:hover{transform:none!important}}

/* Vibe EXPEDITION effects: progressive enhancement, preserving all existing handlers. */
@keyframes expeditionFog{0%,100%{opacity:.34;transform:translate(-50%,-50%) scale(1)}50%{opacity:.62;transform:translate(-50%,-50%) scale(1.13)}}
@keyframes expeditionStarPulse{0%,100%{box-shadow:0 0 10px rgba(216,180,106,.3)}50%{box-shadow:0 0 28px rgba(216,180,106,.85)}}
@keyframes expeditionRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
#result .perspective-panel::after{content:"✦  EXPEDITION  ·  FOUR PERSPECTIVES";display:block;position:relative;text-align:center;letter-spacing:.19em;font-size:10px;color:#d8b46a;margin:8px 0 18px;opacity:.85}
#result .perspective-card::after{content:"";position:absolute;left:50%;top:-19px;width:125px;height:105px;pointer-events:none;border-radius:50%;transform:translateX(-50%);z-index:-1;background:radial-gradient(circle,rgba(80,110,180,.28),transparent 72%);filter:blur(10px);animation:expeditionFog 7s ease-in-out infinite}
#result .perspective-card.is-current::after{background:radial-gradient(circle,rgba(216,180,106,.27),transparent 72%)}
#result .perspective-card.is-current::before{animation:expeditionStarPulse 2.3s ease-in-out infinite}
#result .perspective-card[data-expedition-complete="true"]::before{content:"✦";background:#d8b46a;color:#04060d;border-color:#d8b46a;box-shadow:0 0 24px rgba(216,180,106,.62)}
#result .perspective-card[data-expedition-waiting="true"]::before{content:"◐";color:#a9c4ff;border-color:#a9c4ff}
#result .expedition-status{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;gap:12px;color:#a9c4ff;font-size:11px;letter-spacing:.07em;margin:10px 0 4px;min-height:24px}
#result .expedition-status .dots{color:#d8b46a;letter-spacing:.25em}
#result .expedition-hint{color:#8b93a7;font-size:11px;text-align:center;margin-top:5px}
#result .perspective-panel{animation:expeditionRise .5s both}
@media(max-width:680px){#result .perspective-card::after{left:-14px;top:50%;width:70px;height:70px;transform:translate(-50%,-50%)}#result .perspective-panel::after{font-size:9px;letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){#result .perspective-card::after,#result .perspective-card.is-current::before,#result .perspective-panel{animation:none!important}}