*{box-sizing:border-box;margin:0;padding:0}:root{--room-shadow:#1a0b1d;--room-plum:#2d1e2f;--room-magenta:#e040fb;--room-pink:#ff6bdb;--room-neon:#ffb3f3;--room-orange:#ff9536;--room-amber:#fdba74}html,body{background:var(--room-shadow);overflow:hidden}.webgl{z-index:1;outline:none;position:fixed;inset:0}.css3d{z-index:2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.css3d iframe{pointer-events:none;background:#0a0a0a;border:0}.webgl-occluder{z-index:3;pointer-events:none;background:0 0;outline:none;position:fixed;inset:0}.splash{z-index:100;background:radial-gradient(ellipse 70% 55% at 70% 35%, #e040fb2e, transparent 60%), radial-gradient(ellipse 55% 50% at 25% 70%, #ff953624, transparent 55%), linear-gradient(160deg, var(--room-shadow) 0%, var(--room-plum) 55%, #120810 100%);flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}.splash--hidden{opacity:0;visibility:hidden;pointer-events:none}.splash__card{background:linear-gradient(var(--room-shadow), var(--room-shadow)) padding-box, linear-gradient(135deg, var(--room-magenta), var(--room-pink) 45%, var(--room-orange)) border-box;border:10px solid #0000;flex-direction:column;align-items:center;gap:.55rem;max-width:min(92vw,36rem);padding:2.5rem 3rem;display:flex;box-shadow:0 0 28px #e040fb38,0 0 48px #ff95361a,inset 0 0 32px #ffb3f30a}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.splash__title{text-align:center;letter-spacing:.04em;min-height:1.5em;color:var(--room-neon);background:linear-gradient(100deg, var(--room-magenta) 0%, var(--room-pink) 35%, var(--room-neon) 55%, var(--room-orange) 80%, var(--room-amber) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #e040fb73)drop-shadow(0 0 18px #ff953633);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;font-family:IBM Plex Mono,Courier New,monospace;font-size:clamp(.85rem,2.5vw,1.05rem);font-weight:400;line-height:1.5;animation:5s ease-in-out infinite cyber-gradient-shift;position:relative}.splash__title-text{display:inline}.splash__title:before,.splash__title:after{content:attr(data-text);opacity:0;pointer-events:none;-webkit-text-fill-color:initial;filter:none;background:0 0;position:absolute;inset:0;overflow:hidden}.splash__title.splash__title--glitch:before{color:var(--room-magenta);text-shadow:-2px 0 var(--room-orange);clip-path:inset(0 0 55%);animation:.22s steps(2,end) 2 cyber-glitch-1}.splash__title.splash__title--glitch:after{color:var(--room-orange);text-shadow:2px 0 var(--room-neon);clip-path:inset(45% 0 0);animation:.22s steps(2,end) 2 cyber-glitch-2}.splash__title .cyber-cursor,.splash__subtitle .cyber-cursor{width:.55ch;color:var(--room-orange);-webkit-text-fill-color:var(--room-orange);text-shadow:0 0 8px #ff9536bf;filter:none;vertical-align:baseline;background:0 0;margin-left:.1ch;animation:.7s step-end infinite cyber-cursor-blink;display:inline-block}.splash__subtitle{text-align:center;letter-spacing:.06em;color:#0000;background:linear-gradient(90deg,#ffb3f3bf,#ff9536d9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;min-height:1.4em;font-family:IBM Plex Mono,Courier New,monospace;font-size:clamp(.8rem,2.2vw,.95rem);font-weight:400}.splash__progress{width:100%;max-width:320px;margin-bottom:1.2rem}.splash__progress-bar-track{background:#ff6bdb33;border-radius:2px;width:100%;height:3px;overflow:hidden}.splash__progress-bar{background:linear-gradient(90deg, var(--room-magenta), var(--room-pink));border-radius:2px;width:0%;height:3px;transition:width .2s;box-shadow:0 0 8px #e040fb99}.splash__progress-label{text-align:center;color:var(--room-neon);opacity:.7;letter-spacing:.08em;margin-top:.4rem;font-family:IBM Plex Mono,Courier New,monospace;font-size:.72rem;display:block}.splash__start{color:var(--room-neon);border:2px solid var(--room-pink);cursor:pointer;letter-spacing:.12em;opacity:0;background:0 0;padding:.55rem 2rem;font-family:IBM Plex Mono,Courier New,monospace;font-size:clamp(.85rem,2.5vw,1rem);font-weight:500;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,opacity .45s,transform .45s;transform:translateY(.35rem);box-shadow:0 0 14px #e040fb40,0 0 22px #ff95361f,inset 0 0 12px #ffb3f30f}.splash__start.splash__start--ready{opacity:1;animation:2.4s ease-in-out infinite cyber-btn-pulse;transform:translateY(0)}.splash__start:hover{background:linear-gradient(125deg, var(--room-magenta), var(--room-orange));color:var(--room-shadow);border-color:var(--room-amber);animation:none;box-shadow:0 0 22px #e040fb73,0 0 28px #ff95364d}.splash__start:active{background:linear-gradient(125deg, var(--room-pink), var(--room-amber))}@keyframes cyber-cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes cyber-gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes cyber-glitch-1{0%{opacity:.85;transform:translate(0)}25%{opacity:1;transform:translate(-3px,1px)}50%{opacity:.7;transform:translate(2px,-1px)}75%{opacity:1;transform:translate(-1px,2px)}to{opacity:0;transform:translate(0)}}@keyframes cyber-glitch-2{0%{opacity:.85;transform:translate(0)}25%{opacity:1;transform:translate(3px,-1px)}50%{opacity:.7;transform:translate(-2px,1px)}75%{opacity:1;transform:translate(1px,-2px)}to{opacity:0;transform:translate(0)}}@keyframes cyber-btn-pulse{0%,to{border-color:var(--room-pink);box-shadow:0 0 14px #e040fb40,0 0 22px #ff95361f,inset 0 0 12px #ffb3f30f}50%{border-color:var(--room-orange);box-shadow:0 0 22px #e040fb66,0 0 32px #ff953638,inset 0 0 14px #ffb3f31a}}@media (prefers-reduced-motion:reduce){.splash__title,.splash__subtitle,.splash__start{filter:none;opacity:1!important;animation:none!important;transform:none!important}.splash__title:before,.splash__title:after,.splash__title .cyber-cursor,.splash__subtitle .cyber-cursor{display:none!important}}.splash__footer{flex-direction:column;align-items:center;gap:.75rem;width:min(90vw,32rem);display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.splash__silent{color:#ffb3f38c;cursor:pointer;background:0 0;border:none;font-family:IBM Plex Mono,Courier New,monospace;font-size:clamp(.75rem,2vw,.85rem);font-weight:400;transition:color .15s}.splash__silent:hover{color:#ffb3f3f2}.splash__hint{color:#fdba7473;text-align:center;font-family:IBM Plex Mono,Courier New,monospace;font-size:clamp(.7rem,1.8vw,.8rem);font-weight:400;line-height:1.5}.splash__hint--mobile{display:none}@media (width<=768px),(pointer:coarse){.splash__card{padding:2rem 1.75rem}.splash__hint--desktop{display:none}.splash__hint--mobile{display:block}}.music-toggle{z-index:50;background:linear-gradient(#2d1e2fe0, #1a0b1deb) padding-box, linear-gradient(135deg, var(--room-magenta), var(--room-pink) 45%, var(--room-orange)) border-box;cursor:pointer;border:3px solid #0000;border-radius:.85rem;width:3.75rem;height:3.75rem;margin-right:1.25rem;padding:.35rem;transition:transform .15s,box-shadow .15s;position:fixed;top:1.25rem;right:1.25rem;box-shadow:0 0 16px #e040fb47,0 0 24px #ff95361f,0 4px 14px #00000059}.music-toggle:hover{transform:translateY(-1px);box-shadow:0 0 22px #e040fb66,0 0 28px #ff953638,0 6px 18px #0006}.music-toggle:active{transform:translateY(1px);box-shadow:0 0 12px #e040fb4d,0 2px 8px #0000004d}.music-toggle__icon{width:100%;height:100%;color:var(--room-neon)}.music-toggle.music-toggle--playing .music-toggle__icon{color:var(--room-orange);filter:drop-shadow(0 0 6px #ff95368c)}.music-toggle__icon--on{display:block}.music-toggle__icon--off,.music-toggle:not(.music-toggle--playing) .music-toggle__icon--on{display:none}.music-toggle:not(.music-toggle--playing) .music-toggle__icon--off{display:block}@media (width<=768px){.music-toggle{width:2.85rem;height:2.85rem;top:.85rem;right:.85rem}}.passion-panel-backdrop{z-index:60;opacity:0;visibility:hidden;pointer-events:none;background:#12081073;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.passion-panel-backdrop--open{opacity:1;visibility:visible;pointer-events:auto}.passion-panel{z-index:70;background:linear-gradient(180deg, #2d1e2ff5, #1a0b1dfa) padding-box, linear-gradient(180deg, var(--room-magenta), var(--room-pink) 45%, var(--room-orange)) border-box;border-left:3px solid #0000;flex-direction:column;gap:.85rem;width:min(92vw,24rem);height:100%;padding:2.25rem 1.75rem 2rem;transition:transform .35s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-12px 0 40px #00000073}.passion-panel--open{transform:translate(0)}.passion-panel__close{width:2.25rem;height:2.25rem;color:var(--room-neon);cursor:pointer;background:0 0;border:1px solid #ffb3f359;border-radius:.45rem;align-self:flex-end;margin:-.5rem -.35rem 0 0;font-family:IBM Plex Mono,Courier New,monospace;font-size:1.35rem;line-height:1;transition:color .15s,border-color .15s,background .15s}.passion-panel__close:hover{color:var(--room-orange);border-color:var(--room-orange);background:#ff953614}.passion-panel__label{letter-spacing:.18em;text-transform:uppercase;color:#ff9536bf;font-family:IBM Plex Mono,Courier New,monospace;font-size:.7rem;font-weight:500}.passion-panel__title{letter-spacing:.04em;color:var(--room-neon);text-shadow:0 0 18px #e040fb59;font-family:IBM Plex Mono,Courier New,monospace;font-size:clamp(1.25rem,3.5vw,1.65rem);font-weight:500;line-height:1.25}.passion-panel__body{letter-spacing:.02em;color:#ffb3f3d1;font-family:IBM Plex Mono,Courier New,monospace;font-size:clamp(.8rem,2.2vw,.9rem);font-weight:400;line-height:1.7}.passion-panel__media{background:#1208108c;border:1px solid #ffb3f359;border-radius:.65rem;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden;box-shadow:0 0 18px #e040fb1f}.passion-panel__image,.passion-panel__video{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:20rem;display:block}.passion-panel__image[hidden],.passion-panel__video[hidden],.passion-panel__media[hidden]{display:none}.passion-panel__video{background:#0a0a0a}@media (width<=768px){.passion-panel{background:linear-gradient(180deg, #2d1e2ffa, #1a0b1dfc) padding-box, linear-gradient(90deg, var(--room-magenta), var(--room-pink) 45%, var(--room-orange)) border-box;border-top:3px solid #0000;border-left:none;border-radius:1rem 1rem 0 0;width:100%;height:auto;max-height:min(70vh,28rem);top:auto;bottom:0;transform:translateY(100%);box-shadow:0 -12px 40px #00000073}.passion-panel--open{transform:translateY(0)}.passion-panel__image,.passion-panel__video{max-height:12rem}}