
:root{color-scheme:light;--canvas:#fff;--surface:#fff;--surface-soft:#f7f8fa;--surface-inset:#f3f5f9;--line:#e7eaf0;--text:#1d1d1f;--muted:#747f91;--quiet:#929dad;--accent:#0879f9;--accent-soft:#e8f1ff;--success:#267958}
:root[data-theme=dark]{color-scheme:dark;--canvas:#10131a;--surface:#191e28;--surface-soft:#151923;--surface-inset:#222938;--line:#2b3342;--text:#eef1f7;--muted:#b0b9c9;--quiet:#8f9bad;--accent:#67aaff;--accent-soft:#213450;--success:#8ad7b6}
html{background:var(--canvas)}body{background:var(--canvas);color:var(--text)}
.theme-control{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);min-width:0}
.theme-control>span{font-size:17px}
.theme-control select{font-family:inherit;display:block;width:auto;max-width:125px;min-width:85px;background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:7px 25px 7px 9px;font-size:11px;line-height:1.5;cursor:pointer}
.theme-control select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.sidebar-theme{margin-top:auto;padding:12px 7px 16px}
.mobile-top .theme-control{margin-left:auto;margin-right:12px}.mobile-top .theme-control>span{display:none}.mobile-top .theme-control select{min-width:73px;max-width:85px;font-size:10px;padding:5px 6px}
.admin-top-actions{display:flex;align-items:center;gap:20px}.admin-top-actions>a{font-size:10px;color:var(--muted)}
.login-theme{display:flex;justify-content:flex-end;margin-bottom:20px}
.catalog-section{padding:34px 0;border-bottom:1px solid var(--line)}
.catalog-heading{margin-bottom:18px;align-items:center}.catalog-heading h2{font-size:24px}
.catalog-description{font-size:12px;color:var(--muted);margin-top:7px}
.catalog-filters{display:inline-flex;background:var(--surface-inset);border:1px solid var(--line);padding:4px;border-radius:11px;gap:3px}
.catalog-filter{border:0;border-radius:7px;padding:6px 13px;background:transparent;color:var(--muted);font-size:11px;font-weight:550;white-space:nowrap}
.catalog-filter[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 2px 7px #0000000c}
.catalog-filter:hover{color:var(--accent)}
.catalog-result{font-size:10px;color:var(--quiet);margin:0 0 12px}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.edition-card{background:var(--surface);border:1px solid var(--line);border-radius:17px;overflow:hidden;min-width:0;box-shadow:0 5px 18px #19264105}
.edition-art{position:relative;isolation:isolate;height:138px;background:#152136;overflow:hidden}
.edition-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;opacity:.6;image-rendering:pixelated;z-index:-2}
.edition-art-shade{position:absolute;inset:0;background:linear-gradient(90deg,#102036cc,#13263815);z-index:-1}
.edition-card[data-edition=android] .edition-art{background:#203832}
.edition-card[data-edition=android] .edition-art-shade{background:linear-gradient(90deg,#122d30e0,#173d3925)}
.edition-device{display:grid;place-items:center;position:absolute;left:25px;top:29px;width:74px;height:74px;border:1px solid #e5f1ff4a;background:#14325370;border-radius:20px;backdrop-filter:blur(5px);color:#d6e9ff}
.edition-device svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.edition-card[data-edition=android] .edition-device{background:#143d3a70;color:#d9f6de}
.edition-art-label{position:absolute;right:19px;bottom:16px;color:#eff4ff;font-size:8px;letter-spacing:.14em;font-weight:650}
.edition-body{padding:22px}
.edition-title-row{display:flex;gap:12px;align-items:center}.edition-title-row>img{border-radius:11px;width:46px;height:46px}
.edition-title-row>div{min-width:0}.edition-kicker{color:var(--accent);font-size:10px;font-weight:600;margin-bottom:2px}
.edition-title-row h3{font-size:18px;line-height:1.4;font-weight:690;overflow-wrap:anywhere}
.edition-description{font-size:11px;color:var(--muted);margin-top:15px}
.edition-state{display:flex;gap:10px;align-items:center;margin:15px 0 19px;flex-wrap:wrap}
.edition-chip{background:var(--surface-inset);border:1px solid var(--line);font-size:9px;color:var(--muted);border-radius:6px;padding:3px 7px}
.edition-availability{display:inline-flex;gap:5px;align-items:center;font-size:9px;color:var(--quiet)}
.edition-availability>span{width:4px;height:4px;border-radius:50%;background:currentColor}
.edition-availability.is-live{color:var(--success)}
.edition-actions{border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.edition-actions .button{font-size:10px;padding:9px 13px;gap:8px}
.edition-version{min-width:0}.edition-version strong{display:block;font-size:10px;font-weight:600;overflow-wrap:anywhere}.edition-version small{display:block;font-size:8px;color:var(--quiet);margin-top:2px}
.pending-button:disabled{opacity:1;cursor:default;background:var(--surface-inset);color:var(--quiet)}
.edition-history{display:flex;justify-content:space-between;font-size:10px;color:var(--accent);margin-top:14px}
.edition-downloads{margin:0 0 22px;scroll-margin-top:85px}
.download-group-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650;margin-bottom:12px;color:var(--text)}
.download-group-title svg{width:20px;height:20px;fill:none;stroke:var(--muted);stroke-width:1.5;stroke-linecap:round}
.download-group-title>span{margin-left:auto;color:var(--quiet);font-size:9px;font-weight:400}
.download-row h4{margin:0;font-size:13px;font-weight:600;color:var(--text)}
.latest-label{margin-left:8px;border-radius:4px;background:var(--accent-soft);color:var(--accent);padding:2px 5px;font-size:8px;font-weight:500}
.edition-empty{padding:19px 20px;border-radius:11px;border:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center;background:var(--surface-soft);font-size:11px;color:var(--muted)}
.catalog-fetch-error{font-size:12px;color:var(--muted);padding:20px 0}
:root[data-theme=dark] .sidebar,:root[data-theme=dark] .admin-sidebar{background:var(--surface-soft);border-color:var(--line)}
:root[data-theme=dark] .mobile-top{background:#151923ed;border-color:var(--line)}
:root[data-theme=dark] .brand small,:root[data-theme=dark] .nav-label,:root[data-theme=dark] .sidebar-note small,:root[data-theme=dark] .admin-link,:root[data-theme=dark] .game-facts span,:root[data-theme=dark] .subtitle,:root[data-theme=dark] .eyebrow,:root[data-theme=dark] .media-note,:root[data-theme=dark] .preview-caption p,:root[data-theme=dark] .app-get small,:root[data-theme=dark] .header-tag,:root[data-theme=dark] .section-subtitle,:root[data-theme=dark] .download-help,:root[data-theme=dark] .footer-bottom,:root[data-theme=dark] .asset-credit,:root[data-theme=dark] .footer-brand span,:root[data-theme=dark] .muted{color:var(--quiet)}
:root[data-theme=dark] .sidebar-note p,:root[data-theme=dark] .nav-item,:root[data-theme=dark] .game-facts strong,:root[data-theme=dark] .body-copy,:root[data-theme=dark] .info-section details,:root[data-theme=dark] .info-section summary,:root[data-theme=dark] .footer-brand strong,:root[data-theme=dark] .preview-caption .number{color:var(--muted)}
:root[data-theme=dark] .nav-item:hover,:root[data-theme=dark] .admin-nav:hover{background:var(--surface-inset)}
:root[data-theme=dark] .nav-item.active,:root[data-theme=dark] .admin-nav.active{background:var(--accent-soft);color:var(--accent)}
:root[data-theme=dark] .mini-orbit,:root[data-theme=dark] .admin-link,:root[data-theme=dark] .game-facts,:root[data-theme=dark] .game-facts>div,:root[data-theme=dark] .details-grid,:root[data-theme=dark] .info-section,:root[data-theme=dark] .info-section details,:root[data-theme=dark] footer{border-color:var(--line)}
:root[data-theme=dark] .category,:root[data-theme=dark] .text-button,:root[data-theme=dark] .heading-dot,:root[data-theme=dark] .info-section a{color:var(--accent)}
:root[data-theme=dark] .tags span,:root[data-theme=dark] .neutral,:root[data-theme=dark] .icon-button{background:var(--surface-inset);color:var(--muted);border-color:var(--line)}
:root[data-theme=dark] .announcement-card,:root[data-theme=dark] .empty-state,:root[data-theme=dark] .download-row{background:var(--surface-soft);border-color:var(--line)}
:root[data-theme=dark] .announcement-card p,:root[data-theme=dark] .news-top,:root[data-theme=dark] .empty-state p,:root[data-theme=dark] .download-row p,:root[data-theme=dark] .dialog-note,:root[data-theme=dark] .release-note time{color:var(--muted)}
:root[data-theme=dark] .news-icon,:root[data-theme=dark] .platform-icon{background:var(--surface-inset);color:var(--accent);border-color:var(--line)}
:root[data-theme=dark] .developer-avatar{background:#20372e;color:#9bc8aa;border-color:#365345}
:root[data-theme=dark] dialog{background:var(--surface);color:var(--text);box-shadow:0 30px 120px #0008}
:root[data-theme=dark] .dialog-bar,:root[data-theme=dark] #release-dialog .dialog-bar{background:var(--surface);border-color:var(--line)}
:root[data-theme=dark] .secondary{background:var(--accent-soft);color:var(--accent)}
:root[data-theme=dark] .primary{background:#247dec;color:#fff}
:root[data-theme=dark] .primary:hover{background:#4295ff}
:root[data-theme=dark] .load-error,:root[data-theme=dark] .form-error{background:#34231f;color:#f2b39e;border-color:#654236}
:root[data-theme=dark] .release-note h3{color:var(--text)}
:root[data-theme=dark] .admin-body{background:var(--canvas)}
:root[data-theme=dark] .login-screen,:root[data-theme=dark] .login-panel,:root[data-theme=dark] .stats-grid article,:root[data-theme=dark] .admin-card{background:var(--surface);border-color:var(--line)}
:root[data-theme=dark] label,:root[data-theme=dark] .admin-topline,:root[data-theme=dark] .admin-nav,:root[data-theme=dark] .admin-empty p,:root[data-theme=dark] .admin-sidebar-bottom>a,:root[data-theme=dark] .admin-user strong,:root[data-theme=dark] .field-help,:root[data-theme=dark] .admin-tip,:root[data-theme=dark] .stat-label,:root[data-theme=dark] .stats-grid small{color:var(--muted)}
:root[data-theme=dark] input:not([type=checkbox]),:root[data-theme=dark] textarea,:root[data-theme=dark] select{background:var(--surface-soft);border-color:var(--line);color:var(--text)}
:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:var(--quiet)}
:root[data-theme=dark] .stats-grid strong,:root[data-theme=dark] .list-toolbar h2,:root[data-theme=dark] .admin-empty h3,:root[data-theme=dark] .release-meta h3,:root[data-theme=dark] .settings-card h2,:root[data-theme=dark] #release-dialog .dialog-bar h2{color:var(--text)}
:root[data-theme=dark] .admin-user,:root[data-theme=dark] .list-toolbar,:root[data-theme=dark] .release-item,:root[data-theme=dark] .settings-card hr,:root[data-theme=dark] .settings-actions,:root[data-theme=dark] .form-actions{border-color:var(--line)}
:root[data-theme=dark] .user-avatar,:root[data-theme=dark] .admin-empty-icon,:root[data-theme=dark] .publish-option{background:var(--accent-soft);border-color:var(--line);color:var(--accent)}
:root[data-theme=dark] .release-url,:root[data-theme=dark] .release-meta p,:root[data-theme=dark] .release-meta h3 span,:root[data-theme=dark] .publish-option small,:root[data-theme=dark] .back-site,:root[data-theme=dark] .login-hint{color:var(--quiet)}
:root[data-theme=dark] .publish-option strong{color:var(--accent)}
:root[data-theme=dark] .small-button,:root[data-theme=dark] .release-status{background:var(--surface-inset);border-color:var(--line);color:var(--muted)}
:root[data-theme=dark] .release-status.live{background:#1c362f;border-color:#315548;color:#9ddfbe}
:root[data-theme=dark] .small-button:hover{background:var(--accent-soft);color:var(--accent)}
:root[data-theme=dark] .small-button.danger:hover{background:#3b2723;color:#edbaa5}
:root[data-theme=dark] .admin-footer{color:var(--quiet)}
@media(max-width:1000px){.catalog-heading{flex-wrap:wrap;gap:16px}.catalog-grid{gap:14px}.edition-body{padding:18px}.edition-title-row h3{font-size:16px}.edition-actions{align-items:flex-start;flex-direction:column;gap:12px}.edition-actions>.button{align-self:stretch}.admin-top-actions{gap:10px}}
@media(max-width:820px){.sidebar-theme{padding-left:0}.theme-control select{font-size:10px;max-width:116px}.edition-art{height:120px}.edition-device{width:60px;height:60px;left:18px;top:25px;border-radius:16px}.edition-device svg{width:34px;height:34px}.edition-title-row{gap:9px}.edition-title-row>img{width:36px;height:36px}.edition-title-row h3{font-size:14px}.edition-kicker{font-size:9px}.edition-description{font-size:10px}.edition-version small{font-size:8px}}
@media(max-width:600px){.catalog-section{padding:28px 0}.catalog-heading h2{font-size:23px}.catalog-heading{gap:17px;align-items:flex-start}.catalog-description{font-size:11px}.catalog-filters{width:100%;justify-content:stretch}.catalog-filter{flex:1;padding:7px 12px}.catalog-grid{grid-template-columns:1fr;gap:18px}.edition-art{height:135px}.edition-device{left:22px;top:28px;width:72px;height:72px}.edition-device svg{width:39px;height:39px}.edition-body{padding:21px}.edition-title-row h3{font-size:19px}.edition-title-row>img{width:46px;height:46px}.edition-kicker{font-size:10px}.edition-description{font-size:11px}.edition-actions{align-items:center;flex-direction:row;gap:10px}.edition-actions>.button{align-self:auto;padding:9px 12px}.edition-version strong{font-size:10px}.edition-version small{font-size:8px}.edition-empty{font-size:10px;padding:17px 14px}.admin-topline{gap:12px;align-items:center}.admin-top-actions>a{display:none}.admin-top-actions .theme-control select{font-size:10px;min-width:80px}.login-theme{margin-bottom:17px}.download-group-title{font-size:12px}}

.edition-card[data-edition=macos] .edition-art{background:#26263e}
.edition-card[data-edition=macos] .edition-art>img{object-position:center top;opacity:1}
.edition-card[data-edition=macos] .edition-art-shade{background:linear-gradient(0deg,#171b35b8,transparent 55%)}
.edition-card[data-edition=macos] .edition-device{left:16px;top:auto;bottom:12px;width:34px;height:34px;border-radius:10px;background:#302d5370;color:#e7dfff}
.edition-card[data-edition=macos] .edition-device svg{width:23px;height:23px}
@media(max-width:1200px) and (min-width:821px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.catalog-grid{grid-template-columns:1fr}}
@media(max-width:600px){.catalog-filter{padding:7px 8px;font-size:10px}.catalog-description{max-width:32em}}

.downloads-section{border-top:1px solid var(--line)}

