/* Compact holographic responses, with no continuous motion on reports or actions. */
.section-motion-card{max-width:100%;transform:perspective(800px) rotateX(0deg) rotateY(0deg);transition:transform .35s ease-out,filter .35s ease-out}
.section-motion-card.section-motion-tilted{transform:perspective(800px) rotateX(var(--section-rx,0deg)) rotateY(var(--section-ry,0deg));filter:drop-shadow(0 5px 10px #77d8f02b)}
#section-free .free-btn{transition:box-shadow .2s ease-out,border-color .2s ease-out}
#section-free .free-btn:hover:not(:disabled),#section-free .free-btn:focus-visible:not(:disabled){box-shadow:0 0 22px #80d8ff40}
@media(prefers-reduced-motion:reduce){.section-motion-card,.section-motion-card.section-motion-tilted{transform:none;filter:none;transition:none}#section-free .free-btn{transition:none}}
/* Let wide data tables scroll inside their panel instead of widening the page. */
.page-dashboard .dash-main:has(:is(#section-mods,#section-myomni,#section-datacrons,#section-era,#section-reports,#section-o66,#section-free,#section-activity).active){min-width:0}
/* Real pending request, no simulated percentage or premature success state. */
.free-loading{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 18px;margin-top:12px;max-width:420px;border:1px solid #7bd9ee38;border-radius:14px;background:radial-gradient(ellipse at left,#22607835,transparent 75%),#101b26;color:#c6edf7;font-size:.9rem}
.free-loading-orbit{position:relative;display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;color:#a5eeff}
.free-loading-orbit::before,.free-loading-orbit::after{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid #83e0f219;border-top-color:#93eaff;border-right-color:#93eaff85;animation:free-orbit 1.4s linear infinite}
.free-loading-orbit::after{inset:5px;border-top-color:#beacff;border-right-color:transparent;animation-direction:reverse;animation-duration:2s}
.free-loading-orbit svg{width:24px;height:24px}
.free-loading-dots{display:flex;gap:4px}.free-loading-dots i{width:4px;height:4px;border-radius:50%;background:#a5eeff;animation:free-dot 1.2s ease-in-out infinite}.free-loading-dots i:nth-child(2){animation-delay:.16s}.free-loading-dots i:nth-child(3){animation-delay:.32s}
@keyframes free-orbit{to{transform:rotate(360deg)}}
@keyframes free-dot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.free-loading-orbit::before,.free-loading-orbit::after,.free-loading-dots i{animation:none}}
/* Scout: a radar while searching, then readable results that settle into place. */
.page-dashboard .dash-main:has(#section-scout.active){min-width:0}
#scout-loading::before{content:'';display:block;width:64px;height:64px;margin:0 auto 18px;border:1px solid #96e9ef70;border-radius:50%;background:radial-gradient(circle,transparent 28%,#95eafa30 29% 30%,transparent 31% 59%,#95eafa25 60% 61%,transparent 62%),conic-gradient(from 0deg,transparent 45%,#8be7f508 65%,#8be7f580 99%,transparent);box-shadow:0 0 25px #75ddec20;animation:scout-radar 1.8s linear infinite}
#scout-header > div{background:radial-gradient(ellipse at top right,#2c69743b,transparent 65%),var(--bg-card)!important;border-color:#8acbd442!important}
#scout-header > div > div{min-width:0;overflow-wrap:anywhere}
#scout-stats .stat-card{min-width:0;overflow-wrap:anywhere}
#scout-fastest > div > div{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))!important}
#scout-legends > div > div{flex-wrap:wrap;gap:8px}
#scout-legends > div > div > span:first-child{min-width:100px;overflow-wrap:anywhere}
#scout-mods > div > div{gap:8px!important}
@keyframes scout-radar{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#scout-loading::before{animation:none}}
