:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f4f1e9;--muted:#96938c;--panel:#121213c7;--line:#ffffff1c;--accent:#ff5b3d;--background:#080809;--font-rounded:"Nunito", Arial, sans-serif}*{box-sizing:border-box}html,body{background:var(--background);width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ink);font-family:var(--font-rounded)}button,input{font:inherit}button{color:inherit}.studio-shell{background:radial-gradient(circle at 37% 44%,#5a58541f,#0000 35%),linear-gradient(135deg,#0b0b0c 0%,#050506 100%);width:100%;height:100svh;position:relative;overflow:hidden}.scene-actions{z-index:9;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));gap:7px;display:flex;position:absolute}.scene-actions button,.static-scene button{color:#dedbe6;cursor:pointer;background:#0c0c12b8;border:1px solid #ffffff24;border-radius:24px;min-width:44px;min-height:44px;padding:10px 15px;font-size:12px}.scene-actions button:focus-visible,.static-scene button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.scene-actions button:disabled{opacity:.4;cursor:default}.sound-toggle{z-index:9;top:calc(17px + env(safe-area-inset-top,0px));right:calc(18px + env(safe-area-inset-right,0px));color:#d6cfe1;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex;position:absolute}.sound-toggle:hover,.sound-toggle[aria-pressed=true]{color:#fff}.sound-toggle:focus-visible{outline-offset:3px;outline:2px solid #ddd0ff}@media (width<=600px){.sound-toggle{top:calc(14px + env(safe-area-inset-top,0px));right:calc(10px + env(safe-area-inset-right,0px))}}@media (width<=340px){.sound-toggle{top:calc(64px + env(safe-area-inset-top,0px))}}.visual-comparison{z-index:12;bottom:calc(20px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111017ed;border:1px solid #ffffff20;border-radius:30px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 24px);padding:7px 9px 7px 16px;font-size:11px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0005}.visual-comparison>span{color:#b9b5c2}.visual-comparison-options{gap:3px;display:flex}.visual-comparison button{color:#b9b5c2;cursor:pointer;background:0 0;border:0;border-radius:22px;min-height:36px;padding:7px 13px}.visual-comparison button[aria-pressed=true]{color:#1b1727;background:#f0ecf7}.visual-comparison button:disabled{opacity:.35;cursor:default}.visual-comparison .visual-rays[aria-pressed=true]{color:#f6e8c9;background:#ffffff19}.visual-comparison button:focus-visible{outline-offset:2px;outline:2px solid #b3a1ff}.visual-comparison .visual-pause{border-left:1px solid #ffffff20;border-radius:0 22px 22px 0;padding-left:16px}@media (width<=480px){.visual-comparison{gap:4px;padding-inline:8px}.visual-comparison>span{display:none}.visual-comparison button{min-height:40px;padding-inline:12px}}.static-scene{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:90px 24px;display:flex;position:absolute;inset:0}.static-scene p{max-width:42ch;color:var(--muted);font-size:13px}.static-flag{aspect-ratio:3.35/1.9;place-items:center;width:min(70vw,640px);display:grid;box-shadow:0 20px 60px #0005}.static-flag img{object-fit:contain;width:45%;height:55%}@media (width<=780px) and (orientation:portrait){.stage-brubank .static-flag img{width:60%;height:74%}}.flag-canvas[hidden]{display:none}.scene-message{z-index:13;bottom:calc(76px + env(safe-area-inset-bottom,0px));border:1px solid var(--line);background:#17131feb;border-radius:15px;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 32px);padding:14px 18px;font-size:12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.scene-message button{color:inherit;cursor:pointer;background:0 0;border:0;min-height:32px}.studio-shell:before{content:"";pointer-events:none;opacity:.13;mix-blend-mode:screen;background:repeating-linear-gradient(117deg,#0000 0 3px,#ffffff06 4px);position:absolute;inset:0}.topbar{top:calc(18px + env(safe-area-inset-top,0px));z-index:12;pointer-events:none;width:max-content;max-width:calc(100vw - 32px);transition:left .48s cubic-bezier(.16,1,.3,1);position:absolute;left:50%;transform:translate(-50%)}.navigation-dock{--eye-x:0px;--eye-y:0px;pointer-events:none;justify-content:center;align-items:center;gap:12px;width:max-content;max-width:100%;display:flex}.identity-character{pointer-events:none;transform-origin:50%;-webkit-user-select:none;user-select:none;width:47px;height:47px;transition:transform .42s cubic-bezier(.16,1,.3,1);display:block;position:relative}.identity-mask{z-index:1;background:var(--identity-color,#fff);content:"";transition:background .52s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;-webkit-mask:url(/identity/logomask.svg) 50%/contain no-repeat;mask:url(/identity/logomask.svg) 50%/contain no-repeat}.identity-eyes{z-index:3;width:24%;transform:translate(-50%, -50%) translate(var(--eye-x), var(--eye-y));will-change:transform;justify-content:space-between;align-items:center;display:flex;position:absolute;top:54%;left:50%}.identity-eyes>span{transform-origin:50%;background:#000;border-radius:50%;width:2.8px;height:2.8px;transition:background .32s;animation:7.2s ease-in-out infinite identity-blink;display:block;box-shadow:0 0 3px #00000047}.identity-character-selected,.identity-character-exiting{transform-origin:50%;will-change:transform, opacity;width:34px;height:34px;position:absolute;top:50%;left:50%}.identity-character-selected{animation:.62s cubic-bezier(.16,1,.3,1) both selected-identity-enter}.identity-character-exiting{animation:.68s cubic-bezier(.55,0,.24,1) both selected-identity-exit}@keyframes selected-identity-enter{0%{opacity:1;transform:translate(-50%,-50%)scale(.28)}64%{transform:translate(-50%,-50%)scale(1.055)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes selected-identity-exit{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}68%{transform:translate(-50%,-50%)scale(.26)}to{opacity:1;transform:translate(-50%,-50%)scale(.28)}}.identity-character-selected .identity-eyes{animation:.38s .15s both selected-identity-eyes-enter}.identity-character-exiting .identity-eyes{animation:.22s both selected-identity-eyes-exit}@keyframes selected-identity-eyes-enter{0%{opacity:0}to{opacity:1}}@keyframes selected-identity-eyes-exit{0%{opacity:1}to{opacity:0}}@keyframes identity-blink{0%,43%,46%,49%,to{transform:scaleY(1)}44.5%,47.5%{transform:scaleY(.08)}}.design-switcher{cursor:pointer;pointer-events:auto;scrollbar-width:none;touch-action:none;transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:0;width:max-content;min-width:0;max-width:100%;margin:0;padding:8px 10px;transition:transform .42s cubic-bezier(.16,1,.3,1);display:flex;overflow:visible;transform:scale(1)}.design-switcher:hover,.design-switcher:focus-within{transform:scale(1.05)}.design-switcher::-webkit-scrollbar{display:none}.design-tab{cursor:pointer;transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:42px;min-width:42px;height:42px;padding:0;transition:width .52s cubic-bezier(.16,1,.3,1),min-width .52s cubic-bezier(.16,1,.3,1),height .52s cubic-bezier(.16,1,.3,1),padding .52s cubic-bezier(.16,1,.3,1),border-color .32s cubic-bezier(.16,1,.3,1),background .32s cubic-bezier(.16,1,.3,1),box-shadow .42s cubic-bezier(.16,1,.3,1),transform .42s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.design-switcher.is-dragging,.design-switcher.is-dragging .design-tab{cursor:grabbing}.design-thumbnail{background:var(--design-color);width:10px;height:10px;box-shadow:none;transform-origin:50%;border:0 solid #ffffff2e;border-radius:50%;flex:0 0 10px;place-items:center;transition:width .52s cubic-bezier(.16,1,.3,1),height .52s cubic-bezier(.16,1,.3,1),flex-basis .52s cubic-bezier(.16,1,.3,1),border-width .32s,filter .32s,box-shadow .42s cubic-bezier(.16,1,.3,1),transform .52s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:hidden}.design-thumbnail:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(105deg,#0000 26%,#ffffff47 50%,#0000 74%);transition:opacity .24s,transform .68s cubic-bezier(.16,1,.3,1);position:absolute;inset:-25% 45% -25% -45%;transform:translate(-145%)rotate(8deg)}.design-thumbnail>img{object-fit:contain;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:86%;height:86%;transition:opacity .22s,transform .52s cubic-bezier(.16,1,.3,1);display:block;transform:scale(.35)}.design-tab:hover,.design-tab:focus-visible{outline:none;transform:scale(1.07)}.design-tab:hover .design-thumbnail,.design-tab:focus-visible .design-thumbnail{filter:brightness(1.1)saturate(1.04);transform:scale(1.12);box-shadow:0 2px 7px #0000003d}.design-tab:hover .design-thumbnail:after,.design-tab:focus-visible .design-thumbnail:after{transform:translate(235%)rotate(8deg)}.design-tab:active{transition-duration:.11s;transform:scale(.9)}.design-tab.is-active{box-shadow:none;background:0 0}.design-tab.is-active .design-thumbnail{width:36px;height:36px;box-shadow:none;background:0 0;border-width:0;flex-basis:36px;animation:.56s cubic-bezier(.16,1,.3,1) navigation-select;overflow:visible;transform:scale(1)}.design-tab.is-active .design-thumbnail:after,.design-tab.is-leaving .design-thumbnail:after{display:none}.design-tab.is-leaving .design-thumbnail{background:0 0;overflow:visible}.design-tab.is-leaving .design-thumbnail:before{z-index:0;background:var(--design-color);content:"";border-radius:50%;width:10px;height:10px;animation:.68s cubic-bezier(.16,1,.3,1) both navigation-dot-enter;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes navigation-dot-enter{0%,46%{opacity:0;transform:translate(-50%,-50%)scale(.35)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.design-tab.is-active:hover .design-thumbnail,.design-tab.is-active:focus-visible .design-thumbnail{box-shadow:none;transform:scale(1)}@keyframes navigation-select{0%{transform:scale(.86)}48%{transform:scale(1.13)}to{transform:scale(1)}}.stage{background:#0b0b0c;min-width:0;min-height:0;position:absolute;inset:0;overflow:hidden}.stage-brubank{background:#100b21}.stage-xapo{background:#17130f}.stage-popcorn{background:#170607}.stage-ba{background:#171404}.stage-taringa{background:#05111d}.stage-custom{background:#0b0b0c}.flag-canvas{z-index:2;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;opacity:0;width:100%;height:100%;transition:opacity .62s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:0;transform:scale(1.018)}.flag-canvas.is-revealed{opacity:1;transform:none}.flag-canvas.is-grab-ready,.flag-canvas.is-grabbing{cursor:grabbing}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=780px){.studio-shell{height:100svh;overflow:hidden}.topbar,.studio-shell.controls-collapsed .topbar{top:calc(12px + env(safe-area-inset-top,0px));width:max-content;max-width:calc(100vw - 24px);left:50%}.navigation-dock{gap:8px;width:max-content;max-width:100%}.identity-character{width:39px;height:39px}.identity-eyes>span{width:2.5px;height:2.5px}.design-switcher{border-radius:999px;flex:none;justify-content:center;width:max-content;max-width:100%;margin:0;padding:7px 9px;overflow:auto hidden}.design-tab{width:40px;min-width:40px;height:40px}.flag-canvas{touch-action:none}}@media (width<=480px){.design-switcher{gap:0}.design-tab{width:38px;min-width:38px;height:38px}.intro{max-width:38ch}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--font-geist-sans:Arial, Helvetica, system-ui, sans-serif;--font-geist-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}#root{width:100%;height:100%}