/* Streaming presentation. Deliberately scoped so the classic UI stays intact. */
html[data-ui-mode="modern"] {--modern-bg:#070a13;--modern-line:#30394f;--modern-purple:#7549ec;--modern-muted:#aab4cd}
html[data-ui-mode="modern"] body {background:var(--modern-bg)}
html[data-ui-mode="modern"] [hidden] {display:none!important}
html[data-ui-mode="modern"] .window-frame {grid-template-columns:196px minmax(0,1fr);background:var(--modern-bg)}
html[data-ui-mode="modern"] .sidebar {padding:20px 14px;background:#090d18;border-right:1px solid #20273c}
html[data-ui-mode="modern"] .brand-block {height:94px;min-height:94px;margin-bottom:20px}
html[data-ui-mode="modern"] .brand-mark-sidebar {width:150px;height:94px}
html[data-ui-mode="modern"] .brand-mark-sidebar img {object-fit:contain;width:100%;height:100%}
.modern-sidebar {display:flex;flex-direction:column;gap:12px}
.modern-sidebar[hidden],.modern-tools[hidden],.modern-hero[hidden] {display:none}
.modern-category {font-size:17px!important;min-height:57px!important;padding:12px!important;white-space:normal;border:1px solid transparent!important;border-radius:12px!important}
.modern-category[aria-current="page"] {background:linear-gradient(115deg,#144db6,#49358d);border-color:#7e85ff!important}
html[data-ui-mode="modern"] .side-footer {font-size:11px;color:var(--modern-muted)}
html[data-ui-mode="modern"] .content-shell {padding:16px 24px 0;background:var(--modern-bg);overflow:hidden}
.modern-tools {display:flex;justify-content:flex-end;gap:8px;min-height:32px;margin-right:46px;margin-bottom:6px}
.modern-tool {background:transparent;border:1px solid #2b344a;color:#cbd4e9;border-radius:8px;padding:6px 12px;font:inherit;font-size:12px}
html[data-ui-mode="modern"] .global-network-status {top:16px;right:20px}
html[data-ui-mode="modern"] #catalogView {position:relative;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scroll-padding-top:12px;scroll-padding-bottom:75px}
html[data-ui-mode="modern"] .catalog-header {padding:0;min-height:0;flex-shrink:0}
html[data-ui-mode="modern"] .catalog-header h1 {font-size:22px;margin:2px 0 8px;letter-spacing:-.02em}
html[data-ui-mode="modern"] .catalog-header p {display:none}
html[data-ui-mode="modern"] .catalog-toolbar {gap:8px;margin:0 0 8px;flex-wrap:wrap;flex-shrink:0}
html[data-ui-mode="modern"] .catalog-toolbar button {font-size:12px;min-height:30px;padding:5px 12px;border-radius:20px}
html[data-ui-mode="modern"] .catalog-toolbar [hidden] {display:none}
html[data-ui-mode="modern"] .modern-filterbar {margin:0 0 6px;flex-shrink:0}
html[data-ui-mode="modern"] .catalog-search-region {margin:0 0 8px;flex-shrink:0}
html[data-ui-mode="modern"] .catalog-search-region .library-search {max-width:360px;min-height:34px}
html[data-ui-mode="modern"] .catalog-search-region input {font-size:14px}
html[data-ui-mode="modern"] .catalog-message {font-size:11px;margin:0 0 6px;color:var(--modern-muted);flex-shrink:0}
.modern-hero {position:relative;isolation:isolate;flex:0 0 auto;min-height:295px;border-radius:18px;overflow:hidden;background:#111a2d;margin-bottom:14px;display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:20px;padding:26px}
.modern-hero-art {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.modern-hero::before {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,9,18,.97),rgba(6,9,18,.72) 40%,rgba(6,9,18,.16) 75%,rgba(6,9,18,.6)),linear-gradient(0deg,rgba(6,9,18,.6),transparent 55%)}
.modern-hero-copy {max-width:570px;align-self:center}
.modern-eyebrow {font-size:10px;letter-spacing:.16em;color:#c2b5ff}
.modern-title {font-size:clamp(26px,3vw,48px);line-height:1.08;margin:10px 0 14px;letter-spacing:-.035em;text-shadow:0 2px 8px #000}
.modern-description {font-size:14px;line-height:1.5;color:#d5dcef;max-width:470px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 14px}
.modern-chips {display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.modern-chip {font-size:11px;padding:5px 9px;border-radius:18px;border:1px solid #41495d;background:#121a2dd9;color:#dce5ff}
.modern-hero-actions {display:flex;flex-wrap:wrap;gap:10px}
.modern-button {padding:10px 18px;min-height:42px;border:1px solid #59617b;border-radius:10px;background:#131a2de8;color:#fff;font:inherit;font-size:14px}
.modern-primary {background:linear-gradient(110deg,#0871ef,#5930b4);border-color:#8790ff}
.modern-gameplay {background:#080d18d9;border:1px solid #36415a;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:7px;align-self:center}
.modern-gameplay h3 {font-size:12px;font-weight:500;margin:0;color:#cfd7ea}
.modern-thumbnail {padding:0;border:1px solid #48526a;overflow:hidden;background:#0d1424;border-radius:7px;width:100%;aspect-ratio:16/9;max-height:76px}
.modern-image {width:100%;height:100%;object-fit:contain;display:block}
html[data-ui-mode="modern"] #catalogView>#catalogGrid {display:flex;flex-direction:column;gap:16px;overflow:visible;min-height:0;flex:0 0 auto;padding:4px 4px 16px}
.modern-section-header {display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}
.modern-section-header h2 {font-size:16px;margin:0;font-weight:600}
.modern-section-header span {font-size:11px;color:var(--modern-muted)}
.modern-rail {display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;padding:5px 5px 12px;scrollbar-width:thin;scroll-padding-inline:5px}
html[data-ui-mode="modern"] #catalogGrid .catalog-card {width:264px;min-width:264px;max-width:264px;flex:0 0 264px;height:194px;min-height:194px;display:flex;flex-direction:column;padding:0;background:#101625;border:1px solid #2c354b;border-radius:11px;overflow:hidden;transition:transform 100ms ease,border-color 100ms ease;box-shadow:none;scroll-margin-bottom:12px}
html[data-ui-mode="modern"] #catalogGrid .catalog-card .catalog-art,
html[data-ui-mode="modern"] #catalogGrid .catalog-card .catalog-art.has-cover {height:148px;min-height:148px;aspect-ratio:16/9;position:relative;background:#0f1626;padding:0;flex:0 0 148px}
html[data-ui-mode="modern"] #catalogGrid .catalog-card[data-platform="steam"] .catalog-art.has-cover {aspect-ratio:16/9}
html[data-ui-mode="modern"] #catalogGrid .catalog-art img {position:static;object-fit:contain;width:100%;height:100%}
html[data-ui-mode="modern"] #catalogGrid .catalog-card h3 {font-size:14px;line-height:18px;height:18px;min-height:18px;flex:none;margin:8px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-ui-mode="modern"] #catalogGrid .catalog-card>p,
html[data-ui-mode="modern"] #catalogGrid .catalog-card>.catalog-platform,
html[data-ui-mode="modern"] #catalogGrid .catalog-card>.catalog-status,
html[data-ui-mode="modern"] #catalogGrid .catalog-card>.catalog-actions {display:none}
html[data-ui-mode="modern"] .nav-focused,
html[data-ui-mode="modern"] :focus-visible {outline:3px solid #a9b6ff!important;outline-offset:3px;box-shadow:0 0 14px #6855dd66!important}
html[data-ui-mode="modern"] #catalogGrid .catalog-card.nav-focused {transform:scale(1.025);border-color:#c3caff}
html[data-ui-mode="modern"] #catalogView>#catalogHelp {position:sticky;bottom:0;z-index:2;background:#080d18f5;margin:0;padding:11px 4px;font-size:12px;min-height:45px;max-height:none;height:auto;flex:0 0 auto;border-top:1px solid #26304a;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:20px}
html[data-ui-mode="modern"] #catalogDetailView {overflow-y:auto;scrollbar-width:thin}
html[data-ui-mode="modern"] #catalogDetailView .detail-body {padding:12px 4px;background:transparent;overflow:visible}
html[data-ui-mode="modern"] #catalogDetailView .detail-layout {grid-template-columns:minmax(150px,21%) minmax(0,1fr);gap:24px}
html[data-ui-mode="modern"] #catalogDetailView .detail-cover {border-radius:14px;overflow:hidden;align-self:start;border:1px solid #37415b}
html[data-ui-mode="modern"] #catalogDetailView .detail-content h1 {font-size:clamp(28px,3.5vw,48px)}
html[data-ui-mode="modern"] #catalogDetailView .detail-gallery {max-height:330px;grid-template-columns:minmax(0,1fr) 150px;gap:12px}
html[data-ui-mode="modern"] #catalogDetailView .detail-gallery>.detail-image {object-fit:contain;max-height:330px;background:#090f1b;border-radius:12px}
html[data-ui-mode="modern"] #catalogDetailView .detail-thumbnail {border-radius:9px;overflow:hidden}
html[data-ui-mode="modern"] #catalogDetailView .detail-bottom {margin-top:12px;padding:16px;border:1px solid #35415a;border-radius:12px;background:#111829;flex-wrap:wrap}
html[data-ui-mode="modern"] #catalogDetailView .detail-performance {flex:1 1 280px;min-width:0}
html[data-ui-mode="modern"] .modern-detail-meta {margin:12px 0 0}
html[data-ui-mode="modern"] .modern-detail-actions {display:flex;gap:10px;flex-wrap:wrap;align-items:center}
html[data-ui-mode="modern"] #catalogDetailView[data-modern-playable="true"] .detail-request:disabled {display:none}
@media(max-width:1050px){html[data-ui-mode="modern"] .window-frame{grid-template-columns:164px minmax(0,1fr)}html[data-ui-mode="modern"] .content-shell{padding-inline:16px}.modern-hero{grid-template-columns:minmax(0,1fr) 150px;padding:20px;gap:12px}.modern-tools{gap:4px}.modern-tool{font-size:11px;padding:5px 8px}}
@media(max-height:720px){.modern-hero{min-height:250px;padding:18px}.modern-description{-webkit-line-clamp:2}.modern-title{font-size:32px}.modern-thumbnail{max-height:60px}html[data-ui-mode="modern"] .brand-block{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){html[data-ui-mode="modern"] #catalogGrid .catalog-card{transition:none;transform:none!important}}

/* Component scale, not document zoom. Fixed within a viewport, independent of results. */
html[data-ui-mode="modern"] {
  --modern-safe:clamp(14px,1.5vmin,36px);
  --modern-small:clamp(12px,.85vw,26px);
  --modern-text:clamp(15px,1.08vw,32px);
  --modern-card-width:clamp(264px,18.5vw,600px);
  --modern-card-art:calc(var(--modern-card-width) * .5625);
  --modern-sidebar-width:clamp(196px,14vw,440px);
}
html[data-ui-mode="modern"] body {padding:var(--modern-safe);font-size:var(--modern-text)}
html[data-ui-mode="modern"] .window-frame {height:calc(100vh - var(--modern-safe) * 2);grid-template-columns:var(--modern-sidebar-width) minmax(0,1fr)}
html[data-ui-mode="modern"] .sidebar {min-height:0;padding:clamp(14px,1.2vw,32px)}
html[data-ui-mode="modern"] .modern-category {font-size:clamp(17px,1.2vw,38px)!important;min-height:clamp(57px,4vw,120px)!important}
html[data-ui-mode="modern"] .brand-block {height:clamp(94px,6.5vw,210px);min-height:clamp(94px,6.5vw,210px)}
html[data-ui-mode="modern"] .brand-mark-sidebar {width:clamp(150px,10vw,320px);height:100%}
html[data-ui-mode="modern"] .side-footer {font-size:var(--modern-small)}
html[data-ui-mode="modern"] .content-shell {padding:clamp(14px,1.1vw,32px) clamp(18px,1.6vw,48px) 0}
html[data-ui-mode="modern"] .modern-tools {flex-wrap:wrap;margin-right:clamp(46px,3.2vw,100px);min-height:clamp(32px,2.4vw,72px)}
html[data-ui-mode="modern"] .modern-tool {font-size:var(--modern-small);padding:6px 12px;min-height:30px}
html[data-ui-mode="modern"] .global-network-status {right:clamp(20px,1.4vw,44px);top:clamp(16px,1.1vw,36px)}
html[data-ui-mode="modern"] .catalog-header h1 {font-size:clamp(22px,1.7vw,48px)}
html[data-ui-mode="modern"] .catalog-toolbar button,
html[data-ui-mode="modern"] .catalog-search-region input {font-size:var(--modern-small)}
html[data-ui-mode="modern"] .catalog-search-region .library-search {max-width:clamp(360px,30vw,1100px);min-height:clamp(38px,3vw,80px)}
html[data-ui-mode="modern"] .catalog-message {font-size:var(--modern-small)}
html[data-ui-mode="modern"] .modern-hero {min-height:clamp(250px,30vh,600px);grid-template-columns:minmax(0,1fr) clamp(170px,14vw,440px);padding:clamp(18px,1.8vw,60px);gap:clamp(16px,1.6vw,48px)}
html[data-ui-mode="modern"] .modern-hero-copy {max-width:clamp(520px,40vw,1300px);min-width:0}
html[data-ui-mode="modern"] .modern-title {font-size:clamp(30px,3vw,86px)}
html[data-ui-mode="modern"] .modern-description {font-size:var(--modern-text);max-width:100%;-webkit-line-clamp:3}
html[data-ui-mode="modern"] .modern-eyebrow {font-size:var(--modern-small)}
html[data-ui-mode="modern"] .modern-chip {font-size:var(--modern-small);padding:5px 10px}
html[data-ui-mode="modern"] .modern-button {font-size:var(--modern-text);min-height:clamp(42px,3.2vw,96px)}
html[data-ui-mode="modern"] .modern-gameplay h3 {font-size:var(--modern-small)}
html[data-ui-mode="modern"] .modern-thumbnail {max-height:clamp(60px,8vh,150px)}
html[data-ui-mode="modern"] .modern-section-header h2 {font-size:clamp(17px,1.2vw,36px)}
html[data-ui-mode="modern"] .modern-section-header span {font-size:var(--modern-small)}
html[data-ui-mode="modern"] #catalogGrid .catalog-card {width:var(--modern-card-width);min-width:var(--modern-card-width);max-width:var(--modern-card-width);flex-basis:var(--modern-card-width);height:calc(var(--modern-card-art) + 48px + var(--modern-small));min-height:calc(var(--modern-card-art) + 48px + var(--modern-small))}
html[data-ui-mode="modern"] #catalogGrid .catalog-card .catalog-art,
html[data-ui-mode="modern"] #catalogGrid .catalog-card .catalog-art.has-cover {height:var(--modern-card-art);min-height:var(--modern-card-art);flex-basis:var(--modern-card-art)}
html[data-ui-mode="modern"] #catalogGrid .catalog-card h3 {font-size:var(--modern-text);height:1.5em;min-height:1.5em;line-height:1.5em}
html[data-ui-mode="modern"] #catalogView>#catalogHelp {font-size:var(--modern-small);gap:10px 20px}
html[data-ui-mode="modern"] .hint-button {font-size:var(--modern-small);min-width:clamp(30px,2.1vw,64px);height:clamp(30px,2.1vw,64px)}
html[data-ui-mode="modern"] #catalogView {scroll-padding-bottom:clamp(75px,6vw,180px)}
html[data-ui-mode="modern"] #catalogDetailView .detail-description,
html[data-ui-mode="modern"] #catalogDetailView .detail-metadata {font-size:var(--modern-text)}
html[data-ui-mode="modern"] #catalogDetailView .detail-content h1 {font-size:clamp(28px,3.3vw,88px)}
html[data-ui-mode="modern"] #catalogDetailView .detail-gallery {max-height:clamp(250px,35vh,720px);grid-template-columns:minmax(0,1fr) clamp(120px,11vw,350px)}
html[data-ui-mode="modern"] #catalogDetailView .detail-gallery>.detail-image {max-height:clamp(250px,35vh,720px)}
html[data-ui-mode="modern"] .performance-badge {font-size:var(--modern-text)}
html[data-ui-mode="modern"] #catalogDetailView .detail-performance-guide {font-size:var(--modern-text)}
html[data-ui-mode="modern"] .virtual-keyboard-overlay {padding:var(--modern-safe)}
html[data-ui-mode="modern"] .virtual-keyboard {width:min(92vw,2400px);max-height:calc(100vh - var(--modern-safe) * 2);padding:clamp(18px,1.5vw,48px)}
html[data-ui-mode="modern"] .keyboard-row button {font-size:clamp(18px,1.5vw,46px);min-height:clamp(46px,5vh,100px)}
html[data-ui-mode="modern"] .keyboard-value {font-size:clamp(22px,1.8vw,54px)}
html[data-ui-mode="modern"] .keyboard-hints {font-size:var(--modern-small)}
html[data-ui-mode="modern"] .modern-options-panel {width:min(90vw,clamp(440px,32vw,1100px));max-height:calc(100vh - var(--modern-safe) * 2);font-size:var(--modern-text)}
html[data-ui-mode="modern"] .exit-dialog {width:min(92vw,clamp(560px,40vw,1500px));max-height:calc(100vh - var(--modern-safe) * 2);overflow:auto;font-size:var(--modern-text)}
html[data-ui-mode="modern"] .exit-dialog h2 {font-size:clamp(25px,2vw,64px)}
html[data-ui-mode="modern"] .game-modal .modal-panel {max-width:calc(100vw - var(--modern-safe) * 2);max-height:calc(100vh - var(--modern-safe) * 2);overflow:auto}
html[data-ui-mode="modern"] .hint-cross,
html[data-ui-mode="modern"] .hint-circle,
html[data-ui-mode="modern"] .hint-direction {font-size:0;width:clamp(30px,2.1vw,64px);flex:0 0 clamp(30px,2.1vw,64px);padding:0}
html[data-ui-mode="modern"] .hint-cross::before,
html[data-ui-mode="modern"] .hint-circle::before {width:clamp(14px,1vw,32px);height:clamp(14px,1vw,32px)}
html[data-ui-mode="modern"] .modern-hero[data-empty="true"] {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:clamp(180px,22vh,420px)}
html[data-ui-mode="modern"] .modern-empty {font-size:clamp(24px,2vw,60px);margin:0 0 12px}
html[data-ui-mode="modern"] .modern-hero[data-gallery="false"] {grid-template-columns:minmax(0,1fr)}
html[data-ui-mode="modern"] .modern-thumbnail {position:relative}
html[data-ui-mode="modern"] .modern-thumbnail:has(img[data-media-fallback="true"])::after {content:'Prévia alternativa';position:absolute;inset:auto 0 0;background:#08101de6;color:#dae3f8;padding:3px;font-size:var(--modern-small)}
html[data-ui-mode="modern"] .modern-thumbnail:has(img[data-media-state="missing"])::after {content:'Prévia indisponível'}
html[data-ui-mode="modern"] .catalog-art:has(img[data-media-state="missing"])::after {content:'Imagem indisponível';display:grid;place-items:center;height:100%;color:#abb9d4;font-size:var(--modern-small)}
html[data-ui-mode="modern"] .nav-focused,
html[data-ui-mode="modern"] :focus-visible {outline-width:clamp(3px,.24vw,8px)!important;outline-offset:clamp(3px,.24vw,8px)}
html[data-ui-mode="modern"] .modern-rail {padding:clamp(12px,.7vw,28px);scroll-padding-inline:clamp(12px,.7vw,28px)}
/* Approved physical UX review: bounded context, real covers and one reachable sidebar. */
html[data-ui-mode="modern"] .sidebar {display:flex;flex-direction:column;overflow-y:auto;gap:0}
html[data-ui-mode="modern"] .brand-block {height:clamp(60px,5.6vw,160px);min-height:clamp(60px,5.6vw,160px);margin-bottom:12px}
html[data-ui-mode="modern"] .modern-sidebar {gap:clamp(4px,.5vh,12px);flex:1;min-height:0}
html[data-ui-mode="modern"] .modern-sidebar .nav-item {font-size:clamp(14px,1.05vw,34px)!important;min-height:clamp(38px,5.2vh,106px)!important;padding:clamp(7px,.6vw,22px)!important;border-radius:8px;flex-shrink:0}
html[data-ui-mode="modern"] .modern-utility:first-of-type {margin-top:auto}
html[data-ui-mode="modern"] #modernWifi {margin-top:auto}
html[data-ui-mode="modern"] .modern-home[aria-current="page"],html[data-ui-mode="modern"] .modern-utility.active {background:linear-gradient(115deg,#144db6,#49358d)}
html[data-ui-mode="modern"] .content-shell {padding-bottom:var(--modern-safe)}
html[data-ui-mode="modern"] #catalogView {overflow:hidden;min-height:0;gap:0;scroll-padding:0}
html[data-ui-mode="modern"] #catalogView>#catalogGrid {overflow:auto;flex:1 1 auto;min-height:0;padding:12px;scroll-padding:14px;gap:12px}
html[data-ui-mode="modern"] #catalogView>#catalogHelp {position:static;flex-shrink:0}
html[data-ui-mode="modern"] *,html[data-ui-mode="modern"] {scrollbar-width:none}
html[data-ui-mode="modern"] ::-webkit-scrollbar {display:none;width:0;height:0}
html[data-ui-mode="modern"] .modern-hero {min-height:clamp(185px,28vh,580px);margin:0 0 6px;grid-template-columns:minmax(0,1fr);padding:clamp(16px,1.5vw,50px)}
html[data-ui-mode="modern"] .modern-hero-art {object-fit:contain;object-position:right center}
html[data-ui-mode="modern"] .modern-gameplay {display:none}
html[data-ui-mode="modern"] .modern-description {-webkit-line-clamp:2;margin-bottom:8px}
html[data-ui-mode="modern"] .modern-title {font-size:clamp(25px,2.4vw,74px);margin:5px 0 8px}
html[data-ui-mode="modern"] .modern-eyebrow {display:none}
html[data-ui-mode="modern"] .modern-chips {margin-bottom:8px}
html[data-ui-mode="modern"][data-modern-page="category"] .modern-hero {min-height:clamp(108px,16vh,330px);max-height:clamp(130px,18vh,390px);padding:12px 20px}
html[data-ui-mode="modern"][data-modern-page="category"] .modern-hero-copy {max-width:65%}
html[data-ui-mode="modern"][data-modern-page="category"] .modern-description {font-size:var(--modern-small);-webkit-line-clamp:1;margin:0}
html[data-ui-mode="modern"][data-modern-page="category"] .modern-chips {display:none}
html[data-ui-mode="modern"] #catalogGrid .modern-rail {padding:10px;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-padding-inline:12px}
html[data-ui-mode="modern"] {--cover-height:clamp(145px,24vh,520px);--cover-width:calc(var(--cover-height) * .72)}
html[data-ui-mode="modern"] #catalogGrid .catalog-card {--family-width:var(--cover-width);width:var(--family-width);min-width:var(--family-width);max-width:var(--family-width);flex:0 0 var(--family-width);height:calc(var(--cover-height) + 42px);min-height:calc(var(--cover-height) + 42px);overflow:visible;background:#0c1421}
html[data-ui-mode="modern"] #catalogGrid .catalog-card[data-platform="steam"] {--family-width:calc(var(--cover-height) * .667)}
html[data-ui-mode="modern"] #catalogGrid .catalog-card .catalog-art,html[data-ui-mode="modern"] #catalogGrid .catalog-card .catalog-art.has-cover {height:var(--cover-height);min-height:var(--cover-height);flex:0 0 var(--cover-height);aspect-ratio:auto;border-radius:9px;overflow:hidden;background:#0a101b}
html[data-ui-mode="modern"] #catalogGrid .catalog-art img {object-fit:contain!important;object-position:center}
html[data-ui-mode="modern"] #catalogGrid .catalog-card h3 {white-space:normal;font-size:var(--modern-small);line-height:1.25;height:2.5em;min-height:2.5em;margin:6px 5px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
html[data-ui-mode="modern"][data-modern-page="category"] #catalogGrid .modern-rail {display:grid;grid-template-columns:repeat(auto-fill,var(--cover-width));gap:18px;overflow:visible;align-items:start}
html[data-ui-mode="modern"] .modern-explore {flex:0 0 auto;padding:8px 12px 12px}
html[data-ui-mode="modern"] .modern-explore h2 {font-size:clamp(16px,1.25vw,40px);margin:0 0 10px}
html[data-ui-mode="modern"] .modern-explore-options {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
html[data-ui-mode="modern"] .modern-explore-category {min-width:0;min-height:clamp(50px,8vh,180px);padding:10px;font-size:var(--modern-text);text-align:left;background:linear-gradient(135deg,#112b45,#28204a)}
html[data-ui-mode="modern"] #catalogDetailView .detail-layout {grid-template-columns:minmax(100px,18%) minmax(0,1fr) minmax(0,42%);gap:clamp(12px,1.3vw,40px);align-items:start}
html[data-ui-mode="modern"] #catalogDetailView .detail-cover img {object-fit:contain!important;max-height:48vh}
html[data-ui-mode="modern"] #catalogDetailView .detail-gallery {grid-template-columns:minmax(0,1fr) clamp(70px,8vw,240px);max-height:46vh}
html[data-ui-mode="modern"] #catalogDetailView .detail-gallery>.detail-image {object-fit:contain!important;width:100%;height:auto;max-height:44vh;aspect-ratio:16/9}
html[data-ui-mode="modern"] #catalogDetailView .detail-thumbnail img {object-fit:contain!important}
html[data-ui-mode="modern"] #catalogDetailView .detail-content h1 {font-size:clamp(25px,2.5vw,78px)}
html[data-ui-mode="modern"] #catalogDetailView .detail-description {font-size:var(--modern-text);line-height:1.45}
html[data-ui-mode="modern"] #catalogDetailView .detail-metadata {font-size:var(--modern-small)}
html[data-ui-mode="modern"] #catalogDetailView .detail-performance-guide {margin:12px 0;padding:12px;min-height:0;font-size:var(--modern-small)}
html[data-ui-mode="modern"] #catalogDetailView .detail-performance-guide h2 {font-size:var(--modern-text);margin:0 0 6px}
html[data-ui-mode="modern"] #catalogDetailView .detail-bottom {margin-top:8px;padding:12px;gap:12px}
html[data-ui-mode="modern"] #catalogDetailView .detail-performance {flex:1 1 180px;font-size:var(--modern-small)}
html[data-ui-mode="modern"] #catalogDetailView .detail-performance p {margin:5px 0}
html[data-ui-mode="modern"] #catalogDetailView .detail-body {overflow:auto;min-height:0}
@media(max-height:800px){html[data-ui-mode="modern"] .catalog-message{display:none}html[data-ui-mode="modern"] .catalog-search-region{margin-bottom:4px}html[data-ui-mode="modern"] .catalog-header h1{margin:0 0 4px}html[data-ui-mode="modern"] .modern-chip{padding:3px 7px}html[data-ui-mode="modern"] .modern-button{min-height:36px;padding:7px 12px}html[data-ui-mode="modern"] .side-footer{display:none}}
html[data-ui-mode="modern"] .modern-utility[aria-current="page"] {background:linear-gradient(115deg,#144db6,#49358d)}
html[data-ui-mode="modern"][data-modern-page="home"] .modern-hero {min-height:clamp(160px,24vh,520px)}

html[data-ui-mode="modern"] #catalogView {padding:8px 10px}
html[data-ui-mode="modern"][data-modern-page="home"] .catalog-header {display:none}
html[data-ui-mode="modern"][data-modern-page="home"] {--cover-height:clamp(120px,18vh,420px)}
@media(max-height:800px){html[data-ui-mode="modern"][data-modern-page="home"] .modern-description{-webkit-line-clamp:1}html[data-ui-mode="modern"] .modern-hero{padding:12px 18px}}
html[data-ui-mode="modern"] #catalogDetailView .detail-performance-guide {display:block} html[data-ui-mode="modern"] #catalogDetailView .detail-performance-guide p {margin:6px 0;font-size:var(--modern-small)} html[data-ui-mode="modern"] #catalogDetailView .detail-bottom {justify-content:flex-end}
#modernWifi[data-network-state="wifi-online"]::after {content:"●";color:#65d7a4;margin-left:8px} #modernWifi[data-network-state="wifi-no-internet"]::after {content:"!";color:#e7bd70;margin-left:8px}

/* Caption scales with text; its room cannot be borrowed from the cover. */
html[data-ui-mode="modern"] {--cover-caption:calc(var(--modern-small) * 2.5 + 12px)}
html[data-ui-mode="modern"] #catalogGrid .catalog-card {height:calc(var(--cover-height) + var(--cover-caption));min-height:calc(var(--cover-height) + var(--cover-caption));gap:0}
@media(max-height:960px){html[data-ui-mode="modern"][data-modern-page="home"] .modern-description{-webkit-line-clamp:1}html[data-ui-mode="modern"][data-modern-page="home"] .modern-hero{padding:12px 18px}}
/* Physical UX Review 2: stable panels, compact controls and gameplay-first detail. */
html[data-ui-mode="modern"] {--ui-heading:clamp(24px,2vw,60px);--ui-body:clamp(15px,1.05vw,34px);--ui-caption:clamp(12px,.85vw,28px)}
html[data-ui-mode="modern"] .modern-category-group {color:#b7a8ec;font-size:var(--ui-caption);letter-spacing:.1em;padding:4px 12px 0;text-transform:uppercase}
html[data-ui-mode="modern"] .modern-category {margin-left:8px}
html[data-ui-mode="modern"] #catalogView .catalog-header,html[data-ui-mode="modern"] #catalogMessage {display:none}
html[data-ui-mode="modern"] #catalogView .catalog-toolbar {display:flex;align-items:center;flex-wrap:nowrap;gap:10px;padding:2px 0 8px;min-height:44px}
html[data-ui-mode="modern"] #catalogView .catalog-search-region {margin:0 0 0 auto;flex:1;max-width:clamp(300px,34vw,1200px)}
html[data-ui-mode="modern"] .catalog-search-region .library-search {width:100%;max-width:none;min-height:36px}
html[data-ui-mode="modern"] #catalogView #modernHero {--hero-height:clamp(178px,25vh,540px);height:var(--hero-height);min-height:var(--hero-height);max-height:var(--hero-height);flex:0 0 var(--hero-height);padding:14px 22px;margin-bottom:8px}
html[data-ui-mode="modern"] #modernHero .modern-hero-copy {max-width:68%;position:relative;min-width:0;overflow:hidden}
html[data-ui-mode="modern"] #modernHero .modern-title {font-size:var(--ui-heading);max-width:calc(100% - 40px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0 0 6px}
html[data-ui-mode="modern"] #modernHero .modern-description {font-size:var(--ui-body);margin:0 0 6px;-webkit-line-clamp:1}
html[data-ui-mode="modern"] #modernHero .modern-chips {display:flex;margin:0 0 8px}
html[data-ui-mode="modern"] .modern-favorite {position:absolute;right:0;top:0;color:#8a93a9;font-size:clamp(23px,1.7vw,48px)}
html[data-ui-mode="modern"] .modern-favorite[data-favorite="true"] {color:#f3c657}
html[data-ui-mode="modern"] #catalogDetailView .detail-layout {grid-template-columns:minmax(0,38%) minmax(0,1fr);grid-template-areas:"copy gallery" "cover gallery";gap:14px 24px}
html[data-ui-mode="modern"] #catalogDetailView .detail-content {grid-area:copy}
html[data-ui-mode="modern"] #catalogDetailView .detail-cover {grid-area:cover;justify-self:start;width:clamp(70px,7.5vw,220px)}
html[data-ui-mode="modern"] #catalogDetailView .detail-cover img {max-height:20vh}
html[data-ui-mode="modern"] #catalogDetailView .detail-content h1 {font-size:var(--ui-heading)}
html[data-ui-mode="modern"] #catalogDetailView .detail-description {font-size:var(--ui-body);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html[data-ui-mode="modern"] #catalogDetailView .detail-gallery {grid-area:gallery;grid-template-columns:minmax(0,1fr) clamp(88px,9vw,280px);max-height:52vh;width:100%}
html[data-ui-mode="modern"] #catalogDetailView .detail-gallery>.detail-image {width:100%;height:clamp(230px,42vh,950px);max-height:48vh;aspect-ratio:16/9;object-fit:contain}
html[data-ui-mode="modern"] #catalogDetailView .detail-thumbnail {height:clamp(78px,12vh,250px)}
html[data-ui-mode="modern"] #catalogDetailView .detail-performance-guide {font-size:var(--ui-caption);padding:8px;margin:4px 0}
html[data-ui-mode="modern"] #settingsView h1,html[data-ui-mode="modern"] #supportView h1,html[data-ui-mode="modern"] .wifi-panel h2 {font-size:var(--ui-heading);color:#e7eaff;line-height:1.2}
html[data-ui-mode="modern"] #settingsView h2,html[data-ui-mode="modern"] #supportView h2 {font-size:clamp(19px,1.4vw,44px);color:#c5b7ef}
html[data-ui-mode="modern"] #settingsView,html[data-ui-mode="modern"] #supportView,html[data-ui-mode="modern"] .wifi-panel {font-size:var(--ui-body);line-height:1.45}
html[data-ui-mode="modern"] #settingsView .simple-card {border-color:#343653;background:linear-gradient(135deg,#0d1728,#151729);padding:clamp(18px,1.5vw,45px)}
html[data-ui-mode="modern"] .wifi-panel {width:min(92vw,1800px);padding:clamp(20px,1.5vw,48px)}
.wifi-actions {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex-shrink:0;padding:6px}
.wifi-actions .wifi-option {margin:0;min-width:0;text-align:center}
.wifi-signal {display:inline-flex;gap:3px;align-items:flex-end;height:18px;margin-left:14px;vertical-align:middle}
.wifi-signal i {display:block;width:4px;background:#35445b;border-radius:2px}
.wifi-signal i:nth-child(1){height:5px}.wifi-signal i:nth-child(2){height:9px}.wifi-signal i:nth-child(3){height:13px}.wifi-signal i:nth-child(4){height:17px}
.wifi-signal[data-level="1"] i:nth-child(-n+1),.wifi-signal[data-level="2"] i:nth-child(-n+2),.wifi-signal[data-level="3"] i:nth-child(-n+3),.wifi-signal[data-level="4"] i {background:#6bc9ed}
html[data-ui-mode="modern"] .device-performance {font-size:var(--ui-caption);font-weight:650;color:#a7b2c7;display:inline-flex;align-items:center}
html[data-ui-mode="modern"] .device-performance[data-tier="light"] {color:#70d5a3}
html[data-ui-mode="modern"] .device-performance[data-tier="medium"] {color:#ecc365}
html[data-ui-mode="modern"] .device-performance[data-tier="heavy"] {color:#ef8292}
html[data-ui-mode="modern"] .device-test-panel {width:min(92vw,1900px);font-size:var(--ui-body)}
html[data-ui-mode="modern"] .device-test-panel h1 {font-size:var(--ui-heading)}

/* Final visual refinement: simpler navigation, larger streaming hero and calmer home hierarchy. */
html[data-ui-mode="modern"] .modern-sidebar {gap:6px}
html[data-ui-mode="modern"] .modern-sidebar-spacer {flex:1 1 auto;min-height:16px}
html[data-ui-mode="modern"] .modern-catalog-root[aria-current="page"],
html[data-ui-mode="modern"] .modern-home[aria-current="page"] {background:linear-gradient(115deg,#144db6,#49358d);border-color:#7e85ff!important}
html[data-ui-mode="modern"] .modern-catalog-menu {display:flex;flex-direction:column;gap:4px;padding:2px 0 6px 12px}
html[data-ui-mode="modern"] .modern-catalog-menu[hidden] {display:none!important}
html[data-ui-mode="modern"] .modern-catalog-menu .modern-category {margin-left:0;min-height:clamp(34px,4.4vh,86px)!important;padding:clamp(6px,.45vw,16px)!important;font-size:clamp(13px,.92vw,28px)!important;background:#0b1220;border-color:#222c42!important}
html[data-ui-mode="modern"] .modern-catalog-menu .modern-category[aria-current="true"] {background:linear-gradient(110deg,#12345f,#29214c);border-color:#6574c9!important;color:#f4f6ff}
html[data-ui-mode="modern"] #modernWifi {margin-top:0}
html[data-ui-mode="modern"] .modern-utility:first-of-type {margin-top:0}

html[data-ui-mode="modern"] #catalogView #modernHero {--hero-height:clamp(210px,31vh,650px);height:var(--hero-height);min-height:var(--hero-height);max-height:var(--hero-height);padding:clamp(18px,1.7vw,54px) clamp(24px,2.2vw,72px);margin-bottom:10px}
html[data-ui-mode="modern"][data-modern-page="category"] #catalogView #modernHero {--hero-height:clamp(190px,27vh,570px);height:var(--hero-height);min-height:var(--hero-height);max-height:var(--hero-height);padding:clamp(16px,1.5vw,46px) clamp(22px,2vw,64px)}
html[data-ui-mode="modern"] #modernHero .modern-hero-ambient {position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;object-position:center;z-index:-4;opacity:.72;filter:saturate(1.28) brightness(.72);transform:scale(1.02)}
html[data-ui-mode="modern"] #modernHero .modern-hero-art {z-index:-2;object-fit:contain;object-position:right center;filter:saturate(1.08)}
html[data-ui-mode="modern"] #modernHero::before {background:linear-gradient(90deg,rgba(5,8,17,.94) 0%,rgba(5,8,17,.82) 31%,rgba(5,8,17,.46) 55%,rgba(5,8,17,.2) 76%,rgba(5,8,17,.36) 100%),linear-gradient(0deg,rgba(5,8,17,.62),transparent 58%)}
html[data-ui-mode="modern"] #modernHero .modern-hero-copy {max-width:min(760px,72%);overflow:visible;align-self:center}
html[data-ui-mode="modern"] #modernHero .modern-title {max-width:100%}
html[data-ui-mode="modern"] #modernHero .modern-hero-actions {display:flex;align-items:center;gap:12px;padding:7px;margin:-7px;overflow:visible}
html[data-ui-mode="modern"] #modernHero .modern-favorite-action {width:clamp(44px,3.2vw,82px);min-width:clamp(44px,3.2vw,82px);padding-inline:0;font-size:clamp(22px,1.55vw,42px);line-height:1;color:#9aa5bc;background:#11192bdd}
html[data-ui-mode="modern"] #modernHero .modern-favorite-action[data-favorite="true"] {color:#f2c451;border-color:#8f7741;background:#241e12e8}
html[data-ui-mode="modern"] #modernHero .modern-favorite {display:none}

html[data-ui-mode="modern"][data-modern-page="home"] {--cover-height:clamp(145px,21vh,470px)}
html[data-ui-mode="modern"] #catalogGrid .catalog-card h3 {text-align:center;margin-left:6px;margin-right:6px}
html[data-ui-mode="modern"] .modern-section-header span {font-size:clamp(14px,1vw,32px);font-weight:600;color:#c4cce0}
html[data-ui-mode="modern"] .modern-section-header h2 {font-size:clamp(16px,1.2vw,38px)}
html[data-ui-mode="modern"] #catalogView .catalog-toolbar {gap:8px;overflow:visible}
html[data-ui-mode="modern"] #catalogView .catalog-search-region {order:20;margin-left:auto;max-width:clamp(280px,33vw,1100px)}
html[data-ui-mode="modern"] #catalogView #catalogClear {order:21;flex:0 0 auto}
html[data-ui-mode="modern"] #catalogView #catalogFavorites {display:none!important}
html[data-ui-mode="modern"] #modernFilters {display:flex;gap:8px;margin:0 0 6px;flex-shrink:0}
html[data-ui-mode="modern"] #modernFilters[hidden] {display:none!important}
html[data-ui-mode="modern"] #modernFilter-performance {font-weight:650}

#modernWifi[data-network-state="wifi-online"]::after {content:"●";color:#65d7a4;margin-left:8px}
#modernWifi[data-network-state="wifi-disconnected"]::after,
#modernWifi[data-network-state="wifi-off"]::after,
#modernWifi[data-network-state="wifi-unavailable"]::after,
#modernWifi[data-network-state="other-online"]::after {content:"●";color:#ed6d7e;margin-left:8px}
#modernWifi[data-network-state="wifi-no-internet"]::after,
#modernWifi[data-network-state="wifi-internet-unknown"]::after {content:"●";color:#65d7a4;margin-left:8px}

@media(max-height:800px){
  html[data-ui-mode="modern"] #catalogView #modernHero {--hero-height:clamp(185px,29vh,300px);padding:14px 24px}
  html[data-ui-mode="modern"][data-modern-page="category"] #catalogView #modernHero {--hero-height:clamp(170px,25vh,270px)}
  html[data-ui-mode="modern"][data-modern-page="home"] {--cover-height:clamp(130px,19vh,230px)}
  html[data-ui-mode="modern"] #modernHero .modern-hero-copy {max-width:74%}
}


/* Pacote 2: refinamentos finais de layout */
html[data-ui-mode="modern"] #catalogView .catalog-toolbar {gap:12px;padding:4px 4px 12px;overflow:visible}
html[data-ui-mode="modern"] #catalogView .catalog-toolbar button {margin:2px 0;overflow:visible}
html[data-ui-mode="modern"] #catalogView .catalog-toolbar button:focus-visible,
html[data-ui-mode="modern"] #catalogView .catalog-toolbar button.nav-focused {outline-offset:2px;box-shadow:0 0 0 3px rgba(90,203,255,.18),0 0 18px rgba(73,144,255,.25)}
html[data-ui-mode="modern"] #catalogView #catalogPlatform {display:none!important}
html[data-ui-mode="modern"] #modernHero {--hero-accent:rgba(54,105,255,.34)}
html[data-ui-mode="modern"] #modernHero .modern-hero-ambient {opacity:.68;filter:blur(28px) saturate(1.08) brightness(.78);transform:scale(1.12)}
html[data-ui-mode="modern"] #modernHero::after {content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--hero-accent) 70%, transparent), transparent 35%),linear-gradient(90deg, rgba(4,7,15,.92) 0%, rgba(4,7,15,.80) 30%, rgba(4,7,15,.42) 58%, rgba(4,7,15,.2) 100%)}
html[data-ui-mode="modern"] #modernHero .modern-hero-copy {max-width:min(820px,72%)}
html[data-ui-mode="modern"] #modernHero .modern-hero-actions {gap:14px;justify-content:flex-start;flex-wrap:wrap}
html[data-ui-mode="modern"] #modernHero .modern-button {min-height:44px}
html[data-ui-mode="modern"] #modernHero .modern-favorite-action {min-width:auto;padding:0 18px;font-size:clamp(17px,1.1vw,28px);font-weight:700;order:2}
html[data-ui-mode="modern"] #modernHero .modern-primary {order:0}
html[data-ui-mode="modern"] #modernHero .modern-button:not(.modern-favorite-action) {min-width:clamp(140px,10vw,250px)}
html[data-ui-mode="modern"] #catalogGrid .catalog-platform, html[data-ui-mode="modern"] #catalogGrid .catalog-card h3 {text-align:center}
html[data-ui-mode="modern"] #settingsView .simple-card h1 {font-size:clamp(30px,2.35vw,64px)}
html[data-ui-mode="modern"] #settingsView .simple-card p {font-size:clamp(15px,1.02vw,26px)}
html[data-ui-mode="modern"] #settingsView .settings-panel h3 {font-size:clamp(20px,1.38vw,36px)}
html[data-ui-mode="modern"] #settingsView .setting-row {padding:16px 18px;gap:16px}
html[data-ui-mode="modern"] #settingsView .setting-row strong {font-size:clamp(16px,1.04vw,27px)}
html[data-ui-mode="modern"] #settingsView .setting-row small,
html[data-ui-mode="modern"] #settingsView #audioHeading + p {font-size:clamp(14px,.94vw,22px);line-height:1.45;color:#c1cce0}
html[data-ui-mode="modern"] #settingsView .audio-panel .settings-list {display:grid;gap:12px}
html[data-ui-mode="modern"] #settingsView .audio-row {grid-template-columns:minmax(0,1fr) minmax(220px,38%);display:grid;align-items:center}
html[data-ui-mode="modern"] #settingsView .audio-row output {display:inline-flex;min-width:58px;justify-content:center;padding:4px 10px;border-radius:999px;background:rgba(34,69,120,.55);border:1px solid rgba(113,173,255,.32);font-weight:700;margin-left:10px}
html[data-ui-mode="modern"] #settingsView input[type=range] {width:100%;accent-color:#4db1ff}
html[data-ui-mode="modern"] .device-test-panel {width:min(94vw,1760px)}
html[data-ui-mode="modern"] .device-test-row {padding:12px 14px;grid-template-columns:minmax(180px,25%) 1fr}
html[data-ui-mode="modern"] .device-test-actions {justify-content:flex-end;gap:14px;padding-right:4px}
html[data-ui-mode="modern"] .device-test-actions button {min-width:190px}


/* Pacote 3: favorito compacto, navegação entre fileiras e hero mais vivo */
html[data-ui-mode="modern"] #modernHero .modern-favorite-action {width:clamp(46px,3.3vw,84px);min-width:clamp(46px,3.3vw,84px);padding-inline:0;font-size:clamp(22px,1.55vw,42px);line-height:1}
html[data-ui-mode="modern"] #modernHero .modern-hero-ambient {opacity:.9;filter:blur(24px) saturate(1.48) contrast(1.04) brightness(.92);transform:scale(1.14)}
html[data-ui-mode="modern"] #modernHero .modern-hero-art {filter:saturate(1.18) contrast(1.02)}
html[data-ui-mode="modern"] #modernHero::before {background:linear-gradient(90deg,rgba(4,7,15,.88) 0%,rgba(4,7,15,.74) 30%,rgba(4,7,15,.34) 57%,rgba(4,7,15,.11) 78%,rgba(4,7,15,.18) 100%),linear-gradient(0deg,rgba(4,7,15,.42),transparent 62%)}
html[data-ui-mode="modern"] #modernHero::after {background:radial-gradient(circle at 80% 22%,rgba(94,120,255,.18),transparent 38%),linear-gradient(90deg,rgba(18,28,56,.16),transparent 48%,rgba(66,39,98,.10))}


/* Pacote 5: correção das regressões do Pacote 4 */
/* Cabeçalhos das fileiras voltam ao layout limpo: título à esquerda e contagem à direita. */
html[data-ui-mode="modern"] .modern-section-header {position:static!important;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 8px;padding:0;background:none!important;z-index:auto}
html[data-ui-mode="modern"] .modern-section-header h2 {text-align:left}
html[data-ui-mode="modern"] .modern-section-header span {text-align:right}
/* Ao voltar para a primeira fileira, reserve espaço para que o cabeçalho Favoritos também reapareça. */
html[data-ui-mode="modern"][data-modern-page="home"] .modern-row:first-child .catalog-card {scroll-margin-top:clamp(44px,5vh,92px)}
html[data-ui-mode="modern"][data-modern-page="home"] .modern-row {scroll-margin-top:clamp(44px,5vh,92px)}
/* Navegação superior centralizada e limpa. */
html[data-ui-mode="modern"] .modern-home,
html[data-ui-mode="modern"] .modern-catalog-root,
html[data-ui-mode="modern"] #modernWifi {justify-content:center;text-align:center}
html[data-ui-mode="modern"] .modern-catalog-root {position:relative}
html[data-ui-mode="modern"] .modern-catalog-root::after {content:"▸";position:absolute;right:14px;top:50%;transform:translateY(-50%);opacity:.78;font-size:.9em}
html[data-ui-mode="modern"] .modern-catalog-root[data-expanded="true"]::after {content:"▾"}
/* Submenu com espaço real entre opções para o neon/foco não invadir a opção vizinha. */
html[data-ui-mode="modern"] .modern-catalog-menu {gap:10px;padding:5px 2px 10px 12px;overflow:visible}
html[data-ui-mode="modern"] .modern-catalog-menu .modern-category {margin:0 3px;min-height:clamp(36px,4.6vh,90px)!important;padding-block:clamp(8px,.65vw,20px)!important;justify-content:center;text-align:center;overflow:visible}
/* Configurações, Suporte e Sair mantêm símbolos e alinhamento à esquerda. */
html[data-ui-mode="modern"] #modernSettings,
html[data-ui-mode="modern"] #modernSupport,
html[data-ui-mode="modern"] #modernExit {justify-content:flex-start;text-align:left;padding-left:clamp(10px,.8vw,26px)!important}
/* Preserve o favorito compacto: somente estrela. */
html[data-ui-mode="modern"] #modernHero .modern-favorite-action {width:clamp(46px,3.3vw,84px);min-width:clamp(46px,3.3vw,84px);padding-inline:0;font-size:clamp(22px,1.55vw,42px);line-height:1}

/* Functional assessment overlay: preserves approved card dimensions and centered titles. */
html[data-ui-mode="modern"] #catalogGrid .catalog-art {position:relative}
html[data-ui-mode="modern"] #catalogGrid .device-card-assessment {position:absolute;bottom:5px;left:5px;padding:3px 6px;border-radius:6px;background:#070b15ed;font-size:clamp(10px,.8vw,25px);pointer-events:none}