:root{--motion-ease:cubic-bezier(.22,1,.36,1)}button,a,input,select{transition:background .25s,border-color .25s,color .25s,box-shadow .25s,transform .35s var(--motion-ease)}button:hover{transform:translateY(-1px)}button:active{transform:scale(.98)}.game,.hero,.profile-card,.controls,.game-slot{transition:transform .45s var(--motion-ease),border-color .3s,box-shadow .3s}.game:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0004}.view:not([hidden]),.config-content>section:not([hidden]){animation:content-in .4s var(--motion-ease)}dialog[open]{animation:dialog-in .35s var(--motion-ease)}dialog::backdrop{animation:backdrop-in .3s}.nav button,.config-nav button{border-radius:12px!important}.motion-native{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;padding:0!important;pointer-events:none!important}.motion-select{display:block;position:relative;margin-top:9px}.motion-trigger{display:flex!important;align-items:center;justify-content:space-between;gap:12px;text-align:left;width:100%;background:#20252e;color:#f6f8fa;border:1px solid #39424e;border-radius:11px;padding:12px 13px;font-size:12px;min-height:43px}.motion-trigger .chevron{font-size:15px;color:#9ba5b4;transition:transform .35s}.motion-trigger[aria-expanded=true]{border-color:#ff344d;box-shadow:0 0 0 3px #ff344d18}.motion-trigger[aria-expanded=true] .chevron{transform:rotate(180deg)}.motion-popover{position:fixed;inset:auto;margin:0;background:#1c2027ed;backdrop-filter:blur(22px);border:1px solid #4c535f;border-radius:16px;padding:7px;color:#f4f6f9;box-shadow:0 25px 65px #0008;overflow:hidden;max-width:calc(100vw - 24px);z-index:1000}.motion-options{display:grid;gap:3px;overflow:auto;max-height:300px;scrollbar-width:thin}.motion-option{display:flex;align-items:center;justify-content:space-between;gap:15px;background:transparent;border:0;border-radius:9px;padding:12px;font-size:12px;text-align:left;color:#b5bdca;text-decoration:none;min-height:39px;cursor:pointer}.motion-option:hover,.motion-option:focus-visible{background:#ffffff0c;color:white}.motion-option[aria-selected=true]{background:#ff344d15;color:#ff7286}.motion-option[aria-selected=true]:after{content:'✓';color:#ff7286}.motion-option:disabled{opacity:.35}.quick-menu{position:relative}.motion-menu-anchor{margin-right:5px}@keyframes content-in{from{opacity:0;transform:translateY(9px);filter:blur(2px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(15px) scale(.975)}to{opacity:1;transform:none}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
.games-studio{margin:0 0 24px}.studio-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:9px;letter-spacing:1.6px;color:#dce2e8}.studio-heading small{color:#717d8a;font-size:8px;letter-spacing:1px;margin-left:15px}.studio-heading button{font-size:11px;padding:9px 13px}.game-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.game-slot{text-align:left;position:relative;display:grid;gap:6px;padding:15px;background:#1a1e24;border:1px solid #333943;border-radius:13px;min-width:0}.game-slot small{font:9px monospace;color:#788493}.game-slot strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-slot span{font-size:9px;color:#8b97a6}.game-slot.active{border-color:#ff344d;background:linear-gradient(115deg,#ff344d15,#1c2028);box-shadow:inset 0 0 0 1px #ff344d18}.game-slot.active small{color:#ff687b}.game-slot.empty{border-style:dashed;background:#15181d;color:#8d98a5}.switch-game{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;font-size:11px;background:#edff8710;border-color:#edff8730;color:#edff87}.switch-game small{font-size:8px;color:#adb9a1}.live-dialog{width:min(920px,calc(100vw - 28px))}.live-layout{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:30px;padding:25px 35px;max-height:74vh;overflow:auto}.live-phone{background:#000;border:1px solid #414a55;border-radius:20px;padding:8px;position:relative;align-self:start;max-width:290px;margin:auto;width:100%;box-shadow:0 20px 60px #0006}.live-phone canvas{width:100%;display:block;border-radius:13px;aspect-ratio:9/16}.live-phone canvas[data-format=wide]{aspect-ratio:16/9}.live-phone>span{position:absolute;left:17px;top:20px;background:#12151ad9;padding:5px 8px;border-radius:5px;font-size:9px}.live-tools h3{font-size:21px;line-height:1.2}.live-tools p,.live-tools small{font-size:11px;line-height:1.8;color:#8d9aae}.live-tools button{width:100%;margin:8px 0}.live-source{display:block;font-size:11px;color:#c3cfdf;padding:10px 0;text-decoration:underline;text-underline-offset:4px}.connection-badge{font:8px monospace;color:#edff87;letter-spacing:1px}.capture-mode .games-studio{display:none}#game-title{width:100%}
@media(max-width:850px){.studio-heading small{display:none}.game-slots{display:flex;overflow:auto;padding-bottom:4px}.game-slot{min-width:145px}.live-layout{grid-template-columns:1fr;padding:20px}.live-phone{max-width:230px}.live-tools h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}button:hover,.game:hover{transform:none!important}}
.field>.motion-select{float:none;width:100%;font:inherit;color:inherit}.motion-select .motion-trigger{font:12px "Segoe UI",Arial,sans-serif;letter-spacing:0}.vertical .stage{max-width:430px}.game-slots .game-slot{height:auto}
body:not(.vertical):not(.capture-mode) .stage{min-height:0;width:100%;aspect-ratio:16/9}

/* Photographic cast picker: one shared view for both game roles. */
.motion-character-trigger{min-height:66px;padding:9px 12px;gap:12px}
.motion-character-option{min-height:61px;padding:8px 10px;gap:12px}
.motion-option-name{flex:1;min-width:0}
.motion-avatar{display:block;flex:0 0 42px;width:42px;height:44px;overflow:hidden;border-radius:9px;background:#303640;border:1px solid #ffffff20}
.motion-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 15%}
.motion-avatar[data-character=flavio] img,.motion-avatar[data-character=vorcaro] img{transform:scale(1.25);transform-origin:50% 18%;object-position:50% 5%}
.motion-avatar[data-character=lula] img{transform:scale(1.2);transform-origin:50% 30%;object-position:50% 25%}
.motion-avatar[data-character=bolsonaro] img{transform:scale(1.9);transform-origin:50% 17%;object-position:50% 4%}
.motion-avatar[data-character=moraes] img{transform:scale(1.2);transform-origin:50% 15%;object-position:50% 0}
.motion-avatar[data-character=nikolas] img{transform:scale(1.1);transform-origin:50% 20%;object-position:50% 5%}
.motion-avatar[data-character=janja] img{object-fit:contain;object-position:center}