/* LVW V6 / SIX WORLD SPATIAL MOTION SYSTEM
   Progressive enhancement. Compositor-biased CSS3D + authored visual depth.
   All interactions functional without this file. No forced audio.
*/
/* shared motion control + progressive scroll narrative */
.music-v6 .v6-intro{position:relative}
.music-v6 .v6-motion-toggle{position:absolute;right:0;top:0;display:flex;align-items:center;gap:10px;min-width:174px;min-height:48px;padding:8px 13px;border:1px solid currentColor;border-radius:3px;background:transparent;color:inherit;text-align:left;cursor:pointer;opacity:.9;transition:opacity .2s ease,background-color .2s ease}
.music-v6 .v6-motion-toggle:hover{opacity:1;background:#ffffff12}
.music-v6 .v6-motion-toggle:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.music-v6 .v6-motion-toggle span:last-child{display:grid;gap:2px}
.music-v6 .v6-motion-toggle small{font:700 .53rem 'IBM Plex Mono',monospace;letter-spacing:.09em;opacity:.7}
.music-v6 .v6-motion-toggle strong{font:750 .78rem 'Space Grotesk',system-ui,sans-serif}
.music-v6 .v6-motion-indicator{display:block;flex-shrink:0;width:13px;height:13px;border:2px solid currentColor;border-radius:50%;box-shadow:0 0 0 3px #8883;position:relative}
.music-v6 .v6-motion-toggle[aria-pressed="true"] .v6-motion-indicator::after{content:'';position:absolute;inset:2px;background:currentColor;border-radius:50%}
.music-v6.v6-motion-on .v6-dimensional{--v6-tilt-x:0deg;--v6-tilt-y:0deg;--v6-pointer-x:50%;--v6-pointer-y:50%;transform:perspective(1200px) rotateX(var(--v6-tilt-x)) rotateY(var(--v6-tilt-y)) translate3d(0,0,0);transform-style:preserve-3d;transition:transform .34s cubic-bezier(.2,.72,.16,1);backface-visibility:hidden}
.music-v6 .v6-atmosphere-layer{position:absolute;inset:0;pointer-events:none;z-index:7;isolation:isolate;overflow:hidden}
.music-v6 .v6-atmosphere-layer>i{position:absolute;inset:0;pointer-events:none;display:block}
.music-v6 .v6-atmosphere-glow{background:radial-gradient(circle at var(--v6-pointer-x,50%) var(--v6-pointer-y,50%),#ffffff2c,transparent 53%);opacity:0;transition:opacity .28s ease}
.music-v6.v6-motion-on .v6-dimensional:hover .v6-atmosphere-glow{opacity:.65}
.music-v6 .v6-atmosphere-grain{opacity:.17;background-image:repeating-linear-gradient(135deg,transparent 0,transparent 4px,#fff2 5px,transparent 6px);mask-image:linear-gradient(to bottom,#0006,transparent 75%)}
.music-v6.v6-motion-on .v6-reveal.v6-inview{animation:v6-arrive .77s cubic-bezier(.13,.65,.17,1) both;animation-delay:var(--v6-reveal-delay,0ms)}
.music-v6.v6-motion-on .v6-application{animation:v6-fade-in .82s both}
@keyframes v6-arrive{from{opacity:.5;transform:translate3d(0,22px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes v6-fade-in{from{opacity:.68}to{opacity:1}}
/* PIANO: a physical polished instrument with layered black keys, striking chord lights */
.profile--keys.music-v6 .v6-keys-instrument{perspective:1200px;transform-style:preserve-3d;isolation:isolate;overflow:visible}
.profile--keys.music-v6 .v6-keys-instrument::before{content:'';position:absolute;inset:10px;pointer-events:none;border:1px solid #c6a06344;box-shadow:inset 0 0 0 5px #172f4645,0 8px 70px #132e4733}
.profile--keys.music-v6 .v6-keybed{position:relative;transform-style:preserve-3d;transform:rotateX(7deg) translateZ(0);transform-origin:50% 100%;box-shadow:0 28px 34px #061f356b,0 -10px 15px #e8ad6538;transition:box-shadow .4s ease,transform .45s ease}
.profile--keys.music-v6 .v6-key{transform-style:preserve-3d;transition:transform .14s ease,background .19s ease,box-shadow .16s ease}
.profile--keys.music-v6 .v6-key.in-chord{box-shadow:inset 0 -10px 19px #f1a64655,0 3px 12px #ffd29555}
.profile--keys.music-v6 .v6-key[aria-pressed="true"]{transform:translateY(5px) translateZ(-5px);background:#e1a952}
.profile--keys.music-v6 .v6-instrument-top{position:relative;z-index:2}
.profile--keys.music-v6 .v6-keys-editor{position:relative;isolation:isolate}
.profile--keys.music-v6 .v6-keys-editor::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.32;background:radial-gradient(circle at 74% 30%,#f0bd686b,transparent 43%)}
.profile--keys.music-v6 .v6-plate{position:relative;z-index:1}
.profile--keys.music-v6 .v6-notation{position:relative}
.profile--keys.music-v6 .v6-notation::after{content:'♩ ♫ ♬';position:absolute;right:0;bottom:0;font-size:2rem;color:#efc27b44;letter-spacing:.18em}
.profile--keys.music-v6.v6-motion-on .v6-key.in-chord{animation:v6-piano-glint 4s ease-in-out infinite alternate}
@keyframes v6-piano-glint{from{filter:brightness(.96)}to{filter:brightness(1.09)}}
/* VOICE: multi-plane spotlight, anamorphic haze and a moving aperture */
.profile--voice.music-v6 .v6-cover{perspective:1000px;transform-style:preserve-3d}
.profile--voice.music-v6 .v6-voice-spot{transform:translateZ(26px);transition:transform .8s cubic-bezier(.15,.65,.2,1)}
.profile--voice.music-v6 .v6-voice-mic{transform:rotate(-8deg) translateZ(58px);transform-style:preserve-3d;box-shadow:0 0 42px 14px #ffd6cd36,0 0 140px 22px #eab7d43e;transition:transform .85s ease,box-shadow .8s ease}
.profile--voice.music-v6 .v6-cover-top,.profile--voice.music-v6 .v6-cover-bottom{transform:translateZ(70px)}
.profile--voice.music-v6 .v6-cover::after{content:'';position:absolute;inset:-35%;pointer-events:none;z-index:1;opacity:.62;background:conic-gradient(from 0deg at 50% 8%,transparent 8%,#fff1cc27 25%,transparent 39%,#f6bcdb25 69%,transparent 81%);filter:blur(8px);transform:rotate(-6deg);transition:transform 1.3s ease,opacity .8s ease}
.profile--voice.music-v6 .v6-cover[data-v6-scene="luminous"]::after{opacity:.84;transform:rotate(17deg);background:conic-gradient(from 10deg at 50% 8%,transparent 8%,#ffe6a04d 25%,transparent 45%,#ffc19d44 69%,transparent 84%)}
.profile--voice.music-v6 .v6-cover[data-v6-scene="velvet"]::after{transform:rotate(-19deg);background:conic-gradient(from 25deg at 50% 8%,transparent 8%,#c4baff4d 25%,transparent 45%,#779ded55 69%,transparent 84%)}
.profile--voice.music-v6 .v6-cover[data-v6-scene="luminous"] .v6-voice-mic{transform:rotate(1deg) translateZ(65px)}
.profile--voice.music-v6 .v6-cover[data-v6-scene="velvet"] .v6-voice-mic{transform:rotate(-15deg) translateZ(75px)}
.profile--voice.music-v6 .v6-cover[data-v6-scene="luminous"] .v6-voice-floor{background:#f9c28276}
.profile--voice.music-v6 .v6-cover[data-v6-scene="velvet"] .v6-voice-floor{background:#9b90e166}
.profile--voice.music-v6.v6-motion-on .v6-voice-spot{animation:v6-slow-breathe 8s ease-in-out infinite alternate}
@keyframes v6-slow-breathe{from{transform:translateZ(16px) scale(.99)}to{transform:translateZ(33px) scale(1.035)}}
/* GUITAR: 3D board, coiled cable, metal switches, moving signal beam */
.profile--guitar.music-v6 .v6-guitar-chassis{perspective:1150px;transform-style:preserve-3d}
.profile--guitar.music-v6 .v6-engrave,.profile--guitar.music-v6 .v6-guitar-jacks{position:relative;z-index:4}
.profile--guitar.music-v6 .v6-pedal-strip{transform:perspective(950px) rotateX(8deg) translateZ(15px);transform-style:preserve-3d;filter:drop-shadow(0 14px 14px #06121e71)}
.profile--guitar.music-v6 .v6-pedal{transform-style:preserve-3d;transform:translateZ(14px);transition:transform .33s cubic-bezier(.15,.7,.2,1),filter .28s ease}
.profile--guitar.music-v6 .v6-pedal:nth-child(2){transform:translateZ(28px)}
.profile--guitar.music-v6 .v6-pedal:nth-child(3){transform:translateZ(35px)}
.profile--guitar.music-v6 .v6-pedal:nth-child(4){transform:translateZ(20px)}
.profile--guitar.music-v6 .v6-pedal:hover{transform:translate3d(0,-9px,45px)}
.profile--guitar.music-v6 .v6-pedal[aria-pressed="false"]{transform:translateZ(6px) rotateX(3deg)}
.profile--guitar.music-v6 .v6-pedal i{box-shadow:inset 0 3px 10px #162c4577,0 3px 4px #04162661}
.profile--guitar.music-v6 .v6-guitar-wire{height:6px;background:linear-gradient(90deg,#eab778,#caa268,#e5ae64);border-radius:4px;box-shadow:0 0 0 4px #122b3e,0 0 14px #f7c38e55;z-index:0}
.profile--guitar.music-v6 .v6-guitar-wire::before{content:'';position:absolute;inset:-2px;background:linear-gradient(90deg,transparent,#fffbd8a8 50%,transparent);background-size:20% 100%;background-repeat:no-repeat;opacity:0}
.profile--guitar.music-v6.v6-motion-on .v6-guitar-wire::before{opacity:1;animation:v6-signal-current 3.2s linear infinite}
@keyframes v6-signal-current{from{background-position:-35% 0}to{background-position:135% 0}}
/* DRUMS: physical tactile time, synched transport, breathing pulse rings */
.profile--drums.music-v6 .v6-drum-console{perspective:1000px;transform-style:preserve-3d}
.profile--drums.music-v6 .v6-tempo-circle{position:relative;transform-style:preserve-3d;transform:translateZ(24px);transition:transform .22s ease,box-shadow .26s ease}
.profile--drums.music-v6 .v6-tempo-circle::before,.profile--drums.music-v6 .v6-tempo-circle::after{content:'';position:absolute;inset:-20px;border:1px solid #ffaf7888;border-radius:50%;pointer-events:none}
.profile--drums.music-v6 .v6-tempo-circle::after{inset:-38px;border-color:#c7ef9155}
.profile--drums.music-v6 .v6-step-grid{transform:translateZ(8px);transform-style:preserve-3d}
.profile--drums.music-v6 .v6-step{transition:transform .14s ease,box-shadow .13s ease,background .13s ease}
.profile--drums.music-v6 .v6-step:active{transform:scale(.9)}
.profile--drums.music-v6 .v6-step.is-current{box-shadow:0 0 16px 4px #c3ee8f77;transform:translateY(-3px)}
.profile--drums.music-v6 .v6-drum-transport{box-shadow:3px 8px 0 #933d2a;transition:transform .18s ease,box-shadow .18s ease}
.profile--drums.music-v6 .v6-drum-transport:active{transform:translateY(5px);box-shadow:1px 3px 0 #933d2a}
.profile--drums.music-v6.v6-motion-on .v6-tempo-circle::before{animation:v6-pulse-ring 3.6s ease-in-out infinite}
@keyframes v6-pulse-ring{0%,100%{opacity:.45;transform:scale(.96)}50%{opacity:.9;transform:scale(1.035)}}
/* ENGINEER: projection planes, animated light shafts, stage z-depth and cue dissolve */
.profile--engineer.music-v6 .v6-engineer-stage{perspective:1150px;transform-style:preserve-3d;transform-origin:50% 75%}
.profile--engineer.music-v6 .v6-engineer-platform{transform:translateZ(55px) rotateX(12deg);transform-style:preserve-3d;transition:transform .8s cubic-bezier(.18,.66,.24,1),box-shadow .8s ease}
.profile--engineer.music-v6 .v6-engineer-platform::after{content:'';position:absolute;inset:-18%;z-index:-1;background:radial-gradient(ellipse at 50% 100%,#6acbfe61,transparent 72%)}
.profile--engineer.music-v6 .v6-engineer-beams{transform-style:preserve-3d;transform:translateZ(95px)}
.profile--engineer.music-v6 .v6-engineer-beams span{filter:blur(9px);transform-origin:50% 0%;transition:transform 1.2s ease,opacity .7s ease,background 1s ease}
.profile--engineer.music-v6 .v6-engineer-beams span:first-child{transform:rotate(-10deg)}
.profile--engineer.music-v6 .v6-engineer-beams span:last-child{transform:rotate(10deg)}
.profile--engineer.music-v6 .v6-engineer-stage[data-v6-cue="reveal"] .v6-engineer-platform{transform:translateZ(78px) rotateX(4deg)}
.profile--engineer.music-v6 .v6-engineer-stage[data-v6-cue="finale"] .v6-engineer-platform{transform:translateZ(100px) rotateX(8deg);box-shadow:0 0 60px #ffd88b4b}
.profile--engineer.music-v6 .v6-engineer-stage[data-v6-cue="finale"] .v6-engineer-beams span:first-child{transform:rotate(-25deg)}
.profile--engineer.music-v6 .v6-engineer-stage[data-v6-cue="finale"] .v6-engineer-beams span:last-child{transform:rotate(25deg)}
.profile--engineer.music-v6 .v6-engineer-stats{transform:translateZ(24px)}
.profile--engineer.music-v6.v6-motion-on .v6-engineer-beams span{animation:v6-moving-head 6.4s ease-in-out infinite alternate}
.profile--engineer.music-v6.v6-motion-on .v6-engineer-beams span:nth-child(2){animation-delay:-2.8s}
.profile--engineer.music-v6.v6-motion-on .v6-engineer-beams span:nth-child(3){animation-delay:-4s}
@keyframes v6-moving-head{from{translate:-10px 0}to{translate:12px 0}}
/* STRINGS: actual 3D depth through the proscenium and layered ensemble */
.profile--strings.music-v6 .v6-salon{perspective:1200px}
.profile--strings.music-v6 .v6-salon-arch{transform-style:preserve-3d;transform-origin:50% 85%;box-shadow:inset 0 0 0 2px #fff6df,4px 20px 60px #4d356653;transition:transform .48s cubic-bezier(.2,.74,.22,1),box-shadow .5s ease}
.profile--strings.music-v6 .v6-salon-arch::before{content:'';position:absolute;z-index:2;inset:0;border:9px solid #f8e6d382;border-radius:inherit;box-shadow:inset 0 0 40px #3c285b55;pointer-events:none}
.profile--strings.music-v6 .v6-salon-sky{transform:translateZ(-90px) scale(1.22);transition:background .5s ease,transform .7s ease}
.profile--strings.music-v6 .v6-salon-seats{transform:translateZ(80px);transform-style:preserve-3d}
.profile--strings.music-v6 .v6-string-chair{transform:translateZ(0) rotateY(0);transition:transform .65s cubic-bezier(.2,.76,.24,1),opacity .6s ease}
.profile--strings.music-v6 .v6-string-chair:first-child{transform:translateZ(13px) rotateY(12deg)}
.profile--strings.music-v6 .v6-string-chair:last-child{transform:translateZ(13px) rotateY(-12deg)}
.profile--strings.music-v6 .v6-string-figure{box-shadow:3px 10px 12px #44335433}
.profile--strings.music-v6 .v6-salon-arch[data-v6-event="evening"]{box-shadow:inset 0 0 0 2px #fff2ea,0 0 38px #9475b166}
/* device & energy safeguards */
@media(max-width:760px){
 .music-v6 .v6-intro{padding-top:64px}
 .music-v6 .v6-motion-toggle{left:0;right:auto;top:0;min-height:43px;min-width:160px}
 .music-v6 .v6-dimensional,.music-v6.v6-motion-on .v6-dimensional{transform:none!important;transition:none}
 .profile--keys.music-v6 .v6-keybed{transform:rotateX(3deg)}
 .profile--guitar.music-v6 .v6-pedal-strip{transform:none}
 .profile--guitar.music-v6 .v6-pedal,.profile--guitar.music-v6 .v6-pedal:nth-child(2),.profile--guitar.music-v6 .v6-pedal:nth-child(3),.profile--guitar.music-v6 .v6-pedal:nth-child(4){transform:translateZ(0)}
 .profile--engineer.music-v6 .v6-engineer-beams{transform:none}
 .profile--strings.music-v6 .v6-salon-seats{transform:none}
 .profile--strings.music-v6 .v6-salon-sky{transform:none}
}
@media(prefers-reduced-motion:reduce),(prefers-reduced-data:reduce){
 .music-v6 .v6-motion-toggle{transition:none!important}
 .music-v6 .v6-dimensional{transform:none!important;transition:none!important}
 .music-v6 .v6-atmosphere-layer{display:none!important}
 .music-v6 .v6-guitar-wire::before{animation:none!important;opacity:0!important}
 .music-v6 .v6-cover::after,.music-v6 .v6-voice-spot,.music-v6 .v6-pedal,.music-v6 .v6-salon-sky,.music-v6 .v6-string-chair{animation:none!important;transition:none!important}
}
.music-v6.v6-motion-off .v6-dimensional{transform:none!important;transition:none!important}
.music-v6.v6-motion-off .v6-atmosphere-layer{display:none!important}
.music-v6.v6-motion-off .v6-guitar-wire::before,.music-v6.v6-motion-off .v6-tempo-circle::before,.music-v6.v6-motion-off .v6-cover::before,.music-v6.v6-motion-off .v6-voice-spot,.music-v6.v6-motion-off .v6-engineer-beams span{animation:none!important}
.music-v6.v6-motion-off .v6-reveal{animation:none!important}


/* Interaction-stability correction: 3D stays inside the stage. Moving the
   entire hit-target parent under a cursor can make sliders and transport
   controls miss their first click. Keep the stage stationary while piano keys,
   guitar pedals and rhythm controls retain real depth and tactile motion. */
.profile--keys.music-v6.v6-motion-on .v6-keys-instrument,
.profile--guitar.music-v6.v6-motion-on .v6-guitar-chassis,
.profile--drums.music-v6.v6-motion-on .v6-drum-console{transform:none!important}


/* Calm is genuine: no residual V6 hover lift, background breathing or
   scene travel when the owner selects it or the OS requests reduced motion. */
.music-v6.v6-motion-off .v6-experience *,
.music-v6.v6-motion-off .v6-experience *::before,
.music-v6.v6-motion-off .v6-experience *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){
 .music-v6 .v6-experience *,
 .music-v6 .v6-experience *::before,
 .music-v6 .v6-experience *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}