/* Separate native controls: opening a sector never toggles its heart. */
#game-hud-root:not(.visible) { visibility: hidden; }
#screen-games .sector-card.node-card-wide { cursor: default; }
#screen-games .sector-open { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; border: 0; background: transparent; cursor: pointer; border-radius: inherit; }
#screen-games .sector-open:disabled { cursor: default; }
#screen-games .sector-like { position: absolute; top: 12px; right: 12px; z-index: 3; width: 48px; min-height: 56px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; background: rgba(8, 14, 24, .76); border: 1px solid rgba(180, 205, 235, .18); border-radius: 14px; color: #b8c7dc; cursor: pointer; touch-action: manipulation; font: inherit; }
#screen-games .sector-heart { font-size: 27px; line-height: 1; }
#screen-games .sector-like-count { font-size: 12px; font-variant-numeric: tabular-nums; line-height: 1.3; }
#screen-games .sector-like[aria-pressed="true"] { color: #ff789d; background: rgba(103, 28, 57, .5); border-color: rgba(255, 120, 157, .48); }
#screen-games .sector-like:disabled { opacity: .65; cursor: progress; }
#screen-games .sector-like:focus-visible, #screen-games .sector-open:focus-visible, #screen-games .sector-retry:focus-visible { outline: 2px solid var(--n-cyan); outline-offset: 3px; }
#screen-games .sector-catalog-status { padding: 20px; color: #c4d0df; }
#screen-games .sector-retry { min-height: 44px; padding: 10px 20px; background: #152b3b; color: white; border: 1px solid #4ca1be; border-radius: 12px; }
@media (max-width: 339px) {
    #screen-games .sector-card:not(.disabled) { padding-right: 72px; }
    #screen-games .sector-card .node-meta-wide { grid-column: 1 / -1; }
}

/* A native disclosure keeps prototype games out of the main selection. */
#screen-games .sector-beta { grid-column: 1 / -1; min-width: 0; }
#screen-games .sector-beta > .sector-beta-toggle {
    --sector-color: var(--n-cyan);
    display: grid; grid-template-columns: 54px minmax(0, 1fr) auto;
    grid-template-rows: auto; min-height: 108px; gap: 14px;
    padding: 18px 20px; list-style: none; cursor: pointer;
}
#screen-games .sector-beta-toggle::-webkit-details-marker { display: none; }
#screen-games .sector-beta-toggle::marker { content: ''; }
#screen-games .sector-beta-toggle:focus-visible { outline: 2px solid var(--n-cyan); outline-offset: 3px; }
#screen-games .sector-beta-toggle .node-icon-v30 { grid-column: 1; grid-row: 1; width: 50px; height: 50px; }
#screen-games .sector-beta-toggle .node-content-wide { grid-column: 2; grid-row: 1; }
#screen-games .sector-beta-toggle .node-name-wide { font-size: 15px; line-height: 1.35; letter-spacing: .5px; }
#screen-games .sector-beta-toggle .node-sub-wide { font-size: 10px; line-height: 1.5; }
#screen-games .sector-beta-meta { display: flex; align-items: center; gap: 12px; color: #a9f7ff; }
#screen-games .sector-beta-count { font-size: 11px; white-space: nowrap; }
#screen-games .sector-beta-chevron { font-size: 26px; line-height: 1; transition: transform .18s ease; }
#screen-games .sector-beta[open] .sector-beta-chevron { transform: rotate(180deg); }
#screen-games .sector-beta-panel { padding-top: 14px; }
#screen-games .sector-beta-note { margin: 0 0 14px; padding: 0 4px; color: #9babbe; font-size: 13px; line-height: 1.6; }
@media (max-width: 420px) {
    #screen-games .sector-beta > .sector-beta-toggle { grid-template-columns: 44px minmax(0, 1fr) auto; gap: 10px; padding: 16px 14px; }
    #screen-games .sector-beta-toggle .node-icon-v30 { width: 42px; height: 42px; }
    #screen-games .sector-beta-toggle .node-name-wide { font-size: 13px; }
    #screen-games .sector-beta-meta { flex-direction: column; gap: 6px; }
}
@media (prefers-reduced-motion: reduce) {
    #screen-games .sector-beta-chevron { transition: none; }
}