/* One character-led moment; the rest of the interface stays quiet. */
[hidden]{display:none!important}
.audit-row{padding:16px 0;border-bottom:1px solid var(--line)}.audit-row summary{cursor:pointer;display:grid;gap:7px;overflow-wrap:anywhere}.audit-row summary small{color:var(--muted)}.audit-row pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.support-ticket{border-top:1px solid var(--line);padding:20px 0}.support-ticket form{margin-top:15px}.support-scene img{transform:translateY(-23%)}
.welcome-loading{min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;gap:12px}
.loading-mascot{position:relative;width:168px;height:168px}
.loading-mascot img{width:100%;height:100%;object-fit:contain;animation:mascot-welcome 2.8s ease-in-out infinite}
.loading-mascot i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent,#5aaeff);left:7%;top:25%;animation:loading-spark 2.8s ease-in-out infinite}
.loading-mascot i:nth-of-type(2){left:90%;top:48%;animation-delay:.6s}.loading-mascot i:nth-of-type(3){left:70%;top:2%;animation-delay:1.2s}
.loading-track{width:92px;height:3px;border-radius:5px;background:var(--line);overflow:hidden}.loading-track:after{content:"";display:block;width:35%;height:100%;border-radius:inherit;background:var(--accent,#5aaeff);animation:loading-travel 1.6s ease-in-out infinite alternate}
.promo-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:20px}.promo-entry .field{margin:0;min-width:0}.promo-entry input{min-width:0;max-width:100%}.promo-entry .btn{min-height:45px;flex-shrink:0;margin:0}
.scene-banner{height:220px;overflow:hidden;border-radius:22px;margin-bottom:24px;background:#167ce0;isolation:isolate}.scene-banner img{display:block;width:100%;height:auto;transform:translateY(-4%)}
.profile-scene{max-width:720px}.ref-mascot{position:absolute;width:150px;height:150px;right:10px;top:6px;object-fit:contain;pointer-events:none}.ref-hero:has(.ref-mascot) h2,.ref-hero:has(.ref-mascot) p{padding-right:135px}.ref-hero:has(.ref-mascot) .ref-big{display:none}
@keyframes mascot-welcome{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@keyframes loading-spark{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}
@keyframes loading-travel{to{transform:translateX(185%)}}
@media(max-width:600px){.scene-banner{height:172px}.scene-banner img{min-height:220px;object-fit:cover;object-position:top}.ref-mascot{width:100px;height:100px;right:5px;top:10px}.ref-hero:has(.ref-mascot) h2,.ref-hero:has(.ref-mascot) p{padding-right:80px}.promo-entry{gap:10px}.promo-entry .btn{padding:10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.welcome-loading *{animation:none!important}.loading-track:after{width:100%}}