:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#f7fbff;background:#030a12;--cyan:#20d7ff;--blue:#1678ff;--panel:#081829e8}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100svh;background:radial-gradient(circle at 50% 12%,#123b62 0,#061422 38%,#02070c 100%)}button,a{font:inherit}.experience-shell{min-height:100svh;display:grid;place-items:center}.welcome,.stage{position:relative;width:min(100%,480px);height:100svh;min-height:650px;overflow:hidden;background:linear-gradient(160deg,#081b2f,#020812)}.welcome{display:flex;flex-direction:column;padding:26px 24px 20px}.brand,.mini-brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.08em}.brand img{width:48px;height:48px;object-fit:contain}.welcome-copy{position:relative;z-index:2;margin-top:8vh;max-width:390px}.eyebrow{color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.18em}.welcome h1{margin:10px 0;font-size:clamp(38px,11vw,58px);line-height:.94}.welcome p{color:#b9cad9;font-size:17px;line-height:1.45}.welcome-avatar{position:absolute;z-index:1;width:94%;max-height:68%;object-fit:contain;object-position:center bottom;right:-19%;bottom:124px;filter:drop-shadow(0 20px 35px #000a)}.welcome-actions{z-index:3;display:grid;gap:10px;margin-top:auto}.primary,.secondary,.whatsapp{min-height:52px;border-radius:14px;font-weight:900;cursor:pointer}.primary{border:0;color:#001019;background:linear-gradient(135deg,var(--cyan),#2e8cff);box-shadow:0 12px 30px #1daeff45}.secondary{border:1px solid #48708e;background:#081a29d9;color:#e9f6ff}.welcome small{z-index:3;margin-top:12px;color:#8ba1b2;text-align:center;font-size:11px}.stage{background:#04101c}.camera,.fallback-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.camera{transform:scaleX(-1)}.fallback-bg{background:radial-gradient(circle at 65% 20%,#174d78 0,#07182a 36%,#02070d 78%)}.fallback-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#1ccfff0d 1px,transparent 1px),linear-gradient(90deg,#1ccfff0d 1px,transparent 1px);background-size:34px 34px}.stage-header{position:absolute;z-index:8;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top)) 18px 14px;background:linear-gradient(#020912dd,transparent)}.mini-brand img{width:35px;height:35px}.stage-header button{border:1px solid #ffffff45;border-radius:999px;padding:8px 13px;background:#07131fc4;color:#fff}.video-card{position:absolute;z-index:5;inset:15% 20px auto;overflow:hidden;border:1px solid #35ceff88;border-radius:22px;background:#06111e;box-shadow:0 28px 80px #000c}.video-card video{display:block;width:100%;max-height:64svh;object-fit:cover;background:#000}.video-card div{display:grid;gap:4px;padding:15px 17px}.video-card strong{font-size:18px}.video-card span{color:#9eb5c7;font-size:13px}.guide{position:absolute;z-index:5;inset:74px 0 0}.guide>img{position:absolute;right:-20%;bottom:22%;width:104%;height:72%;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 18px 30px #000b);animation:avatarIn .6s ease both}.guide-card{position:absolute;left:18px;right:18px;bottom:24px;padding:18px;border:1px solid #39d2ff80;border-radius:18px;background:var(--panel);backdrop-filter:blur(16px);box-shadow:0 18px 50px #0008}.guide-card span{color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.15em}.guide-card h2{margin:7px 0;font-size:25px}.guide-card p{margin:0;color:#b7cad9;line-height:1.4}.progress{height:4px;margin-top:16px;border-radius:999px;background:#20384b;overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),#775cff);transition:width 2.3s linear}.finish{position:absolute;z-index:9;inset:0;display:grid;place-items:end center;padding:22px;background:linear-gradient(transparent 5%,#020812b8 42%,#020812 78%)}.finish-card{width:100%;padding:23px;border:1px solid #39d2ff70;border-radius:22px;background:#071727ef;backdrop-filter:blur(16px);text-align:center}.finish h2{margin:8px 0;font-size:31px}.finish p{color:#acc0d0;line-height:1.5}.finish-card a,.finish-card button{display:grid;place-items:center;width:100%;margin-top:10px;text-decoration:none}.whatsapp{border:1px solid #22d173;background:#052d1d;color:#5cff9e}.link{min-height:54px;border-radius:14px}.finish .secondary{margin-top:10px}@keyframes avatarIn{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:none}}@media(min-width:700px){body{padding:24px}.welcome,.stage{height:min(900px,calc(100vh - 48px));min-height:650px;border:1px solid #23506b;border-radius:28px;box-shadow:0 30px 90px #000b}}

