.stage { background: radial-gradient(120% 80% at 50% 110%, #3a2414 0%, #1a0f08 45%, #07040a 100%); }
.agd-start h1 .gradient-text { background: linear-gradient(135deg, #ffd34d, #f4a261 50%, #e8566c); -webkit-background-clip: text; background-clip: text; color: transparent; }
.salon-load { position: relative; height: 1.6em; line-height: 1.6em; margin: 0.4rem auto 0.6rem; width: min(260px, 80%); border-radius: 999px; background: rgba(255, 255, 255, 0.08); font-size: 0.8rem; color: #f5e6c8; overflow: hidden; text-align: center; }
.salon-load::before { content: ''; position: absolute; inset: 0 auto 0 0; width: var(--p, 0%); background: linear-gradient(90deg, #f4a261, #e8566c); opacity: 0.45; transition: width 0.2s; }
.salon-load.done { display: none; }
.salon-tasks { position: absolute; top: 10px; left: 50%; transform: translateX(-50%); display: none; gap: 8px; margin: 0; padding: 6px 10px; list-style: none; border-radius: 999px; background: rgba(10, 6, 4, 0.55); backdrop-filter: blur(6px); z-index: 4; pointer-events: none; }
.salon-tasks.show { display: flex; }
.salon-tasks li { position: relative; width: 34px; height: 34px; display: grid; place-items: center; font-size: 20px; border-radius: 50%; background: rgba(255, 255, 255, 0.08); filter: grayscale(1); opacity: 0.6; transition: all 0.3s; }
.salon-tasks li.done { filter: none; opacity: 1; background: rgba(244, 162, 97, 0.35); }
.salon-tasks li.done::after { content: '✓'; position: absolute; right: -3px; bottom: -3px; width: 15px; height: 15px; font-size: 10px; line-height: 15px; text-align: center; border-radius: 50%; background: #2e9f6b; color: #fff; }
.salon-credits { opacity: 0.6; font-size: 0.7rem; }
#scene { -webkit-mask-size: 100% 100%; mask-size: 100% 100%; }