@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Outfit:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#070b0f;--bg-surface:#11171fd9;--bg-surface-elevated:#18202ceb;--bg-glass:#0f151dcc;--border-subtle:#ffffff1a;--border-hover:#ffffff3d;--text-main:#fff;--text-muted:#cbd5e1;--text-dim:#94a3b8;--mario-red:#e52521;--mario-blue:#009fe3;--mario-yellow:#fed100;--mario-green:#00a844;--mario-purple:#9d4edd;--mario-orange:#ff6b35;--mario-red-glow:#e5252173;--mario-blue-glow:#009fe373;--mario-yellow-glow:#fed10073;--mario-green-glow:#00a84473;--accent:#fed100;--accent-glow:#fed10066;--live-red:#e52521;--live-red-glow:#e5252180;--danger:#f87171;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display:"Outfit", var(--font-sans);--font-mono:"DM Mono", monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 8px 24px #0006;--shadow-lg:0 20px 40px #0009}*,:before,:after{box-sizing:border-box}body.client-page,body{background-color:var(--bg-base);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100svh;margin:0;line-height:1.5;position:relative}body.client-page:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#080c10bd 0%,#080c10db 40%,#080c10f5 100%),radial-gradient(circle at 50% 0,#00a84429 0%,#0000 60%),url(/media/fondo-escenario-mario.jpg),url(/assets/aistudio/descarga_5f1f4c5c.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}button,input,select{font:inherit;color:inherit}[hidden]{display:none!important}button{cursor:pointer}.client-app{box-sizing:border-box;width:min(100%,460px);min-height:100svh;margin:0 auto;padding:0 20px 32px;position:relative;overflow-x:hidden}.client-header{border-bottom:1px solid var(--border-subtle);box-sizing:border-box;justify-content:space-between;align-items:center;gap:10px;width:100%;height:56px;margin-bottom:14px;display:flex}.client-wordmark{flex-shrink:0;align-items:center;text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.client-wordmark:hover{transform:scale(1.05)}.brand-logo-img{object-fit:contain;filter:drop-shadow(0 3px 6px #000000b3)drop-shadow(0 0 10px #fed1004d);width:auto;max-width:140px;height:44px;display:block}.mario-wordmark{font-family:var(--font-display);letter-spacing:-.02em;text-shadow:0 3px #000,0 0 16px #fed1004d;align-items:baseline;font-size:26px;font-weight:900;text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.mario-wordmark:hover{transform:scale(1.04)}.mario-wordmark .m-blue{color:var(--mario-blue);text-shadow:0 2px 0 #000, 0 0 10px var(--mario-blue-glow)}.mario-wordmark .m-yellow{color:var(--mario-yellow);text-shadow:0 2px 0 #000, 0 0 10px var(--mario-yellow-glow)}.mario-wordmark .m-red{color:var(--mario-red);text-shadow:0 2px 0 #000, 0 0 10px var(--mario-red-glow)}.mario-wordmark .m-green{color:var(--mario-green);text-shadow:0 2px 0 #000, 0 0 10px var(--mario-green-glow)}.mario-wordmark .m-dot{color:var(--mario-yellow);text-shadow:0 2px 0 #000, 0 0 14px var(--mario-yellow);margin-left:1px;animation:2s ease-in-out infinite star-bounce;display:inline-block}@keyframes star-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.client-header-actions{flex-shrink:1;align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.client-live{font-family:var(--font-mono);letter-spacing:.06em;color:#fff;border:1px solid var(--mario-red);box-shadow:0 0 12px var(--mario-red-glow);border-radius:var(--radius-full);background:#e5252140;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.client-live i,.stream-live-tag i{background:var(--mario-red);width:8px;height:8px;box-shadow:0 0 8px #fff, 0 0 14px var(--mario-red);border-radius:50%;animation:1.8s cubic-bezier(.4,0,.6,1) infinite beacon-pulse}.client-viewers-badge{border-radius:var(--radius-full);color:#e2e8f0;font-family:var(--font-mono);letter-spacing:.02em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:#101721d9;border:1px solid #ffffff29;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;transition:transform .15s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.client-viewers-badge:hover,.client-viewers-badge:focus-visible{background:#1a2636f2;border-color:#009fe399;outline:none;box-shadow:0 0 12px #009fe359}.client-viewers-badge:active{transform:scale(.96)}.client-viewers-badge .viewers-icon{font-size:12px;line-height:1}.client-viewers-badge strong{color:var(--mario-yellow);text-shadow:0 0 8px var(--mario-yellow-glow);font-weight:800}.stream-viewers-tag{z-index:5;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-family:var(--font-mono);pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0a0e14d1;border:1px solid #ffffff2e;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;transition:transform .15s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex;position:absolute;top:14px;left:106px;box-shadow:0 2px 8px #0006}.stream-viewers-tag:hover,.stream-viewers-tag:focus-visible{background:#121926f2;border-color:#fed100b3;outline:none;box-shadow:0 0 12px #fed10066}.stream-viewers-tag:active{transform:scale(.96)}.stream-viewers-tag strong{color:var(--mario-yellow)}@keyframes beacon-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.pin-access-button{border-radius:var(--radius-sm,6px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f8fafc;letter-spacing:.01em;white-space:nowrap;box-sizing:border-box;cursor:pointer;background:#121822e6;border:1px solid #fed10059;flex-shrink:1;justify-content:center;align-items:center;gap:5px;min-width:0;max-width:100%;height:28px;min-height:28px;max-height:28px;padding:0 10px;font-family:inherit;font-size:11px;font-weight:600;line-height:1;text-decoration:none;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 3px #0000004d}.pin-access-button:hover{border-color:var(--mario-yellow);color:var(--mario-yellow);box-shadow:0 0 10px var(--mario-yellow-glow);background:#1c2634f5;transform:translateY(-1px)}.pin-access-button:active{transform:translateY(0)scale(.97)}.pin-access-button .pin-btn-icon{flex-shrink:0;font-size:11px;line-height:1}.pin-access-button .pin-btn-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pin-access-button.is-authenticated{color:#a7f3d0;background:#00a8442e;border-color:#00a84480}.pin-access-button.is-authenticated:hover{border-color:var(--mario-green);box-shadow:0 0 10px var(--mario-green-glow)}@media (width<=480px){.client-app{padding-left:12px;padding-right:12px}.client-header{gap:6px;height:52px;margin-bottom:12px}.brand-logo-img{max-width:115px;height:36px}.client-header-actions{gap:6px}.client-viewers-badge{padding:3px 7px;font-size:10px}.client-viewers-badge .viewers-label{display:none}.pin-access-button{gap:4px;max-width:100%;height:26px;min-height:26px;max-height:26px;padding:0 8px;font-size:10px}}@media (width<=360px){.brand-logo-img{max-width:95px;height:30px}.pin-access-button{gap:3px;max-width:100%;padding:0 5px;font-size:9.5px}}.client-video-section{flex-direction:column;align-items:center;padding-top:2px;display:flex}.stream-frame{aspect-ratio:9/16;border-radius:var(--radius-lg);background:#000;border:2px solid #fed1004d;justify-content:center;align-items:center;width:100%;max-width:380px;max-height:min(78svh,680px);margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 28px #000c,0 0 16px #fed1002e}.stream-frame video,video#client-video{object-position:center center;background:#000;width:100%;height:100%;display:block;object-fit:cover!important}.stream-placeholder{color:var(--text-main);background:#000;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset:0;overflow:hidden}.stream-offline-video{object-fit:cover;z-index:1;pointer-events:none;filter:none;width:100%;height:100%;position:absolute;inset:0}.stream-frame:before,.stream-frame:after{content:"";pointer-events:none;z-index:2;border-color:#fed10066;width:16px;height:16px;position:absolute}.stream-frame:before{border-top:2px solid;border-right:2px solid;top:14px;right:14px}.stream-frame:after{border-bottom:2px solid;border-left:2px solid;bottom:14px;left:14px}.placeholder-mark{border-radius:var(--radius-md);color:#1a0f00;width:58px;height:58px;font-family:var(--font-display);box-shadow:0 8px 24px var(--mario-yellow-glow), 0 3px 0 #c60;background:linear-gradient(135deg,#fed100 0%,#ff9800 100%);place-items:center;margin-bottom:18px;font-size:30px;font-weight:900;display:grid;position:relative}.placeholder-mark>span{color:var(--mario-red)}.stream-placeholder p{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 6px;font-size:17px;font-weight:700}.stream-placeholder small{color:var(--mario-yellow);font-family:var(--font-mono);letter-spacing:.04em;font-size:11px}.connect-obs-button{border:1px solid var(--mario-blue);border-radius:var(--radius-full);background:linear-gradient(135deg, var(--mario-blue) 0%, #06c 100%);color:#fff;min-height:38px;font-family:var(--font-sans);letter-spacing:.03em;box-shadow:0 4px 14px var(--mario-blue-glow), 0 2px 0 #036;cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:14px;padding:0 18px;font-size:12px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.connect-obs-button:hover{box-shadow:0 6px 18px var(--mario-blue-glow), 0 3px 0 #024;filter:brightness(1.1);transform:translateY(-2px)}.connect-obs-button:active{box-shadow:0 2px 6px var(--mario-blue-glow);transform:translateY(1px)}.stream-placeholder-actions{flex-direction:column;align-items:center;gap:10px;margin-top:14px;display:flex}.client-stream-local-btn{border:1px solid var(--mario-yellow);border-radius:var(--radius-full);color:#fff;min-height:38px;font-family:var(--font-sans);letter-spacing:.02em;box-shadow:0 0 14px var(--mario-yellow-glow);cursor:pointer;background:#fed10029;align-items:center;gap:7px;padding:0 18px;font-size:12px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.client-stream-local-btn:hover{background:var(--mario-yellow);color:#111827;box-shadow:0 0 20px var(--mario-yellow-glow);transform:translateY(-2px)}.client-stream-local-btn:disabled{opacity:.6;cursor:wait}.client-stream-retry{border-radius:var(--radius-full);color:#cbd5e1;min-height:34px;font-family:var(--font-sans);cursor:pointer;background:#121822d9;border:1px solid #fff3;padding:0 14px;font-size:11px;font-weight:600;transition:all .2s}.client-stream-retry:hover{color:#fff;border-color:#fff}.stream-live-tag{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--mario-red);box-shadow:0 0 10px var(--mario-red-glow);border-radius:var(--radius-full);font-family:var(--font-mono);letter-spacing:.05em;color:#fff;z-index:3;background:#0a0e12d9;align-items:center;gap:7px;padding:6px 12px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:14px;left:14px}.preview-overlay{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-md);z-index:3;background:#0a0e12e0;border:1px solid #fed1004d;align-items:center;padding:8px 14px;display:flex;position:absolute;bottom:16px;right:16px}.preview-kicker{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.04em;font-size:11px}.preview-kicker strong{color:var(--mario-yellow);text-shadow:0 0 8px var(--mario-yellow-glow);margin-left:3px;font-size:16px;font-weight:800}.audio-enable-button{z-index:4;border:1px solid var(--mario-blue);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;min-height:38px;box-shadow:0 0 14px var(--mario-blue-glow);cursor:pointer;background:#0a0e12e0;align-items:center;gap:8px;padding:0 16px;font-size:11px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:absolute;bottom:16px;left:14px}.audio-enable-button:hover{box-shadow:0 0 18px var(--mario-blue-glow);background:#009fe340;border-color:#1cb5ff;transform:translateY(-1px)}.audio-enable-button.unmuted{border-color:var(--mario-green);box-shadow:0 0 14px var(--mario-green-glow);color:#a7f3d0;background:#00a84440}.audio-enable-button.unmuted:hover{box-shadow:0 0 18px var(--mario-green-glow);background:#00a84466}.audio-toggle-icon{font-size:14px;line-height:1;display:inline-block}.client-unmute-prompt-btn{z-index:10;border:2px solid var(--mario-yellow);border-radius:var(--radius-full);color:#fed100;cursor:pointer;background:#0e141cf0;align-items:center;gap:8px;padding:12px 22px;font-size:13px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);animation:2s ease-in-out infinite pulse-unmute;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 24px #fed10080,0 8px 30px #000000b3}.client-unmute-prompt-btn:hover,.client-unmute-prompt-btn:active{color:#fff;background:#e52521f2;border-color:#fff;transform:translate(-50%,-50%)scale(1.04)}.unmute-prompt-icon{font-size:16px}@keyframes pulse-unmute{0%,to{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 16px #fed10066}50%{transform:translate(-50%,-50%)scale(1.05);box-shadow:0 0 32px #fed100d9}}.stream-player-tools{z-index:6;align-items:center;gap:6px;display:flex;position:absolute;top:12px;right:12px}.player-quality-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;letter-spacing:.5px;cursor:pointer;background:#0a0e14d9;border:1px solid #fff3;border-radius:16px;justify-content:center;align-items:center;height:32px;padding:0 10px;font-size:11px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #00000080}.player-quality-btn:hover{border-color:var(--mario-yellow);color:var(--mario-yellow);box-shadow:0 0 12px var(--mario-yellow-glow);background:#fed10040;transform:scale(1.05)}.player-quality-menu{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#0a0e14f2;border:1px solid #fff3;border-radius:10px;flex-direction:column;gap:3px;min-width:145px;padding:6px;display:flex;position:absolute;top:38px;right:0;box-shadow:0 8px 24px #000000d9}.player-quality-menu .quality-menu-header{text-transform:uppercase;color:#94a3b8;letter-spacing:.5px;padding:4px 8px 2px;font-size:10px;font-weight:800}.player-quality-menu .quality-opt-btn{color:#e2e8f0;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.player-quality-menu .quality-opt-btn:hover{color:#fff;background:#ffffff1f}.player-quality-menu .quality-opt-btn.active{color:var(--mario-yellow);background:#fed10033;font-weight:700}.player-pip-btn,.player-fullscreen-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#0a0e14d9;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #00000080}.player-pip-btn:hover,.player-fullscreen-btn:hover{border-color:var(--mario-yellow);color:var(--mario-yellow);box-shadow:0 0 12px var(--mario-yellow-glow);background:#fed10040;transform:scale(1.08)}.player-pip-btn:active,.player-fullscreen-btn:active{transform:scale(.96)}.stream-anchor-placeholder{aspect-ratio:9/16;width:100%;max-width:380px;max-height:min(72svh,640px);margin:0 auto}.stream-frame.is-floating{touch-action:none;animation:.25s cubic-bezier(.16,1,.3,1) pip-pop-in;bottom:24px;right:20px;aspect-ratio:9/16!important;z-index:99999!important;border:2px solid var(--mario-yellow)!important;width:165px!important;max-width:none!important;height:293px!important;max-height:none!important;box-shadow:0 12px 32px #000000f2, 0 0 20px var(--mario-yellow-glow)!important;border-radius:14px!important;margin:0!important;position:fixed!important}@keyframes pip-pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.stream-frame.is-floating .stream-live-tag,.stream-frame.is-floating .stream-viewers-tag,.stream-frame.is-floating .stream-player-tools{display:none!important}.stream-frame.is-floating .audio-enable-button{border-radius:8px;justify-content:center;min-height:28px;padding:0 8px;font-size:10px;bottom:8px;left:8px;right:8px}.stream-frame.is-floating .audio-enable-button span:not(.audio-toggle-icon){display:none}.floating-drag-bar{z-index:10;-webkit-user-select:none;user-select:none;background:linear-gradient(#000000e6 0%,#0006 80%,#0000 100%);justify-content:space-between;align-items:center;height:32px;padding:0 8px;display:flex;position:absolute;top:0;left:0;right:0}.floating-drag-handle{font-family:var(--font-mono);color:#fff;cursor:grab;align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.stream-frame.is-dragging{opacity:.92;cursor:grabbing!important}.stream-frame.is-dragging .floating-drag-handle{cursor:grabbing!important}.floating-dock-btn{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;transition:all .15s;display:flex}.floating-dock-btn:hover{background:var(--mario-red);transform:scale(1.15)}:-webkit-any(.stream-frame:fullscreen,.stream-frame:-webkit-full-screen){border:none!important;border-radius:0!important;width:100vw!important;max-width:none!important;height:100vh!important;max-height:none!important}:is(.stream-frame:fullscreen,.stream-frame:fullscreen){border:none!important;border-radius:0!important;width:100vw!important;max-width:none!important;height:100vh!important;max-height:none!important}:-webkit-any(.stream-frame:fullscreen video,.stream-frame:-webkit-full-screen video){width:100%;height:100%;object-fit:contain!important}:is(.stream-frame:fullscreen video,.stream-frame:fullscreen video){width:100%;height:100%;object-fit:contain!important}.stream-caption{color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.04em;justify-content:space-between;align-items:center;margin:12px 2px 0;font-size:11px;display:flex}.client-order{border-top:1px solid var(--border-subtle);margin-top:20px;padding:28px 0 20px}.client-section-heading{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.client-eyebrow{color:var(--mario-yellow);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 8px var(--mario-yellow-glow);font-size:11px;font-weight:700}.client-section-heading h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-main);margin:4px 0 0;font-size:25px;font-weight:800}.client-round{font-family:var(--font-mono);letter-spacing:.05em;color:var(--mario-yellow);border:1px solid var(--mario-yellow);box-shadow:0 0 10px var(--mario-yellow-glow);border-radius:var(--radius-full);background:#fed10026;padding:4px 10px;font-size:11px;font-weight:700}.client-round-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.client-round-capacity{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:#ffffff14;padding:4px 10px;font-size:11px;font-weight:700;transition:all .2s}.client-round-capacity.has-limit{color:var(--mario-yellow);border-color:var(--mario-yellow);box-shadow:0 0 10px var(--mario-yellow-glow);background:#fed10026}.client-color-picker{grid-template-columns:1fr;gap:8px;display:grid}.client-color-row{border:1px solid var(--border-subtle);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:60px;box-shadow:var(--shadow-sm);background:#11171fd9;justify-content:space-between;align-items:center;gap:14px;padding:6px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.client-color-row:hover{border-color:var(--border-hover);background:#18202ceb}.client-color-row[data-color=Morado][data-selected=true]{border-color:var(--mario-purple);background:#181e2cf2;box-shadow:0 0 16px #9d4edd66,inset 0 0 12px #9d4edd26}.client-color-row[data-color=Amarillo][data-selected=true]{border-color:var(--mario-yellow);background:#1c222cf2;box-shadow:0 0 16px #fed10066,inset 0 0 12px #fed10026}.client-color-row[data-color=Celeste][data-selected=true]{border-color:var(--mario-blue);background:#14202ef2;box-shadow:0 0 16px #009fe366,inset 0 0 12px #009fe326}.client-color-row[data-color=Rojo][data-selected=true]{border-color:var(--mario-red);background:#1e1820f2;box-shadow:0 0 16px #e5252166,inset 0 0 12px #e5252126}.client-color-row[data-color=Verde][data-selected=true]{border-color:var(--mario-green);background:#14201cf2;box-shadow:0 0 16px #00a84466,inset 0 0 12px #00a84426}.client-color-row[data-color=Naranja][data-selected=true]{border-color:var(--mario-orange);background:#1e1a1cf2;box-shadow:0 0 16px #ff6b3566,inset 0 0 12px #ff6b3526}.client-color-col{flex-direction:column;justify-content:center;gap:2px;display:flex}.client-color-name{align-items:center;min-height:38px;display:flex}.color-badge-img{object-fit:contain;filter:drop-shadow(0 3px 6px #000000b3);width:auto;max-width:135px;height:36px;max-height:40px;transition:transform .2s cubic-bezier(.16,1,.3,1);display:block}.client-color-row:hover .color-badge-img{transform:scale(1.05)}.color-capacity-tag{font-family:var(--font-mono);letter-spacing:.04em;align-items:center;width:fit-content;font-size:10px;font-weight:700;transition:all .2s;display:inline-flex}.color-capacity-tag.in-stock{color:var(--mario-yellow);text-shadow:0 0 8px var(--mario-yellow-glow)}.color-capacity-tag.low-stock{color:var(--mario-orange);text-shadow:0 0 8px #ff6b3599;animation:1.4s ease-in-out infinite pulse-low}.color-capacity-tag.sold-out{color:var(--mario-red);text-shadow:0 0 8px var(--mario-red-glow);text-transform:uppercase;font-weight:800}.color-capacity-tag.unlimited{color:var(--text-dim)}@keyframes pulse-low{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.96)}}.client-color-row[data-sold-out=true]{opacity:.6;border-color:#e5252166}.client-color-row[data-sold-out=true] .client-color-quantity output{color:var(--mario-red)}.swatch{border:1px solid #ffffff4d;border-radius:50%;flex:0 0 16px;width:16px;height:16px}.purple{background-color:var(--mario-purple);box-shadow:0 0 12px var(--mario-purple)}.yellow{background-color:var(--mario-yellow);box-shadow:0 0 12px var(--mario-yellow)}.sky{background-color:var(--mario-blue);box-shadow:0 0 12px var(--mario-blue)}.red{background-color:var(--mario-red);box-shadow:0 0 12px var(--mario-red)}.green{background-color:var(--mario-green);box-shadow:0 0 12px var(--mario-green)}.orange{background-color:var(--mario-orange);box-shadow:0 0 12px var(--mario-orange)}.client-color-quantity{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#090d12;align-items:center;height:40px;display:flex;overflow:hidden}.client-color-quantity button{width:44px;height:40px;color:var(--text-main);touch-action:manipulation;background:0 0;border:0;justify-content:center;align-items:center;font-size:20px;font-weight:800;transition:all .15s;display:flex}.client-color-quantity button[data-step="1"]:hover:not(:disabled){background:var(--mario-green);color:#fff}.client-color-quantity button[data-step="-1"]:hover:not(:disabled){background:var(--mario-red);color:#fff}.client-color-quantity button:active:not(:disabled){transform:scale(.9)}.client-color-quantity button:disabled{color:var(--text-dim);cursor:not-allowed;opacity:.3}.client-color-quantity output{text-align:center;width:34px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:#fff;font-size:15px;font-weight:700}.client-order-actions{align-items:center;gap:14px;margin-top:18px;display:flex}.client-selection-total{color:var(--mario-yellow);font-family:var(--font-mono);letter-spacing:.02em;flex:1;font-size:12px;font-weight:600}.client-submit{border-radius:var(--radius-md);color:#1a0f00;min-height:50px;font-family:var(--font-display);letter-spacing:.01em;box-shadow:0 4px 20px var(--mario-yellow-glow), 0 3px 0 #c60;touch-action:manipulation;background:linear-gradient(135deg,#fed100 0%,#ff9800 100%);border:0;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:15px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.client-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 26px #fed10099,0 4px #c60}.client-submit:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 8px #fed10066}.client-submit:disabled{background:var(--bg-surface-elevated);color:var(--text-dim);box-shadow:none;cursor:not-allowed}.client-message{min-height:20px;color:var(--mario-yellow);margin:10px 0 0;font-size:12px;font-weight:600}.client-closed{border-radius:var(--radius-sm);border:1px solid var(--mario-red);box-shadow:0 0 14px var(--mario-red-glow);color:#ff9997;background:#e5252129;align-items:center;gap:8px;margin-top:12px;padding:12px 16px;font-size:12px;font-weight:600;display:flex}.client-feed-section{border-top:1px solid var(--border-subtle);padding:24px 0 0}.client-circles-strip{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-sizing:border-box;background:0 0;border:none;justify-content:center;align-items:center;width:100%;max-width:380px;margin:6px auto 5px;padding:0;display:flex;overflow:visible}.circles-track{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:380px;margin:0 auto;padding:0 2px;display:flex;overflow:visible}.circles-track::-webkit-scrollbar{display:none}.circle-item{flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.circle-media-wrapper{width:58px;height:58px;box-shadow:none;aspect-ratio:1;contain:paint layout;background:#000;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.circle-media-wrapper:hover{transform:translateY(-2px)scale(1.06)}.circle-video{object-fit:cover;pointer-events:none;will-change:transform;background:#000;border-radius:50%;width:100%;height:100%;display:block;transform:translateZ(0)}.circle-placeholder-num{color:#ffffff47;-webkit-user-select:none;user-select:none;font-family:Mario Kart DS,monospace,sans-serif;font-size:16px;font-weight:700}@media (width<=480px){.client-circles-strip{width:100%;max-width:380px;margin:4px auto;padding:0}.circles-track{justify-content:space-between;padding:0 1px}.circle-media-wrapper{width:54px;height:54px}.circle-placeholder-num{font-size:15px}}@media (width<=380px){.circle-media-wrapper{width:49px;height:49px}}@media (width<=340px){.circle-media-wrapper{width:44px;height:44px}}.client-feed-heading{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.client-feed-heading.chat-centered-heading{text-align:center;justify-content:center;align-items:center;width:100%;margin:2px 0 10px;display:flex}.jumping-chat-title{letter-spacing:3px;text-transform:uppercase;text-align:center;-webkit-user-select:none;user-select:none;text-shadow:-2px -2px #000,2px -2px #000,-2px 2px #000,2px 2px #000,0 3px 6px #000000e6;justify-content:center;align-items:center;margin:0 auto;font-size:33px;font-weight:400;line-height:1.1;display:inline-flex;font-family:Mario Kart DS,monospace,sans-serif!important}.jump-letter{color:var(--c);animation:3s linear infinite singleLetterHop;animation-delay:var(--d);will-change:transform;display:inline-block;transform:translateZ(0)}.jump-space{width:.55em;display:inline-block}@keyframes singleLetterHop{0%{transform:translateY(0)}3%{transform:translateY(-11px)}6%{transform:translateY(0)}to{transform:translateY(0)}}@media (width<=480px){.client-feed-heading.chat-centered-heading{margin:2px 0 8px}.jumping-chat-title{letter-spacing:2px;font-size:26px}@keyframes singleLetterHop{0%{transform:translateY(0)}3%{transform:translateY(-9px)}6%{transform:translateY(0)}to{transform:translateY(0)}}}@media (width<=360px){.jumping-chat-title{letter-spacing:1.6px;font-size:22px}}.client-feed-heading h2{font-family:var(--font-display);letter-spacing:-.01em;margin:4px 0 0;font-size:20px;font-weight:800}.client-feed-heading>span{color:var(--mario-yellow);font-family:var(--font-mono);font-size:11px;font-weight:600}.client-feed-list{border:1px solid var(--border-subtle);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scroll-behavior:smooth;background:#090d12e0;max-height:220px;padding:4px 0;overflow-y:auto}.client-feed-empty{text-align:center;color:var(--text-dim);margin:0;padding:28px 16px;font-size:12px}.client-feed-row{border-bottom:1px solid #ffffff0d;grid-template-columns:minmax(75px,.8fr) minmax(0,1.4fr) 48px;align-items:center;gap:10px;min-height:50px;padding:0 14px;font-size:12px;animation:.2s cubic-bezier(.16,1,.3,1) row-in;display:grid}.client-feed-row:last-child{border-bottom:0}.client-feed-row strong{text-overflow:ellipsis;white-space:nowrap;color:var(--mario-yellow);font-weight:700;overflow:hidden}.client-feed-summary{color:var(--text-muted);align-items:center;gap:6px;display:flex}.client-feed-summary>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.client-feed-row time{text-align:right;color:var(--text-dim);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11px}.client-round-marker{min-height:40px;color:var(--mario-green);font-family:var(--font-mono);letter-spacing:.04em;align-items:center;gap:12px;padding:0 14px;font-size:11px;font-weight:700;display:flex}.client-round-marker:before,.client-round-marker:after{content:"";background:#00a84459;flex:1;height:1px}.client-round-marker[data-closed=true]{color:var(--mario-red)}.client-round-marker[data-closed=true]:before,.client-round-marker[data-closed=true]:after{background:#e5252159}.client-footer{border:none;margin:0;padding:0;display:none}.screensaver-screen,.access-screen{z-index:50;-webkit-backdrop-filter:blur(20px);opacity:0;visibility:hidden;pointer-events:none;will-change:opacity, backdrop-filter;background:#06090de0;place-items:center;padding:20px;transition:opacity .28s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .28s cubic-bezier(.16,1,.3,1),backdrop-filter .28s cubic-bezier(.16,1,.3,1),visibility .28s cubic-bezier(.16,1,.3,1);display:grid;position:fixed;inset:0}.screensaver-screen.is-open,.access-screen.is-open{opacity:1;visibility:visible;pointer-events:auto}.screensaver-screen.is-closing,.access-screen.is-closing{opacity:0;visibility:visible;pointer-events:none;transition:opacity .22s cubic-bezier(.4,0,.7,.2),-webkit-backdrop-filter .22s cubic-bezier(.4,0,.7,.2),backdrop-filter .22s cubic-bezier(.4,0,.7,.2),visibility .22s cubic-bezier(.4,0,.7,.2)}.screensaver-screen[hidden],.access-screen[hidden]{display:none!important}.screensaver-panel,.access-panel{border-radius:var(--radius-lg);width:min(100%,390px);box-shadow:0 0 32px #fed10033, var(--shadow-lg);opacity:0;will-change:transform, opacity;background:#111720f0;border:2px solid #fed10059;padding:34px 28px;transition:transform .32s cubic-bezier(.16,1,.3,1),opacity .28s cubic-bezier(.16,1,.3,1),box-shadow .3s;position:relative;transform:scale(.93)translateY(20px)}.screensaver-screen.is-open .screensaver-panel,.access-screen.is-open .access-panel{opacity:1;box-shadow:0 0 40px #fed10040, var(--shadow-lg);transform:scale(1)translateY(0)}.screensaver-screen.is-closing .screensaver-panel,.access-screen.is-closing .access-panel{opacity:0;transition:transform .22s cubic-bezier(.4,0,.7,.2),opacity .2s cubic-bezier(.4,0,.7,.2);transform:scale(.94)translateY(14px);box-shadow:0 0 16px #00000080}.screensaver-close,.access-close{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-muted);touch-action:manipulation;background:#ffffff0d;place-items:center;font-size:22px;line-height:1;transition:all .15s;display:grid;position:absolute;top:16px;right:16px}.screensaver-close:hover,.access-close:hover{background:var(--mario-red);color:#fff;border-color:var(--mario-red)}.screensaver-mark{border-radius:var(--radius-md);color:#1a0f00;width:50px;height:50px;font-family:var(--font-display);box-shadow:0 6px 20px var(--mario-yellow-glow), 0 3px 0 #c60;background:linear-gradient(135deg,#fed100 0%,#ff9800 100%);place-items:center;margin-bottom:24px;font-size:26px;font-weight:900;display:grid}.screensaver-mark span{color:var(--mario-red)}.screensaver-panel h2,.access-panel h2{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text-main);margin:8px 0 12px;font-size:26px;font-weight:800;line-height:1.15}.screensaver-panel>p,.access-panel>p{color:var(--text-muted);margin:0 0 24px;font-size:13px;line-height:1.6}.client-pin-entry{border-radius:var(--radius-md);background:#090d12;border:2px solid #fed1004d;align-items:center;transition:all .2s;display:flex;overflow:hidden}.client-pin-entry:focus-within{border-color:var(--mario-yellow);box-shadow:0 0 16px var(--mario-yellow-glow)}.client-pin-entry input{width:100%;min-width:0;font-family:var(--font-mono);letter-spacing:.2em;color:var(--mario-yellow);text-align:center;background:0 0;border:0;outline:0;padding:14px 16px;font-size:24px}.client-pin-entry button{color:#1a0f00;background:linear-gradient(135deg,#fed100 0%,#ff9800 100%);border:0;justify-content:center;align-items:center;width:54px;height:56px;font-size:24px;font-weight:800;transition:all .15s;display:flex}.client-pin-entry button:hover{background:#ffe033}.client-error{min-height:20px;color:var(--mario-red);margin:10px 0 0;font-size:12px;font-weight:600}.whatsapp-link{border-radius:var(--radius-md);color:#fff;width:100%;min-height:48px;font-family:var(--font-display);background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:14px;font-weight:800;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 18px #25d36666,0 2px #075e54}.whatsapp-link:hover{transform:translateY(-2px);box-shadow:0 8px 24px #25d3668c}@keyframes appear{0%{opacity:0;transform:scale(.97)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.client-install-btn{color:#fed100;white-space:nowrap;cursor:pointer;background:#fed1001f;border:1px solid #fed10080;border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.client-install-btn:hover{color:#1a0f00;background:#fed100}.client-install-btn[hidden]{display:none}.client-install-hint{left:50%;bottom:max(18px, env(safe-area-inset-bottom));z-index:10000;color:#f1f5f9;background:#0e141cf7;border:1px solid #fed10080;border-radius:16px;flex-direction:column;gap:8px;width:min(92vw,360px);padding:16px 18px;font-size:14px;line-height:1.45;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 16px 40px #0009}.client-install-hint strong{color:#fed100;font-size:15px}.client-install-hint button{color:#1a0f00;cursor:pointer;background:linear-gradient(135deg,#fed100 0%,#ff9800 100%);border:0;border-radius:10px;align-self:flex-end;margin-top:4px;padding:8px 16px;font-weight:800}