/* Experiencia espacial 2.5D: cámara trasera, colocación y lectura controlada. */
.camera{transform:none}.guide{perspective:900px}.placement-hint{position:absolute;z-index:7;top:13%;left:26px;right:26px;display:grid;place-items:center;gap:7px;padding:17px;border:1px solid #55ddff9c;border-radius:18px;background:#03101bd9;text-align:center;backdrop-filter:blur(12px)}.placement-hint strong{font-size:15px}.placement-hint small{color:#a9c1d2}.scan-icon{width:44px;height:44px;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 0 8px #20d7ff18;animation:scanPulse 1.6s infinite}.placement-target{position:absolute;z-index:6;left:50%;top:55%;width:94px;height:44px;transform:translate(-50%,-50%) rotateX(64deg);border:2px solid #55e5ff;border-radius:50%;background:#18cfff28;box-shadow:0 0 24px #19d5ff,0 0 0 16px #19d5ff12;animation:targetPulse 1.7s infinite}.placement-target i{position:absolute;inset:50% auto auto 50%;width:12px;height:12px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 15px #fff}.avatar-anchor{--avatar-scale:1;position:absolute;z-index:4;width:270px;height:440px;transform:translate(-50%,-62%) scale(var(--avatar-scale));transform-origin:50% 100%;filter:drop-shadow(0 18px 22px #0009);pointer-events:none}.avatar-anchor img{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}.avatar-shadow{position:absolute;z-index:1;left:17%;right:17%;bottom:5px;height:28px;border-radius:50%;background:#0009;filter:blur(8px);transform:rotateX(65deg)}.avatar-change img{animation:avatarPop .55s ease both}.guide-card{z-index:8;bottom:20px;padding:16px}.guide-card h2{font-size:23px}.guide-card p{line-height:1.35}.guide-actions{display:grid;grid-template-columns:.7fr 1.3fr;gap:9px;margin-top:13px}.compact{min-height:43px;border-radius:11px}.compact:disabled{opacity:.4}.ar-controls{position:absolute;z-index:9;top:8px;left:50%;display:flex;align-items:center;gap:7px;transform:translateX(-50%);padding:6px;border:1px solid #ffffff35;border-radius:999px;background:#04111ddd;backdrop-filter:blur(10px);white-space:nowrap}.ar-controls button{min-width:34px;height:34px;border:0;border-radius:999px;background:#12344d;color:#fff;font-weight:900}.ar-controls span{font-size:11px;color:#bdd0df}.ar-controls #moveAvatar{padding:0 11px;background:#0d7893}@keyframes avatarPop{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}@keyframes scanPulse{50%{transform:scale(.88);box-shadow:0 0 0 17px #20d7ff08}}@keyframes targetPulse{50%{opacity:.65;box-shadow:0 0 38px #19d5ff,0 0 0 27px #19d5ff08}}
.avatar-anchor model-viewer{position:absolute;z-index:2;inset:0;width:100%;height:100%;background:transparent;--poster-color:transparent;pointer-events:none}.avatar-change model-viewer{animation:avatarPop .55s ease both}

/* Video real con transparencia: centrado estable en celulares y escritorio. */
.avatar-anchor{left:50%;top:45%;width:100%;height:min(72svh,650px);transform:translate(-50%,-50%);transform-origin:50% 100%;filter:drop-shadow(0 18px 24px #0008)}
.avatar-anchor model-viewer{position:absolute;z-index:2;inset:0;width:100%;height:100%;background:transparent;--poster-color:transparent;pointer-events:none}
.avatar-shadow{left:24%;right:24%;bottom:3%;height:25px}
@media(max-width:380px){.avatar-anchor{top:43%;width:100%;height:66svh}.guide-card{left:12px;right:12px;bottom:12px}.guide-card h2{font-size:21px}}

/* Una puesta en escena diferente en cada avance, usando el mismo robot oficial. */
.avatar-anchor{transition:top .55s ease,left .55s ease,transform .55s ease,filter .55s ease}
.avatar-anchor.pose-equipos{left:50%;top:44%;transform:translate(-50%,-50%) rotate(0)}
.avatar-anchor.pose-accesorios{left:43%;top:43%;transform:translate(-50%,-50%) rotate(-2deg);filter:drop-shadow(18px 20px 26px #000a)}
.avatar-anchor.pose-soporte{left:57%;top:42%;transform:translate(-50%,-50%) scale(1.08) rotate(2deg);filter:drop-shadow(-18px 22px 28px #000a)}

/* Cierre: el robot reaparece inclinado detrás de la llamada a la acción. */
.finish{isolation:isolate;padding:260px 22px 22px;background:radial-gradient(circle at 50% 21%,#16486b9c 0,transparent 35%),linear-gradient(transparent 3%,#020812b8 43%,#020812 78%)}
.finish:before{content:"";position:absolute;z-index:0;inset:0;background-image:linear-gradient(#1ccfff0a 1px,transparent 1px),linear-gradient(90deg,#1ccfff0a 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(#000,transparent 72%)}
.finish-robot{position:absolute;z-index:1;top:64px;left:50%;width:116%;height:43%;transform:translateX(-50%) rotate(-4deg);transform-origin:50% 90%;pointer-events:none;filter:drop-shadow(0 22px 24px #000a);animation:finishRobotIn .7s cubic-bezier(.2,.85,.2,1) both}
.finish-robot model-viewer{width:100%;height:100%;background:transparent;--poster-color:transparent;pointer-events:none}
.finish-card{position:relative;z-index:2;box-shadow:0 24px 60px #000b}
@keyframes finishRobotIn{from{opacity:0;transform:translate(-50%,30px) rotate(2deg) scale(.92)}to{opacity:1;transform:translateX(-50%) rotate(-4deg)}}
@media(max-height:720px){.finish{padding-top:205px}.finish-robot{top:50px;height:37%}.finish-card{padding:17px}.finish h2{font-size:27px}.finish p{margin:8px 0}.finish-card a,.finish-card button{min-height:46px}}
@media(max-width:380px){.finish{padding-left:12px;padding-right:12px}.finish-robot{width:125%}}

/* Escenografía holográfica: una identidad visual activa para cada avance. */
.scene-fx{position:absolute;z-index:3;inset:0;overflow:hidden;pointer-events:none;transition:opacity .35s ease}.holo-platform{position:absolute;left:50%;top:55%;width:62%;height:82px;transform:translate(-50%,-50%) rotateX(72deg);border:1px solid #4eeaff;border-radius:50%;background:radial-gradient(ellipse,#27d9ff24,transparent 65%);box-shadow:0 0 24px #18d7ff66,inset 0 0 22px #27d9ff3d;animation:platformPulse 2s ease-in-out infinite}.equipment-holo,.accessory-holo,.support-holo{display:none}.scene-equipos .equipment-holo{display:block}.equipment-holo{position:absolute;top:20%;right:5%;width:124px;height:132px;filter:drop-shadow(0 0 9px #1edcff)}.holo-laptop{position:absolute;inset:0 7px 42px;border:2px solid #55eaff;border-radius:8px;background:linear-gradient(145deg,#55eaff18,#6a4cff2e);transform:perspective(300px) rotateY(-18deg);animation:holoFloat 2.4s ease-in-out infinite}.holo-laptop:after{content:"";position:absolute;left:-8px;right:-8px;bottom:-12px;height:9px;border:2px solid #55eaff;border-radius:2px;transform:skewX(-25deg)}.holo-laptop i{position:absolute;inset:8px;background:repeating-linear-gradient(90deg,#59e9ff30 0 2px,transparent 2px 10px)}.equipment-holo span{position:relative;top:100px;display:inline-block;margin:0 2px;padding:3px 5px;border:1px solid #55eaff80;border-radius:4px;background:#05243bcf;color:#73ecff;font-size:8px;font-weight:900;animation:chipGlow 1.6s ease-in-out infinite alternate}.equipment-holo span:nth-of-type(2){animation-delay:.35s}.equipment-holo span:nth-of-type(3){animation-delay:.7s}
.scene-accesorios .accessory-holo{display:block}.accessory-holo{position:absolute;inset:16% 4% auto;height:250px}.device{position:absolute;display:block;border:2px solid #53e8ff;background:#071b2bd9;box-shadow:0 0 16px #20d7ff88;animation:deviceOrbit 3.2s ease-in-out infinite}.mouse-device{right:3%;top:8%;width:34px;height:52px;border-radius:50% 50% 45% 45%}.mouse-device:before{content:"";position:absolute;left:50%;top:3px;height:16px;border-left:2px solid #53e8ff}.keyboard-device{left:1%;top:38%;width:96px;height:42px;border-radius:6px;transform:perspective(140px) rotateY(18deg)}.keyboard-device:after{content:"";position:absolute;inset:7px;background:repeating-linear-gradient(90deg,#4ce6ff 0 3px,transparent 3px 9px),repeating-linear-gradient(#4ce6ff 0 2px,transparent 2px 8px);opacity:.65}.headset-device{right:0;top:57%;width:60px;height:54px;border-width:5px;border-bottom:0;border-radius:50% 50% 0 0;animation-delay:.8s}.headset-device:before,.headset-device:after{content:"";position:absolute;top:30px;width:10px;height:22px;border:2px solid #53e8ff;border-radius:4px;background:#071b2b}.headset-device:before{left:-8px}.headset-device:after{right:-8px}
.scene-soporte .support-holo{display:grid}.support-holo{position:absolute;top:19%;left:4%;width:138px;gap:6px;padding:12px;border:1px solid #51e7ff9c;border-radius:10px;background:#031624d9;box-shadow:0 0 20px #18d7ff55;transform:perspective(400px) rotateY(16deg);animation:panelFloat 2.8s ease-in-out infinite}.support-holo strong{color:#71efff;font-size:10px;letter-spacing:.12em}.support-holo span{color:#55ffae;font-size:9px;font-weight:800}.scanner{height:62px;display:flex;align-items:end;gap:7px;padding:8px;border:1px solid #2fb6d255;background:linear-gradient(180deg,#35dcff18,transparent);overflow:hidden}.scanner:after{content:"";position:absolute;left:12px;right:12px;top:16px;height:2px;background:#6af3ff;box-shadow:0 0 12px #6af3ff;animation:scanLine 1.7s linear infinite}.scanner i{width:21%;background:linear-gradient(#57eaff,#127da8);animation:meter 1.2s ease-in-out infinite alternate}.scanner i:nth-child(1){height:45%}.scanner i:nth-child(2){height:78%;animation-delay:.3s}.scanner i:nth-child(3){height:58%;animation-delay:.6s}
.finish-hologram{position:absolute;z-index:3;top:25%;left:50%;display:flex;align-items:center;gap:7px;transform:translateX(-50%);color:#74efff;font-size:9px;font-weight:900;letter-spacing:.18em;pointer-events:none;text-shadow:0 0 10px #27dfff}.finish-hologram span{padding:7px 13px;border:1px solid #56e8ff8c;border-radius:999px;background:#052239cf}.finish-hologram i{width:7px;height:7px;border-right:2px solid #63efff;border-bottom:2px solid #63efff;transform:rotate(45deg);animation:arrowDown 1.2s ease-in-out infinite}.finish-hologram i:nth-child(3){animation-delay:.2s}.finish-hologram i:nth-child(4){animation-delay:.4s}.explore-link{position:relative;overflow:hidden}.explore-link:after{content:"";position:absolute;top:-35%;bottom:-35%;width:22%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:skewX(-18deg);animation:buttonShine 2.7s ease-in-out infinite}
@keyframes platformPulse{50%{transform:translate(-50%,-50%) rotateX(72deg) scale(1.08);opacity:.62}}@keyframes holoFloat{50%{transform:perspective(300px) rotateY(-10deg) translateY(-9px)}}@keyframes chipGlow{to{color:#fff;border-color:#fff;box-shadow:0 0 10px #31dcff}}@keyframes deviceOrbit{50%{translate:0 -12px;rotate:6deg;box-shadow:0 0 27px #20d7ff}}@keyframes panelFloat{50%{transform:perspective(400px) rotateY(10deg) translateY(-8px)}}@keyframes scanLine{from{transform:translateY(0)}to{transform:translateY(52px)}}@keyframes meter{to{height:88%}}@keyframes arrowDown{50%{transform:translateY(7px) rotate(45deg);opacity:.35}}@keyframes buttonShine{0%,45%{left:-35%}75%,100%{left:125%}}
@media(max-width:380px){.equipment-holo{right:1%;transform:scale(.86)}.accessory-holo{left:1%;right:1%}.support-holo{left:1%;transform:scale(.88) perspective(400px) rotateY(16deg);transform-origin:left top}}

/* Equipos y accesorios conviven como hologramas transparentes sobre la cámara. */
.scene-combo{z-index:5}.scene-combo .equipment-holo,.scene-combo .accessory-holo{display:block}.scene-combo .equipment-holo{left:2%;right:auto;top:18%;width:118px}.scene-combo .accessory-holo{inset:16% 2% auto;height:265px}.scene-combo .keyboard-device{left:auto;right:1%;top:38%}.scene-combo .mouse-device{right:8%;top:2%}.scene-combo .headset-device{right:4%;top:64%}.holo-copy,.accessory-copy{position:absolute;display:grid;gap:3px;padding:7px 8px;border:1px solid #55eaff88;border-radius:7px;background:#031725d9;color:#7befff;box-shadow:0 0 15px #20d7ff45;animation:panelFloat 2.8s ease-in-out infinite}.holo-copy{top:100px;left:0;width:118px}.accessory-copy{top:178px;right:71px;width:118px}.holo-copy strong,.accessory-copy strong{font-size:9px;letter-spacing:.13em}.holo-copy small,.accessory-copy small{font-size:7px;line-height:1.45;color:#c3f7ff}.accessory-copy{animation-delay:.45s}

/* Vista previa navegable del catálogo real. */
.finish{padding:170px 12px 10px}.finish-robot{top:34px;height:24%;width:92%;transform:translateX(-50%) rotate(-3deg)}.finish-card{max-height:calc(100svh - 180px);overflow-y:auto;padding:14px 12px 12px;border-radius:20px;scrollbar-width:none}.finish-card::-webkit-scrollbar{display:none}.finish h2{margin:5px 0 3px;font-size:26px}.finish p{margin:0 0 9px;font-size:13px;line-height:1.35}.catalog-preview{padding:8px 0 6px;border:1px solid #2a6885;border-radius:15px;background:linear-gradient(160deg,#071b2c,#04101b);overflow:hidden;box-shadow:inset 0 0 24px #0fcfff0b}.catalog-mini-brand{display:flex;align-items:center;gap:7px;padding:0 10px 7px}.catalog-mini-brand img{width:22px;height:22px;object-fit:contain}.catalog-mini-brand strong{font-size:11px;letter-spacing:.08em}.catalog-mini-brand span{margin-left:auto;color:#65eaff;font-size:8px;font-weight:800;letter-spacing:.08em}.catalog-rail{display:flex;gap:10px;overflow-x:auto;padding:2px 10px 8px;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none}.catalog-rail::-webkit-scrollbar{display:none}.catalog-mini-card{position:relative;flex:0 0 142px;min-height:188px;overflow:hidden;padding:12px 10px;border:1px solid #2a5872;border-radius:11px;background-position:center;background-size:cover;color:#fff;text-align:left;scroll-snap-align:start;isolation:isolate}.catalog-mini-card:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#04121a44 0,#061523df 46%,#04101bf7 100%)}.catalog-mini-card.architecture{background-image:url('assets/cat-arquitectura.jpg')}.catalog-mini-card.engineering{background-image:url('assets/cat-ingenieria.jpg')}.catalog-mini-card.daily{background-image:url('assets/cat-diario.jpg')}.catalog-mini-card.gamer{background-image:url('assets/cat-gamer.jpg')}.catalog-mini-card.clearance{background-image:url('assets/cat-remate.webp')}.catalog-mini-card>span{position:absolute;right:9px;top:8px;color:#6f9ab3;font-size:9px}.catalog-mini-card i{display:grid;place-items:center;width:34px;height:34px;margin:16px 0 30px;border-radius:8px;background:#0a3149e8;color:#32dcff;font-style:normal;font-size:16px}.catalog-mini-card h3{margin:0 0 7px;font-size:14px;line-height:1.12}.catalog-mini-card small{display:block;min-height:45px;color:#b5cedd;font-size:9px;line-height:1.35}.catalog-mini-card b{display:block;margin-top:9px;color:#29ddff;font-size:9px}.swipe-hint{display:flex;justify-content:center;align-items:center;gap:12px;color:#a7c8d9;font-size:9px}.swipe-hint i{color:#31deff;font-size:20px;font-style:normal;animation:swipeNudge 1.4s ease-in-out infinite}.swipe-hint i:last-child{animation-direction:reverse}.finish-card .link,.finish-card .whatsapp,.finish-card .secondary{min-height:44px;margin-top:7px;border-radius:11px;font-size:13px}.finish-card .secondary{min-height:40px}.finish .eyebrow{font-size:9px}.finish-hologram{display:none}
@keyframes swipeNudge{50%{transform:translateX(-5px);opacity:.45}}
@media(max-height:720px){.finish{padding-top:145px}.finish-robot{top:28px;height:21%}.finish-card{max-height:calc(100svh - 153px);padding:11px}.finish h2{font-size:23px}.catalog-mini-card{min-height:168px}.catalog-mini-card i{margin-bottom:20px}.catalog-mini-card small{min-height:40px}.finish-card .link,.finish-card .whatsapp{min-height:40px}}
.stage-controls{display:flex;gap:7px}.stage-controls button{white-space:nowrap}.social-actions{display:flex;gap:8px;margin-top:10px}.social-actions a{flex:1;padding:9px 8px;border:1px solid #2bdcff80;border-radius:9px;background:#082439dd;color:#62eaff;text-align:center;text-decoration:none;font-size:11px;font-weight:900}.social-actions a:last-child{border-color:#ff526e88;color:#ff8da0}

/* Edición Halloween 2026: atmósfera flotante sobre la cámara, sin ocultar los controles. */
:root{--pumpkin:#ff7a18;--violet:#a855f7}.welcome,.stage{isolation:isolate}.welcome{background:radial-gradient(circle at 82% 14%,#4b1765 0,transparent 26%),radial-gradient(circle at 14% 70%,#ad3c101f 0,transparent 38%),linear-gradient(160deg,#101128,#020812)}.welcome:after,.stage:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 34%,#02030b7d 78%,#010207dc 100%)}
.brand,.welcome-copy,.welcome-actions,.welcome>small{position:relative;z-index:4}.welcome-copy{margin-top:5vh;max-width:340px}.brand span{font-size:15px}.welcome h1{font-size:clamp(37px,10.5vw,55px);text-shadow:0 0 28px #8b3dff35}.welcome-avatar{position:absolute;z-index:3;width:82%;height:65%;right:-7%;bottom:72px;filter:drop-shadow(0 20px 35px #000c) drop-shadow(0 0 15px #7b3cff44)}
.halloween-world{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none}.moon{position:absolute;top:11%;right:8%;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#fffce6,#ffd7a3 48%,#ff8122 72%,transparent 74%);box-shadow:0 0 42px #ff7c387a;opacity:.72;animation:moonPulse 4s ease-in-out infinite}.bat,.raven{position:absolute;width:34px;height:17px;filter:drop-shadow(0 0 7px #b36cff);opacity:.88}.bat:before,.bat:after,.raven:before,.raven:after{content:"";position:absolute;top:3px;width:18px;height:12px;background:#08040e;clip-path:polygon(0 0,100% 45%,72% 100%,50% 57%,28% 100%)}.bat:before,.raven:before{right:50%;transform-origin:right center}.bat:after,.raven:after{left:50%;transform:scaleX(-1);transform-origin:left center}.bat-one{top:22%;left:-12%;animation:flyAcross 8s linear infinite}.bat-two{top:34%;left:-18%;scale:.65;animation:flyAcross 11s 2s linear infinite}.raven{top:15%;left:-16%;scale:1.25;animation:flyAcross 13s 4s linear infinite}
.pumpkin{position:absolute;font-style:normal;filter:drop-shadow(0 0 13px #ff6b00);animation:pumpkinFloat 3.2s ease-in-out infinite}.pumpkin-one{left:5%;top:37%;font-size:42px}.pumpkin-two{right:4%;top:55%;font-size:34px;animation-delay:-1.2s}.pumpkin-three{left:13%;top:68%;font-size:27px;animation-delay:-2.1s}.fog{position:absolute;left:-35%;width:170%;height:24%;border-radius:50%;background:radial-gradient(ellipse,#c8d8ff32 0,#8b5cf61a 42%,transparent 72%);filter:blur(18px);mix-blend-mode:screen}.fog-one{bottom:12%;animation:fogDrift 12s ease-in-out infinite}.fog-two{bottom:30%;opacity:.45;animation:fogDrift 16s -5s ease-in-out infinite reverse}
.halloween-stage{z-index:2}.stage-header,.video-card,.guide,.finish{z-index:6}.stage-header{background:linear-gradient(#05030fe8,transparent)}.mini-brand>span{display:grid;gap:1px}.mini-brand small{color:#ff9948;font-size:8px;letter-spacing:.16em}.fallback-bg{background:radial-gradient(circle at 70% 18%,#4b1766 0,#10162f 32%,#03070e 80%)}.graveyard{position:absolute;left:0;right:0;bottom:0;height:19%;display:flex;align-items:end;justify-content:space-around;padding:0 5%}.graveyard span{display:grid;place-items:center;width:25%;height:78%;padding:12px 4px 7px;border:1px solid #aa7ccd69;border-radius:48% 48% 8px 8px;background:linear-gradient(#3d4053aa,#12131dcc);color:#cfc8e6b8;font-size:9px;font-weight:900;line-height:1.2;text-align:center;text-shadow:0 0 8px #a16cff;box-shadow:inset 0 0 18px #7a43a62b;transform:rotate(-4deg)}.graveyard span:nth-child(2){height:100%;transform:rotate(3deg)}.graveyard span:nth-child(3){height:72%;transform:rotate(-1deg)}
.video-card{border-color:#ff8a3caa;box-shadow:0 28px 80px #000c,0 0 25px #913cff2e}.guide-card,.finish-card{border-color:#a86cff8c;box-shadow:0 18px 50px #000a,0 0 28px #8c3cff1d}.guide-card span,.eyebrow{color:#ff9b4b}.holo-platform{border-color:#c15cff;box-shadow:0 0 28px #9d42ff88,inset 0 0 22px #ff7a3638}.primary{background:linear-gradient(135deg,#ff8a32,#a74cff 55%,#2e8cff);color:#fff;box-shadow:0 12px 30px #8c3cff4f}.scene-fx{filter:hue-rotate(35deg) saturate(1.18)}.avatar-anchor model-viewer,.finish-robot model-viewer{filter:drop-shadow(0 0 12px #ff7d333f)}
@keyframes moonPulse{50%{transform:scale(1.05);filter:brightness(1.14)}}@keyframes flyAcross{0%{transform:translateX(0) translateY(0)}25%{transform:translateX(35vw) translateY(-18px)}60%{transform:translateX(75vw) translateY(15px)}100%{transform:translateX(130vw) translateY(-6px)}}@keyframes pumpkinFloat{50%{transform:translateY(-16px) rotate(7deg);filter:drop-shadow(0 0 22px #ff6b00)}}@keyframes fogDrift{0%,100%{transform:translateX(-8%) scaleX(.95)}50%{transform:translateX(8%) scaleX(1.08)}}
@media(max-width:480px){.welcome{padding:20px 24px 12px}.welcome-copy{margin-top:3vh}.welcome h1{font-size:42px}.welcome p{margin:8px 0;font-size:15px;max-width:92%}.welcome-avatar{width:82%;height:56%;right:-9%;bottom:58px}.welcome-actions{gap:7px}.welcome-actions .primary,.welcome-actions .secondary{min-height:46px}.welcome>small{margin-top:6px;font-size:9px}.pumpkin-one{top:43%}.moon{width:88px;height:88px}}
@media(max-width:380px){.welcome h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){.bat,.raven,.pumpkin,.fog,.moon{animation-duration:20s}}

@media(min-width:700px){.welcome-avatar{width:68%;height:50%;right:-4%;bottom:26px}.welcome-copy{max-width:370px}.welcome p{max-width:335px}}