/* Android Ports catalog. Shared cards are supplied by Games. */
.apk-port{--p-bg:var(--apk-ui-bg,#fff);--p-soft:var(--apk-ui-soft,#f4f5f7);--p-line:var(--apk-ui-line,#e3e5e8);--p-text:var(--apk-ui-text,#19202c);--p-muted:var(--apk-ui-muted,#697281);--p-accent:#f43f4e;--p-tint:#fff0f1;background:var(--p-bg);color:var(--p-text);font:16px/1.5 "roboto condensed",Arial,sans-serif}
.apk-port *{box-sizing:border-box}
.apk-port .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.apk-port [hidden]{display:none!important}
.apk-port :is(h1,h2,h3,p){padding:0}
.apk-port :is(h1,h2,h3){font-family:inherit;color:var(--p-text);font-weight:700;letter-spacing:normal}
.apk-port a{text-decoration:none}
.apk-port :is(a,button,input,select,textarea):focus-visible{outline:3px solid #f43f4e88;outline-offset:3px}
.apk-port button{font:inherit;cursor:pointer}
.apk-port button:disabled{opacity:.5;cursor:wait}
.apk-port svg{width:20px;height:20px;flex:none}
.port-shell{max-width:1160px;margin:auto;padding:24px 28px 48px}
.port-genres::-webkit-scrollbar{display:none}
.port-count{display:inline-block;padding:1px 7px;border-radius:12px;background:var(--p-soft);font-size:11px;vertical-align:middle;margin-left:5px;letter-spacing:0;color:var(--p-muted)}
.port-section{scroll-margin-top:90px;margin-top:28px}
.port-section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}
.port-section-heading h2{font-size:25px;margin:0;line-height:1.25}
.port-section-heading p{font-size:14px;color:var(--p-muted);margin:8px 0 0;max-width:570px}
.port-search{display:flex;align-items:center;background:var(--p-bg);border:1px solid var(--p-line);border-radius:9px;width:320px;max-width:100%;flex-shrink:0}
.apk-port .port-search input{padding:11px 13px;width:100%;min-width:0;border:0;background:transparent;color:var(--p-text);font:inherit;font-size:14px;box-shadow:none;border-radius:9px}
.port-search button{background:transparent;color:var(--p-muted);border:0;padding:11px}
.port-search input:focus-visible{outline-offset:0}
.port-genres{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:3px 0 14px;margin-bottom:8px}
.port-genres a{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:4px 14px;min-height:34px;border:1px solid var(--p-line);border-radius:24px;background:var(--p-soft);color:var(--p-text);font-size:13px}
.port-genres a>span{font-size:10px;border-radius:8px;background:var(--p-bg);padding:0 5px}
.port-genres a[aria-current]{background:var(--p-accent);border-color:var(--p-accent);color:#fff}
.port-genres a[aria-current]>span{background:#ffffff30;color:#fff}
.port-catalog-controls{margin:28px 0 0}
.port-empty{padding:32px 20px;border:1px dashed var(--p-line);border-radius:12px;text-align:center;background:var(--p-bg)}
.port-empty h3{font-size:22px;margin:10px 0}
.port-empty p{font-size:14px;color:var(--p-muted);max-width:460px;margin:10px auto 20px}
@media(max-width:640px){.apk-port{font-size:14px}
.port-shell{padding:18px 18px 32px}
.port-section{margin-top:22px}
.port-section-heading{flex-direction:column;align-items:stretch;gap:17px;margin-bottom:14px}
.port-section-heading h2{font-size:22px}
.port-section-heading p{font-size:12px;margin-top:6px}
.port-search{width:100%}
.port-genres a{font-size:13px;padding:4px 12px;min-height:32px}}
@media(max-width:360px){.port-shell{padding-left:14px;padding-right:14px}}
html[data-theme=dark] .apk-port,body.dark .apk-port{--p-tint:#f43f4e15}
.apk-port #breadcrumbs{font-family:"roboto condensed",Arial,sans-serif}
.apk-port:not(.port-view-catalog)>#breadcrumbs.port-native-breadcrumbs{max-width:1160px;margin:0 auto!important;padding-inline:15px!important;background:var(--p-bg);border-bottom:1px solid var(--p-line)}
.port-guide{margin-top:36px;padding-top:28px;border-top:1px solid var(--p-line)}
.port-guide h2{font-size:26px;line-height:1.2;margin:0 0 14px}
.port-guide>p{color:var(--p-muted);max-width:850px;margin:0 0 14px}
.port-faq{margin-top:28px;max-width:900px}
.port-faq details{border-bottom:1px solid var(--p-line);padding:0}
.port-faq summary{cursor:pointer;list-style:none;font-size:18px;font-weight:600;padding:16px 30px 16px 0;position:relative}
.port-faq summary::-webkit-details-marker{display:none}
.port-faq details>p{margin:0 0 18px;color:var(--p-muted)}
.port-faq a{color:var(--p-accent);text-decoration:underline}
@media(max-width:640px){.port-guide h2{font-size:23px}}
.port-view-catalog #catalog>.port-section-heading{margin-bottom:14px}
.port-view-catalog #catalog>.port-search{width:100%;max-width:none;margin:0 0 18px}
.apk-port{--games-bg:var(--p-bg);--games-soft:var(--p-soft);--games-line:var(--p-line);--games-text:var(--p-text);--games-muted:var(--p-muted);--games-active:var(--p-text)}
.port-faq details{border:1px solid var(--p-line);border-radius:12px;background:var(--p-bg);margin:10px 0;overflow:hidden}
.port-faq details[open]{background:var(--p-soft)}
.port-faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;font-size:18px;line-height:1.4}
.port-faq summary>span{flex:1;min-width:0}
.port-faq-icon{display:block;flex:none;width:20px;height:20px;color:var(--p-muted)}
.port-faq details>p{padding:0 18px 18px;margin:0;line-height:1.65}
@media(max-width:640px){.port-faq summary{padding:16px;font-size:18px}
.port-faq details>p{padding:0 16px 16px}}
.port-view-catalog .port-faq{max-width:none;width:100%}
.port-view-catalog .port-guide>p{max-width:none}
.apk-port .port-shell{border-radius:4px}
.apk-port .port-search{min-height:46px}
.apk-port .port-search input{height:46px;min-height:46px;padding:10px 13px}
.apk-port .port-search button{padding:10px 13px}
main.apk-port{border-radius:4px;overflow:hidden}
.apk-port .port-search input{box-sizing:border-box}
#catalog [data-port-load-status]:not(.is-error){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#catalog .port-catalog-results.apk-games-hub{padding:0}
#catalog .port-catalog-controls{margin-top:0}
.apk-port.port-view-catalog{background:transparent}
.port-view-catalog>.port-shell{max-width:none;padding:0}
.port-catalog-sort{margin:0 0 18px;display:flex;gap:6px;padding:5px;background:#e1e5e9;border-radius:12px;width:fit-content;max-width:100%;overflow:auto}
.port-catalog-sort a{display:flex;align-items:center;gap:8px;padding:9px 15px;border-radius:9px;color:#6c7683;white-space:nowrap}
.port-catalog-sort a[aria-current]{background:#fff;color:#242a32}
.port-catalog-sort svg{width:20px;height:20px}
.port-updated-badge{display:flex;align-items:center;gap:5px;width:fit-content;color:#287653;font-size:12px;line-height:1.4}
.port-updated-badge svg{width:13px;height:13px}
[data-theme=dark] .port-catalog-sort{background:#292e34}
[data-theme=dark] .port-catalog-sort a{color:#adb5c0}
[data-theme=dark] .port-catalog-sort a[aria-current]{background:#1b1e21;color:#edf0f3}
[data-theme=dark] .port-updated-badge{color:#7ccca4}
@media(max-width:520px){.port-catalog-sort{width:100%;box-sizing:border-box;gap:4px}
.port-catalog-sort>a{flex:1 0 auto;box-sizing:border-box;min-height:34px;justify-content:center;font-size:13px;line-height:1.3;gap:5px;padding:8px 6px}
.port-catalog-sort svg{width:16px;height:16px;flex:none}}
@media(max-width:380px){.port-catalog-sort svg{display:none}}
.port-catalog-results .port-card-labels{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.port-catalog-results .port-updated-badge{display:inline-flex;align-items:center;align-self:flex-start;gap:4px;max-width:100%;padding:3px 7px;border-radius:6px;background:#d9f5e5;color:#17633b;font-size:12px;line-height:1.25;white-space:nowrap;box-sizing:border-box}
.port-catalog-results .port-updated-badge svg{width:13px;height:13px;flex:none}
[data-theme=dark] .port-catalog-results .port-updated-badge{background:#183c2c;color:#94e9b3}
.port-catalog-results .port-card-labels>.apk-launcher-badge{box-sizing:border-box;padding:3px 7px;border-width:0;box-shadow:inset 0 0 0 1px #e9cb80;border-radius:6px;font-size:12px;line-height:1.25;font-weight:400;white-space:nowrap}
[data-theme=dark] .port-catalog-results .port-card-labels>.apk-launcher-badge{box-shadow:inset 0 0 0 1px #6b572c}

.port-faq details[open] .port-faq-vertical{display:none}
