*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#000;overflow:hidden;cursor:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}.player-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}.frame{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .55s ease}.frame.active{opacity:1}.canvas-wrap{position:absolute;top:50%;left:50%;transform-origin:center center}@media(prefers-reduced-motion:reduce){.frame{transition:none}}@font-face{font-family:Geologica;src:url(/fonts/Geologica-Medium.ttf) format("truetype");font-weight:400 500;font-style:normal;font-display:swap}@font-face{font-family:Geologica;src:url(/fonts/Geologica-Bold.ttf) format("truetype");font-weight:600 700;font-style:normal;font-display:swap}@font-face{font-family:Radlush;src:url(/fonts/radlush-black.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}:root{--nylon-950: #08090B;--nylon-900: #0E0F12;--nylon-800: #15171C;--nylon-700: #1D2027;--savvy: #1B03FF;--savvy-hi: #5A4BFF;--candy: #FFBBDA;--live: #3ECF8E;--down: #F2555A;--ink: #F2F3F7;--ink-2: #A8AEBE;--ink-3: #6E7486;--hair: rgba(255, 255, 255, .1);--hair-2: rgba(255, 255, 255, .18);--display: "Radlush", "Geologica", "Arial Black", sans-serif;--body: "Geologica", ui-sans-serif, system-ui, -apple-system, sans-serif}:root{--safe-x: 0px;--safe-y: 0px}.net-status{position:fixed;left:calc(24px + var(--safe-x));bottom:calc(24px + var(--safe-y));z-index:10;display:flex;align-items:center;gap:10px;font-family:var(--body);font-size:15px;font-weight:500;color:#fff;background:#08090bb8;backdrop-filter:blur(8px);border:1px solid var(--hair-2);padding:10px 16px;border-radius:999px;opacity:0;transition:opacity .4s ease;pointer-events:none}.net-status.show{opacity:1}.net-status .dot{width:9px;height:9px;border-radius:50%;background:var(--down);flex:none}.net-status.ok .dot{background:var(--live)}.debug-badge{position:fixed;left:calc(24px + var(--safe-x));top:calc(24px + var(--safe-y));z-index:60;min-width:240px;font-family:var(--body);font-size:13px;font-weight:500;color:var(--ink-2);background:#08090bc7;backdrop-filter:blur(8px);border:1px solid var(--hair-2);border-radius:14px;padding:10px 14px 12px;pointer-events:none}.debug-badge .db-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--hair)}.debug-badge .db-dot{width:9px;height:9px;border-radius:50%;background:var(--down);flex:none}.debug-badge.ok .db-dot{background:var(--live)}.debug-badge .db-title{font-weight:700;color:var(--ink);letter-spacing:.02em}.debug-badge .db-state{margin-left:auto;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--down)}.debug-badge.ok .db-state{color:var(--live)}.debug-badge .db-row{display:flex;justify-content:space-between;gap:18px;line-height:1.75}.debug-badge .db-row span{color:var(--ink-3)}.debug-badge .db-row b{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.debug-badge .db-row b.ok{color:var(--live)}.debug-badge .db-row b.bad{color:var(--down)}.debug-badge .db-row b.dim{color:var(--ink-3)}.fs-btn{position:fixed;right:calc(24px + var(--safe-x));bottom:calc(24px + var(--safe-y));z-index:20;width:58px;height:58px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:#08090b8c;backdrop-filter:blur(8px);border:1px solid var(--hair-2);color:var(--ink);cursor:pointer;opacity:.34;transition:opacity .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease,transform .15s ease}.fs-btn:hover{opacity:1;border-color:var(--candy);color:var(--candy);background:#08090bd1}.fs-btn:active{transform:scale(.94)}.fs-btn.is-on{opacity:.2}:root.is-reposo .fs-btn{opacity:0;pointer-events:none}:root.is-reposo,:root.is-reposo *{cursor:none}.pairing{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--nylon-900);font-family:var(--body);color:var(--ink)}.pairing-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:url(/iter/estrella-derretida.jpg) center / cover no-repeat,var(--nylon-900);filter:saturate(1.4) contrast(1.03)}.pairing-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(78% 68% at 50% 48%,#0a0a10bd,#0a0a1094 48%,#08090d66),linear-gradient(180deg,rgba(14,15,18,.62) 0%,transparent 26%,transparent 70%,rgba(8,9,11,.78) 100%),radial-gradient(60% 50% at 88% 6%,rgba(27,3,255,.18),transparent 62%)}.pairing-card{position:relative;z-index:1;text-align:center;padding:48px;max-width:900px;text-shadow:0 2px 26px rgba(0,0,0,.9),0 1px 3px rgba(0,0,0,.6)}.pairing-brand{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:34px}.pairing-logo{height:34px;width:auto;display:block}.pairing-sep{width:1px;height:22px;background:var(--hair-2)}.pairing-product{font-family:var(--body);font-weight:500;font-size:19px;letter-spacing:.01em;color:var(--ink-2)}.pairing-eyebrow{display:flex;justify-content:center;align-items:center;gap:10px;font-family:var(--body);font-size:clamp(12px,1vw,15px);font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--candy);margin-bottom:18px}.pairing-eyebrow:before{content:"";width:26px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--candy),transparent)}.pairing-title{font-family:var(--display);font-weight:900;font-size:clamp(44px,6vw,88px);line-height:.94;letter-spacing:-.035em;margin:0 0 16px;color:#fff}.pairing-sub{font-size:clamp(17px,1.5vw,24px);color:var(--ink-2);margin:0 auto 42px;max-width:44ch;line-height:1.5}.pairing-code{display:inline-flex;gap:clamp(10px,1vw,16px);margin-bottom:46px}.pairing-code span{font-family:var(--display);font-weight:900;font-size:clamp(60px,7.4vw,112px);width:clamp(80px,8.5vw,132px);height:clamp(108px,11vw,168px);display:flex;align-items:center;justify-content:center;color:#fff;letter-spacing:0;background:#08090d9e;backdrop-filter:blur(6px);border:1px solid var(--hair-2);border-radius:18px;box-shadow:inset 0 1px #ffffff1a,0 20px 44px -22px #000000e6;position:relative}.pairing-code span:after{content:"";position:absolute;left:24%;right:24%;bottom:12px;height:4px;border-radius:4px;background:var(--savvy-hi);box-shadow:0 0 18px #5a4bffcc}.pairing-steps{list-style:none;counter-reset:step;padding:0;margin:0 auto 40px;display:inline-flex;flex-direction:column;gap:14px;text-align:left}.pairing-steps li{counter-increment:step;position:relative;padding-left:48px;font-size:clamp(16px,1.4vw,21px);color:var(--ink-2);line-height:32px;min-height:32px}.pairing-steps li b{color:var(--ink);font-weight:700}.pairing-steps li:before{content:counter(step);position:absolute;left:0;width:32px;height:32px;border-radius:10px;background:#5a4bff2e;color:#fff;border:1px solid rgba(90,75,255,.42);font-family:var(--body);font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center}.pairing-wait{display:flex;justify-content:center;align-items:center;gap:13px;font-size:clamp(15px,1.3vw,19px);font-weight:500;color:var(--ink-2);letter-spacing:.02em}.pairing-spinner{width:clamp(20px,1.8vw,26px);height:clamp(20px,1.8vw,26px);border-radius:50%;border:3px solid rgba(255,187,218,.22);border-top-color:var(--candy);animation:pairing-spin .8s linear infinite;flex:none}@keyframes pairing-spin{to{transform:rotate(360deg)}}.waiting{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:40px;background:radial-gradient(70% 55% at 50% 0%,rgba(27,3,255,.22),transparent 58%),linear-gradient(180deg,var(--nylon-800),var(--nylon-950));color:var(--ink);font-family:var(--body)}.waiting img{height:clamp(30px,3vw,46px);width:auto;margin-bottom:12px}.waiting-title{font-family:var(--display);font-weight:900;font-size:clamp(34px,4.4vw,58px);line-height:.96;letter-spacing:-.035em;color:#fff}.waiting-sub{font-size:clamp(15px,1.4vw,20px);color:var(--ink-2);max-width:40ch;line-height:1.5}@media(prefers-reduced-motion:reduce){.pairing-spinner{animation:none}}.safe-cal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;opacity:0;pointer-events:none;transition:opacity .25s ease;font-family:var(--body)}.safe-cal.show{opacity:1}.safe-cal-rect{position:absolute;left:var(--safe-x);right:var(--safe-x);top:var(--safe-y);bottom:var(--safe-y);border:2px dashed rgba(255,187,218,.42);display:flex;align-items:center;justify-content:center}.safe-cal-rect .c{position:absolute;width:68px;height:68px;border:6px solid var(--candy);box-shadow:0 0 22px #ffbbda80}.safe-cal-rect .tl{top:-2px;left:-2px;border-right:0;border-bottom:0}.safe-cal-rect .tr{top:-2px;right:-2px;border-left:0;border-bottom:0}.safe-cal-rect .bl{bottom:-2px;left:-2px;border-right:0;border-top:0}.safe-cal-rect .br{bottom:-2px;right:-2px;border-left:0;border-top:0}.safe-cal-card{text-align:center;padding:30px 40px;border-radius:20px;background:#08090bf5;border:1px solid var(--hair-2);backdrop-filter:blur(10px);color:var(--ink);box-shadow:0 30px 70px -30px #000000e6}.safe-cal-title{font-family:var(--display);font-weight:900;font-size:clamp(26px,3vw,42px);line-height:1;letter-spacing:-.03em;margin-bottom:16px}.safe-cal-vals{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-bottom:18px;color:var(--ink-2);font-size:clamp(14px,1.2vw,18px)}.safe-cal-vals b{font-family:var(--display);font-weight:900;color:var(--candy);font-size:clamp(30px,3.4vw,48px);line-height:1}.safe-cal-vals b+span{margin-right:14px}.safe-cal-help{font-size:clamp(14px,1.2vw,19px);line-height:1.6;color:var(--ink-2)}.safe-cal-help b{color:var(--ink);font-weight:700}@media(prefers-reduced-motion:reduce){.safe-cal{transition:none}}:root[data-rot="90"] body,:root[data-rot="180"] body,:root[data-rot="270"] body{position:fixed;top:50%;left:50%;transform-origin:center center;overflow:hidden}:root[data-rot="90"] body,:root[data-rot="270"] body{width:100vh;height:100vw}:root[data-rot="180"] body{width:100vw;height:100vh}:root[data-rot="90"] body{transform:translate(-50%,-50%) rotate(90deg)}:root[data-rot="180"] body{transform:translate(-50%,-50%) rotate(180deg)}:root[data-rot="270"] body{transform:translate(-50%,-50%) rotate(270deg)}.safe-cal-vals b+span+b{margin-left:14px}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:block;src:url(/fonts/escenas/Inter.woff2) format("woff2")}@font-face{font-family:Archivo Black;font-style:normal;font-weight:100 900;font-display:block;src:url(/fonts/escenas/ArchivoBlack.woff2) format("woff2")}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:100 900;font-display:block;src:url(/fonts/escenas/BebasNeue.woff2) format("woff2")}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:block;src:url(/fonts/escenas/PlayfairDisplay.woff2) format("woff2")}
