/* 1.5 — fixed cinematic surface, reference-led performance intelligence. */
#athlia-immersive-v1 .aim-frame-surface{transform:none!important;filter:none!important;transition:none!important;animation:none!important;image-rendering:auto;object-fit:fill;contain:strict}
#athlia-immersive-v1 .aim-analysis-left{position:absolute;left:3.8%;top:12%;bottom:11%;width:31%;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(12px,2vh,24px);transform:translateY(var(--aim-label-offset));pointer-events:none}
#athlia-immersive-v1 .aim-analysis-left .aim-greeting{position:static;width:100%;max-width:none;transform:none;font-size:clamp(26px,3.15vw,56px);font-weight:300;line-height:1.08;letter-spacing:-.048em;text-wrap:balance}
#athlia-immersive-v1 .aim-name{color:#31cafa}
#athlia-immersive-v1 .aim-analysis-left .aim-readiness{position:static;transform:none;width:min(30vh,285px);max-width:100%;margin-left:9%;text-align:center;flex-shrink:0}
#athlia-immersive-v1 .aim-gauge{width:100%;margin:0;aspect-ratio:1}
#athlia-immersive-v1 .aim-gauge svg{stroke-width:6.6}
#athlia-immersive-v1 .aim-gauge-track{stroke:#173641;stroke-dasharray:none}
#athlia-immersive-v1 .aim-readiness .aim-gauge-arc{stroke:url(#aim-score-spectrum)}
#athlia-immersive-v1 .aim-gauge-arc{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--score-color) 32%,transparent))}
#athlia-immersive-v1 .aim-gauge strong{font-size:clamp(45px,8vh,86px);font-weight:500;line-height:1.1;letter-spacing:-.065em}
#athlia-immersive-v1 .aim-gauge>div{gap:8px}
#athlia-immersive-v1 .aim-gauge span{font-size:12px;letter-spacing:.22em}
#athlia-immersive-v1 .aim-gauge .aim-status-pill{border:0;border-top:1px solid #31515d;border-radius:0;padding:8px 0 0;margin:0;font-size:clamp(16px,2.2vh,23px);font-weight:500;letter-spacing:-.025em;color:var(--score-color)}
#athlia-immersive-v1 .aim-analysis-left .aim-checkin{position:static;display:flex;justify-content:center;width:min(100%,355px);min-height:50px;padding:12px 22px;gap:30px;border:1px solid #3fe0ef80;border-radius:32px;background:linear-gradient(105deg,#06ebea,#269aff 83%,#4268ff);color:#031822;font-weight:500;box-shadow:0 5px 26px #15baff25,inset 0 1px 0 #efffff90;transition:box-shadow .3s}
#athlia-immersive-v1 .aim-checkin:hover{box-shadow:0 6px 32px #15baff55}
#athlia-immersive-v1 .aim-analysis-left .aim-zone-detail{position:static;width:100%;max-width:370px;padding:0;border:0;margin-top:auto;font-size:14px;line-height:1.45;color:#9eb5c3}
#athlia-immersive-v1 .aim-zone-detail .aim-eyebrow{font-size:12px;letter-spacing:.13em;color:var(--zone-color)}
#athlia-immersive-v1 .aim-zone-detail strong{font-size:22px;margin:0 0 8px}
#athlia-immersive-v1 .aim-zone-detail p{font-size:14px;max-width:330px;line-height:1.5}
#athlia-immersive-v1 .aim-analysis-left .aim-zone-legend{position:static;justify-content:flex-start;gap:14px;flex-wrap:wrap;font-size:12px;letter-spacing:0;color:#b7c6cf}
#athlia-immersive-v1 .aim-zone-legend span{gap:7px}
#athlia-immersive-v1 .aim-zone-legend span::before{width:10px;height:10px;border-radius:100%;box-shadow:0 0 13px var(--legend-color)}
#athlia-immersive-v1 .aim-analysis-right{position:absolute;right:3.2%;top:12%;bottom:12%;width:29%;display:flex;flex-direction:column;gap:16px;transform:translateY(var(--aim-label-offset));pointer-events:none}
#athlia-immersive-v1 .aim-analysis-right .aim-glass-card{position:relative;inset:auto;width:100%;max-width:none;display:flex;flex-direction:column;gap:14px;padding:clamp(17px,1.7vw,30px)!important;border:1px solid #49869599;border-radius:23px;background:linear-gradient(132deg,#0b23318c,#020b12c9 47%,#06151fab);box-shadow:inset 0 1px 0 #a9eeff65,inset 0 0 26px #258ac20f,0 20px 50px #0006;backdrop-filter:blur(10px);color:#e8f3f7;text-shadow:none;flex:1;min-height:0}
#athlia-immersive-v1 .aim-card-heading{display:flex;align-items:center;gap:16px;line-height:1.3;margin:0;font-size:14px;letter-spacing:.16em;font-weight:500}
#athlia-immersive-v1 .aim-card-heading svg{width:30px;height:30px;flex:none;stroke:#67eafa;stroke-width:1.2;fill:none;filter:drop-shadow(0 0 8px #17beeb44)}
#athlia-immersive-v1 .aim-recovery-summary{display:flex;gap:20px;align-items:center;flex:1}
#athlia-immersive-v1 .aim-mini-gauge{width:clamp(92px,min(9vw,14vh),150px);flex:none}
#athlia-immersive-v1 .aim-mini-gauge strong{font-size:clamp(32px,3vw,52px)}
#athlia-immersive-v1 .aim-mini-gauge span{font-size:14px;letter-spacing:0}
#athlia-immersive-v1 .aim-mini-gauge>div{gap:2px}
#athlia-immersive-v1 .aim-recovery-status{font-size:clamp(19px,1.65vw,27px);font-weight:500;color:var(--score-color,#24d7c7)}
#athlia-immersive-v1 .aim-recovery-summary p{font-size:14px;line-height:1.55;color:#99b2c1;margin:8px 0 0}
#athlia-immersive-v1 .aim-recovery-bars{height:5px;gap:7px;margin:0}
#athlia-immersive-v1 .aim-recovery-bars i::after{height:100%;opacity:.7}
#athlia-immersive-v1 .aim-card-cta{display:flex;justify-content:center;align-items:center;gap:20px;min-height:44px;width:100%;padding:10px 14px;border:1px solid #288eaa;border-radius:30px;background:linear-gradient(110deg,#08222db0,#0b1e3390);box-shadow:inset 0 1px 0 #7be5f031;color:#c7e5ef;font-size:14px;pointer-events:auto;transition:background .25s,border-color .25s;margin-top:auto}
#athlia-immersive-v1 .aim-card-cta:hover{border-color:#51e8f0;background:#103e50}
#athlia-immersive-v1 .aim-workout-visual{display:flex;align-items:center;gap:16px;flex:1;min-height:70px;padding:10px 12px;border:1px solid #224351;border-radius:16px;background:radial-gradient(ellipse at 14% 90%,#067c8b33,transparent 64%)}
#athlia-immersive-v1 .aim-workout-visual>svg{width:clamp(42px,5vw,80px);height:64px;stroke:#57d6e8;stroke-width:.8;fill:none;flex:none;filter:drop-shadow(0 0 10px #00d9ff55);transform:rotate(-15deg)}
#athlia-immersive-v1 .aim-workout-visual>img{width:clamp(65px,7vw,115px);height:clamp(75px,12vh,130px);object-fit:cover;object-position:center 15%;flex:none;filter:grayscale(.88) brightness(.85);mask-image:linear-gradient(#000 72%,transparent);margin:-10px 0 -10px -10px}
#athlia-immersive-v1 .aim-workout-visual strong{display:block;font-size:clamp(18px,1.5vw,24px);font-weight:500;line-height:1.25;margin-top:10px}
#athlia-immersive-v1 .aim-session-badge{display:inline-block;border:1px solid #19818c70;border-radius:18px;color:#48d9df;font-size:12px;letter-spacing:.025em;padding:4px 10px}
#athlia-immersive-v1 .aim-session-facts{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:10px;margin:0}
#athlia-immersive-v1 .aim-session-facts>div{display:flex;flex-direction:column;gap:4px;border-right:1px solid #233c48;padding-right:6px}
#athlia-immersive-v1 .aim-session-facts>div:last-child{border:0}
#athlia-immersive-v1 .aim-session-facts svg{height:20px;width:20px;stroke:#9bd5e9;stroke-width:1.2;fill:none}
#athlia-immersive-v1 .aim-session-facts b{font-size:14px;font-weight:400;line-height:1.35;color:#daebf2}
#athlia-immersive-v1 .aim-session-facts small{font-size:12px;color:#8fa9b8;line-height:1.3}
#athlia-immersive-v1 .aim-callout{pointer-events:none;opacity:.85;transition:opacity .25s}
#athlia-immersive-v1 .aim-callout path{fill:none;stroke-width:.65}
#athlia-immersive-v1 .aim-callout text{fill:#e9f3f7;font:9px Inter,"Helvetica Neue",Arial,sans-serif;letter-spacing:.05px;paint-order:stroke;stroke:#020a12;stroke-width:1.6px;stroke-linejoin:round}
#athlia-immersive-v1 .aim-callout .aim-callout-value{fill:var(--zone-color);font-size:8px}
#athlia-immersive-v1 .aim-bubble svg{width:clamp(40px,calc(var(--aim-size)*.3),100px);height:clamp(40px,calc(var(--aim-size)*.3),100px);stroke-width:1.4;filter:brightness(calc(1.4 + var(--aim-hover,0)*.7)) drop-shadow(0 0 9px var(--bubble-color))}
#athlia-immersive-v1 .aim-bubble>span{font-size:clamp(14px,1.4vw,22px);font-weight:400;letter-spacing:.2em}
#athlia-immersive-v1 .aim-bubble{gap:15px}
#athlia-immersive-v1.aim-webgl-ready .aim-bubble svg{opacity:0}
#athlia-immersive-v1.aim-flat .aim-bubble{border-radius:16px;background:#05141be8;box-shadow:none}
@media(max-width:1100px) and (min-width:761px){
 #athlia-immersive-v1 .aim-analysis-left{width:30%}
 #athlia-immersive-v1 .aim-analysis-right{width:31%;right:2%}
 #athlia-immersive-v1 .aim-recovery-summary{gap:10px}
 #athlia-immersive-v1 .aim-mini-gauge{width:92px}
 #athlia-immersive-v1 .aim-recovery-summary p{font-size:13px}
 #athlia-immersive-v1 .aim-card-heading{font-size:13px;letter-spacing:.08em;gap:10px}
}
@media(max-width:760px){
 #athlia-immersive-v1 .aim-analysis-left{top:12%;bottom:auto;left:5%;width:90%;display:block;transform:none}
 #athlia-immersive-v1 .aim-analysis-left .aim-greeting{font-size:27px;width:87%;max-width:390px;line-height:1.1}
 #athlia-immersive-v1 .aim-analysis-left .aim-readiness{width:112px;margin:24px 0 12px}
 #athlia-immersive-v1 .aim-gauge strong{font-size:38px}
 #athlia-immersive-v1 .aim-gauge span{font-size:10px;letter-spacing:.03em}
 #athlia-immersive-v1 .aim-gauge>div{gap:2px}
 #athlia-immersive-v1 .aim-gauge .aim-status-pill{font-size:12px;padding-top:4px}
 #athlia-immersive-v1 .aim-analysis-left .aim-checkin{width:135px;min-height:44px;padding:8px;font-size:13px;gap:7px;line-height:1.2}
 #athlia-immersive-v1 .aim-analysis-left .aim-zone-detail{display:none}
 #athlia-immersive-v1 .aim-analysis-left .aim-zone-detail.is-active{display:block;position:absolute;left:0;top:85px;width:100%;max-width:none;pointer-events:none;padding:12px;border-radius:12px;background:#06121bf5;z-index:4}
 #athlia-immersive-v1 .aim-analysis-left .aim-zone-legend{width:115px;gap:8px;margin-top:15px;font-size:12px}
 #athlia-immersive-v1 .aim-analysis-right{top:auto;bottom:13%;left:5%;right:5%;width:90%;height:29%;min-height:220px;max-height:290px;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;pointer-events:auto;gap:12px;transform:none;scrollbar-width:thin;padding-bottom:6px}
 #athlia-immersive-v1 .aim-analysis-right .aim-glass-card{flex:0 0 94%;height:100%;padding:15px!important;gap:9px;border-radius:17px;scroll-snap-align:start}
 #athlia-immersive-v1 .aim-card-heading{font-size:13px;gap:10px;letter-spacing:.1em}
 #athlia-immersive-v1 .aim-card-heading svg{width:22px;height:22px}
 #athlia-immersive-v1 .aim-recovery-summary{gap:14px}
 #athlia-immersive-v1 .aim-mini-gauge{width:85px}
 #athlia-immersive-v1 .aim-mini-gauge strong{font-size:32px}
 #athlia-immersive-v1 .aim-mini-gauge span{font-size:12px}
 #athlia-immersive-v1 .aim-recovery-summary p{font-size:13px;margin-top:5px}
 #athlia-immersive-v1 .aim-workout-visual{min-height:46px;padding:6px 10px;gap:12px}
 #athlia-immersive-v1 .aim-workout-visual>svg{width:44px;height:38px}
 #athlia-immersive-v1 .aim-workout-visual>img{width:58px;height:59px;margin:-5px 0 -5px -8px}
 #athlia-immersive-v1 .aim-workout-visual strong{font-size:17px;margin-top:4px}
 #athlia-immersive-v1 .aim-session-badge{padding:1px 8px;font-size:12px}
 #athlia-immersive-v1 .aim-session-facts svg{display:none}
 #athlia-immersive-v1 .aim-session-facts b{font-size:12px}
 #athlia-immersive-v1 .aim-card-cta{font-size:13px;min-height:40px;padding:8px}
 #athlia-immersive-v1 .aim-callout{display:none}
 #athlia-immersive-v1 .aim-bubble svg{width:clamp(34px,calc(var(--aim-size)*.32),52px);height:clamp(34px,calc(var(--aim-size)*.32),52px)}
 #athlia-immersive-v1 .aim-bubble>span{font-size:13px;letter-spacing:.06em}
}
@media(max-height:700px) and (min-width:761px){
 #athlia-immersive-v1 .aim-analysis-left{gap:10px;top:14%;bottom:12%}
 #athlia-immersive-v1 .aim-analysis-left .aim-greeting{font-size:clamp(23px,2.6vw,37px)}
 #athlia-immersive-v1 .aim-analysis-left .aim-readiness{width:25vh}
 #athlia-immersive-v1 .aim-gauge strong{font-size:40px}
 #athlia-immersive-v1 .aim-analysis-left .aim-zone-detail{font-size:12px}
 #athlia-immersive-v1 .aim-zone-detail strong{font-size:17px}
 #athlia-immersive-v1 .aim-zone-detail p{font-size:12px;line-height:1.3}
 #athlia-immersive-v1 .aim-analysis-left .aim-zone-legend{gap:8px}
 #athlia-immersive-v1 .aim-analysis-right{top:14%;bottom:12%;gap:10px}
 #athlia-immersive-v1 .aim-analysis-right .aim-glass-card{gap:7px;padding:12px!important}
 #athlia-immersive-v1 .aim-mini-gauge{width:74px}
 #athlia-immersive-v1 .aim-mini-gauge strong{font-size:28px}
 #athlia-immersive-v1 .aim-workout-visual{min-height:44px;padding:5px 10px}
 #athlia-immersive-v1 .aim-workout-visual>svg{height:35px}
 #athlia-immersive-v1 .aim-workout-visual>img{width:57px;height:58px;margin:-5px 0 -5px -8px}
 #athlia-immersive-v1 .aim-session-facts svg{display:none}
 #athlia-immersive-v1 .aim-session-facts b,#athlia-immersive-v1 .aim-recovery-summary p{font-size:12px}
 #athlia-immersive-v1 .aim-session-facts small{display:none}
}
