/* OFC-MOONLIGHT-UI-026 — módulo piloto web. Sem alterações nos motores ADS e Karaokê. */
#moonlight-page{--ml-blue:#7ad5ef;--ml-violet:#bc92e9;--ml-panel:#101b28;--ml-line:#334d68;color:#eaf2fc}
#moonlight-page .module-heading .eyebrow{color:var(--ml-blue)}
.ml-root{background:radial-gradient(ellipse at 80% 0%,#253958 0%,#0b111b 50%,#080c13 100%);border:1px solid #40546c;border-radius:18px;padding:clamp(14px,2.4vw,28px);min-width:0}
.ml-operator-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.ml-panel{min-width:0;padding:20px;background:linear-gradient(156deg,#1b2b3e,#101824);border:1px solid #3d5572;border-radius:16px}
.ml-panel-head{display:flex;gap:15px;align-items:flex-start;margin:0 0 20px}.ml-index{width:42px;height:42px;display:grid;place-items:center;border:1px solid #71a6bc;color:var(--ml-blue);border-radius:12px;flex:none;font-weight:800}.ml-panel h3{margin:0;font-size:1.35rem;text-transform:uppercase;letter-spacing:.03em}.ml-panel p{color:#a9bbce;margin:3px 0}
.ml-now{display:flex;gap:12px;align-items:center;background:#0c1520;border:1px solid #334b64;padding:14px;border-radius:12px;min-height:76px}.ml-now-led{width:14px;height:14px;border-radius:50%;background:#69778b;flex:none}.ml-now-led.playing{background:#6bdbb2;box-shadow:0 0 14px #6bdbb2}.ml-now div{min-width:0}.ml-now small{display:block;color:#91b4c8;letter-spacing:.13em;font-size:.65rem}.ml-now strong{overflow-wrap:anywhere;display:block;font-size:.95rem}
.ml-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.ml-toolbar button{font-size:.83rem;padding:8px 12px}
.ml-label{display:block;margin:16px 0 8px;color:#e2edf8;font-weight:700}.ml-label small{font-weight:400;color:#95b2c7}.ml-label output{float:right;color:#b8e9f8}.ml-label input[type=range]{width:100%;display:block;margin-top:14px;accent-color:#62d2ec}.ml-import{margin-top:14px}.ml-hint{font-size:.78rem;color:#a8bacd;line-height:1.5}.ml-hint code{color:#d4f6ff;overflow-wrap:anywhere}
.ml-track-list{display:grid;gap:6px;max-height:240px;overflow-y:auto;margin-top:15px}.ml-track{background:#101f2f;border:1px solid #344d65;border-radius:9px;padding:10px;display:flex;gap:12px;align-items:center;min-width:0}.ml-track span{flex:1;overflow-wrap:anywhere;font-size:.83rem}.ml-track button{background:#322135;border:1px solid #725366;color:#f0dfe6;border-radius:6px;padding:5px 8px}.ml-track-empty{color:#95aec4;font-size:.83rem;padding:10px}
.ml-api-row{display:flex;gap:9px}.ml-api-row input{flex:1;min-width:0;background:#0d1825;border-color:#466079}.ml-api-row button{flex:none;font-size:.8rem}.ml-feedback{border-left:3px solid #69d1e2;background:#101f2d;border-radius:5px;padding:12px;color:#b6d5e4;font-size:.83rem;margin-top:16px}
.ml-go-row{margin:18px 0 0;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#152439;border:1px solid #5d85a5;padding:17px 22px;border-radius:14px}.ml-go-row strong{font-size:1.1rem}.ml-go-row p{color:#b4c6d9;margin:4px 0;font-size:.84rem}.ml-primary{background:#157d9b!important;border-color:#61cce8!important;color:white!important}.ml-note{color:#abb8c7;font-size:.78rem;margin:14px 0 0}
.ml-client{min-height:72vh;background:radial-gradient(circle at 50% 0,#172e46,#090e17 63%);border:1px solid #355c76;border-radius:18px;padding:20px}
.ml-client-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.ml-client-name{display:flex;gap:10px;align-items:center}.ml-client-name strong{letter-spacing:.18em;font-size:clamp(1.13rem,2.4vw,1.7rem);display:block;color:#e2f7ff}.ml-client-name small{letter-spacing:.12em;color:#8cbbd5;font-size:.68rem}.ml-orb{font-size:2rem;color:#8edaf4}.ml-client-right{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.ml-client-dj{color:#90cbb9;font-size:.73rem}.ml-exit{background:none;border:1px solid #546c7c;border-radius:9px;color:#bacbdb;padding:8px 11px;font-size:.75rem}
.ml-discovery{max-width:1050px;margin:clamp(35px,8vh,110px) auto 24px}.ml-discovery h3{text-align:center;font-size:clamp(1.7rem,4vw,3.2rem);margin:0 0 7px}.ml-discovery>p{text-align:center;color:#94b4cb;margin:0 0 26px}.ml-search-form{display:flex;gap:9px;background:#152338;border:1px solid #6f9fbc;padding:8px;border-radius:15px;box-shadow:0 25px 55px #0008}.ml-search-form input{background:transparent;border:0;outline:0;flex:1;padding:12px;color:white;font-size:1.12rem;min-width:0}.ml-search-form button{padding:12px 24px;background:#137e9e;color:#fff;font-weight:800;border:0;border-radius:10px;white-space:nowrap}.ml-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:20px 0}.ml-result{border:1px solid #3c5570;padding:0;background:#152234;color:#eaf4ff;text-align:left;border-radius:12px;overflow:hidden;min-width:0}.ml-result[aria-pressed=true]{border-color:#7be1fa;box-shadow:inset 0 0 0 1px #65b8d2}.ml-result-thumb{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#05080d}.ml-result-info{padding:12px}.ml-result-info strong{display:block;font-size:.9rem;line-height:1.35;min-height:36px}.ml-result-info span{display:block;font-size:.72rem;color:#9cbed0;margin-top:5px}.ml-select-dot{color:#9fe7fa;font-size:.72rem;font-weight:700}.ml-selection{margin:24px auto 0;background:#142b40;border:1px solid #6191aa;padding:18px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:16px}.ml-selected-title{min-width:0}.ml-selected-title span{display:block;color:#a5cee2;font-size:.68rem;letter-spacing:.14em}.ml-selected-title strong{font-size:.93rem}.ml-choice-actions{display:flex;gap:10px;flex-wrap:wrap}.ml-selection button{white-space:normal}
.ml-stage{min-height:0}.ml-stage-top{padding:12px 0 14px;display:flex;align-items:center;gap:15px;justify-content:space-between;flex-wrap:wrap}.ml-stage-top>div:first-child{min-width:150px;flex:1}.ml-stage-eyebrow{font-size:.7rem;color:#96c5d5;display:block}.ml-stage-top strong{font-size:1rem;display:block}.ml-stage-actions{display:flex;gap:8px;flex-wrap:wrap}.ml-stage-actions button{background:#1a2c41;border:1px solid #557d9d;color:#dbf0fc;border-radius:8px;padding:8px 12px;font-size:.8rem}.ml-countdown{font-size:2.5rem;color:#a7f2ff;font-weight:900;min-width:65px;text-align:center}.ml-player-frame{width:min(100%,1400px);margin:0 auto;aspect-ratio:16/9;background:#020406;border:1px solid #3e647e;border-radius:12px;overflow:hidden;min-height:240px}.ml-player-frame iframe{width:100%!important;height:100%!important;display:block}.ml-stage-message{text-align:center;font-size:.8rem;color:#b6d3df;margin:12px 0 0}
.ml-root.ml-client-active{padding:9px}.ml-client-active .ml-client{border:0;border-radius:12px}body.ml-totem .session-strip,body.ml-totem #home-back,body.ml-totem .module-hero,body.ml-totem #moonlight-page > .module-heading,body.ml-totem .site-footer{display:none!important}body.ml-totem .shell{max-width:none;padding:0}body.ml-totem #moonlight-page{margin:0}body.ml-totem .ml-root{border:0;border-radius:0}body.ml-totem .ml-client{min-height:100vh}
#ml-stage:fullscreen{background:#050912;padding:16px;display:flex;flex-direction:column}#ml-stage:fullscreen .ml-player-frame{width:min(100%,calc((100vh - 115px)*16/9));height:auto;min-height:0;flex:1;aspect-ratio:16/9;max-height:calc(100vh - 115px)}
@media(max-width:1000px){.ml-operator-grid{grid-template-columns:1fr}.ml-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.ml-go-row,.ml-selection{flex-direction:column;align-items:stretch}.ml-results{grid-template-columns:1fr}.ml-search-form{flex-wrap:wrap}.ml-search-form button{width:100%}.ml-api-row{flex-wrap:wrap}.ml-api-row button{width:100%}.ml-client-header{align-items:flex-start}.ml-client-right{flex-direction:column;align-items:flex-end}.ml-stage-top{flex-direction:column;align-items:flex-start}.ml-player-frame{min-height:200px}}
@media(prefers-reduced-motion:reduce){.ml-root *{scroll-behavior:auto!important;animation:none!important}}

.ml-result-wrap{min-width:0}.ml-result-wrap .ml-result{width:100%;display:block}.ml-youtube-link{display:inline-block;font-size:.72rem;color:#98d8ec;text-decoration:underline;padding:6px 4px}

/* OFC-MOONLIGHT-026: transparência de plataforma, configuração assistida da API. */
.ml-platform{display:inline-block;border:1px solid #406785;border-left:3px solid #66d3f0;background:#101e2d;padding:10px 12px;border-radius:8px;color:#cee4f3;font-size:.82rem;line-height:1.45;margin:12px 0 0!important}.ml-platform strong{color:#ffdcb1}
.ml-api-steps{background:#0b1522;border:1px solid #34516e;padding:15px 16px;margin-top:14px;border-radius:12px;color:#bcd5e7;font-size:.82rem;line-height:1.6}.ml-api-steps>strong{color:#e8f6ff}.ml-api-steps ol{margin:9px 0 7px;padding-left:24px}.ml-api-steps li{margin:5px 0}.ml-api-steps a{color:#8bdaef;text-decoration:underline}.ml-api-steps p{font-size:.78rem;margin-top:10px}.ml-api-steps code{background:#152b40;padding:2px 4px;border-radius:4px;overflow-wrap:anywhere}
#ml-test-key:disabled{opacity:.65;cursor:wait}

/* OFC-CAT-027: sugestões, confirmação dupla, busca onerosa isolada. Desktop Chromium. */
.ml-catalog-admin{background:#0e1926;border:1px solid #385c76;border-radius:12px;padding:14px 16px;margin:18px 0 0;display:grid;gap:10px}
.ml-catalog-admin strong{color:#d5f7ff}.ml-catalog-admin-actions{display:flex;gap:7px;flex-wrap:wrap}.ml-catalog-admin-actions button,.ml-catalog-admin-actions label{font-size:.76rem;padding:8px 10px;cursor:pointer}.ml-catalog-admin>small{font-size:.75rem;color:#9db8cc}.ml-import-catalog{margin:0!important}
.ml-suggest{background:linear-gradient(125deg,#12293c,#121d2e);border:1px solid #4f9cb7;border-radius:18px;padding:21px;margin:22px 0 12px;box-shadow:0 18px 45px #0004}
.ml-suggest-top{display:flex;align-items:flex-start;gap:15px;justify-content:space-between}.ml-suggest-top h4{font-size:clamp(1.12rem,2vw,1.5rem);margin:5px 0 5px}.ml-suggest-top p{margin:0;color:#a9c3d5;font-size:.84rem}.ml-kicker{font-size:.7rem;letter-spacing:.12em;color:#6cdbfb;font-weight:800}.ml-local-free{font-size:.73rem;font-weight:800;color:#7ef1ba;border:1px solid #3c8b70;border-radius:999px;padding:8px 10px;white-space:nowrap}
.ml-suggest-items{display:grid;gap:10px;margin:18px 0}.ml-suggest-item{background:#0a1625;border:1px solid #395976;border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:12px;min-width:0}.ml-suggest-art{width:48px;height:48px;flex:none;border-radius:10px;display:grid;place-items:center;background:#213b54;color:#9ae8ff;font-size:23px}.ml-suggest-info{min-width:0;flex:1}.ml-suggest-info strong{font-size:.98rem;display:block;color:#f1faff;overflow-wrap:anywhere}.ml-suggest-info small{display:block;color:#93b6cc;font-size:.74rem;margin-top:4px}.ml-use{border:0;border-radius:9px;background:#168a9e;color:white;font-size:.85rem;font-weight:800;padding:12px 17px;white-space:nowrap;cursor:pointer}.ml-use:hover{background:#23a5b8}
.ml-suggest-foot{display:flex;align-items:center;gap:14px;justify-content:space-between;border-top:1px solid #294b65;padding-top:13px}.ml-online-alt{border:1px solid #8a789e;border-radius:9px;color:#e2c7ff;background:#36243c;cursor:pointer;padding:11px 15px;font-size:.86rem;font-weight:800}.ml-online-alt:hover{background:#4a3053}.ml-online-alt:disabled{opacity:.6;cursor:wait}.ml-suggest-foot span{color:#92aec2;font-size:.72rem;text-align:right}.ml-suggest.ml-empty{border-color:#687488;background:#192334}.ml-empty .ml-local-free{display:none}
@media(max-width:820px){.ml-suggest-item,.ml-suggest-foot{flex-wrap:wrap}.ml-suggest-item .ml-use{margin-left:auto}.ml-suggest-top{flex-wrap:wrap}}

/* OFC-ML-ADS-028: ADS read-only: lateral só na busca, nada no palco / fullscreen. */
.ml-ads-control{display:flex;align-items:flex-start;gap:15px;background:#122332;border:1px solid #426b81;border-radius:14px;padding:17px 20px;margin-top:18px;color:#d4edf5}
.ml-ads-control-text{flex:1;min-width:0}.ml-ads-control-text h3{font-size:1.1rem;margin:0 0 7px;line-height:1.35}.ml-ads-control-text p{font-size:.84rem;color:#aac6d5;margin:6px 0}.ml-ads-control-text .ml-ads-alert{color:#e6cdbd}.ml-ads-control-text .ml-ads-status{font-size:.75rem;color:#8ed4c6;margin-top:10px}
.ml-ads-test{font-size:.62rem;border:1px solid #ba915a;color:#efc895;padding:3px 6px;border-radius:5px;vertical-align:middle;margin-left:5px}
.ml-ads-switch{display:flex;gap:10px;align-items:center;border:1px solid #6a9eb4;border-radius:9px;padding:12px 14px;color:#e3f8fc;background:#183447;font-size:.83rem;cursor:pointer;white-space:nowrap}.ml-ads-switch input{accent-color:#52c9e4;width:18px;height:18px}
.ml-discovery-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;max-width:1510px;margin:0 auto;align-items:start;min-width:0}
.ml-discovery-layout>#ml-discovery{min-width:0;width:100%;max-width:1050px}
.ml-client.ml-ads-visible .ml-discovery-layout{grid-template-columns:minmax(0,1fr) clamp(175px,22vw,264px)}
.ml-client.ml-ads-visible .ml-discovery-layout>#ml-discovery{max-width:unset;margin-left:0;margin-right:0}
.ml-ads-slot{width:100%;margin-top:clamp(28px,6vh,80px);position:sticky;top:16px;min-width:0;background:#08090c;border:1px solid #78556a;border-radius:12px;padding:9px;box-shadow:0 16px 38px #0009;overflow:hidden}
.ml-ads-slot[hidden]{display:none!important}.ml-ads-slot-head{display:flex;justify-content:space-between;color:#f0bad5;font-size:.65rem;font-weight:800;letter-spacing:.12em;padding:3px 4px 8px}.ml-ads-slot-head small{font-size:.57rem;color:#8f9da6}
.ml-ads-media{aspect-ratio:9/16;max-height:min(67vh,510px);width:100%;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;border-radius:7px}
.ml-ads-creative{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.ml-ads-caption{display:block;padding:9px 4px 1px;color:#c7cbd4;font-size:.69rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:959px){.ml-ads-control{flex-wrap:wrap}.ml-ads-switch{margin-left:54px}.ml-ads-slot{display:none!important}}

/* OFC-UI-029 — identidade comercial, slots editáveis sem recorte */
.ml-commercial-hero{position:relative;min-height:145px;background:radial-gradient(ellipse at 70% 30%,#163b64,#160d27 52%,#05080f);border:1px solid #11d9f0;overflow:hidden}
.ml-commercial-hero>img{display:block;width:100%;height:auto;object-fit:contain;position:relative;z-index:2}
.ml-hero-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#fbe4c4;letter-spacing:.14em}.ml-hero-placeholder strong{font-size:clamp(1.8rem,5vw,4rem);font-weight:1000;letter-spacing:.035em;color:#08dcf1}.ml-hero-placeholder small{font-size:clamp(.6rem,1.3vw,.9rem);color:#da87fa}.ml-commercial-hero:has(img:not([style*="display: none"])) .ml-hero-placeholder{display:none}
.ml-customer-art{position:relative;min-height:165px;border:1px solid #2bc7e5;border-radius:18px;margin:12px 0 23px;overflow:hidden;background:radial-gradient(circle at 70% 28%,#263c78,#1c0833 48%,#080c13 80%);box-shadow:0 14px 45px #0008}
.ml-customer-art>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;position:relative;z-index:2}.ml-customer-art-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;text-align:center;padding:18px;color:#f4e0c2}.ml-customer-art-fallback strong{font-size:clamp(1.6rem,4.5vw,4rem);font-weight:1000;line-height:1.05}.ml-customer-art-fallback em{font-style:normal;color:#10ddf1}.ml-customer-art-fallback small{color:#b68ade;letter-spacing:.2em}.ml-customer-art:has(img:not([style*="display: none"])) .ml-customer-art-fallback{display:none}
.ml-customer-footer{position:relative;min-height:0;margin:16px 0 0;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none}.ml-customer-footer img{display:block;width:100%;height:auto;object-fit:contain;position:relative;z-index:2}.ml-footer-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-around;color:#e9c9fa;letter-spacing:.19em;text-align:center;font-size:clamp(.65rem,1.35vw,1rem)}.ml-footer-fallback span{font-size:1.8rem;color:#02d8f6}.ml-customer-footer:has(img:not([style*="display: none"])) .ml-footer-fallback{display:none}
.ml-suggest{border-color:#11cde8!important;box-shadow:0 0 20px #05d5fc24}.ml-local-free{color:#fff!important;border-color:#e9374a!important;background:#a4142b!important}.ml-use{background:#11d8e9;color:#071017}.ml-use:hover{background:#63ecf5}.ml-online-alt{background:transparent;color:#9fcee6;border-color:#527993}.ml-online-alt:hover{background:#122d3c}
@media(max-width:900px){.ml-customer-art{min-height:125px}}

/* UI-032: respeita o canal alfa do PNG do rodapé; moldura apenas se a imagem falhar. */
.ml-customer-footer:has(>img[style*="display: none"]){min-height:75px;border-radius:15px;background:linear-gradient(100deg,#080914,#271136,#090e1a)}

/* UI-033: containers de arte independentes e responsivos. Desktop Chromium; sem crop. */
.ml-client .ml-visual-slot{width:100%;max-width:100%;min-width:0;margin:clamp(10px,1.5vw,18px) auto clamp(14px,2vw,28px);padding:0;border:0;border-radius:0;box-shadow:none;overflow:visible;background:transparent;min-height:0;display:block;box-sizing:border-box;container:ml-art / inline-size}
.ml-client .ml-visual-slot--footer{margin:clamp(16px,2vw,26px) auto 0}
.ml-visual-frame{position:relative;width:100%;max-width:100%;min-width:0;margin-inline:auto;box-sizing:border-box}
.ml-visual-slot--header .ml-visual-frame{max-width:1536px}
.ml-visual-slot--footer .ml-visual-frame{max-width:1942px}
.ml-visual-frame>img{display:block;width:100%;max-width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;aspect-ratio:auto;position:relative;z-index:1}
.ml-visual-frame .ml-customer-art-fallback,.ml-visual-frame .ml-footer-fallback{z-index:0}
.ml-visual-frame:has(>img:not([style*="display: none"])) .ml-customer-art-fallback,.ml-visual-frame:has(>img:not([style*="display: none"])) .ml-footer-fallback{display:none}
.ml-visual-slot--header .ml-visual-frame:has(>img[style*="display: none"]){min-height:clamp(100px,18vw,180px);background:radial-gradient(circle at 70% 28%,#263c78,#1c0833 48%,#080c13 80%);border-radius:12px}
.ml-visual-slot--footer .ml-visual-frame:has(>img[style*="display: none"]){min-height:clamp(68px,12vw,110px);background:linear-gradient(100deg,#080914,#271136,#090e1a);border-radius:12px}
@container ml-art (max-width:780px){.ml-customer-art-fallback strong{font-size:clamp(1.15rem,5.8cqw,3rem)}.ml-footer-fallback{letter-spacing:.08em;padding-inline:8px}.ml-footer-fallback span{font-size:clamp(1rem,4cqw,1.6rem)}}


/* OFC UI-034 — palco comercial, topo sem legenda duplicada, rodapé ancorado.
   Sem novas artes: extensão por gradientes azul noite / violeta, transparência preservada. */
body.ml-public,
body.ml-public #moonlight-page,
body.ml-totem #moonlight-page{
  background:radial-gradient(ellipse at 50% 4%,#18334b 0%,#0e2033 32%,#0a1424 64%,#090e17 100%);
}
body.ml-public{margin:0;min-height:100svh}
body.ml-public #moonlight-page{min-height:100svh;display:block;width:100%}
body.ml-public #ml-root.ml-client-active{padding:0!important;margin:0;background:transparent!important;border:0;border-radius:0}
body.ml-public .ml-client,
body.ml-totem .ml-client:not([hidden]){
  display:flex;flex-direction:column;min-height:100svh;position:relative;
  width:100%;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;isolation:isolate;
}
body.ml-public .ml-visual-slot--header,
body.ml-totem .ml-visual-slot--header{margin:0 auto!important;border:0;border-radius:0;box-shadow:none;min-height:0}
body.ml-public .ml-visual-slot--header .ml-visual-frame,
body.ml-totem .ml-visual-slot--header .ml-visual-frame{max-width:none;width:100%}
body.ml-public .ml-visual-slot--header .ml-visual-frame>img,
body.ml-totem .ml-visual-slot--header .ml-visual-frame>img{
  display:block;width:100%;height:auto;max-height:clamp(205px,38svh,510px);
  object-fit:cover;object-position:center 45%
}
body.ml-public .ml-visual-slot--header::after,
body.ml-totem .ml-visual-slot--header::after{
  content:"";position:absolute;pointer-events:none;inset:auto 0 0;height:clamp(14px,3svh,46px);
  z-index:3;background:linear-gradient(0deg,#0f2034,transparent)
}
body.ml-public .ml-discovery-layout,
body.ml-totem .ml-discovery-layout{width:100%;max-width:1510px;padding-inline:clamp(12px,3.5vw,54px)}
body.ml-public .ml-discovery,
body.ml-totem .ml-discovery{margin:clamp(18px,3svh,42px) auto clamp(18px,3svh,38px)}
body.ml-public .ml-client:has(#ml-stage:not([hidden])) .ml-discovery-layout,
body.ml-totem .ml-client:has(#ml-stage:not([hidden])) .ml-discovery-layout{display:none}
.ml-admin-client-tools{position:absolute;top:12px;right:16px;z-index:8;display:flex;align-items:center}
.ml-admin-client-tools .ml-exit{background:#071521db;backdrop-filter:blur(10px)}
/* Ancoragem real: o bloco do rodapé recebe toda a altura livre da estação. */
.ml-bottom-dock{width:100%;min-width:0;margin-top:auto;padding-top:clamp(10px,2svh,22px);
  background:linear-gradient(0deg,#090e17 0%,#0b1830 40%,transparent 100%);}
.ml-bottom-dock .ofc-dj-mini{
  width:min(calc(100% - 2*clamp(12px,3.5vw,50px)),1050px);
  margin:0 auto 6px;position:relative;z-index:3;backdrop-filter:blur(12px)
}
.ml-platform-note{
  display:block;color:#83a4b9;opacity:.85;letter-spacing:.045em;
  text-align:right;padding:0 clamp(14px,3vw,50px) 4px;font-size:.63rem
}
/* Cortar APENAS a região superior do PNG (transparente), nunca as cartas/caveiras inferiores. */
.ml-bottom-dock .ml-visual-slot--footer{
  margin:0 auto!important;width:100%;max-width:none;
  background:transparent!important;overflow:hidden!important;border:0!important
}
.ml-bottom-dock .ml-visual-slot--footer .ml-visual-frame{
  width:100%;max-width:none;height:clamp(120px,24svh,350px);
  overflow:hidden;position:relative;margin-inline:auto
}
.ml-bottom-dock .ml-visual-slot--footer img{
  position:absolute;left:0;right:0;bottom:0;display:block;
  width:100%;height:auto;max-height:none;object-fit:contain;object-position:center bottom;
  z-index:1;transform:none
}
.ml-bottom-dock .ml-visual-slot--footer .ml-footer-fallback{
  min-height:110px;align-items:center;justify-content:space-around
}
.ml-client:has(#ml-stage:not([hidden]))>.ml-bottom-dock,
.ml-client:has(#ml-stage:not([hidden]))>.ml-customer-art{display:none!important}
.ml-client:has(#ml-stage:not([hidden])){display:block!important;min-height:0}
@media(min-width:1600px){
  .ml-bottom-dock .ml-visual-slot--footer .ml-visual-frame{height:min(31svh,410px)}
}
@media(max-width:720px){
  body.ml-public .ml-visual-slot--header .ml-visual-frame>img,
  body.ml-totem .ml-visual-slot--header .ml-visual-frame>img{
    height:auto;max-height:none;object-fit:contain
  }
  body.ml-public .ml-discovery,
  body.ml-totem .ml-discovery{margin:clamp(15px,3svh,30px) auto 18px}
  .ml-platform-note{text-align:center;font-size:.6rem}
  .ml-bottom-dock .ml-visual-slot--footer .ml-visual-frame{height:clamp(115px,20svh,220px)}
}