/* MudaGym ident: trace, resolve, title, studio. */
.opening-active{overflow:hidden}#brand-opening{position:fixed;inset:0;z-index:1000;background:#161713;color:#eceade;overflow:hidden;isolation:isolate;transition:opacity 1.1s ease,visibility 1.1s}#brand-opening[hidden]{display:none}#brand-opening.leaving{opacity:0;visibility:hidden;pointer-events:none}.opening-slate,.opening-bottom{position:absolute;left:5vw;right:5vw;display:flex;align-items:center;justify-content:space-between;z-index:3;font:10px 'IBM Plex Mono',monospace;letter-spacing:.2em;color:#a4a296}.opening-slate{top:7vh}.opening-bottom{bottom:6vh;gap:24px}.opening-bottom button{font:10px 'IBM Plex Mono',monospace;letter-spacing:.08em;padding:14px 0;color:#eceade;background:none;border:0;cursor:pointer}.opening-bottom button:hover{color:#f8c008}.opening-bottom button:focus-visible{outline:1px solid #f8c008;outline-offset:6px}.opening-progress{height:1px;background:#33342c;width:150px;overflow:hidden}.opening-progress i{height:100%;display:block;background:#f8c008;transform-origin:left;animation:ident-progress 7.6s linear both}.opening-lockup{position:absolute;left:50%;top:45%;width:min(52vw,650px);transform:translate(-50%,-50%);animation:ident-lockup 7.6s both}.opening-logo{display:block;width:100%;overflow:visible}.opening-mark{stroke-dasharray:1;stroke-dashoffset:1;animation:ident-trace 2.4s cubic-bezier(.25,.1,.25,1) .3s both}.opening-word{animation:ident-word 1.5s ease 1.35s both}.opening-stamp{animation:ident-word 1s ease 1.9s both}.opening-presents{text-align:center;font:10px 'IBM Plex Mono',monospace;letter-spacing:.5em;margin-top:30px;color:#a4a296;animation:ident-word 1s ease 2.1s both}.opening-aura{position:absolute;inset:0;background:radial-gradient(ellipse at 43% 46%,#f8c00818,transparent 46%);animation:ident-aura 7.6s both}.opening-beam{position:absolute;left:0;top:0;width:1px;height:100%;background:linear-gradient(transparent,#e9c557,transparent);opacity:0;animation:ident-beam 2.2s ease .6s both}.opening-grain{position:absolute;inset:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E");pointer-events:none}.opening-title{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;animation:ident-title 7.6s both}.opening-title>span{font:10px 'IBM Plex Mono',monospace;letter-spacing:.35em;color:#e9c557}.opening-title h2{font:700 clamp(42px,7.6vw,112px)/.98 Archivo,Arial,sans-serif;letter-spacing:-.045em;margin:30px 0 24px}.opening-title h2 span{color:#f8c008}.opening-title p{font:14px 'IBM Plex Mono',monospace;color:#a4a296;letter-spacing:.07em}.signature-logo{width:125px;height:auto}.signature{gap:16px!important}#replay-opening{white-space:nowrap}
@keyframes ident-trace{0%{stroke-dashoffset:1;opacity:0}12%{opacity:1}70%,100%{stroke-dashoffset:0}}
@keyframes ident-word{from{opacity:0;filter:blur(7px)}to{opacity:1;filter:blur(0)}}
@keyframes ident-lockup{0%{opacity:1;transform:translate(-50%,-50%) scale(.94)}46%{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(1)}58%,100%{opacity:0;filter:blur(12px);transform:translate(-50%,-50%) scale(1.12)}}
@keyframes ident-title{0%,58%{opacity:0;transform:translateY(15px)}70%,89%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-10px)}}
@keyframes ident-aura{0%{opacity:0}30%{opacity:1}54%{opacity:.3}100%{opacity:0}}
@keyframes ident-beam{0%{left:25%;opacity:0}30%{opacity:.5}100%{left:76%;opacity:0}}
@keyframes ident-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:760px){.opening-lockup{width:82vw}.opening-slate{font-size:8px;letter-spacing:.12em}.opening-slate span:last-child{display:none}.opening-title h2{font-size:clamp(38px,10vw,70px)}.opening-title>span{font-size:9px}.opening-progress{width:65px}.opening-bottom{gap:12px}#replay-opening span{display:none}.signature-logo{width:105px}}
@media(prefers-reduced-motion:reduce){#brand-opening{transition:opacity .3s}.opening-mark{animation:none;stroke-dashoffset:0}.opening-lockup{animation:none}.opening-word,.opening-stamp,.opening-presents{animation:none}.opening-title,.opening-beam,.opening-aura,.opening-progress{display:none}}

/* Brand correction: assets, type and palette verified against mudagym.com. */
@font-face{font-family:Sintony;src:url('assets/fonts/sintony-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Quicksand;src:url('assets/fonts/quicksand-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Quicksand;src:url('assets/fonts/quicksand-700.woff2') format('woff2');font-weight:700;font-display:swap}
body{font-family:Quicksand,sans-serif;background:#282828;color:#FAF9F7}button,input{font-family:Quicksand,sans-serif}h1,h2,h3,.brand{font-family:Sintony,sans-serif}h1 em{font-family:Sintony,sans-serif;font-style:normal;color:#FEBF12}.primary{background:#FEBF12;color:#282828;border-radius:10px}.eyebrow{color:#FEBF12}header{background:#282828}.edition{color:#FAF9F7}.signature-logo{width:64px;height:auto}.signature{gap:22px!important}
#brand-opening{background:#FAF9F7;color:#282828;animation:ident-background 7.6s both}.opening-slate,.opening-bottom{font-family:Quicksand,sans-serif;font-weight:700;color:inherit}.opening-slate{letter-spacing:.22em;opacity:.6}.opening-bottom button{font-family:Quicksand,sans-serif;font-weight:700;color:inherit;font-size:12px}.opening-bottom button:hover{color:#9A7208}.opening-progress{background:#8884}.opening-progress i{background:#FEBF12}.opening-grain{opacity:.025}.opening-aura{background:radial-gradient(ellipse at 40% 45%,#FEBF1212,transparent 50%)}.opening-beam{display:none}.opening-lockup{width:min(78vw,740px);top:46%;animation:official-resolve 7.6s both}.official-lockup{display:flex;align-items:center;justify-content:center;gap:clamp(22px,4vw,56px)}.official-lockup img{width:clamp(100px,15vw,200px);height:auto;object-fit:contain;animation:official-mark 2s cubic-bezier(.22,1,.36,1) both}.official-word{display:flex;flex-direction:column;line-height:1;animation:official-word 1.3s ease .95s both}.official-word b{font:700 clamp(28px,4.5vw,62px)/1 Sintony,sans-serif;letter-spacing:.14em}.official-word small{font:700 clamp(10px,1.5vw,20px)/1 Quicksand,sans-serif;letter-spacing:.28em;margin-top:14px;opacity:.68}.opening-presents{font:700 11px Quicksand,sans-serif;letter-spacing:.32em;color:#28282899;margin-top:48px}.opening-title h2{font-family:Sintony,sans-serif;font-size:clamp(42px,7vw,96px);line-height:1.05;letter-spacing:-.02em;color:#FAF9F7}.opening-title h2 span{color:#FEBF12}.opening-title>span{font:700 11px Quicksand,sans-serif;letter-spacing:.26em;color:#FAF9F799}.opening-title p{font:400 18px Quicksand,sans-serif;color:#FAF9F7B8}.opening-ticks{position:absolute;left:50%;top:20%;display:flex;gap:5px;transform:translateX(-50%);animation:ident-title 7.6s both}.opening-ticks i{width:4px;height:20px;background:#FEBF12;transform:skewX(-18deg)}
@keyframes official-mark{from{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(8px)}30%{opacity:1}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}
@keyframes official-word{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
@keyframes official-resolve{0%{opacity:1;transform:translate(-50%,-50%) scale(.96)}42%{opacity:1;transform:translate(-50%,-50%) scale(1)}52%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.025)}}
@keyframes ident-background{0%,46%{background:#FAF9F7;color:#282828}60%,100%{background:#282828;color:#FAF9F7}}
@media(max-width:760px){.official-lockup{flex-direction:column;gap:28px}.official-lockup img{width:130px}.official-word{text-align:center}.official-word b{font-size:34px}.official-word small{font-size:11px;margin-top:10px}.opening-lockup{top:43%}.opening-presents{margin-top:34px}.opening-title h2{font-size:clamp(38px,10vw,68px)}.opening-title p{font-size:15px}.opening-ticks{top:23%}}
@media(prefers-reduced-motion:reduce){#brand-opening{animation:none}.opening-lockup,.official-lockup img,.official-word{animation:none}.official-lockup img{clip-path:none}.opening-ticks{display:none}}

#audio-options{position:fixed;right:3.5vw;bottom:158px;z-index:8;display:flex;gap:16px;align-items:center;padding:12px 18px;background:#282828ed;border:1px solid #ffffff20;border-radius:10px;font:700 11px Quicksand,sans-serif}#audio-options>span{font-size:8px;letter-spacing:.13em;opacity:.6}#audio-options button[aria-pressed=false]{opacity:.5}@media(max-width:760px){#audio-options{bottom:12px;left:12px;right:12px;flex-wrap:wrap;gap:12px;justify-content:center}#audio-options>span{display:none}}
