@import"https://fonts.googleapis.com/css2?family=VT323&family=Press+Start+2P&display=swap";@font-face{font-family:Minecraft;src:url(assets/fonts/Minecraft.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--maroon-deep: #3f1319;--maroon: #6d2530;--maroon-light: #8a3440;--cream: #f5efe4;--cream-dim: #e9e1d2;--mist: #d8d0e6;--red: #e2453f;--red-dark: #b62e2e;--ink: #241a18;--gold: #ffe9b0;--aero-sky: #bfe9ff;--aero-teal: #8fe3d1;--font-pixel: "Minecraft", "Press Start 2P", "Courier New", monospace;--font-mono: "VT323", "Courier New", monospace;--glass-bg: linear-gradient( 180deg, rgba(255, 255, 255, .42) 0%, rgba(255, 255, 255, .08) 42%, rgba(63, 19, 25, .55) 100% );--glass-bg-strong: linear-gradient( 180deg, rgba(255, 255, 255, .55) 0%, rgba(255, 255, 255, .1) 40%, rgba(63, 19, 25, .72) 100% );--glass-border: rgba(255, 255, 255, .55);--glass-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), inset 0 -10px 16px rgba(63, 19, 25, .25), 0 10px 26px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--maroon-deep);color:var(--cream);font-family:var(--font-mono);overflow-x:hidden;scroll-behavior:smooth}body{background-image:linear-gradient(180deg,#2d0f149e,#1e0a0eb8 55%,#14070ad1),url(assets/bg-wallpaper.webp);background-repeat:no-repeat,no-repeat;background-position:center top,center top;background-size:cover,cover;background-attachment:fixed,fixed}@media(max-width:768px){body{background-attachment:scroll,scroll}}#rain-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.bg-orbs{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.orb{position:absolute;bottom:-12vh;border-radius:50%;background:radial-gradient(circle at 30% 26%,#ffffffe6,#ffffff38 32%,#ffffff0a 60%,#fff0 72%);box-shadow:inset 0 0 12px #ffffff59,0 0 18px #ffffff1f;opacity:0;animation-name:orb-rise;animation-timing-function:ease-in-out;animation-iteration-count:infinite;will-change:transform,opacity}.orb.tone-gold{background:radial-gradient(circle at 30% 26%,#fffffff2,#ffe9b052 30%,#ffe9b014 58%,#ffe9b000 72%)}.orb.tone-sky{background:radial-gradient(circle at 30% 26%,#fffffff2,#bfe9ff4d 30%,#bfe9ff12 58%,#bfe9ff00 72%)}.orb.tone-teal{background:radial-gradient(circle at 30% 26%,#fffffff2,#8fe3d14d 30%,#8fe3d112 58%,#8fe3d100 72%)}@keyframes orb-rise{0%{transform:translateZ(0) scale(.9);opacity:0}8%{opacity:.85}50%{transform:translate3d(var(--drift, 30px),-52vh,0) scale(1.05)}92%{opacity:.6}to{transform:translate3d(calc(var(--drift, 30px) * 2),-108vh,0) scale(.85);opacity:0}}@media(prefers-reduced-motion:reduce){.orb{animation:none;opacity:0}}.page{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:2vh 5vw 12vh;gap:3.5rem}.reveal{opacity:0;transition:opacity .85s cubic-bezier(.2,.8,.2,1),transform .85s cubic-bezier(.2,.8,.2,1),filter .85s ease;filter:blur(2px)}.reveal[data-reveal=up]{transform:translateY(46px)}.reveal[data-reveal=scale]{transform:scale(.82)}.reveal.is-visible{opacity:1;transform:none;filter:blur(0)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;filter:none;transition:none}}.site-header{position:sticky;top:0;z-index:4;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.85rem 5vw .7rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid var(--glass-border);box-shadow:inset 0 1px #fff9,0 8px 20px #00000040;overflow:hidden}.site-header:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.4) 50%,transparent 60%);background-size:250% 250%;background-position:200% 0%;animation:bar-shine 9s ease-in-out infinite;pointer-events:none}@keyframes bar-shine{0%,60%{background-position:200% 0%}85%{background-position:-40% 0%}to{background-position:-40% 0%}}.top-menu ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem .6rem;margin:0;padding:0;font-size:1.35rem}.top-menu a{position:relative;display:inline-block;color:var(--cream);text-decoration:none;padding:.15rem .65rem;border-radius:6px;border:1px solid transparent;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.top-menu a:hover,.top-menu a:focus-visible{background:linear-gradient(180deg,#ffffff80,#e2453f59);border-color:#ffffff8c;box-shadow:inset 0 1px #ffffffb3,0 0 12px #e2453f8c;transform:translateY(-2px)}.brand-mark{display:flex;justify-content:center}.hero{width:100%;display:flex;justify-content:center;margin-top:2.5rem}.hero-window{position:relative;width:560px;width:min(560px,92vw);animation:hero-float 7s ease-in-out infinite}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.window{position:relative;z-index:2;background:var(--cream);border:1px solid rgba(255,255,255,.6);border-radius:12px;box-shadow:0 0 0 1px #3f131999,0 0 46px #e2453f2e,0 24px 60px #00000080;overflow:hidden}.window-titlebar{position:relative;display:flex;align-items:center;justify-content:space-between;color:var(--cream);padding:.55rem .6rem .55rem .9rem;font-family:var(--font-pixel);font-size:.85rem;letter-spacing:.5px;background:linear-gradient(180deg,#a1505b,#7a2e39 45%,#521a22);overflow:hidden}.window-titlebar:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff8c,#ffffff14 55%,#fff0);pointer-events:none}.window-titlebar:after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:35%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);transform:skew(-20deg);animation:title-shine 6s ease-in-out infinite;pointer-events:none}@keyframes title-shine{0%,30%{left:-40%}70%,to{left:130%}}.window-title{position:relative;z-index:1}.window-controls{position:relative;z-index:1;display:flex;gap:3px}.win-btn{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.25rem;line-height:1;border-radius:3px;font-size:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.35);transition:background .15s ease,transform .15s ease}.win-close:hover{background:var(--red);border-color:var(--red);transform:scale(1.1)}.win-min:hover,.win-max:hover{background:#fff6;transform:scale(1.1)}.window-body{padding:1.6rem 1.6rem 1.4rem;background:linear-gradient(180deg,var(--cream) 55%,var(--mist) 100%)}.logo{display:block;width:230px;width:min(230px,60%);height:auto;margin-bottom:1rem;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25));animation:logo-bob 4.5s ease-in-out infinite}@keyframes logo-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-1deg)}}.intro-scroll{max-height:230px;overflow-y:auto;padding-right:.9rem;color:var(--ink);font-size:1.25rem;line-height:1.45}.intro-scroll p{margin:0 0 .9rem}.intro-scroll p:last-child{margin-bottom:0}.intro-scroll:focus-visible{outline:2px dashed var(--red-dark);outline-offset:4px}.intro-scroll::-webkit-scrollbar{width:10px}.intro-scroll::-webkit-scrollbar-track{background:var(--cream-dim);border-radius:4px}.intro-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a1505b,#6d2530);border-radius:4px;border:1px solid rgba(255,255,255,.4)}.intro-scroll{scrollbar-width:thin;scrollbar-color:var(--maroon) var(--cream-dim)}.peek-character{position:absolute;z-index:3;bottom:-6%;right:-4%;width:44%;min-width:140px;pointer-events:none;filter:drop-shadow(0 14px 18px rgba(0,0,0,.45));transition:opacity .4s ease,filter .4s ease;opacity:1}.hero-window:hover .peek-character,.hero-window:focus-within .peek-character{opacity:.14;filter:drop-shadow(0 14px 18px rgba(0,0,0,.2))}.socials{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.social-dot{position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#ffffffd9,#ffffff2e 35%,#6d2530bf 78%);border:1px solid rgba(255,255,255,.6);color:var(--cream);box-shadow:inset 0 2px 2px #ffffffb3,inset 0 -8px 10px #0000004d,0 6px 14px #00000059;transition:transform .18s ease,box-shadow .18s ease,color .18s ease;animation:dot-float 3.6s ease-in-out infinite;animation-delay:calc(var(--i, 0) * .25s)}.social-dot:nth-child(1){--i: 0}.social-dot:nth-child(2){--i: 1}.social-dot:nth-child(3){--i: 2}.social-dot:nth-child(4){--i: 3}.social-dot:nth-child(5){--i: 4}.social-dot:nth-child(6){--i: 5}@keyframes dot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.social-dot svg{width:20px;height:20px;position:relative;z-index:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.social-dot:hover,.social-dot:focus-visible{color:var(--gold);transform:translateY(-7px) scale(1.08);animation-play-state:paused;box-shadow:inset 0 2px 2px #ffffffb3,inset 0 -8px 10px #00000040,0 0 16px #e2453fa6,0 8px 18px #0006}@media(prefers-reduced-motion:reduce){.social-dot{animation:none}}.menu-logo{width:120px;height:auto;opacity:.92;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35));animation:logo-bob 5s ease-in-out infinite}.secret-btn{width:1.9rem;height:1.9rem;border-radius:50%;border:1px dashed rgba(255,255,255,.55);background:radial-gradient(circle at 35% 25%,#ffffff59,#3f131959);color:var(--mist);font-family:var(--font-pixel);font-size:.7rem;opacity:.65;cursor:pointer;transition:opacity .2s ease,transform .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;animation:secret-pulse 3s ease-in-out infinite}@keyframes secret-pulse{0%,to{box-shadow:0 0 #ffe9b000}50%{box-shadow:0 0 8px #ffe9b073}}.secret-btn:hover,.secret-btn:focus-visible{opacity:1;color:var(--gold);border-color:var(--gold);box-shadow:0 0 10px #ffe9b099;transform:rotate(8deg) scale(1.08)}.secret-msg{min-height:1.4rem;font-size:1.15rem;color:var(--gold);opacity:0;transition:opacity .4s ease}.secret-msg.show{opacity:1}.player{position:fixed;right:1.2rem;right:clamp(.8rem,3vw,2rem);bottom:1.2rem;bottom:clamp(.8rem,3vw,2rem);z-index:5;transition:transform .25s ease}.player:hover{transform:translateY(-4px)}.player-frame{position:relative;width:clamp(200px,30vw,280px);aspect-ratio:409 / 277}.frame-img{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 12px 22px rgba(0,0,0,.55));user-select:none;transition:filter .3s ease}.player-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.6) 48%,transparent 64%);background-size:260% 260%;background-position:220% 0%;mix-blend-mode:screen;-webkit-mask-image:url(assets/player/player-frame.png);mask-image:url(assets/player/player-frame.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:skin-shine 7s ease-in-out infinite;pointer-events:none}@keyframes skin-shine{0%,40%{background-position:220% 0%}75%,to{background-position:-60% 100%}}.player-frame.is-playing .frame-img{animation:skin-glow 2.4s ease-in-out infinite}@keyframes skin-glow{0%,to{filter:drop-shadow(0 12px 22px rgba(0,0,0,.55)) drop-shadow(0 0 0 rgba(226,69,63,0))}50%{filter:drop-shadow(0 12px 22px rgba(0,0,0,.55)) drop-shadow(0 0 16px rgba(226,69,63,.65))}}.player-screen{position:absolute;left:14.5%;top:18%;width:53%;height:49%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.3em;padding:.4em .6em;overflow:hidden;pointer-events:none}.track-title{display:block;width:100%;text-align:center;color:var(--gold);font-family:var(--font-mono);font-size:clamp(.75rem,2.6vw,1rem);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 6px rgba(255,233,176,.65),0 1px 1px rgba(0,0,0,.8)}.track-title.shake{animation:shake .35s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){.track-title.shake{animation:none}}.mini-vis{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:22%;min-height:10px;width:70%}.mini-vis span{flex:1;max-width:6px;height:20%;border-radius:2px;background:linear-gradient(180deg,var(--gold),var(--red));opacity:.55;transform-origin:bottom;transition:opacity .3s ease}.player-frame.is-playing .mini-vis span{opacity:1;animation:vis-bounce 1.1s ease-in-out infinite}.player-frame.is-playing .mini-vis span:nth-child(1){animation-delay:0s}.player-frame.is-playing .mini-vis span:nth-child(2){animation-delay:.12s}.player-frame.is-playing .mini-vis span:nth-child(3){animation-delay:.24s}.player-frame.is-playing .mini-vis span:nth-child(4){animation-delay:.36s}.player-frame.is-playing .mini-vis span:nth-child(5){animation-delay:.18s}@keyframes vis-bounce{0%,to{height:20%}50%{height:100%}}@media(prefers-reduced-motion:reduce){.player-frame.is-playing .mini-vis span{animation:none;height:55%}.player-frame.is-playing .frame-img{animation:none}.player-frame:before{animation:none}}.skin-btn{position:absolute;transform:translate(-50%,-50%);border:none;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:contain;cursor:pointer;padding:0;transition:transform .15s ease,filter .15s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.skin-btn:hover{transform:translate(-50%,-50%) scale(1.15);filter:drop-shadow(0 2px 6px rgba(255,233,176,.5))}.skin-btn:active{transform:translate(-50%,-50%) scale(.92)}.skin-prev{left:22.5%;top:71%;width:6.4%;aspect-ratio:24 / 25;background-image:url(assets/player/player-prev-no.png)}.skin-prev:hover{background-image:url(assets/player/player-prev-hov.png)}.skin-prev:active{background-image:url(assets/player/player-prev-do.png)}.skin-playpause{left:33.8%;top:71%;width:7.6%;aspect-ratio:28 / 33;background-image:url(assets/player/player-play-no.png)}.skin-playpause:hover{background-image:url(assets/player/player-play-hov.png)}.skin-playpause:active{background-image:url(assets/player/player-play-do.png)}.skin-playpause.playing{background-image:url(assets/player/player-pause-no.png)}.skin-playpause.playing:hover{background-image:url(assets/player/player-pause-hov.png)}.skin-playpause.playing:active{background-image:url(assets/player/player-pause-do.png)}.skin-next{left:45%;top:71%;width:6.8%;aspect-ratio:28 / 33;background-image:url(assets/player/player-next-no.png)}.skin-next:hover{background-image:url(assets/player/player-next-hov.png)}.skin-next:active{background-image:url(assets/player/player-next-do.png)}@media(max-width:640px){.page{padding:5vh 5vw 10vh;gap:2.75rem}.top-menu ul{font-size:1.15rem;gap:.3rem .4rem}.intro-scroll{font-size:1.15rem;max-height:200px}}@media(max-width:480px){.player-frame{width:clamp(148px,46vw,210px)}}.window{box-shadow:inset 0 1px #fffc,0 0 0 1px #3f131999,0 0 46px #e2453f2e,0 24px 60px #00000080}.window-titlebar{box-shadow:inset 0 1px #ffffff61,inset 0 -1px #3f131940}.social-dot:before{content:"";position:absolute;inset:3px 7px 52%;border-radius:50%;background:linear-gradient(180deg,#ffffff6b,#fff0);pointer-events:none}.top-menu a:active{transform:translateY(0)}.social-dot:active{transform:translateY(-2px) scale(.97)}.top-menu a:focus-visible,.social-dot:focus-visible,.secret-btn:focus-visible,.skin-btn:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.intro-scroll{overscroll-behavior-y:contain}.intro-scroll::selection,.intro-scroll p::selection{background:var(--maroon);color:var(--cream)}@media(hover:none){.hero-window:hover .peek-character{opacity:1}.hero-window:focus-within .peek-character{opacity:.14}}@media(prefers-reduced-motion:reduce){html,body{scroll-behavior:auto}.hero-window,.logo,.menu-logo,.secret-btn,.site-header:after,.window-titlebar:after{animation:none}.peek-character,.social-dot,.top-menu a,.skin-btn{transition:none}}body{background-image:linear-gradient(180deg,#300408c2,#270408cc),url(assets/bg-wallpaper.webp)}.site-header{background:linear-gradient(#bb545866,#ffffff18 44%,#580910bb 46%,#350509dd)}.secret-msg{margin:0;min-height:0}.secret-msg:not(.show){height:0;overflow:hidden}.creation-story{height:320svh;position:relative;z-index:1}.creation-stage{height:calc(100svh - 76px);min-height:540px;position:sticky;top:76px;overflow:hidden;background:radial-gradient(ellipse at 73% 46%,#bd17252b,transparent 60%),linear-gradient(135deg,#210207e8,#47070ce0);border-bottom:1px solid #ed646444;contain:layout paint style}.aero-path{margin:22px 4vw;display:flex;align-items:center;gap:30px;border:1px solid #f8b4b466;border-radius:7px;padding:11px 16px;background:linear-gradient(#ffffff28,#ffffff08 49%,#26000555 50%);box-shadow:inset 0 1px #fff5,0 4px 15px #0003;font:13px Segoe UI,sans-serif;color:#ffddd4}.aero-path span:last-child{margin-left:auto}.stage-grid{position:absolute;inset:25% -30% -40%;background-image:linear-gradient(#ec3d3810 1px,transparent 1px),linear-gradient(90deg,#ec3d3810 1px,transparent 1px);background-size:65px 65px;transform:perspective(600px) rotateX(55deg);mask-image:linear-gradient(transparent,#000)}.creation-copy{position:absolute;left:7vw;top:27%;width:44%;z-index:2;will-change:opacity,transform}.kicker{font:12px var(--font-pixel);letter-spacing:2px;color:#fca99b;line-height:1.8}.creation-copy h1{font:600 clamp(40px,5.2vw,78px) / 1.06 "Segoe UI",sans-serif;letter-spacing:-3px;color:#fff1dd;margin:22px 0;text-shadow:0 3px 24px #200}.creation-copy h1 span{color:#ed453b}.creation-description{font:16px/1.7 Segoe UI,sans-serif;color:#dcbcb5;margin-bottom:28px}.aero-cta{display:inline-flex;align-items:center;gap:28px;padding:13px 23px;border:1px solid #ffa493;border-radius:7px;color:#fff8df;background:linear-gradient(#db6c63,#a83432 48%,#740e16 50%,#ad2c29);box-shadow:inset 0 1px #ffe4c899,0 6px 18px #15000077;text-decoration:none;font:15px Segoe UI,sans-serif;transition:filter .2s,transform .2s}.aero-cta:hover{filter:brightness(1.18);transform:translateY(-2px)}#creation-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;contain:strict}.model-label{position:absolute;right:6vw;bottom:18%;width:34%;display:flex;justify-content:space-between;border-top:1px solid #ec5d4d55;padding-top:13px;color:#e7a99b;font:12px var(--font-pixel);letter-spacing:1px}.scroll-cue{position:absolute;bottom:32px;left:7vw;display:flex;align-items:center;gap:22px;color:#e3b5a8;font:12px Segoe UI,sans-serif;letter-spacing:2px;text-decoration:none}.scroll-cue span{font-size:25px}.story-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#fff1}.story-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:#f34b37;box-shadow:0 0 15px #ff563d}.artist-intro{position:relative;z-index:1;text-align:center;padding:100px 24px 65px;background:radial-gradient(ellipse at 50% 25%,#b5182238,transparent 65%);scroll-margin-top:110px}.artist-intro img{display:block;width:min(360px,75vw);height:auto;margin:20px auto 30px;filter:drop-shadow(0 12px 24px #17000077)}.artist-intro h2{font:500 clamp(24px,3vw,38px) / 1.3 "Segoe UI",sans-serif;color:var(--cream);margin:20px 0}.artist-intro>p:not(.kicker){font:16px/1.7 Segoe UI,sans-serif;color:#e6bfb4}.art-tags{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:25px 0 30px}.art-tags a{color:#f3c4b4;font:14px Segoe UI,sans-serif;text-decoration:none;border-bottom:1px solid #af5353;padding-bottom:5px}#sobre-mi,#contacto{scroll-margin-top:130px}.volume-control{position:absolute;right:0;top:0;z-index:6;font:14px Segoe UI,sans-serif}#volume-button{width:36px;height:36px;border-radius:50%;border:1px solid #f6bbaa;background:linear-gradient(#cf6a60,#692026 50%,#9d3934);color:#ffe9b0;box-shadow:inset 0 1px #fff8,0 3px 10px #0006;font-size:22px;cursor:pointer}#volume-panel{position:absolute;right:0;bottom:44px;width:190px;padding:14px;border:1px solid #ffcab099;border-radius:9px;background:linear-gradient(#923f39f5,#3f1319f5);box-shadow:inset 0 1px #fff5,0 8px 25px #0007;backdrop-filter:blur(12px)}#volume-panel label{display:flex;justify-content:space-between;margin-bottom:10px;color:#ffe9b0}#volume-range{width:100%;accent-color:#e2453f;cursor:pointer}#mute-button{border:1px solid #edac9577;border-radius:4px;background:#ffffff14;color:#ffe9b0;padding:6px 10px;margin-top:8px;cursor:pointer}@media(max-width:700px){.creation-story{height:280svh}.creation-stage{top:110px;height:calc(100svh - 110px);min-height:560px}.aero-path{margin:14px 5vw;font-size:12px;gap:12px}.aero-path span:nth-child(2){display:none}.creation-copy{top:15%;left:7vw;width:86%}.creation-copy h1{font-size:42px;letter-spacing:-2px;margin:12px 0}.creation-description{font-size:14px;line-height:1.5;margin-bottom:16px}.kicker{font-size:12px;letter-spacing:1px}.aero-cta{padding:10px 16px}.model-label{width:80%;right:10%;bottom:10%;font-size:12px}.scroll-cue{bottom:22px;font-size:12px}.artist-intro{padding-top:65px}}@media(prefers-reduced-motion:reduce){.creation-story{height:100svh}.creation-copy,.aero-cta{transition:none}}html,body{overflow-x:clip}.creation-stage{top:var(--aero-header-height, 76px);height:calc(100svh - var(--aero-header-height, 76px))}@media(prefers-reduced-motion:reduce){.scroll-cue{visibility:hidden}}.model-catalog{position:relative;z-index:1;width:min(1180px,94%);margin:40px auto 100px;border:1px solid #ef9c85;border-radius:10px;overflow:hidden;box-shadow:inset 0 1px #fff7,0 20px 70px #0007;background:#210609;scroll-margin-top:120px}.catalog-titlebar{display:flex;justify-content:space-between;padding:13px 18px;background:linear-gradient(#a24f48,#79302f 48%,#4d111b 50%,#6b272b);box-shadow:inset 0 1px #ffcfb899;font:14px Segoe UI,sans-serif;color:#fff1d8}.catalog-layout{display:grid;grid-template-columns:1fr 1fr;min-height:640px}.catalog-select{padding:34px;background:linear-gradient(120deg,#4b0d14,#19070c);border-right:1px solid #a54138}.catalog-select h2{font:clamp(22px,2.6vw,33px) / 1.55 var(--font-pixel);letter-spacing:-1px;color:#fff0d8;margin:16px 0}.catalog-select h2 span{color:#ff4c36;animation:cursor-blink 1s steps(1) infinite}.catalog-sub{font:15px/1.6 Segoe UI,sans-serif;color:#cea99c}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0 22px}.character-slot{position:relative;aspect-ratio:.88;min-width:0;border:3px solid #a52f30;border-radius:0;background:repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 4px),linear-gradient(135deg,#4c141e,#190a10);box-shadow:inset 0 0 0 3px #160506,0 0 0 1px #f17a5655;color:#c97e72;cursor:pointer;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}.character-slot.selected{border-color:#ff7e53;color:#ffe3ad;background:repeating-linear-gradient(0deg,#ffaf6807 0 1px,transparent 1px 4px),linear-gradient(#9a292f,#370b11);box-shadow:inset 0 0 0 3px #ffb46555}.character-slot:hover{border-color:#ffc07c;filter:brightness(1.2)}.character-slot:focus-visible{outline:none;border-color:#fff4bd;box-shadow:inset 0 0 0 4px #fff4bd}.portrait-placeholder{display:block;font:46px var(--font-pixel);text-shadow:4px 4px #0007}.slot-number{position:absolute;top:8px;left:8px;font:12px var(--font-pixel)}.slot-name{position:absolute;bottom:9px;left:0;right:0;font:10px var(--font-pixel)}.p1{position:absolute;right:5px;top:7px;font:12px var(--font-pixel);color:#fff1bb}.selection-help{font:12px/1.6 var(--font-pixel);color:#cd9488}.catalog-preview{position:relative;min-height:640px;background:radial-gradient(ellipse at 50% 40%,#a1262833,transparent 65%),repeating-linear-gradient(90deg,transparent 0 39px,#ff777708 40px),#19090d;overflow:hidden}.preview-top{position:absolute;left:22px;right:22px;top:24px;display:flex;justify-content:space-between;gap:10px;color:#d79883;font:12px Segoe UI,sans-serif;letter-spacing:1px}#avatar-preview{width:100%;height:500px;display:block;margin-top:28px}.preview-caption{position:absolute;bottom:25px;left:28px;right:28px}.preview-caption h3{margin:0;color:#ffe0b5;font:25px var(--font-pixel)}.preview-caption p{color:#cfaaa0;font:14px/1.5 Segoe UI,sans-serif}#rotation-toggle{border:1px solid #e5a38a;border-radius:5px;background:linear-gradient(#a34c43,#591823);color:#ffe7c0;padding:8px 13px;cursor:pointer;font:13px Segoe UI,sans-serif}.catalog-status{display:flex;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid #9d4d3b;background:linear-gradient(#61252b,#3c111c);font:12px Segoe UI,sans-serif;color:#e8bdb0}.empty-model{position:absolute;top:40%;left:20px;right:20px;text-align:center;color:#f2a88c;font:20px var(--font-pixel)}.empty-model span{display:block;margin-top:20px;font:14px Segoe UI,sans-serif;color:#b89084}.aero-cta{position:relative;overflow:hidden}.aero-cta:after{content:"";position:absolute;inset:-70% -50%;background:linear-gradient(110deg,transparent 42%,#fff5 50%,transparent 58%);transform:translate(-80%);animation:aero-sweep 7s ease-in-out infinite;pointer-events:none}.aero-path{animation:aero-breathe 5s ease-in-out infinite}@keyframes aero-sweep{0%,65%{transform:translate(-80%)}95%,to{transform:translate(80%)}}@keyframes aero-breathe{50%{box-shadow:inset 0 1px #fff8,0 0 22px #f4503422}}@keyframes cursor-blink{50%{opacity:0}}@media(max-width:760px){.catalog-layout{grid-template-columns:1fr}.catalog-select{padding:24px;border-right:0;border-bottom:1px solid #a54138}.catalog-select h2{font-size:25px}.character-slot{aspect-ratio:1}.catalog-preview{min-height:600px}.catalog-status{flex-direction:column}.slot-name{font-size:10px}.preview-top{font-size:12px}}@media(prefers-reduced-motion:reduce){.aero-cta:after,.aero-path,.catalog-select h2 span{animation:none}}.catalog-page .model-catalog{margin-top:35px}.placeholder-podium{height:500px;position:relative}.podium-ring{position:absolute;left:20%;right:20%;bottom:45px;height:65px;border-radius:50%;border:2px solid #bd4841;box-shadow:0 10px #4b131a,0 12px #8e302c,0 0 30px #a9252722;background:radial-gradient(ellipse,#6a1f23,#25080d)}.catalog-page .empty-model{top:32%}.hero-brand{display:block;width:160px;max-width:42%;height:auto;margin:0 0 12px}.creation-copy{top:17%}.creation-copy h1{font-size:clamp(34px,4vw,58px);letter-spacing:-2px;line-height:1.12;margin:16px 0}.creation-copy .headline-tail{color:var(--cream);font-size:.72em;letter-spacing:-1px}.kit-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.kit-slot .slot-name{z-index:2;background:#261309e8;color:#ffe4a1;padding:6px 1px;bottom:0;font-size:11px}.kit-slot .slot-number,.kit-slot .p1{z-index:2;background:#342209dd;padding:4px}.character-slot.kit-slot{border-color:#c69225}.character-slot.kit-slot.selected{border-color:#ffeb96;box-shadow:inset 0 0 0 3px #ffde63;filter:drop-shadow(0 0 7px #f6bd42)}.kit-slot:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 0 2px #ffe58e,inset 0 0 13px #ffd451aa;background:linear-gradient(115deg,transparent 40%,#fff5 49%,transparent 58%);background-size:250% 100%;background-position:160% 0}.kit-slot.selected:after{animation:gold-shine 5s ease-in-out infinite}@keyframes gold-shine{0%,50%{background-position:160% 0}90%,to{background-position:-70% 0}}#kit-viewer{position:absolute;top:38px;left:0;width:100%;height:440px;z-index:1;touch-action:none;cursor:grab}#kit-viewer:active{cursor:grabbing}.model-zoom-controls{position:absolute;right:18px;top:48px;z-index:5;display:flex;align-items:center;gap:4px;padding:5px;border:1px solid rgba(255,205,215,.72);border-radius:7px;background:linear-gradient(#681227eb,#300410f0);box-shadow:0 4px 16px #00000059,inset 0 1px #ffffff3d}.model-zoom-controls button{min-width:32px;height:29px;padding:0 8px;border:1px solid #d88b9b;border-radius:4px;background:linear-gradient(#fff5f1,#dba9aa);color:#551326;font-weight:800;cursor:pointer;box-shadow:inset 0 1px #fff}.model-zoom-controls button:hover{filter:brightness(1.1);transform:translateY(-1px)}#model-zoom-reset{min-width:52px;font-size:11px}#kit-message{font:12px/1.4 Segoe UI,sans-serif;margin:6px 0 0;color:#d6bb9c}#kit-rotate{border:1px solid #e5bd67;border-radius:5px;background:linear-gradient(#865b29,#442a19);color:#fff0c0;padding:8px 13px;cursor:pointer}.preview-caption{z-index:2}@media(max-width:700px){.hero-brand{width:118px;margin-bottom:8px}.creation-copy{top:12%}.creation-copy h1{font-size:34px;margin:10px 0}.creation-copy .kicker{font-size:11px}.creation-stage{min-height:650px}#rain-canvas,.bg-orbs{display:none}.site-header{backdrop-filter:none;-webkit-backdrop-filter:none}.site-header:after,.window-titlebar:after,.player-frame:before,.aero-cta:after{animation:none;display:none}.hero-window,.logo,.menu-logo,.social-dot,.secret-btn,.aero-path{animation:none}.stage-grid{display:none}.player-frame.is-playing .frame-img{animation:none}.player-frame.is-playing .mini-vis span{animation-duration:1.5s}.reveal{filter:none;transition:opacity .35s ease,transform .35s ease}.kit-slot.selected:after{animation:none}.character-slot.kit-slot.selected{filter:none}#kit-viewer{height:410px}.catalog-preview{min-height:630px}.artist-intro,.page,.model-catalog{content-visibility:auto;contain-intrinsic-size:auto 720px}.creation-copy{will-change:auto}}@media(prefers-reduced-motion:reduce){.kit-slot.selected:after{animation:none}}.skin-btn:disabled{opacity:.3;cursor:default;pointer-events:none}#volume-button:focus-visible,#mute-button:focus-visible,#volume-range:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.model-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.character-slot .slot-name{z-index:2;background:#1a0910e8;bottom:0;padding:6px 3px;font-size:10px;line-height:1.4}.character-slot .slot-number,.character-slot .p1{z-index:2;background:#180913c9;padding:4px}.niko-slot{border-color:#c095ff!important;box-shadow:inset 0 0 0 2px #ffe35c!important}.niko-slot:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 2px #ffe970,inset 0 0 17px 4px #a5f,inset 0 0 30px #ffde66;background:linear-gradient(115deg,transparent 35%,#fff9 48%,transparent 60%);background-size:250% 100%;animation:gold-shine 4s ease-in-out infinite}.niko-slot.selected{border-color:#fff8b0!important;filter:drop-shadow(0 0 9px #bd77ff)}.loop-slot{border-color:#08080a!important;box-shadow:inset 0 0 0 2px #b8b8c3!important}.loop-slot:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 2px #6e6e78,inset 0 0 12px 5px #000c;background:linear-gradient(115deg,transparent 38%,#ffffff66 49%,transparent 59%);background-size:250% 100%;animation:gold-shine 6s ease-in-out infinite}.loop-slot.selected{border-color:#25252d!important;box-shadow:inset 0 0 0 2px #e6e6ed,0 0 8px #ddd!important}.series-badge{display:inline-block;max-width:100%;font:700 11px/1.5 Tahoma,Segoe UI,sans-serif;color:#fff8e7;letter-spacing:.4px;padding:5px 9px;margin:0 0 12px;background:linear-gradient(#ff9182,#e43b32 38%,#a80e11 42%,#d83025 90%,#ff7657);border:1px solid #ffbca3;border-radius:4px;box-shadow:inset 1px 1px #ffdad088,inset -1px -1px #690405,0 2px 5px #0007;text-shadow:0 1px #690500}.series-badge[hidden]{display:none}.catalog-preview.loop-scene{background:linear-gradient(#1113,#17130955),url(assets/loop-background.webp) center/cover no-repeat}.loop-scene .preview-caption{background:#09090bdc;padding:16px;border:1px solid #85858a;border-radius:7px;bottom:18px}.loop-scene .preview-top{background:#09090bcc;padding:8px;color:#f3f0d4;border-radius:4px}.preview-caption h3{font-size:clamp(17px,2vw,25px);line-height:1.4}@media(max-width:700px),(prefers-reduced-motion:reduce){.niko-slot:after,.loop-slot:after{animation:none}.niko-slot.selected{filter:none}}img.vrchat-mark,.artist-intro img.vrchat-mark{display:inline-block;width:auto;height:1.65em;max-width:100%;margin:0 .12em;vertical-align:middle;object-fit:contain;filter:none;animation:none}.top-menu img.vrchat-mark{height:1.5em}.art-tags img.vrchat-mark{height:1.8em}.catalog-select .kicker img.vrchat-mark{height:2.2em}.catalog-status{align-items:center;flex-wrap:wrap}.catalog-status img.vrchat-mark{height:2em;flex:none}@media(max-width:700px){.top-menu img.vrchat-mark{height:1.4em}}.language-switch{position:fixed;right:16px;bottom:74px;z-index:10000;min-width:49px;height:38px;padding:0 11px;border:1px solid #ffd9c9;border-radius:7px;color:#fff9ee;font:700 13px/1 Segoe UI,Tahoma,sans-serif;letter-spacing:.8px;background:linear-gradient(#ed9b92,#ad4352 44%,#761d31 48%,#9d3347);box-shadow:inset 0 1px #fff9,inset 0 -1px #4c0718,0 0 0 1px #4b0717,0 5px 15px #24030c66;text-shadow:0 1px 2px #480715;cursor:pointer;backdrop-filter:blur(8px)}.language-switch:hover{filter:brightness(1.12);box-shadow:inset 0 1px #fff,0 0 0 1px #4b0717,0 0 13px #ffb29a88}.language-switch:active{transform:translateY(1px)}.language-switch:focus-visible{outline:3px solid #ffd35f;outline-offset:3px}@media(max-width:520px){.language-switch{right:9px;bottom:61px;height:34px;min-width:44px}}html,body{cursor:url(assets/cursor-xp.png?v=2) 1 1,auto}a,button,input,select,textarea,label,summary,[role=button]{cursor:url(assets/cursor-xp.png?v=2) 1 1,pointer}.catalog-page,.catalog-page *{cursor:url(assets/cursor-wii.png?v=2) 8 2,auto!important}.catalog-page a,.catalog-page button,.catalog-page input,.catalog-page label{cursor:url(assets/cursor-wii.png?v=2) 8 2,pointer!important}.catalog-page{background-image:linear-gradient(#28000a57,#1f00087a),url(assets/model-viewer-bg.jpg)!important;background-position:center top!important;background-size:cover!important;background-repeat:no-repeat!important;background-attachment:fixed!important}.catalog-page .placeholder-podium{display:none!important}html,body,body *{cursor:url(assets/cursor-wii.png?v=3) 8 2,auto!important}a,button,input,select,textarea,label,summary,[role=button],.about-item,.viewer-stage{cursor:url(assets/cursor-wii.png?v=3) 8 2,pointer!important}html,body,body *{cursor:url(assets/cursor-teri.png?v=2) 1 1,auto!important}a,button,input,select,textarea,label,summary,[role=button],.about-item,.viewer-stage{cursor:url(assets/cursor-teri.png?v=2) 1 1,pointer!important}.player{z-index:40}.player-frame{width:clamp(205px,25vw,292px);aspect-ratio:304/300;background:url(assets/player-hl2/main-back-clean.png) center/100% 100% no-repeat;filter:drop-shadow(0 15px 20px #000a)}.player-frame:before{display:none!important}.player-frame .frame-img{opacity:0!important;filter:none!important}.player-screen{left:24%;top:28%;width:52%;height:28%;padding:0;justify-content:center}.track-title{color:#fff;font-family:Consolas,monospace;font-size:clamp(9px,1.25vw,12px);text-shadow:0 0 4px #fff,0 0 10px #fff,0 0 18px #ff7899,0 1px 2px #000;white-space:normal;line-height:1.05}.mini-vis{height:18%;gap:2px}.mini-vis span{background:linear-gradient(#fff,#ffe9ef);box-shadow:0 0 5px #fff,0 0 9px #ff7596}.skin-btn{display:grid;place-items:center;width:31px!important;height:25px!important;aspect-ratio:auto!important;border:1px solid #111!important;border-radius:5px!important;background:linear-gradient(#777,#292929 50%,#080808 53%,#454545)!important;color:#ff7a24!important;box-shadow:inset 0 1px #ddd8,0 2px 3px #000!important;font:700 12px/1 Arial!important}.skin-btn:after{display:block}.skin-prev{left:38%;top:72%}.skin-prev:after{content:"◀◀"}.skin-playpause{left:50%;top:72%;width:35px!important}.skin-playpause:after{content:"▶"}.skin-playpause.playing:after{content:"Ⅱ"}.skin-next{left:62%;top:72%}.skin-next:after{content:"▶▶"}.skin-btn:hover{filter:brightness(1.35) drop-shadow(0 0 5px #ff7b28)!important}.skin-btn:active{filter:brightness(.8)!important}.player-seek{position:absolute;z-index:8;left:23%;top:59%;width:54%;height:14px;margin:0;appearance:none;border:1px solid #111;border-radius:7px;background:linear-gradient(#090909,#303030);box-shadow:inset 0 2px 4px #000,0 0 5px #fff5;accent-color:#fff;touch-action:none}.player-seek::-webkit-slider-runnable-track{height:6px;border-radius:4px;background:linear-gradient(90deg,#fff,#ffbdca);box-shadow:0 0 6px #fff}.player-seek::-webkit-slider-thumb{appearance:none;width:14px;height:18px;margin-top:-6px;border:1px solid #5f1428;border-radius:5px;background:linear-gradient(#fff,#ffc7d2 55%,#a92848);box-shadow:0 0 8px #fff}.player-status{position:absolute;left:25%;top:82%;width:50%;color:#fff;text-align:center;font:8px Consolas,monospace;text-shadow:0 0 4px #fff,0 0 8px #ff7596,0 1px #000}.volume-control{right:5px;top:14px}.volume-control #volume-button{background:linear-gradient(#777,#202020 55%,#070707)!important;color:#fff!important;text-shadow:0 0 7px #fff;border-color:#111!important}@media(max-width:480px){.player-frame{width:190px}}.shared-site-header{position:relative;z-index:1000;width:min(96%,1540px);min-height:52px;margin:10px auto 0;border:1px solid rgba(255,190,205,.55);border-radius:10px;background:linear-gradient(180deg,#b85269ed,#520519f5 55%,#30000cf7);box-shadow:0 8px 30px #14000659,inset 0 1px #ffffff73;overflow:visible}.shared-site-header .top-menu{width:100%}.shared-site-header .top-menu>ul{min-height:50px;display:flex;align-items:center;justify-content:center;gap:clamp(4px,1vw,18px);padding:4px 14px;margin:0;list-style:none;flex-wrap:wrap}.shared-site-header .top-menu a,.shared-site-header .secret-btn{display:flex;align-items:center;justify-content:center;min-height:32px;padding:5px 10px;border:1px solid transparent;border-radius:5px;color:#fff8f2;text-decoration:none;text-shadow:0 1px 2px #31000c;font-weight:600;background:transparent;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.shared-site-header .top-menu a:hover,.shared-site-header .top-menu a[aria-current=page],.shared-site-header .secret-btn:hover{transform:translateY(-1px);background:linear-gradient(#ffffff40,#ffb2c214);border-color:#ffdce259;box-shadow:inset 0 1px #ffffff40,0 3px 10px #22000940}.shared-site-header .vrchat-mark{display:block;width:67px;height:auto;max-height:28px;object-fit:contain}.shared-site-header .secret-btn{width:30px;padding:0;border-radius:50%}.shared-session-slot{margin-left:auto}.shared-session-actions{display:flex!important;align-items:center;gap:7px;color:#fff;font-size:12px}.shared-session-actions button{min-height:30px;padding:5px 10px;border:1px solid rgba(255,225,230,.7);border-radius:5px;background:linear-gradient(#fffdf8,#e9c7ca);color:#5b1626}.shared-site-header .secret-msg{position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);margin:0;z-index:4}.viewer-stage,#viewer-media,#viewer-media img{touch-action:none;user-select:none;-webkit-user-select:none}#viewer-media img{-webkit-user-drag:none;user-drag:none}@media(max-width:780px){.shared-site-header{width:calc(100% - 12px);margin-top:6px}.shared-site-header .top-menu>ul{gap:2px;padding:4px}.shared-site-header .top-menu a{font-size:11px;padding:4px 6px}.shared-session-slot{margin-left:0;width:100%}.shared-session-actions{justify-content:center}.shared-site-header .vrchat-mark{width:54px}}.scm-slot{border-color:#9baef5!important;box-shadow:inset 0 0 0 2px #26345f,0 0 12px #8198ff88!important}.scm-slot.selected{box-shadow:inset 0 0 0 2px #202c52,0 0 20px #91a5ff,0 0 34px #8a5ca8!important}.lolbit-slot{border-color:#ff9a35!important;box-shadow:inset 0 0 0 2px #5c16aa,0 0 12px #ff8b2788!important}.lolbit-slot.selected{box-shadow:inset 0 0 0 2px #6819c5,0 0 20px #ff922f,0 0 34px #7925d8!important}.one-slot{border-color:#5479ef!important;box-shadow:inset 0 0 0 2px #05070d,0 0 12px #527dff99!important}.one-slot.selected{box-shadow:inset 0 0 0 2px #05070d,0 0 21px #5d84ff,0 0 34px #1b3eac!important}