:root{
  --bg:#fff8fb;--panel:#fff;--panel-soft:#fff2f7;--panel-muted:#f9f2f5;--text:#28212a;--muted:#806f79;
  --line:#efdae4;--line-strong:#e8c3d2;--accent:#ef3f85;--accent-dark:#c82d68;--accent-soft:#ffe3ee;
  --success:#16865c;--success-soft:#e6f7ef;--warning:#a86413;--warning-soft:#fff2dc;--danger:#bf304c;--danger-soft:#ffe9ee;
  --info:#5262bd;--info-soft:#eceeff;--shadow:0 18px 55px rgba(91,38,66,.08);--radius:22px;--sidebar:270px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;font-weight:650}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.platform-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}
.platform-sidebar{position:sticky;top:0;height:100vh;z-index:50;display:flex;flex-direction:column;padding:18px 16px;border-right:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(18px)}.sidebar-head{display:flex;align-items:center;justify-content:space-between}.platform-brand{display:flex;align-items:center;gap:12px;padding:6px}.platform-brand img{width:46px;height:46px;border-radius:15px;box-shadow:0 10px 24px rgba(239,63,133,.18)}.platform-brand span{display:grid;gap:1px}.platform-brand strong{font-size:19px;font-weight:950;letter-spacing:-.5px}.platform-brand small{color:var(--muted);font-size:10px;font-weight:850}.sidebar-close,.mobile-menu-button{display:none}.platform-nav{display:grid;gap:5px;margin-top:28px}.nav-caption{margin:12px 10px 5px;color:#ab8f9e;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.85px}.nav-caption-admin{margin-top:24px}.platform-nav button{width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid transparent;border-radius:14px;color:#6c5b65;background:transparent;cursor:pointer;text-align:left;font-weight:850;transition:.18s ease}.platform-nav button svg{width:19px;height:19px}.platform-nav button span{flex:1}.platform-nav button:hover{color:var(--accent-dark);background:#fff2f7}.platform-nav button.is-active{color:var(--accent-dark);border-color:#f0ccda;background:linear-gradient(135deg,#fff1f7,#fff8fb);box-shadow:0 8px 24px rgba(239,63,133,.08)}.nav-count{min-width:25px;padding:3px 7px;border-radius:999px;color:#9b456a;background:#ffe5ef;font-size:9px;text-align:center}.admin-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 4px var(--danger-soft)}.sidebar-bottom{display:grid;gap:10px;margin-top:auto}.service-card{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#fffafd}.service-indicator{width:10px;height:10px;border-radius:50%;background:#c9bcc3;box-shadow:0 0 0 4px #f4edf0}.service-indicator.is-online{background:var(--success);box-shadow:0 0 0 4px var(--success-soft)}.service-indicator.is-error{background:var(--danger);box-shadow:0 0 0 4px var(--danger-soft)}.service-card div{display:grid;gap:1px}.service-card strong{font-size:11px}.service-card small{color:var(--muted);font-size:9px}.sidebar-back{display:flex;align-items:center;gap:8px;padding:10px 12px;color:var(--muted);font-size:11px;font-weight:850}.sidebar-back:hover{color:var(--accent-dark)}.sidebar-back svg{width:16px}
.platform-main{min-width:0;padding:26px clamp(20px,3.2vw,48px) 70px}.platform-topbar{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:62px;margin-bottom:24px}.topbar-title{display:flex;align-items:center;gap:12px}.platform-kicker{margin:0 0 3px;color:var(--accent-dark);font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.9px}.platform-topbar h1{margin:0;font-size:32px;line-height:1;font-weight:950;letter-spacing:-1.2px}.account-area{display:flex;align-items:center;gap:9px}.sync-label{color:var(--muted);font-size:10px}.icon-button{width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:13px;color:#765f6d;background:#fff;cursor:pointer;transition:.18s ease}.icon-button:hover{color:var(--accent-dark);border-color:#e99cba;background:#fff5f9}.icon-button.is-loading svg{animation:spin .8s linear infinite}.account-button{height:44px;display:flex;align-items:center;gap:9px;padding:4px 12px 4px 5px;border:1px solid var(--line);border-radius:15px;background:#fff;cursor:default}.account-button img{width:34px;height:34px;border-radius:11px;object-fit:cover;background:var(--accent-soft)}.account-button span{display:grid;gap:0;text-align:left}.account-button strong{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.account-button small{color:var(--muted);font-size:8px}.primary-action,.secondary-action,.danger-action,.text-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 15px;border-radius:13px;border:1px solid transparent;cursor:pointer;font-weight:900;transition:.18s ease}.primary-action{color:#fff;background:linear-gradient(135deg,#f65091,var(--accent));box-shadow:0 10px 24px rgba(239,63,133,.2)}.primary-action:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(239,63,133,.27)}.secondary-action{color:#674e5d;border-color:var(--line);background:#fff}.secondary-action:hover{color:var(--accent-dark);border-color:#e998b7;background:#fff8fb}.danger-action{color:#fff;background:var(--danger)}.text-action{min-height:auto;padding:5px;border:0;color:var(--accent-dark);background:transparent;font-size:11px}.primary-action:disabled,.secondary-action:disabled,.danger-action:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.login-action{min-width:150px}
.platform-view{display:none;animation:viewIn .28s ease}.platform-view.is-active{display:block}.welcome-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:30px;align-items:center;padding:42px;border:1px solid #efcfdd;border-radius:30px;background:radial-gradient(circle at 88% 22%,rgba(239,63,133,.17),transparent 31%),linear-gradient(145deg,#fff,#fff1f7);box-shadow:var(--shadow)}.welcome-copy{position:relative;z-index:2}.status-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;color:#71606a;background:#f4edf0;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.45px}.status-chip i{width:7px;height:7px;border-radius:50%;background:currentColor}.status-success{color:var(--success);background:var(--success-soft)}.welcome-panel h2{max-width:680px;margin:15px 0 12px;font-size:clamp(34px,4.5vw,56px);line-height:1.02;letter-spacing:-2.2px}.welcome-panel p{max-width:720px;margin:0;color:var(--muted);font-size:15px;line-height:1.65}.welcome-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.welcome-visual{position:relative;min-height:250px;display:grid;place-items:center}.welcome-visual img{position:relative;z-index:3;width:185px;border-radius:42px;filter:drop-shadow(0 25px 35px rgba(239,63,133,.22))}.visual-orbit{position:absolute;border:1px dashed rgba(239,63,133,.25);border-radius:50%}.orbit-one{width:245px;height:245px}.orbit-two{width:300px;height:175px;transform:rotate(25deg)}.visual-chip{position:absolute;z-index:5;padding:8px 12px;border:1px solid rgba(239,63,133,.18);border-radius:12px;color:var(--accent-dark);background:rgba(255,255,255,.95);box-shadow:0 12px 28px rgba(82,37,59,.1);font-size:10px;font-weight:950}.chip-games{left:3%;top:25%}.chip-xp{right:3%;top:16%}.chip-online{right:4%;bottom:18%;color:var(--success)}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:19px 0}.metric{min-width:0;display:flex;align-items:center;gap:13px;padding:18px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 9px 30px rgba(89,38,64,.035)}.metric-icon{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:13px;color:var(--accent-dark);background:var(--accent-soft)}.metric-icon svg{width:20px}.metric>div:last-child{min-width:0}.metric small,.metric span{display:block;color:var(--muted);font-size:9px;font-weight:850}.metric strong{display:block;margin:2px 0;font-size:25px;font-weight:950;line-height:1.1}.content-grid{display:grid;gap:17px}.content-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:minmax(0,1fr) minmax(270px,.42fr);align-items:start}.span-two{grid-row:span 2}.surface{min-width:0;padding:21px;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:0 12px 38px rgba(88,38,63,.04)}.surface-head,.admin-heading,.admin-section-toolbar,.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px}.surface-head small,.admin-section-toolbar small{color:var(--accent-dark);font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.55px}.surface-head h3,.admin-section-toolbar h3{margin:3px 0 0;font-size:18px}.featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.featured-card{min-width:0;display:grid;grid-template-columns:76px minmax(0,1fr);gap:13px;align-items:center;padding:12px;border:1px solid #f1dfe7;border-radius:16px;background:#fffafd;cursor:pointer;transition:.18s ease}.featured-card:hover{transform:translateY(-2px);border-color:#e99cba;box-shadow:0 12px 28px rgba(93,39,66,.07)}.featured-card img{width:76px;height:67px;border-radius:13px;object-fit:cover;background:var(--accent-soft)}.featured-card div{min-width:0}.featured-card strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.featured-card small{display:block;margin-top:3px;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-summary,.profile-list,.session-list,.package-list,.audit-list,.runtime-list{display:grid;gap:9px;margin-top:15px}.account-card{display:grid;gap:14px}.account-card-main{display:flex;align-items:center;gap:12px}.account-card-main img{width:50px;height:50px;border-radius:15px;object-fit:cover;background:var(--accent-soft)}.account-card-main div{min-width:0;display:grid;gap:2px}.account-card-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-card-main small{color:var(--muted);font-size:9px}.account-card-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.account-card-meta span{padding:9px;border-radius:12px;background:#fff3f8;color:var(--muted);font-size:9px}.account-card-meta b{display:block;color:var(--text);font-size:11px}.profile-row,.session-row,.audit-row{min-width:0;display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #f1e1e8;border-radius:14px;background:#fffafd}.profile-row img{width:43px;height:43px;border-radius:12px;object-fit:cover;background:var(--accent-soft)}.profile-row>div,.session-row>div,.audit-row>div{min-width:0;display:grid;gap:2px;flex:1}.profile-row strong,.session-row strong,.audit-row strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-row small,.session-row small,.audit-row small{color:var(--muted);font-size:9px;overflow-wrap:anywhere}.state-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:5px 8px;border-radius:999px;color:#75666e;background:#f2edef;font-size:8px;font-weight:950;white-space:nowrap}.state-Active,.state-Running,.state-Validated,.state-Completed{color:var(--success);background:var(--success-soft)}.state-Maintenance,.state-Draining,.state-Starting,.state-Waiting{color:var(--warning);background:var(--warning-soft)}.state-Stopped,.state-Disabled,.state-Retired,.state-Cancelled,.state-Stopping{color:#766a71;background:#f1edef}.state-Failed{color:var(--danger);background:var(--danger-soft)}.empty-state{grid-column:1/-1;padding:26px;border:1px dashed var(--line-strong);border-radius:15px;color:var(--muted);background:#fffafd;text-align:center;font-size:11px}.empty-state.compact{padding:18px}.skeleton-card,.skeleton-row{min-height:100px;border-radius:15px;background:linear-gradient(90deg,#f7eaf0 25%,#fff8fb 38%,#f7eaf0 63%);background-size:400% 100%;animation:skeleton 1.3s ease infinite}.skeleton-row{min-height:62px}
.profile-hero{display:flex;align-items:center;gap:20px;padding:28px;border:1px solid var(--line);border-radius:25px;background:radial-gradient(circle at 90% 30%,rgba(239,63,133,.12),transparent 26%),linear-gradient(135deg,#fff,#fff2f7)}.profile-avatar img{width:92px;height:92px;border-radius:28px;object-fit:cover;background:var(--accent-soft);box-shadow:0 15px 35px rgba(239,63,133,.13)}.profile-copy{min-width:0;flex:1}.profile-copy h2{margin:8px 0 3px;font-size:31px;letter-spacing:-1px}.profile-copy p{margin:0;color:var(--muted)}.wallet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.wallet-card{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#fff,#fff7fa)}.wallet-symbol{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;color:var(--accent-dark);background:var(--accent-soft);font-weight:950}.wallet-card div{display:grid}.wallet-card small{color:var(--muted);font-size:9px}.wallet-card strong{font-size:20px}.profile-bottom-grid{margin-top:17px}.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}.achievement{position:relative;padding:14px 14px 14px 42px;border:1px solid #f0dce5;border-radius:14px;background:#fffafd}.achievement::before{content:"";position:absolute;left:14px;top:16px;width:17px;height:17px;border:2px solid #eb8ab0;border-radius:50%;box-shadow:inset 0 0 0 4px #ffe7f0}.achievement.is-unlocked::before{background:var(--accent);border-color:var(--accent)}.achievement strong{display:block;font-size:10px}.achievement small{color:var(--muted);font-size:8px}.progress-track{height:5px;margin-top:8px;border-radius:999px;background:#f1e2e8;overflow:hidden}.progress-track i{display:block;height:100%;border-radius:inherit;background:var(--accent)}
.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:19px}.section-intro h2{margin:4px 0 5px;font-size:31px}.section-intro p{margin:0;color:var(--muted)}.catalog-total{padding:8px 11px;border-radius:999px;color:var(--accent-dark);background:var(--accent-soft);font-size:10px;font-weight:950}.catalog-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px}.search-field,.select-field{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 11px;border:1px solid var(--line);border-radius:13px;background:#fff}.search-field{min-width:250px}.search-field svg{width:17px;color:#9d8291}.search-field input,.select-field select{min-width:0;border:0;outline:0;background:transparent}.search-field input{width:100%}.select-field span{color:var(--muted);font-size:8px;font-weight:950;text-transform:uppercase}.select-field select{font-size:10px;font-weight:800}.category-chips{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 17px}.category-chip{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#755f6c;background:#fff;cursor:pointer;font-size:9px;font-weight:900}.category-chip.is-active{color:#fff;border-color:var(--accent);background:var(--accent)}.game-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.game-card{overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 15px 40px rgba(92,39,66,.05);transition:.2s ease}.game-card:hover{transform:translateY(-3px);border-color:#e8a6bf;box-shadow:0 20px 46px rgba(92,39,66,.1)}.game-card-cover{position:relative;height:165px;display:grid;place-items:center;background:linear-gradient(135deg,#ffe1ed,#fff6fa)}.game-card-cover img{width:100%;height:100%;object-fit:cover}.game-card-cover .fallback-icon{font-size:38px;font-weight:950;color:var(--accent-dark)}.game-card-status{position:absolute;right:12px;top:12px}.featured-mark{position:absolute;left:12px;top:12px;padding:5px 8px;border-radius:999px;color:#fff;background:rgba(39,29,36,.76);font-size:8px;font-weight:950;backdrop-filter:blur(5px)}.game-card-body{display:flex;flex:1;flex-direction:column;padding:17px}.game-card-kicker{display:flex;align-items:center;justify-content:space-between;color:var(--accent-dark);font-size:8px;font-weight:950;text-transform:uppercase}.game-card h3{margin:7px 0 6px;font-size:19px}.game-card p{min-height:43px;margin:0;color:var(--muted);font-size:10px;line-height:1.55}.game-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.game-tag{padding:4px 7px;border-radius:999px;color:#836a78;background:#f7edf2;font-size:7px;font-weight:900}.game-card-meta{display:flex;justify-content:space-between;gap:10px;margin-top:14px;color:var(--muted);font-size:9px;font-weight:850}.game-card-actions{display:flex;gap:7px;margin-top:auto;padding-top:14px}.game-card-actions>*{flex:1}.game-card-actions .secondary-action,.game-card-actions .primary-action{min-height:37px;padding:7px 10px;font-size:10px}
.admin-heading{align-items:flex-end;margin-bottom:17px}.admin-heading h2{margin:4px 0 5px;font-size:31px}.admin-heading p{margin:0;color:var(--muted)}.admin-heading-actions{display:flex;gap:8px}.admin-health{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;padding:14px 16px;border:1px solid #f0c0cb;border-radius:16px;color:#8e243d;background:var(--danger-soft)}.admin-health svg{flex:0 0 auto}.admin-health strong{display:block}.admin-health span{display:block;margin-top:2px;font-size:10px}.admin-tabs{display:flex;gap:5px;padding:5px;margin:17px 0;border:1px solid var(--line);border-radius:15px;background:#fff}.admin-tabs button{flex:1;min-height:38px;padding:7px 11px;border:0;border-radius:11px;color:#786670;background:transparent;cursor:pointer;font-size:10px;font-weight:900}.admin-tabs button.is-active{color:var(--accent-dark);background:var(--accent-soft)}.admin-tab-panel{display:none}.admin-tab-panel.is-active{display:block;animation:viewIn .22s ease}.admin-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:16px;align-items:start}.admin-registry{padding:0;overflow:hidden}.table-toolbar{padding:14px}.compact-select{min-width:150px}.table-result{margin-left:auto;color:var(--muted);font-size:9px;font-weight:900}.table-scroll{overflow:auto}.admin-table{width:100%;border-collapse:collapse;white-space:nowrap}.admin-table th,.admin-table td{padding:13px 14px;border-top:1px solid #f2e4ea;text-align:left;font-size:10px}.admin-table th{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.5px}.admin-table tbody tr{cursor:pointer;transition:.15s ease}.admin-table tbody tr:hover{background:#fff8fb}.admin-table tbody tr.is-selected{background:#fff0f6}.table-game{display:flex;align-items:center;gap:10px}.table-game img{width:36px;height:36px;border-radius:10px;object-fit:cover;background:var(--accent-soft)}.table-game span{display:grid}.table-game strong{max-width:190px;overflow:hidden;text-overflow:ellipsis}.table-game small{color:var(--muted);font-size:8px}.table-runtime-error{max-width:180px;overflow:hidden;text-overflow:ellipsis;color:var(--danger)}.game-control-panel{position:sticky;top:24px}.control-cover{overflow:hidden;height:130px;margin:-21px -21px 17px;border-radius:21px 21px 0 0;background:linear-gradient(135deg,#ffe1ed,#fff5fa)}.control-cover img{width:100%;height:100%;object-fit:cover}.control-header{display:flex;align-items:flex-start;gap:11px}.control-header img{width:48px;height:48px;border-radius:13px;object-fit:cover;background:var(--accent-soft)}.control-title{min-width:0;flex:1}.control-title h3{margin:2px 0 2px;font-size:18px}.control-title small{color:var(--muted);font-size:8px}.control-status{margin-top:11px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.control-stat{padding:9px;border-radius:12px;background:#fff3f8}.control-stat small{display:block;color:var(--muted);font-size:8px}.control-stat strong{font-size:13px}.control-section{margin-top:16px;padding-top:14px;border-top:1px solid #f0e2e8}.control-section h4{margin:0 0 9px;font-size:10px;text-transform:uppercase;letter-spacing:.45px}.control-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.control-actions button{min-height:37px;padding:7px;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer;font-size:9px;font-weight:900}.control-actions button:hover{color:var(--accent-dark);border-color:#e997b6;background:#fff7fa}.control-actions button.danger{color:var(--danger);border-color:#f0bdc8}.runtime-warning{margin-top:10px;padding:9px;border-radius:11px;color:var(--danger);background:var(--danger-soft);font-size:9px;overflow-wrap:anywhere}.admin-section-toolbar{margin-bottom:14px}.inline-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.game-picker{min-width:240px}.package-workspace{display:grid;grid-template-columns:minmax(300px,.42fr) minmax(0,.58fr);gap:16px;align-items:start}.package-dropzone{min-height:205px;display:grid;place-items:center;align-content:center;gap:7px;margin-top:15px;padding:25px;border:2px dashed #e6b8ca;border-radius:18px;color:#876b79;background:#fff7fa;cursor:pointer;text-align:center;transition:.18s ease}.package-dropzone:hover,.package-dropzone.is-dragging{border-color:var(--accent);background:#fff0f6}.package-dropzone input{display:none}.package-dropzone svg{width:36px;height:36px;color:var(--accent)}.package-dropzone strong{font-size:12px}.package-dropzone span{color:var(--muted);font-size:9px}.upload-progress{margin-top:12px}.upload-progress span{font-size:9px}.upload-progress>div{height:7px;margin-top:6px;border-radius:999px;background:#f1e2e8;overflow:hidden}.upload-progress i{display:block;width:35%;height:100%;border-radius:inherit;background:var(--accent);animation:uploadMove 1.2s ease-in-out infinite}.package-help{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:13px;color:var(--muted);font-size:9px}.package-help code{padding:4px 7px;border-radius:7px;color:var(--accent-dark);background:var(--accent-soft)}.package-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:11px;padding:13px;border:1px solid #f0dfe7;border-radius:15px;background:#fffafd}.package-main{min-width:0;display:flex;align-items:flex-start;gap:11px}.package-version{width:43px;height:43px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;color:var(--accent-dark);background:var(--accent-soft);font-size:9px;font-weight:950}.package-copy{min-width:0;display:grid;gap:3px}.package-copy strong{font-size:11px}.package-copy small{color:var(--muted);font-size:8px;overflow-wrap:anywhere}.package-hash{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.package-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.package-actions button{padding:6px 8px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer;font-size:8px;font-weight:900}.package-actions button:hover{color:var(--accent-dark);border-color:#e997b6}.package-actions button.danger{color:var(--danger)}.runtime-list{grid-template-columns:repeat(2,minmax(0,1fr))}.runtime-card{padding:14px;border:1px solid var(--line);border-radius:16px;background:#fffafd}.runtime-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.runtime-card h4{margin:0;font-size:11px}.runtime-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}.runtime-meta span{padding:7px;border-radius:9px;background:#fff}.runtime-meta small{display:block;color:var(--muted);font-size:7px}.runtime-meta b{font-size:9px}.runtime-error{margin-top:9px;padding:8px;border-radius:9px;color:var(--danger);background:var(--danger-soft);font-size:8px}.full-audit{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-row{align-items:flex-start}.audit-action{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;color:var(--accent-dark);background:var(--accent-soft);font-size:8px;font-weight:950}.audit-details{margin-top:5px;padding:7px;border-radius:8px;color:#725d69;background:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:7px;white-space:pre-wrap;overflow-wrap:anywhere}
.platform-dialog{width:min(760px,calc(100% - 28px));max-height:calc(100vh - 32px);padding:0;border:0;border-radius:24px;color:var(--text);background:#fff;box-shadow:0 30px 90px rgba(61,28,45,.25);overflow:auto}.platform-dialog::backdrop{background:rgba(43,26,35,.46);backdrop-filter:blur(5px)}.platform-dialog form,.dialog-content{display:grid;gap:15px;padding:24px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.dialog-head small{color:var(--accent-dark);font-size:9px;font-weight:950;text-transform:uppercase}.dialog-head h2{margin:3px 0;font-size:24px}.dialog-head p{margin:0;color:var(--muted);font-size:10px}.dialog-head button{width:37px;height:37px;flex:0 0 auto;display:grid;place-items:center;border:0;border-radius:12px;background:#f7edf2;cursor:pointer}.dialog-head button svg{width:18px}.form-section{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fffafd}.form-section h3{margin:0;font-size:12px}.platform-dialog label{display:grid;gap:6px;color:#6c5965;font-size:9px;font-weight:900}.platform-dialog label>small{color:var(--muted);font-size:7px;font-weight:700}.platform-dialog input,.platform-dialog textarea{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:11px;outline:0;background:#fff}.platform-dialog textarea{resize:vertical}.platform-dialog input:focus,.platform-dialog textarea:focus{border-color:#e97fa7;box-shadow:0 0 0 3px #ffe3ee}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.check-row{display:flex!important;align-items:flex-start;gap:9px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fffafd}.check-row input{width:auto;margin-top:2px}.check-row span{display:grid}.check-row strong{font-size:10px}.check-row small{color:var(--muted);font-size:8px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.confirm-dialog{max-width:470px;text-align:center}.confirm-icon{width:52px;height:52px;display:grid;place-items:center;margin:0 auto;border-radius:16px;color:var(--danger);background:var(--danger-soft)}.confirm-dialog h2{margin:0}.confirm-dialog p{margin:0;color:var(--muted);line-height:1.6}.game-details-dialog{max-width:720px}.details-cover{height:210px;margin:-24px -24px 0;background:linear-gradient(135deg,#ffe1ed,#fff5fa)}.details-cover img{width:100%;height:100%;object-fit:cover}.details-head{display:flex;align-items:flex-start;gap:13px}.details-head img{width:58px;height:58px;border-radius:16px;object-fit:cover;background:var(--accent-soft)}.details-head div{min-width:0;flex:1}.details-head h2{margin:3px 0}.details-description{color:var(--muted);line-height:1.65}.details-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.details-fact{padding:10px;border-radius:12px;background:#fff3f8}.details-fact small{display:block;color:var(--muted);font-size:8px}.details-fact strong{font-size:11px}.details-actions{display:flex;gap:8px}.details-actions>*{flex:1}.package-dialog{max-width:680px}.manifest-block{max-height:270px;overflow:auto;padding:12px;border-radius:12px;color:#5b4652;background:#f8f1f4;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;white-space:pre-wrap}.toast-stack{position:fixed;z-index:200;right:22px;top:22px;width:min(370px,calc(100% - 30px));display:grid;gap:8px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 16px 40px rgba(55,27,42,.16);pointer-events:auto;animation:toastIn .25s ease}.toast i{width:9px;height:9px;flex:0 0 auto;margin-top:4px;border-radius:50%;background:#9c8c94}.toast div{display:grid;gap:2px}.toast strong{font-size:10px}.toast span{color:var(--muted);font-size:9px}.toast.is-success i{background:var(--success)}.toast.is-error i{background:var(--danger)}.toast.is-warning i{background:var(--warning)}.sidebar-backdrop{display:none}
[hidden]{display:none!important}@keyframes viewIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes skeleton{to{background-position:-100% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes uploadMove{0%,100%{transform:translateX(-20%)}50%{transform:translateX(190%)}}@keyframes toastIn{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:none}}
@media(max-width:1200px){.game-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-workspace{grid-template-columns:minmax(0,1.2fr) minmax(290px,.65fr)}.package-workspace{grid-template-columns:1fr}.runtime-list,.full-audit{grid-template-columns:1fr}}
@media(max-width:960px){:root{--sidebar:252px}.welcome-panel{grid-template-columns:1fr}.welcome-visual{display:none}.overview-grid{grid-template-columns:1fr}.span-two{grid-row:auto}.content-grid.two{grid-template-columns:1fr}.wallet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-workspace{grid-template-columns:1fr}.game-control-panel{position:static}.admin-tabs{overflow:auto}.admin-tabs button{min-width:110px}.admin-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.platform-shell{display:block}.platform-sidebar{position:fixed;left:0;top:0;width:min(310px,88vw);height:100dvh;transform:translateX(-105%);transition:transform .22s ease;box-shadow:0 0 50px rgba(50,25,38,.2)}body.sidebar-open .platform-sidebar{transform:translateX(0)}.sidebar-close,.mobile-menu-button{display:grid}.sidebar-backdrop{position:fixed;z-index:40;inset:0;display:block;border:0;background:rgba(42,24,34,.38);backdrop-filter:blur(2px)}body:not(.sidebar-open) .sidebar-backdrop{display:none}.platform-main{padding:19px 15px 60px}.platform-topbar{align-items:flex-start}.topbar-title{align-items:center}.platform-topbar h1{font-size:26px}.sync-label{display:none}.account-button span{display:none}.login-action{min-width:auto}.welcome-panel{padding:28px 22px}.welcome-panel h2{font-size:38px;letter-spacing:-1.6px}.featured-grid{grid-template-columns:1fr}.profile-hero{align-items:flex-start;flex-wrap:wrap}.profile-actions{width:100%}.profile-actions button{width:100%}.catalog-toolbar{align-items:stretch;flex-direction:column}.search-field,.select-field{width:100%;min-width:0}.game-catalog{grid-template-columns:1fr}.section-intro{align-items:flex-start;flex-direction:column}.admin-heading-actions{width:100%}.admin-heading-actions>*{flex:1}.admin-tabs{justify-content:flex-start}.table-toolbar,.admin-section-toolbar{align-items:stretch;flex-direction:column}.table-result{margin:0}.inline-filters{width:100%;align-items:stretch;flex-direction:column}.game-picker{width:100%}.toggle-grid,.form-grid{grid-template-columns:1fr}.details-facts{grid-template-columns:1fr}.wallet-grid{grid-template-columns:1fr}}
@media(max-width:520px){.account-area{gap:6px}.account-area .icon-button{width:38px;height:38px}.login-action{padding:8px 10px;font-size:10px}.metric-grid{grid-template-columns:1fr}.metric{padding:15px}.welcome-panel h2{font-size:33px}.welcome-actions{display:grid}.profile-avatar img{width:76px;height:76px}.profile-copy h2{font-size:25px}.achievement-grid{grid-template-columns:1fr}.admin-heading-actions{display:grid}.control-actions{grid-template-columns:1fr}.package-row{grid-template-columns:1fr}.package-actions{justify-content:flex-start}.toast-stack{right:15px;top:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.game-card:hover,.featured-card:hover,.primary-action:hover{transform:none}}


/* Guest account lifecycle */
.guest-entry-hint{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding:13px 15px;border:1px solid rgba(234,79,139,.18);border-radius:16px;background:rgba(234,79,139,.06)}
.guest-entry-hint strong{white-space:nowrap}.guest-entry-hint span{color:var(--muted)}.guest-entry-hint code{padding:2px 7px;border-radius:7px;background:rgba(234,79,139,.12);color:var(--pink-strong)}
.guest-account-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px;padding:18px 20px;border:1px solid rgba(234,79,139,.22);border-radius:20px;background:linear-gradient(135deg,rgba(234,79,139,.1),rgba(255,255,255,.72))}
.guest-account-banner div{display:grid;gap:4px}.guest-account-banner span{color:var(--muted);line-height:1.45}.guest-account-banner .primary-action{white-space:nowrap}
.guest-policy-note{display:flex;gap:12px;align-items:flex-start;margin:0 0 16px;padding:14px 16px;border-radius:16px;background:rgba(93,104,255,.06);border:1px solid rgba(93,104,255,.14)}.guest-policy-note strong{white-space:nowrap}.guest-policy-note span{color:var(--muted)}
.guest-user{display:flex;align-items:center;gap:10px;min-width:190px}.guest-user img{width:38px;height:38px;border-radius:12px;object-fit:cover}.guest-user div{display:grid}.guest-user small{color:var(--muted)}
.row-actions{display:flex;gap:8px;flex-wrap:wrap}.danger-text{color:#c53b55!important}.state-LinkRequired{background:rgba(212,139,0,.12)!important;color:#9b6500!important}
@media(max-width:760px){.guest-entry-hint,.guest-account-banner,.guest-policy-note{display:grid}.guest-account-banner .primary-action{width:100%;text-align:center}.guest-table th:nth-child(4),.guest-table td:nth-child(4),.guest-table th:nth-child(6),.guest-table td:nth-child(6){display:none}}

/* Platform and game announcements */
.platform-notice{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 22px;padding:16px 18px;border:1px solid var(--line);border-left:5px solid #7d8aa5;border-radius:17px;background:#fff;box-shadow:0 10px 30px rgba(58,31,45,.06)}
.platform-notice>div{display:grid;gap:3px}.platform-notice>div>span{font-size:8px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.platform-notice strong{font-size:13px}.platform-notice p{max-width:900px;margin:0;color:var(--muted);font-size:10px;line-height:1.55;white-space:pre-line}.platform-notice>small{flex:0 0 auto;color:var(--muted);font-size:8px}
.notice-info{border-left-color:#5d68ff;background:linear-gradient(135deg,rgba(93,104,255,.08),#fff)}.notice-warning{border-left-color:#d88a00;background:linear-gradient(135deg,rgba(216,138,0,.1),#fff)}.notice-maintenance{border-left-color:#d65a76;background:linear-gradient(135deg,rgba(214,90,118,.1),#fff)}.notice-update{border-left-color:#9855d8;background:linear-gradient(135deg,rgba(152,85,216,.1),#fff)}.notice-success{border-left-color:#2f9d68;background:linear-gradient(135deg,rgba(47,157,104,.1),#fff)}
.game-inline-notice{display:grid;gap:3px;padding:10px 11px;border-left:3px solid #7d8aa5;border-radius:10px;background:#f7f5f8}.game-inline-notice strong{font-size:9px}.game-inline-notice span{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:8px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.details-notice{display:grid;gap:5px;padding:13px 14px;border-left:4px solid #7d8aa5;border-radius:13px;background:#f8f5f7}.details-notice small{font-size:8px;font-weight:950;text-transform:uppercase}.details-notice strong{font-size:12px}.details-notice span{color:var(--muted);font-size:10px;line-height:1.55;white-space:pre-line}
.notice-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.notice-editor{display:grid;align-content:start;gap:13px;padding:18px}.notice-editor label{display:grid;gap:6px;color:#6c5965;font-size:9px;font-weight:900}.notice-editor input,.notice-editor textarea,.notice-editor select{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:11px;outline:0;background:#fff}.notice-editor textarea{resize:vertical}.notice-editor input:focus,.notice-editor textarea:focus,.notice-editor select:focus{border-color:#e97fa7;box-shadow:0 0 0 3px #ffe3ee}.editor-hint{margin:0;color:var(--muted);font-size:9px;line-height:1.55}.notice-editor .check-row{display:flex}.notice-editor .check-row input{width:auto}.notice-editor .dialog-actions{margin-top:2px}
@media(max-width:1050px){.notice-admin-grid{grid-template-columns:1fr}}
@media(max-width:760px){.platform-notice{display:grid}.platform-notice>small{justify-self:start}.notice-editor{padding:15px}}


/* Gamey account authorization */
.auth-dialog{width:min(860px,calc(100% - 28px));max-height:calc(100dvh - 30px);overflow:auto}
.auth-dialog-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);min-height:520px}
.auth-dialog-brand{position:relative;display:flex;flex-direction:column;justify-content:center;gap:15px;padding:38px;overflow:hidden;color:#fff;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.28),transparent 32%),linear-gradient(145deg,#e94483,#9a4fd1)}
.auth-dialog-brand::after{content:"";position:absolute;right:-95px;bottom:-105px;width:270px;height:270px;border:1px solid rgba(255,255,255,.24);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.07),0 0 0 70px rgba(255,255,255,.045)}
.auth-logo-wrap{position:relative;z-index:1;width:74px;height:74px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.38);border-radius:24px;background:rgba(255,255,255,.18);box-shadow:0 18px 40px rgba(61,19,76,.2);backdrop-filter:blur(10px)}
.auth-logo-wrap img{width:54px;height:54px;object-fit:contain}.auth-dialog-brand .status-chip{position:relative;z-index:1;width:max-content;color:#fff;background:rgba(255,255,255,.16)}
.auth-dialog-brand h2{position:relative;z-index:1;margin:0;font-size:31px;line-height:1.12;letter-spacing:-.8px}.auth-dialog-brand p{position:relative;z-index:1;margin:0;color:rgba(255,255,255,.86);font-size:11px;line-height:1.65}
.auth-brand-points{position:relative;z-index:1;display:grid;gap:8px;margin-top:5px}.auth-brand-points span{font-size:10px;font-weight:800}
.auth-dialog-content{position:relative;display:flex;align-items:center;padding:42px;background:#fff}.auth-dialog-content>[data-auth-step]{width:100%;display:grid;gap:15px}.auth-dialog-close{position:absolute;right:18px;top:18px;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:12px;color:var(--muted);background:#f8eff3;cursor:pointer}.auth-dialog-close svg{width:18px;fill:none;stroke:currentColor;stroke-width:2}
.auth-kicker{color:var(--accent-dark);font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.auth-dialog-content h2{margin:0;font-size:30px;letter-spacing:-.7px}.auth-lead{margin:0;color:var(--muted);font-size:11px;line-height:1.65}
.auth-data-card,.auth-guest-card{display:grid;gap:4px;padding:14px 15px;border:1px solid var(--line);border-radius:15px;background:#fff9fc}.auth-data-card strong,.auth-guest-card strong{font-size:10px}.auth-data-card span,.auth-guest-card span{color:var(--muted);font-size:9px;line-height:1.5}.auth-guest-card code{padding:2px 6px;border-radius:6px;color:var(--accent-dark);background:var(--accent-soft)}
.auth-continue{width:100%;justify-content:center;gap:9px;padding:13px 17px}.auth-continue svg{width:18px;fill:none;stroke:currentColor;stroke-width:2}.auth-cancel{width:100%}.auth-continue.is-loading span::after{content:"…"}.auth-result-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:20px;font-size:28px;font-weight:950}.auth-result-icon.is-success{color:var(--success);background:var(--success-soft)}.auth-result-icon.is-error{color:var(--danger);background:var(--danger-soft)}.auth-result-icon.is-warning{color:var(--warning);background:var(--warning-soft)}
.auth-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:4px}.auth-result-actions button{width:100%}
@media(max-width:760px){.auth-dialog-layout{grid-template-columns:1fr}.auth-dialog-brand{min-height:auto;padding:25px}.auth-dialog-brand h2{font-size:25px}.auth-brand-points{display:none}.auth-dialog-content{padding:32px 22px 24px}.auth-dialog-close{right:12px;top:12px}.auth-result-actions{grid-template-columns:1fr}}

.auth-empty-state{display:grid;justify-items:center;gap:8px}.auth-empty-state strong{color:var(--text);font-size:12px}.auth-empty-state span{max-width:460px}.auth-empty-state .primary-action{margin-top:5px}

/* Split platform navigation */
.platform-nav a{width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid transparent;border-radius:14px;color:#6c5b65;background:transparent;text-align:left;font-weight:850;transition:.18s ease}
.platform-nav a svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.platform-nav a span{flex:1}.platform-nav a:hover{color:var(--accent-dark);background:#fff2f7}.platform-nav a.is-active{color:var(--accent-dark);border-color:#f0ccda;background:linear-gradient(135deg,#fff1f7,#fff8fb);box-shadow:0 8px 24px rgba(239,63,133,.08)}
.integration-explainer{display:flex;align-items:flex-start;gap:12px;margin:0 0 16px;padding:16px 18px;border:1px solid #eac8d6;border-radius:17px;background:linear-gradient(135deg,#fff8fb,#fff1f6)}.integration-explainer div{display:grid;gap:4px}.integration-explainer strong{font-size:12px}.integration-explainer span{color:var(--muted);font-size:10px;line-height:1.55}
.integration-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.integration-card{display:grid;grid-template-columns:56px minmax(0,1fr);gap:13px;align-items:start;padding:17px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(88,38,63,.035)}.integration-monogram{width:56px;height:56px;display:grid;place-items:center;border-radius:15px;color:var(--accent-dark);background:var(--accent-soft);font-size:12px;font-weight:950}.integration-card h3{margin:3px 0 5px;font-size:16px}.integration-card p{margin:0 0 7px;color:var(--muted);font-size:10px;line-height:1.5}.integration-card small{color:#9b8190;font-size:8px}.integration-source{display:inline-flex;padding:4px 7px;border-radius:999px;color:#8e4765;background:#fff0f6;font-size:7px;font-weight:950;text-transform:uppercase;letter-spacing:.4px}
.developer-gate{max-width:720px;margin:50px auto}.developer-gate .surface{text-align:center}.developer-gate h2{margin:14px 0 7px}.developer-gate p{color:var(--muted)}.developer-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.55fr);gap:16px;align-items:start;margin-top:16px}.dev-control{position:sticky;top:24px}.dev-package-workspace{margin-top:16px}.dev-audit{margin-top:16px}.developer-console .admin-heading{margin-bottom:16px}
@media(max-width:1180px){.integration-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.developer-layout{grid-template-columns:1fr}.dev-control{position:static}}
@media(max-width:760px){.integration-catalog{grid-template-columns:1fr}}

/* Shared interactive controls */
button.primary-action,button.secondary-action,button.danger-action,a.primary-action,a.secondary-action,a.danger-action{
  -webkit-appearance:none;appearance:none;text-decoration:none;line-height:1.2;white-space:nowrap;user-select:none;
}
button.primary-action:focus-visible,button.secondary-action:focus-visible,button.danger-action:focus-visible,a.primary-action:focus-visible,a.secondary-action:focus-visible,a.danger-action:focus-visible,.category-chip:focus-visible,.icon-button:focus-visible{
  outline:3px solid rgba(239,63,133,.20);outline-offset:2px;
}
.category-chip{
  -webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:#755f6c;background:#fff;cursor:pointer;font-size:9px;font-weight:900;line-height:1;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease;
}
.category-chip:hover{color:var(--accent-dark);border-color:#e99cba;background:#fff5f9;transform:translateY(-1px)}
.category-chip.is-active{color:#fff;border-color:var(--accent);background:var(--accent);box-shadow:0 7px 18px rgba(239,63,133,.18)}
.category-chip.is-active:hover{color:#fff;background:var(--accent-dark);border-color:var(--accent-dark)}
.game-card-footer .primary-action,.game-card-footer .secondary-action,.details-actions .primary-action,.details-actions .secondary-action{min-width:0;text-align:center}

/* Gamey developer mode: visible only to JoyJoyBots developers. */
.developer-mode-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:#fff}
.developer-mode-card[hidden]{display:none!important}.developer-mode-copy{display:grid;gap:2px;min-width:0}.developer-mode-copy strong{font-size:10px}.developer-mode-copy small{color:var(--muted);font-size:8px}
.developer-switch{appearance:none;-webkit-appearance:none;position:relative;flex:0 0 auto;width:38px;height:22px;padding:0;border:1px solid #e4ced8;border-radius:999px;background:#eee2e8;cursor:pointer;transition:.18s ease}.developer-switch span{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(70,30,50,.18);transition:.18s ease}.developer-switch.is-active{border-color:var(--accent);background:var(--accent)}.developer-switch.is-active span{left:18px}.developer-switch:focus-visible{outline:3px solid rgba(239,63,133,.20);outline-offset:2px}.developer-switch:disabled{cursor:wait;opacity:.6}
.nav-caption-admin[hidden]{display:none!important}

/* Instant session hydration and theme control */
.account-session-placeholder{height:44px;min-width:174px;display:flex;align-items:center;gap:9px;padding:5px 12px 5px 6px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}
.account-session-placeholder span{width:34px;height:34px;border-radius:11px;background:linear-gradient(90deg,var(--panel-muted),var(--panel-soft),var(--panel-muted));background-size:220% 100%;animation:sessionShimmer 1.1s linear infinite}
.account-session-placeholder i{width:92px;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--panel-muted),var(--panel-soft),var(--panel-muted));background-size:220% 100%;animation:sessionShimmer 1.1s linear infinite}
@keyframes sessionShimmer{to{background-position:-220% 0}}
html[data-session-state="cached"] .account-button{animation:none}
.theme-toggle-card{appearance:none;width:100%;display:grid;grid-template-columns:32px 1fr 18px;align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--line);border-radius:14px;color:var(--text);background:var(--panel);cursor:pointer;text-align:left;transition:.18s ease}
.theme-toggle-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.theme-toggle-card>span:nth-child(2){display:grid;gap:2px}.theme-toggle-card strong{font-size:10px}.theme-toggle-card small{color:var(--muted);font-size:8px}.theme-toggle-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:var(--accent-dark);background:var(--accent-soft);font-size:17px}.theme-toggle-card>i{width:9px;height:9px;border-radius:50%;background:#d4c5cc}.theme-toggle-card.is-active>i{background:#8c7aff;box-shadow:0 0 0 4px rgba(140,122,255,.12)}

/* Developer game metadata */
.media-upload-grid{display:grid;grid-template-columns:minmax(160px,.42fr) minmax(260px,1fr);gap:12px;margin-top:6px}.media-upload-card{display:grid!important;gap:8px!important;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--panel-soft);cursor:pointer}.media-upload-card>input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}.media-upload-card>span{font-size:10px;font-weight:900}.media-upload-card>small{color:var(--muted);font-size:8px}.media-preview{overflow:hidden;display:grid;place-items:center;min-height:128px;border:1px dashed var(--line-strong);border-radius:13px;color:var(--muted);background:var(--panel)}.media-preview.is-icon{width:128px;min-height:128px}.media-preview.is-banner{width:100%;aspect-ratio:4/1;min-height:110px}.media-preview img{width:100%;height:100%;object-fit:cover}.media-preview.is-icon img{aspect-ratio:1/1}.taxonomy-block{display:grid;gap:10px;margin-top:5px}.taxonomy-head span{font-size:10px;font-weight:900}.taxonomy-head small{display:block;margin-top:2px;color:var(--muted);font-size:8px}.tag-picker,.mini-tags{display:flex;flex-wrap:wrap;gap:7px}.tag-choice,.mini-tag{display:inline-flex;align-items:center;min-height:29px;padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--panel);font-size:8px;font-weight:900}.tag-choice{cursor:pointer}.tag-choice:hover,.tag-choice.is-active{color:var(--accent-dark);border-color:#e994b5;background:var(--accent-soft)}.taxonomy-manager{padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.taxonomy-manager summary{cursor:pointer;font-size:9px;font-weight:900}.taxonomy-create{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:8px;margin-top:10px}.taxonomy-create input,.taxonomy-create select{min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.inline-number-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px}.inline-number-pair b{color:var(--muted)}.dev-game-banner{width:100%;aspect-ratio:4/1;object-fit:cover;margin:13px 0;border-radius:13px}.table-sub{display:block;color:var(--muted);font-size:8px}.game-popularity{display:flex;align-items:baseline;gap:5px;margin:4px 0 10px;color:var(--muted)}.game-popularity strong{color:var(--text);font-size:16px}.game-popularity span,.game-popularity i{font-size:8px;font-style:normal}.game-popularity i{margin-left:auto}.details-banner{width:100%;max-height:260px;object-fit:cover;border-radius:16px;margin:12px 0}.game-editor-dialog{width:min(820px,calc(100% - 24px))}.game-editor-dialog form{display:grid;gap:14px}.game-editor-dialog .form-section{display:grid;gap:12px}.game-editor-dialog .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-editor-dialog label{display:grid;gap:6px}.game-editor-dialog label>span:first-child{font-size:9px;font-weight:900}.game-editor-dialog input,.game-editor-dialog textarea,.game-editor-dialog select{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:11px;outline:0;background:var(--panel)}.game-editor-dialog input:focus,.game-editor-dialog textarea:focus,.game-editor-dialog select:focus{border-color:#e97fa7;box-shadow:0 0 0 3px rgba(239,63,133,.10)}

/* Browser game player */
.game-player-shell{min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--bg)}.game-player-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--panel)}.game-player-title{display:flex;align-items:center;gap:10px;min-width:0}.game-player-title img{width:38px;height:38px;border-radius:11px}.game-player-title div{min-width:0;display:grid}.game-player-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-player-title small{color:var(--muted)}.game-player-stage{position:relative;min-height:0;padding:10px}.game-player-frame{width:100%;height:100%;min-height:calc(100dvh - 76px);border:1px solid var(--line);border-radius:16px;background:#111}.game-player-loading{position:absolute;inset:10px;display:grid;place-items:center;border:1px solid var(--line);border-radius:16px;background:var(--panel);z-index:2}.game-player-loading[hidden]{display:none}.game-player-error{max-width:520px;text-align:center}.game-player-error h2{margin:8px 0}.game-player-error p{color:var(--muted)}

/* Dark theme */
html[data-theme="dark"]{color-scheme:dark;--bg:#171317;--panel:#211b20;--panel-soft:#2a2027;--panel-muted:#2f252c;--text:#f6edf2;--muted:#bdaab5;--line:#44323d;--line-strong:#5a3a49;--accent:#ff5a9a;--accent-dark:#ff78aa;--accent-soft:#432333;--success:#45c995;--success-soft:#173a2e;--warning:#edb55f;--warning-soft:#412f18;--danger:#ff6d87;--danger-soft:#431f29;--info:#9aa5ff;--info-soft:#292d51;--shadow:0 18px 55px rgba(0,0,0,.28)}
html[data-theme="dark"] body{background:var(--bg);color:var(--text)}
html[data-theme="dark"] .platform-sidebar{background:rgba(31,25,30,.96)}
html[data-theme="dark"] .platform-nav a,html[data-theme="dark"] .platform-nav button{color:#cbbac4}
html[data-theme="dark"] .platform-nav a:hover,html[data-theme="dark"] .platform-nav button:hover{background:#32232b;color:var(--accent-dark)}
html[data-theme="dark"] .platform-nav a.is-active,html[data-theme="dark"] .platform-nav button.is-active{border-color:#5c3648;background:linear-gradient(135deg,#36232d,#251d22)}
html[data-theme="dark"] .nav-caption{color:#927b88}
html[data-theme="dark"] .service-card,html[data-theme="dark"] .developer-mode-card,html[data-theme="dark"] .icon-button,html[data-theme="dark"] .account-button,html[data-theme="dark"] .secondary-action,html[data-theme="dark"] .surface,html[data-theme="dark"] .metric,html[data-theme="dark"] .integration-card,html[data-theme="dark"] .category-chip,html[data-theme="dark"] .featured-card,html[data-theme="dark"] .auth-dialog-content,html[data-theme="dark"] .auth-data-card,html[data-theme="dark"] .auth-guest-card{background:var(--panel);color:var(--text)}
html[data-theme="dark"] .service-card{background:#201a1f}
html[data-theme="dark"] .welcome-panel{border-color:var(--line);background:radial-gradient(circle at 88% 22%,rgba(255,90,154,.14),transparent 31%),linear-gradient(145deg,#241c22,#21181e)}
html[data-theme="dark"] .visual-chip{background:rgba(35,28,33,.96)}
html[data-theme="dark"] .integration-explainer{border-color:var(--line);background:linear-gradient(135deg,#261d23,#30202a)}
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{color:var(--text);background:var(--panel);border-color:var(--line)}
html[data-theme="dark"] .search-field,html[data-theme="dark"] .select-field{background:var(--panel)}
html[data-theme="dark"] .admin-table tr:hover td,html[data-theme="dark"] .admin-table tr.is-selected td{background:#30232b}
html[data-theme="dark"] .package-row,html[data-theme="dark"] .audit-row,html[data-theme="dark"] .control-stat{background:var(--panel-soft);border-color:var(--line)}
html[data-theme="dark"] .package-dropzone{background:#261e23;border-color:#5a3a49}
html[data-theme="dark"] .auth-dialog-close{background:var(--panel-soft)}
html[data-theme="dark"] .category-chip:hover,html[data-theme="dark"] .secondary-action:hover,html[data-theme="dark"] .icon-button:hover{background:#33232c}
html[data-theme="dark"] .integration-source{color:#ff9abd;background:#422333}
html[data-theme="dark"] dialog{color:var(--text);background:var(--panel);border-color:var(--line)}
@media(max-width:760px){.media-upload-grid,.game-editor-dialog .form-grid,.taxonomy-create{grid-template-columns:1fr}.media-preview.is-icon{width:100%;aspect-ratio:1/1;max-width:180px}.game-player-topbar{padding:10px}.game-player-stage{padding:4px}.game-player-frame{min-height:calc(100dvh - 68px)}}
html[data-session-state="pending"] [data-login],html[data-session-state="cached"] [data-login]{visibility:hidden!important}
html[data-session-state="cached"] [data-account-area]{min-width:220px}
html[data-theme="dark"] .game-card,html[data-theme="dark"] .form-section,html[data-theme="dark"] .package-row,html[data-theme="dark"] .runtime-card,html[data-theme="dark"] .toast,html[data-theme="dark"] .platform-notice,html[data-theme="dark"] .filter-bar,html[data-theme="dark"] .game-details-tabs{background:var(--panel);border-color:var(--line)}
html[data-theme="dark"] .account-card-meta span,html[data-theme="dark"] .control-stat,html[data-theme="dark"] .details-fact,html[data-theme="dark"] .runtime-meta span{background:var(--panel-soft)}
html[data-theme="dark"] .game-card-empty,html[data-theme="dark"] .empty-state,html[data-theme="dark"] .achievement,html[data-theme="dark"] .linked-account{background:#261e23;border-color:var(--line)}
html[data-theme="dark"] .control-actions button,html[data-theme="dark"] .package-actions button{color:var(--text);background:var(--panel);border-color:var(--line)}
html[data-theme="dark"] .control-actions button:hover,html[data-theme="dark"] .package-actions button:hover{background:#34252d}
html[data-theme="dark"] .audit-details{color:var(--muted);background:#181316}
html[data-theme="dark"] .platform-dialog{background:var(--panel);color:var(--text)}


/* Complete dark-theme coverage */
html[data-theme="dark"] .status-chip,
html[data-theme="dark"] .state-badge,
html[data-theme="dark"] .game-tag,
html[data-theme="dark"] .featured-mark,
html[data-theme="dark"] .dialog-head button,
html[data-theme="dark"] .auth-dialog-close,
html[data-theme="dark"] .developer-switch,
html[data-theme="dark"] .tag-choice,
html[data-theme="dark"] .mini-tag,
html[data-theme="dark"] .theme-toggle-card{
  color:var(--text);background:var(--panel-soft);border-color:var(--line)
}
html[data-theme="dark"] .status-success{color:var(--success);background:var(--success-soft)}
html[data-theme="dark"] .state-Active,
html[data-theme="dark"] .state-Running,
html[data-theme="dark"] .state-Validated,
html[data-theme="dark"] .state-Completed{color:var(--success);background:var(--success-soft)}
html[data-theme="dark"] .state-Maintenance,
html[data-theme="dark"] .state-Draining,
html[data-theme="dark"] .state-Starting,
html[data-theme="dark"] .state-Waiting{color:var(--warning);background:var(--warning-soft)}
html[data-theme="dark"] .state-Stopped,
html[data-theme="dark"] .state-Disabled,
html[data-theme="dark"] .state-Retired,
html[data-theme="dark"] .state-Cancelled,
html[data-theme="dark"] .state-Stopping{color:var(--muted);background:var(--panel-muted)}
html[data-theme="dark"] .state-Failed{color:var(--danger);background:var(--danger-soft)}
html[data-theme="dark"] .profile-row,
html[data-theme="dark"] .session-row,
html[data-theme="dark"] .audit-row,
html[data-theme="dark"] .empty-state,
html[data-theme="dark"] .wallet-card,
html[data-theme="dark"] .achievement,
html[data-theme="dark"] .admin-tabs,
html[data-theme="dark"] .control-stat,
html[data-theme="dark"] .package-row,
html[data-theme="dark"] .runtime-card,
html[data-theme="dark"] .runtime-meta span,
html[data-theme="dark"] .check-row,
html[data-theme="dark"] .form-section,
html[data-theme="dark"] .details-fact,
html[data-theme="dark"] .manifest-block,
html[data-theme="dark"] .game-inline-notice,
html[data-theme="dark"] .details-notice,
html[data-theme="dark"] .media-upload-card,
html[data-theme="dark"] .media-preview,
html[data-theme="dark"] .taxonomy-manager,
html[data-theme="dark"] .taxonomy-create input,
html[data-theme="dark"] .taxonomy-create select,
html[data-theme="dark"] .game-player-loading{
  color:var(--text);background:var(--panel-soft);border-color:var(--line)
}
html[data-theme="dark"] .profile-hero{
  border-color:var(--line);
  background:radial-gradient(circle at 90% 30%,rgba(255,90,154,.10),transparent 26%),linear-gradient(135deg,#241c22,#21191f)
}
html[data-theme="dark"] .wallet-card{background:linear-gradient(145deg,#251d22,#21191f)}
html[data-theme="dark"] .game-card-cover,
html[data-theme="dark"] .control-cover,
html[data-theme="dark"] .details-cover{background:linear-gradient(135deg,#3a2630,#251c22)}
html[data-theme="dark"] .game-card-cover .fallback-icon{color:var(--accent-dark)}
html[data-theme="dark"] .progress-track,
html[data-theme="dark"] .upload-progress>div{background:#3a2b34}
html[data-theme="dark"] .search-field,
html[data-theme="dark"] .select-field,
html[data-theme="dark"] .admin-tabs,
html[data-theme="dark"] .control-actions button,
html[data-theme="dark"] .package-actions button,
html[data-theme="dark"] .platform-dialog input,
html[data-theme="dark"] .platform-dialog textarea,
html[data-theme="dark"] .platform-dialog select,
html[data-theme="dark"] .notice-editor input,
html[data-theme="dark"] .notice-editor textarea,
html[data-theme="dark"] .notice-editor select{
  color:var(--text);background:var(--panel);border-color:var(--line)
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#8f7b87}
html[data-theme="dark"] select option{color:var(--text);background:var(--panel)}
html[data-theme="dark"] input:-webkit-autofill,
html[data-theme="dark"] input:-webkit-autofill:hover,
html[data-theme="dark"] input:-webkit-autofill:focus,
html[data-theme="dark"] textarea:-webkit-autofill,
html[data-theme="dark"] select:-webkit-autofill{
  -webkit-text-fill-color:var(--text);
  -webkit-box-shadow:0 0 0 1000px var(--panel) inset;
  transition:background-color 9999s ease-out 0s
}
html[data-theme="dark"] .admin-table th{color:#aa929f}
html[data-theme="dark"] .admin-table td,
html[data-theme="dark"] .admin-table th{border-color:var(--line)}
html[data-theme="dark"] .admin-table tbody tr:hover,
html[data-theme="dark"] .admin-table tbody tr.is-selected{background:#30232b}
html[data-theme="dark"] .package-dropzone{
  color:var(--text);background:#251d22;border-color:var(--line-strong)
}
html[data-theme="dark"] .package-dropzone:hover,
html[data-theme="dark"] .package-dropzone.is-dragging{background:#33232c;border-color:var(--accent-dark)}
html[data-theme="dark"] .control-actions button:hover,
html[data-theme="dark"] .package-actions button:hover,
html[data-theme="dark"] .dialog-head button:hover,
html[data-theme="dark"] .auth-dialog-close:hover,
html[data-theme="dark"] .theme-toggle-card:hover{background:#34252d}
html[data-theme="dark"] .audit-details{color:var(--muted);background:#181316;border-color:var(--line)}
html[data-theme="dark"] .toast{color:var(--text);background:#251e23;border-color:var(--line);box-shadow:0 18px 42px rgba(0,0,0,.34)}
html[data-theme="dark"] .toast i{background:#806f79}
html[data-theme="dark"] .guest-entry-hint{background:rgba(255,90,154,.08);border-color:rgba(255,90,154,.20)}
html[data-theme="dark"] .guest-entry-hint code{background:rgba(255,90,154,.14)}
html[data-theme="dark"] .guest-account-banner{
  background:linear-gradient(135deg,rgba(255,90,154,.10),rgba(33,27,32,.92));border-color:var(--line)
}
html[data-theme="dark"] .guest-policy-note{background:rgba(154,165,255,.08);border-color:rgba(154,165,255,.18)}
html[data-theme="dark"] .platform-notice{color:var(--text);background:var(--panel);border-color:var(--line)}
html[data-theme="dark"] .notice-info{background:linear-gradient(135deg,rgba(154,165,255,.10),var(--panel))}
html[data-theme="dark"] .notice-warning{background:linear-gradient(135deg,rgba(237,181,95,.10),var(--panel))}
html[data-theme="dark"] .notice-maintenance{background:linear-gradient(135deg,rgba(255,109,135,.10),var(--panel))}
html[data-theme="dark"] .notice-update{background:linear-gradient(135deg,rgba(191,129,255,.10),var(--panel))}
html[data-theme="dark"] .notice-success{background:linear-gradient(135deg,rgba(69,201,149,.10),var(--panel))}
html[data-theme="dark"] .auth-dialog-content,
html[data-theme="dark"] .auth-data-card,
html[data-theme="dark"] .auth-guest-card{color:var(--text);background:var(--panel)}
html[data-theme="dark"] .auth-data-card,
html[data-theme="dark"] .auth-guest-card{background:var(--panel-soft);border-color:var(--line)}
html[data-theme="dark"] .integration-card{background:var(--panel);border-color:var(--line)}
html[data-theme="dark"] .integration-explainer{background:linear-gradient(135deg,#241c22,#2d2028);border-color:var(--line)}
html[data-theme="dark"] .developer-mode-card,
html[data-theme="dark"] .theme-toggle-card{background:var(--panel);border-color:var(--line)}
html[data-theme="dark"] .developer-switch span{background:#f6edf2}
html[data-theme="dark"] .skeleton-card,
html[data-theme="dark"] .skeleton-row{
  background:linear-gradient(90deg,#281f25 25%,#382831 38%,#281f25 63%);background-size:400% 100%
}
html[data-theme="dark"] ::selection{background:#6d3150;color:#fff}
html[data-theme="dark"] *{scrollbar-color:#5a3a49 #211b20}
html[data-theme="dark"] ::-webkit-scrollbar{width:11px;height:11px}
html[data-theme="dark"] ::-webkit-scrollbar-track{background:#211b20}
html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#5a3a49;border:3px solid #211b20;border-radius:999px}

/* Correct platform tab before and after JavaScript hydration */
html[data-platform-view="profile"] .platform-view[data-panel="overview"]{display:none!important}
html[data-platform-view="profile"] .platform-view[data-panel="profile"]{display:block!important}
html[data-platform-view="overview"] .platform-view[data-panel="overview"]{display:block!important}
html[data-platform-view="overview"] .platform-view[data-panel="profile"]{display:none!important}
html[data-platform-view="profile"] .platform-nav [data-nav-key="overview"]{
  color:#6c5b65!important;border-color:transparent!important;background:transparent!important;box-shadow:none!important
}
html[data-platform-view="profile"] .platform-nav [data-nav-key="profile"]{
  color:var(--accent-dark)!important;border-color:#f0ccda!important;background:linear-gradient(135deg,#fff1f7,#fff8fb)!important;box-shadow:0 8px 24px rgba(239,63,133,.08)!important
}
html[data-theme="dark"][data-platform-view="profile"] .platform-nav [data-nav-key="overview"]{
  color:#cbbac4!important;background:transparent!important;border-color:transparent!important
}
html[data-theme="dark"][data-platform-view="profile"] .platform-nav [data-nav-key="profile"]{
  color:var(--accent-dark)!important;border-color:#5c3648!important;background:linear-gradient(135deg,#36232d,#251d22)!important
}


html[data-theme="dark"] .platform-dialog label,
html[data-theme="dark"] .notice-editor label{color:#d7c4cf}
html[data-theme="dark"] .manifest-block{color:#dbc7d2;background:#181316;border:1px solid var(--line)}
html[data-theme="dark"] .nav-count{color:#ff9abd;background:#422333}
html[data-theme="dark"] .service-indicator{background:#6d5b65;box-shadow:0 0 0 4px #30272c}
html[data-theme="dark"] .featured-mark{color:#fff;background:rgba(10,8,9,.78)}
html[data-theme="dark"] .state-LinkRequired{color:var(--warning)!important;background:var(--warning-soft)!important}
html[data-theme="dark"] .danger-text{color:var(--danger)!important}
html[data-theme="dark"] .catalog-total{color:var(--accent-dark);background:var(--accent-soft)}

/* Live availability states */
.game-card.is-offline .game-card-cover{filter:saturate(.7)}
.game-card.is-offline .primary-action{opacity:.92}
.game-availability-reason{display:block;margin:-2px 0 10px;color:var(--muted);font-size:9px;line-height:1.45}
.state-Hidden{color:#766a71;background:#f1edef}
html[data-theme="dark"] .state-Hidden{color:#cfc3c9;background:#2a2428}
html[data-theme="dark"] .game-card.is-offline .game-card-cover{filter:saturate(.55) brightness(.82)}

/* Premium catalog: explorer-style grid/list views */
.catalog-page{--catalog-surface:color-mix(in srgb,var(--panel) 92%,transparent);--catalog-line:color-mix(in srgb,var(--line) 88%,transparent)}
.catalog-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:0 0 18px;padding:27px 29px;border:1px solid var(--catalog-line);border-radius:25px;background:radial-gradient(circle at 84% 10%,rgba(116,70,255,.12),transparent 33%),radial-gradient(circle at 65% 120%,rgba(239,63,133,.14),transparent 38%),var(--catalog-surface);box-shadow:0 18px 55px rgba(38,20,54,.06)}
.catalog-hero::after{content:"";position:absolute;right:-90px;top:-160px;width:330px;height:330px;border:1px solid rgba(132,83,255,.12);border-radius:50%;box-shadow:0 0 0 45px rgba(132,83,255,.035),0 0 0 90px rgba(239,63,133,.025);pointer-events:none}.catalog-hero-copy{position:relative;z-index:1}.catalog-hero h2{margin:3px 0 7px;font-size:34px;line-height:1;letter-spacing:-1.1px}.catalog-hero p{margin:0;color:var(--muted);font-size:12px}.catalog-live{position:relative;z-index:1;display:flex;align-items:center;gap:10px;max-width:340px;padding:11px 13px;border:1px solid var(--catalog-line);border-radius:15px;background:color-mix(in srgb,var(--panel) 82%,transparent);backdrop-filter:blur(12px)}.catalog-live>span{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px var(--success-soft),0 0 18px rgba(22,134,92,.36)}.catalog-live div{display:grid;gap:1px}.catalog-live strong{font-size:10px}.catalog-live small{color:var(--muted);font-size:8px;line-height:1.35}
.catalog-commandbar{display:grid;grid-template-columns:minmax(270px,1fr) auto auto;gap:10px;align-items:center;margin-bottom:11px}.catalog-search{min-width:0;height:48px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--catalog-line);border-radius:15px;background:var(--panel);box-shadow:0 8px 24px rgba(56,28,45,.035)}.catalog-search svg{width:18px;color:var(--muted)}.catalog-search input{width:100%;min-width:0;border:0;outline:0;background:transparent}.catalog-search kbd{min-width:25px;padding:3px 6px;border:1px solid var(--line);border-bottom-width:2px;border-radius:7px;color:var(--muted);background:var(--panel-soft);font:800 10px/1.2 Nunito,sans-serif;text-align:center}.catalog-filters{display:flex;gap:8px}.catalog-select{height:48px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--catalog-line);border-radius:15px;background:var(--panel)}.catalog-select span{color:var(--muted);font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.4px}.catalog-select select{max-width:140px;border:0;outline:0;background:transparent;font-size:10px;font-weight:900}.catalog-view-switch{height:48px;display:flex;gap:4px;padding:4px;border:1px solid var(--catalog-line);border-radius:15px;background:var(--panel)}.catalog-view-switch button{height:38px;display:flex;align-items:center;gap:7px;padding:0 11px;border:0;border-radius:11px;color:var(--muted);background:transparent;cursor:pointer;font-size:9px;font-weight:950;transition:.18s ease}.catalog-view-switch button svg{width:16px}.catalog-view-switch button:hover{color:var(--accent-dark);background:var(--panel-soft)}.catalog-view-switch button.is-active{color:#fff;background:linear-gradient(135deg,#7b4dff,#ef3f85);box-shadow:0 8px 20px rgba(121,76,244,.22)}
.catalog-category-chips{margin-bottom:12px}.catalog-results-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 2px 12px;color:var(--muted);font-size:9px}.catalog-results-head span{font-weight:900}.catalog-results-head small{font-size:8px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.catalog-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--catalog-line);border-radius:21px;background:var(--panel);box-shadow:0 16px 42px rgba(43,23,55,.07);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.catalog-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 42%,var(--line));box-shadow:0 23px 58px rgba(49,27,62,.12)}.catalog-card-cover{position:relative;height:176px;overflow:hidden;background:linear-gradient(135deg,var(--panel-soft),var(--panel-muted))}.catalog-card-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .25s ease}.catalog-card:hover .catalog-card-cover>img{transform:scale(1.025)}.catalog-card-shine{position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(12,8,20,.52));pointer-events:none}.catalog-status{position:absolute;z-index:2;right:11px;top:11px;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#fff;background:rgba(14,11,20,.63);backdrop-filter:blur(12px);font-size:8px;font-weight:950}.catalog-status i{width:7px;height:7px;border-radius:50%;background:#9a9096}.catalog-status-online i{background:#37d895;box-shadow:0 0 10px rgba(55,216,149,.72)}.catalog-status-starting i,.catalog-status-maintenance i{background:#f1b55f}.catalog-status-failed i{background:#ff6583}.catalog-card-body{display:flex;flex:1;flex-direction:column;padding:15px}.catalog-card-heading{display:flex;align-items:center;gap:10px;min-width:0}.catalog-card-heading>img{width:46px;height:46px;flex:0 0 auto;margin-top:-31px;border:3px solid var(--panel);border-radius:14px;object-fit:cover;background:var(--panel-soft);box-shadow:0 9px 23px rgba(28,16,36,.14)}.catalog-card-heading>div{min-width:0}.catalog-card-heading h3{margin:0;font-size:18px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-card-heading span{display:block;margin-top:2px;color:var(--muted);font-size:8px;font-weight:850}.catalog-card-description{min-height:46px;margin:10px 0 0!important;color:var(--muted);font-size:10px!important;line-height:1.55!important}.catalog-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.catalog-tag{display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--panel-soft);font-size:7px;font-weight:900}.catalog-card-meta{display:flex;align-items:center;gap:9px;margin-top:13px}.catalog-online{display:flex;align-items:center;gap:5px}.catalog-online>i{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.catalog-online strong{font-size:11px}.catalog-online span,.catalog-sessions{color:var(--muted);font-size:8px}.catalog-sessions{margin-left:auto}.catalog-card-reason{display:block;margin-top:8px;color:var(--muted);font-size:8px;line-height:1.45}.catalog-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto;padding-top:14px}.catalog-play,.catalog-more{min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 11px;border-radius:12px;font-size:9px;font-weight:950;transition:.18s ease}.catalog-play{border:0;color:#fff;background:linear-gradient(135deg,#7148ff,#c73cff 52%,#ef3f85);box-shadow:0 10px 22px rgba(113,72,255,.22)}.catalog-play svg{width:15px}.catalog-play:hover{transform:translateY(-1px);box-shadow:0 14px 27px rgba(113,72,255,.30)}.catalog-play.is-disabled{color:var(--muted);background:var(--panel-soft);box-shadow:none}.catalog-more{border:1px solid var(--line);color:var(--text);background:var(--panel);cursor:pointer}.catalog-more:hover{color:var(--accent-dark);border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:var(--panel-soft)}.catalog-empty{grid-column:1/-1;display:grid;justify-items:center;gap:6px;padding:54px 20px;border:1px dashed var(--line-strong);border-radius:20px;color:var(--muted);background:var(--panel-soft);text-align:center}.catalog-empty-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;color:var(--accent-dark);background:var(--accent-soft);font-size:23px}.catalog-empty strong{color:var(--text);font-size:13px}.catalog-empty span{font-size:9px}
/* Explorer list view */
.game-catalog.is-list{display:grid;grid-template-columns:1fr;gap:9px}.game-catalog.is-list .catalog-card{display:grid;grid-template-columns:minmax(180px,230px) minmax(0,1fr);min-height:142px;border-radius:17px}.game-catalog.is-list .catalog-card:hover{transform:translateY(-1px)}.game-catalog.is-list .catalog-card-cover{height:100%;min-height:142px}.game-catalog.is-list .catalog-card-body{display:grid;grid-template-columns:minmax(230px,1.35fr) minmax(160px,.8fr) minmax(165px,.7fr);grid-template-rows:auto 1fr auto;column-gap:18px;align-items:center;padding:14px 15px}.game-catalog.is-list .catalog-card-heading{grid-column:1;grid-row:1}.game-catalog.is-list .catalog-card-heading>img{width:40px;height:40px;margin:0;border-width:1px;border-color:var(--line);border-radius:11px}.game-catalog.is-list .catalog-card-heading h3{font-size:15px}.game-catalog.is-list .catalog-card-description{grid-column:1;grid-row:2;min-height:0;margin:5px 0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-catalog.is-list .catalog-tags{grid-column:2;grid-row:1/3;align-content:center;margin:0}.game-catalog.is-list .catalog-card-meta{grid-column:3;grid-row:1;margin:0;justify-content:flex-end}.game-catalog.is-list .catalog-card-reason{grid-column:3;grid-row:2;text-align:right;margin:4px 0 0}.game-catalog.is-list .catalog-card-actions{grid-column:2/4;grid-row:3;display:flex;justify-content:flex-end;gap:7px;padding:7px 0 0}.game-catalog.is-list .catalog-card-actions>*{min-width:112px;flex:0 0 auto;min-height:34px}.game-catalog.is-list .catalog-status{right:9px;top:9px}
html[data-theme="dark"] .catalog-hero{background:radial-gradient(circle at 84% 10%,rgba(123,77,255,.18),transparent 33%),radial-gradient(circle at 65% 120%,rgba(239,63,133,.13),transparent 38%),#18151d;box-shadow:0 20px 58px rgba(0,0,0,.2)}html[data-theme="dark"] .catalog-live,html[data-theme="dark"] .catalog-search,html[data-theme="dark"] .catalog-select,html[data-theme="dark"] .catalog-view-switch,html[data-theme="dark"] .catalog-card,html[data-theme="dark"] .catalog-more{background:#1d1921;border-color:#332b37}html[data-theme="dark"] .catalog-search kbd,html[data-theme="dark"] .catalog-tag,html[data-theme="dark"] .catalog-empty{background:#251f29;border-color:#3d3242}html[data-theme="dark"] .catalog-card-heading>img{border-color:#1d1921}html[data-theme="dark"] .catalog-card-cover{background:linear-gradient(135deg,#271e2c,#17131a)}html[data-theme="dark"] .catalog-play.is-disabled{background:#29232d;color:#a99cab}html[data-theme="dark"] .catalog-more:hover{background:#2b2330}
@media(max-width:1180px){.catalog-commandbar{grid-template-columns:1fr auto}.catalog-filters{grid-column:1}.catalog-view-switch{grid-column:2;grid-row:1/3}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-catalog.is-list .catalog-card-body{grid-template-columns:minmax(210px,1.25fr) minmax(145px,.75fr);grid-template-rows:auto auto auto}.game-catalog.is-list .catalog-tags{grid-column:2;grid-row:1/3}.game-catalog.is-list .catalog-card-meta{grid-column:1;grid-row:3;justify-content:flex-start}.game-catalog.is-list .catalog-card-actions{grid-column:2;grid-row:3}.game-catalog.is-list .catalog-card-reason{display:none}}
@media(max-width:760px){.catalog-hero{align-items:flex-start;flex-direction:column;padding:22px}.catalog-hero h2{font-size:29px}.catalog-live{width:100%;max-width:none}.catalog-commandbar{display:flex;align-items:stretch;flex-direction:column}.catalog-filters{display:grid;grid-template-columns:1fr 1fr}.catalog-view-switch{align-self:flex-end}.catalog-results-head small{display:none}.catalog-grid{grid-template-columns:1fr}.game-catalog.is-list .catalog-card{grid-template-columns:112px minmax(0,1fr);min-height:126px}.game-catalog.is-list .catalog-card-cover{min-height:126px}.game-catalog.is-list .catalog-card-body{display:flex;padding:12px}.game-catalog.is-list .catalog-card-heading>img{display:none}.game-catalog.is-list .catalog-card-description{display:none}.game-catalog.is-list .catalog-tags{margin-top:5px;max-height:29px;overflow:hidden}.game-catalog.is-list .catalog-card-meta{justify-content:flex-start;margin-top:8px}.game-catalog.is-list .catalog-card-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;padding-top:8px}.game-catalog.is-list .catalog-card-actions>*{min-width:0}.game-catalog.is-list .catalog-sessions{display:none}}
@media(max-width:430px){.catalog-filters{grid-template-columns:1fr}.catalog-view-switch{align-self:stretch}.catalog-view-switch button{flex:1;justify-content:center}.catalog-search kbd{display:none}.game-catalog.is-list .catalog-card{grid-template-columns:92px minmax(0,1fr)}.game-catalog.is-list .catalog-card-cover{min-height:118px}.game-catalog.is-list .catalog-tags{display:none}.game-catalog.is-list .catalog-online span{display:none}}

/* Per-game progress and achievements */
.game-progress-card{border:1px solid var(--line,#eadde6);border-radius:22px;padding:18px;background:var(--surface,#fff);display:grid;gap:16px}
.game-progress-head{display:flex;align-items:center;gap:12px}.game-progress-head img{width:48px;height:48px;border-radius:14px;object-fit:cover}.game-progress-head strong{display:block}.game-progress-head small{display:block;margin-top:3px;color:var(--muted,#7c6d78)}
.game-progress-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.game-progress-stats span{padding:10px 8px;border-radius:14px;background:var(--soft,#fff4f8);text-align:center}.game-progress-stats b,.game-progress-stats small{display:block}.game-progress-stats small{margin-top:2px;color:var(--muted,#7c6d78);font-size:11px}
.achievement-card{display:flex;align-items:flex-start;gap:12px}.achievement-card>img,.achievement-glyph{width:42px;height:42px;border-radius:13px;object-fit:cover;display:grid;place-items:center;background:var(--soft,#fff4f8);font-weight:900}.achievement-card p{margin:6px 0 0;color:var(--muted,#7c6d78);font-size:12px;line-height:1.4}.achievement-card.is-unlocked{box-shadow:inset 0 0 0 1px rgba(91,203,131,.25)}
.dev-achievement-list{display:grid;gap:10px}.dev-achievement-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line,#eadde6);border-radius:16px;background:var(--surface,#fff)}.dev-achievement-main{display:flex;gap:12px;align-items:center;min-width:0}.dev-achievement-icon{width:42px;height:42px;border-radius:12px;background:var(--soft,#fff4f8);display:grid;place-items:center;overflow:hidden;font-weight:900}.dev-achievement-icon img{width:100%;height:100%;object-fit:cover}.dev-achievement-copy{min-width:0}.dev-achievement-copy strong,.dev-achievement-copy small{display:block}.dev-achievement-copy small{color:var(--muted,#7c6d78);margin-top:3px}.dev-achievement-actions{display:flex;gap:8px;flex-wrap:wrap}.dev-progress-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.dev-progress-summary span{padding:12px;border-radius:14px;background:var(--soft,#fff4f8)}.dev-progress-summary b,.dev-progress-summary small{display:block}.dev-progress-summary small{color:var(--muted,#7c6d78)}
html[data-theme="dark"] .game-progress-card,html[data-theme="dark"] .dev-achievement-row{background:#17131f;border-color:#33283f}html[data-theme="dark"] .game-progress-stats span,html[data-theme="dark"] .dev-achievement-icon,html[data-theme="dark"] .dev-progress-summary span,html[data-theme="dark"] .achievement-glyph{background:#211a2b}
@media(max-width:720px){.game-progress-stats,.dev-progress-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-achievement-row{grid-template-columns:1fr}.dev-achievement-actions{justify-content:flex-start}}

.dev-progress-events{margin-top:18px;border-top:1px solid var(--platform-line);padding-top:16px}
.surface-subhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.surface-subhead small{color:var(--platform-muted)}
.dev-progress-event-list{display:grid;gap:8px}.dev-progress-event{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 13px;border:1px solid var(--platform-line);border-radius:14px;background:var(--platform-soft)}.dev-progress-event div{display:grid;gap:3px}.dev-progress-event small,.dev-progress-event>span{color:var(--platform-muted);font-size:12px}
.surface-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
@media(max-width:720px){.dev-progress-event{align-items:flex-start;flex-direction:column;gap:5px}.surface-subhead{align-items:flex-start;flex-direction:column}}

.details-leaderboard{margin-top:18px;padding-top:16px;border-top:1px solid var(--platform-line)}.details-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.details-section-head small{color:var(--platform-muted)}.details-rank-row{display:grid;grid-template-columns:34px 38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border-radius:13px;background:var(--platform-soft);border:1px solid var(--platform-line);margin-top:7px}.details-rank-row>b{color:var(--platform-accent)}.details-rank-row>img{width:38px;height:38px;border-radius:12px;object-fit:cover}.details-rank-row>span{min-width:0;display:grid;gap:2px}.details-rank-row>span strong,.details-rank-row>span small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.details-rank-row>span small{color:var(--platform-muted)}.details-rank-row>em{font-style:normal;font-weight:800;white-space:nowrap}
@media(max-width:560px){.details-rank-row{grid-template-columns:26px 34px minmax(0,1fr)}.details-rank-row>em{grid-column:2/4;padding-left:44px}}

/* Unified platform UX */
.platform-main{background:
 radial-gradient(circle at 78% 6%,rgba(255,92,154,.08),transparent 28rem),
 radial-gradient(circle at 12% 88%,rgba(105,76,255,.06),transparent 30rem),var(--bg)}
.platform-topbar{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.platform-nav a{position:relative;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.platform-nav a:hover{transform:translateX(2px)}
.platform-nav a.is-active:before{content:"";position:absolute;left:-1px;top:22%;bottom:22%;width:3px;border-radius:5px;background:var(--accent);box-shadow:0 0 14px rgba(255,90,154,.35)}
.sync-label{font-variant-numeric:tabular-nums}
html[data-realtime="polling"] .service-indicator,html[data-realtime="reconnecting"] .service-indicator{box-shadow:0 0 0 5px rgba(245,164,35,.11)}

.overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.overview-metrics .metric{min-height:116px}
.featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.featured-card{display:flex;flex-direction:column;overflow:hidden;padding:0!important;border:1px solid var(--line);border-radius:20px;background:var(--panel-soft);text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.featured-card:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:0 16px 35px rgba(22,14,22,.11)}
.featured-cover{position:relative;aspect-ratio:16/6;overflow:hidden;background:var(--panel-muted)}
.featured-cover>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.featured-card:hover .featured-cover>img{transform:scale(1.035)}
.featured-state{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(18,14,18,.78);color:#fff;font-size:11px;font-weight:900;backdrop-filter:blur(10px)}
.featured-state i{width:7px;height:7px;border-radius:50%;background:#ffb24a}
.featured-card.is-ready .featured-state i{background:#44d394;box-shadow:0 0 10px rgba(68,211,148,.65)}
.featured-info{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 14px}
.featured-info>img{width:42px;height:42px;border-radius:12px;object-fit:cover;background:var(--panel-muted)}
.featured-info strong,.featured-info small{display:block}.featured-info small{margin-top:2px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.featured-info>b{font-size:11px;color:var(--muted);white-space:nowrap}
.game-progress-head>a{margin-left:auto;font-size:12px;font-weight:800;color:var(--accent);text-decoration:none}
.session-row{color:inherit;text-decoration:none}.session-row>span{margin-left:auto;color:var(--muted)}

.catalog-commandbar{align-items:end}
.catalog-filters{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:10px;flex:1}
.catalog-select select,.dev-status-filter select{min-height:42px}
.catalog-featured{position:absolute;left:12px;top:12px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.9);color:#6f3750;font-size:10px;font-weight:900;box-shadow:0 5px 14px rgba(35,18,28,.12)}
html[data-theme="dark"] .catalog-featured{background:rgba(31,24,29,.9);color:#ff9ec2}
.catalog-empty button,.integration-empty button{border:1px solid var(--line);background:var(--panel-soft);color:var(--text);border-radius:12px;padding:9px 14px;font:inherit;font-weight:800;cursor:pointer}
.catalog-card-cover:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(18,12,16,.36));pointer-events:none}
.catalog-card{box-shadow:0 12px 30px rgba(44,28,38,.055)}
.catalog-card:hover{box-shadow:0 20px 42px rgba(44,28,38,.11)}
.game-catalog.is-list .catalog-card{grid-template-columns:minmax(190px,270px) minmax(0,1fr)}
.game-catalog.is-list .catalog-card-cover{min-height:190px}

.integration-catalog{align-items:stretch}
.integration-card{position:relative;overflow:hidden;padding:0!important;display:flex!important;flex-direction:column;min-height:330px;border-radius:22px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.integration-card:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:0 18px 38px rgba(37,23,33,.1)}
.integration-cover{height:118px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--panel-muted),var(--panel-soft))}
.integration-cover>img{width:100%;height:100%;object-fit:cover;display:block}.integration-cover>b{position:absolute;top:10px;right:10px;background:rgba(20,15,19,.78);color:#fff;border-radius:999px;padding:6px 9px;font-size:10px}
.integration-card-body{display:flex;gap:14px;padding:18px;align-items:flex-start}.integration-monogram{flex:0 0 54px;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--panel-muted);font-weight:900;overflow:hidden}.integration-monogram img{width:100%;height:100%;object-fit:cover}.integration-copy{min-width:0}.integration-copy h3{margin:4px 0 7px}.integration-copy p{margin:0;color:var(--muted);line-height:1.45}.integration-meta{display:flex;gap:8px;align-items:center;margin-top:12px;color:var(--muted);font-size:11px;font-weight:800}.integration-meta i{width:3px;height:3px;border-radius:50%;background:currentColor}

.dev-status-filter{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;font-weight:800}.dev-status-filter select{border:1px solid var(--line);border-radius:12px;background:var(--panel-soft);color:var(--text);padding:0 30px 0 10px}
.dev-control .control-header{position:sticky;top:0;z-index:1;background:linear-gradient(var(--panel) 82%,transparent);padding-bottom:10px}
.control-actions button:disabled{opacity:.45;cursor:not-allowed}
.state-badge{white-space:nowrap}.runtime-warning{border-left:3px solid #f1aa42}
.dev-game-banner{aspect-ratio:16/5;object-fit:cover;border-radius:16px}
.package-row,.dev-achievement-row{transition:border-color .18s ease,transform .18s ease}.package-row:hover,.dev-achievement-row:hover{border-color:var(--line-strong)}

.game-player-topbar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.game-player-loading-actions{display:flex;gap:10px;justify-content:center;margin-top:18px;flex-wrap:wrap}.game-player-error{max-width:520px}.game-player-frame{background:#0f0c10}.player-fullscreen{white-space:nowrap}

@media(max-width:1180px){.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-commandbar{flex-wrap:wrap}.catalog-search{flex:1 1 100%}.catalog-filters{grid-template-columns:repeat(3,minmax(130px,1fr))}}
@media(max-width:820px){.featured-grid{grid-template-columns:1fr}.catalog-filters{grid-template-columns:1fr}.catalog-view-switch span{display:none}.game-catalog.is-list .catalog-card{grid-template-columns:1fr}.game-catalog.is-list .catalog-card-cover{min-height:150px}.integration-card{min-height:0}.player-fullscreen{display:none}.table-toolbar{gap:8px;flex-wrap:wrap}.dev-status-filter{width:100%;justify-content:space-between}.dev-status-filter select{flex:1}}
@media(max-width:560px){.overview-metrics{grid-template-columns:1fr 1fr}.overview-metrics .metric{min-height:96px;padding:14px}.featured-info{grid-template-columns:38px minmax(0,1fr)}.featured-info>b{display:none}.game-player-topbar{padding:10px}.game-player-title small{display:none}}

/* Compact platform UX: denser pages, launch-on-card and viewport-fit player */
@media (min-width:761px){
  .platform-main{padding:20px clamp(18px,2.35vw,36px) 48px}
  .platform-topbar{min-height:54px;margin-bottom:16px}
  .platform-topbar h1{font-size:29px}
  .section-intro{margin-bottom:14px}.section-intro h2{font-size:28px}
  .surface{padding:17px;border-radius:18px}
  .content-grid{gap:13px}.metric-grid{gap:11px;margin:14px 0}
  .metric{gap:11px;padding:14px;border-radius:16px}.metric-icon{width:38px;height:38px}.metric strong{font-size:22px}
  .overview-metrics .metric{min-height:94px}
  .welcome-panel{gap:24px;padding:32px;border-radius:25px}.welcome-panel h2{margin:12px 0 9px;font-size:clamp(32px,3.7vw,49px)}.welcome-panel p{font-size:13px}.welcome-actions{margin-top:18px}
  .profile-hero{gap:16px;padding:21px;border-radius:21px}.profile-avatar img{width:78px;height:78px;border-radius:23px}.profile-copy h2{font-size:28px}
  .wallet-grid{gap:9px;margin-bottom:14px}.wallet-card{padding:13px;border-radius:15px}
  .achievement-grid{margin-top:11px}.profile-bottom-grid{margin-top:13px}
  .admin-heading{margin-bottom:12px}.admin-heading h2{font-size:28px}.admin-tabs{margin:12px 0}.developer-layout,.admin-workspace,.package-workspace{gap:12px}.developer-layout{margin-top:12px}.dev-package-workspace,.dev-audit{margin-top:12px}
  .table-toolbar{padding:11px}.admin-table th,.admin-table td{padding:10px 12px}.table-game img{width:32px;height:32px}.game-control-panel{top:16px}
  .control-cover{height:112px;margin:-17px -17px 14px}.control-section{margin-top:12px;padding-top:11px}
}

/* Catalog density */
.catalog-hero{gap:20px;margin-bottom:12px;padding:18px 21px;border-radius:20px}.catalog-hero h2{font-size:29px}.catalog-hero p{font-size:11px}.catalog-live{padding:9px 11px}
.catalog-commandbar{gap:8px;margin-bottom:8px}.catalog-search,.catalog-select,.catalog-view-switch{height:42px;border-radius:13px}.catalog-view-switch button{height:32px}.catalog-select select{min-height:34px!important}.catalog-category-chips{margin-bottom:8px}.catalog-results-head{margin-bottom:8px}
.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.catalog-card{border-radius:17px;cursor:pointer;outline:none;transform:translateZ(0)}.catalog-card:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent),0 18px 38px rgba(44,28,38,.10)}
.catalog-card-cover{height:142px}.catalog-status{right:9px;top:9px;padding:5px 8px}.catalog-featured{left:9px;top:9px;padding:5px 8px;font-size:9px}.catalog-card-body{padding:12px}.catalog-card-heading{gap:8px}.catalog-card-heading>img{width:40px;height:40px;margin-top:-26px;border-radius:12px}.catalog-card-heading h3{font-size:16px}.catalog-card-description{min-height:34px;margin-top:7px!important;font-size:9px!important;line-height:1.42!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.catalog-tags{gap:4px;margin-top:7px;max-height:23px;overflow:hidden}.catalog-tag{min-height:21px;padding:3px 7px}.catalog-card-meta{gap:7px;margin-top:9px}.catalog-card-reason{margin-top:6px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.catalog-card-actions{display:none!important}
.catalog-card-launch-hint{margin-left:auto;color:var(--accent-dark);font-size:7px;font-weight:900;white-space:nowrap;opacity:.78}.catalog-card.is-offline .catalog-card-launch-hint{color:var(--muted)}
.catalog-card-info{position:absolute;z-index:4;left:9px;bottom:9px;width:28px;height:28px;display:none;place-items:center;padding:0;border:1px solid rgba(255,255,255,.26);border-radius:9px;color:#fff;background:rgba(18,13,19,.62);backdrop-filter:blur(10px);font-size:12px;font-weight:950;cursor:pointer}
.catalog-card.is-launchable:active{transform:translateY(-1px) scale(.995)}
@media (hover:none),(pointer:coarse){.catalog-card-info{display:grid}.catalog-card-launch-hint{display:none}}

/* Compact list view: Explorer-like rows */
.game-catalog.is-list{gap:7px}.game-catalog.is-list .catalog-card{grid-template-columns:150px minmax(0,1fr);min-height:108px;border-radius:14px}.game-catalog.is-list .catalog-card-cover{height:108px;min-height:108px}.game-catalog.is-list .catalog-card-body{display:grid;grid-template-columns:minmax(210px,1.4fr) minmax(140px,.8fr) auto;grid-template-rows:auto auto;column-gap:14px;padding:10px 12px}.game-catalog.is-list .catalog-card-heading{grid-column:1;grid-row:1}.game-catalog.is-list .catalog-card-heading>img{width:34px;height:34px;margin:0}.game-catalog.is-list .catalog-card-heading h3{font-size:14px}.game-catalog.is-list .catalog-card-description{grid-column:1;grid-row:2;margin:3px 0!important;min-height:0;-webkit-line-clamp:1}.game-catalog.is-list .catalog-tags{grid-column:2;grid-row:1/3;align-content:center;margin:0;max-height:48px}.game-catalog.is-list .catalog-card-meta{grid-column:3;grid-row:1;margin:0;justify-content:flex-end}.game-catalog.is-list .catalog-card-reason{grid-column:3;grid-row:2;max-width:220px;margin:2px 0 0;text-align:right}.game-catalog.is-list .catalog-card-launch-hint{display:none}.game-catalog.is-list .catalog-status{right:7px;top:7px}.game-catalog.is-list .catalog-card-info{left:7px;bottom:7px}

/* More content on wide screens */
@media (min-width:1500px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.integration-catalog{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1181px) and (max-width:1499px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Integrations and secondary pages are denser without losing readability */
.integration-explainer{margin-bottom:11px;padding:12px 15px}.integration-catalog{gap:11px;margin-top:11px}.integration-card{min-height:278px;border-radius:18px}.integration-cover{height:98px}.integration-card-body{gap:11px;padding:14px}.integration-monogram{width:46px;height:46px;flex-basis:46px;border-radius:13px}.integration-copy h3{margin:3px 0 5px;font-size:15px}.integration-copy p{font-size:9px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.integration-meta{margin-top:8px;font-size:9px}
.category-chips{margin-bottom:12px}.catalog-toolbar{margin-bottom:9px}.search-field,.select-field{min-height:38px}

/* The shared player page always fits the browser viewport; only the game iframe may scroll internally if its own UI requires it. */
html:has(body.game-player-page),body.game-player-page{height:100%;overflow:hidden;overscroll-behavior:none}.game-player-page .game-player-shell{height:100dvh;min-height:0;overflow:hidden;grid-template-rows:52px minmax(0,1fr)}.game-player-page .game-player-topbar{height:52px;min-height:0;padding:6px 11px}.game-player-page .game-player-title img{width:34px;height:34px}.game-player-page .game-player-title small{font-size:9px}.game-player-page .game-player-actions .secondary-action{min-height:34px;padding:6px 11px;font-size:10px}.game-player-page .game-player-actions .icon-button{width:34px;height:34px;border-radius:11px}.game-player-page .game-player-stage{height:100%;min-height:0;overflow:hidden;padding:5px}.game-player-page .game-player-frame{display:block;width:100%;height:100%;min-height:0!important;border-radius:12px}.game-player-page .game-player-loading{inset:5px;border-radius:12px}
@media (max-height:700px) and (min-width:761px){.game-player-page .game-player-shell{grid-template-rows:46px minmax(0,1fr)}.game-player-page .game-player-topbar{height:46px;padding:4px 9px}.game-player-page .game-player-title img{width:30px;height:30px}.game-player-page .game-player-title small{display:none}.game-player-page .game-player-stage{padding:3px}.game-player-page .game-player-loading{inset:3px}}

@media (max-width:1180px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-card{min-height:250px}}
@media (max-width:820px){.catalog-hero{padding:17px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.catalog-card-cover{height:132px}.game-catalog.is-list .catalog-card{grid-template-columns:120px minmax(0,1fr);min-height:100px}.game-catalog.is-list .catalog-card-cover{height:100px;min-height:100px}.game-catalog.is-list .catalog-card-body{display:flex;padding:9px 10px}.game-catalog.is-list .catalog-card-description{display:none}.game-catalog.is-list .catalog-tags{margin-top:4px}.game-player-page .game-player-shell{grid-template-rows:48px minmax(0,1fr)}.game-player-page .game-player-topbar{height:48px;padding:5px 8px}.game-player-page .game-player-stage{padding:3px}.game-player-page .game-player-loading{inset:3px}}
@media (max-width:620px){.catalog-grid{grid-template-columns:1fr}.catalog-card-cover{height:150px}.catalog-card-launch-hint{display:none}.catalog-results-head small{display:block;font-size:7px}.integration-catalog{grid-template-columns:1fr}.integration-card{min-height:0}}


/* Hover game preview: lightweight social-network-style popover; never blocks the card click. */
.game-hover-preview{position:fixed;z-index:1400;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 20px);pointer-events:none;opacity:0;visibility:hidden;transform:translateY(6px) scale(.985);transform-origin:top left;transition:opacity .14s ease,transform .14s ease,visibility .14s;background:color-mix(in srgb,var(--panel) 96%,transparent);border:1px solid var(--line-strong);border-radius:18px;box-shadow:0 24px 70px rgba(27,16,24,.22);backdrop-filter:blur(20px);overflow:hidden}
.game-hover-preview.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.game-hover-preview-cover{position:relative;height:108px;overflow:hidden;background:linear-gradient(135deg,var(--panel-muted),var(--panel-soft))}.game-hover-preview-cover>img{width:100%;height:100%;object-fit:cover;display:block}.game-hover-preview-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(13,9,13,.72))}
.game-hover-preview-status{position:absolute;z-index:2;right:10px;top:10px;display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;color:#fff;background:rgba(20,15,21,.72);font-size:8px;font-weight:950;backdrop-filter:blur(9px)}.game-hover-preview-status i{width:6px;height:6px;border-radius:50%;background:#a4a0a5}.game-hover-preview-status.is-online i{background:#43d897;box-shadow:0 0 0 3px rgba(67,216,151,.15)}.game-hover-preview-status.is-starting i{background:#7c73ff}.game-hover-preview-status.is-maintenance i{background:#ffb650}.game-hover-preview-status.is-failed i{background:#ff5d75}
.game-hover-preview-head{position:absolute;z-index:2;left:12px;right:72px;bottom:10px;display:flex;align-items:end;gap:9px;color:#fff}.game-hover-preview-head img{width:42px;height:42px;flex:0 0 auto;border:2px solid rgba(255,255,255,.86);border-radius:12px;object-fit:cover;background:#fff}.game-hover-preview-head span{min-width:0;display:grid;gap:1px}.game-hover-preview-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.game-hover-preview-head small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.78);font-size:8px;font-weight:800}
.game-hover-preview-body{display:grid;gap:9px;padding:12px 13px 13px}.game-hover-preview-body p{margin:0;color:var(--muted);font-size:9px;line-height:1.52;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.game-hover-preview-tags{display:flex;gap:5px;flex-wrap:wrap;max-height:48px;overflow:hidden}.game-hover-preview-tags span{padding:4px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--panel-soft);font-size:7px;font-weight:850}.game-hover-preview-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.game-hover-preview-stat{min-width:0;display:grid;gap:1px;padding:7px 8px;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft)}.game-hover-preview-stat small{color:var(--muted);font-size:6px;font-weight:850;text-transform:uppercase;letter-spacing:.45px}.game-hover-preview-stat strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:9px}.game-hover-preview-reason{display:flex;gap:7px;align-items:flex-start;padding:8px 9px;border:1px solid color-mix(in srgb,var(--warning) 30%,var(--line));border-radius:10px;color:var(--text);background:color-mix(in srgb,var(--warning-soft) 60%,var(--panel));font-size:8px;line-height:1.35}.game-hover-preview-reason::before{content:"!";width:17px;height:17px;flex:0 0 auto;display:grid;place-items:center;border-radius:6px;color:#fff;background:var(--warning);font-size:9px;font-weight:950}.game-hover-preview-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:2px;color:var(--muted);font-size:7px}.game-hover-preview-foot strong{color:var(--accent-dark);font-size:8px}.game-hover-preview-foot kbd{padding:2px 5px;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;background:var(--panel);font:inherit}
html[data-theme="dark"] .game-hover-preview{box-shadow:0 28px 80px rgba(0,0,0,.48)}
@media (hover:none),(pointer:coarse),(max-width:760px){.game-hover-preview{display:none!important}}
@media (prefers-reduced-motion:reduce){.game-hover-preview{transition:none}.catalog-card{transition:none}}

/* Final layout stabilization after compact catalog update. */
@media (min-width:901px) and (max-width:1180px){
  .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .integration-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:761px) and (max-width:900px){
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .integration-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1181px){
  .catalog-commandbar{align-items:center}
  .catalog-filters{min-width:0}
}
.catalog-card{isolation:isolate}.catalog-card-cover,.catalog-card-body{min-width:0}.catalog-card-heading h3,.catalog-card-heading span,.catalog-card-description,.catalog-card-reason{overflow-wrap:anywhere}.catalog-card-launch-hint{max-width:48%;overflow:hidden;text-overflow:ellipsis}
.catalog-card:hover{z-index:2}.catalog-card:focus-visible{z-index:3}
.catalog-commandbar,.catalog-toolbar,.table-toolbar,.admin-section-toolbar{min-width:0}.catalog-search,.search-field{min-width:0}.catalog-search input,.search-field input{min-width:0;width:100%}
.platform-topbar,.surface-head,.admin-heading{min-width:0}.topbar-title,.surface-head>div,.admin-heading>div{min-width:0}.platform-topbar h1,.surface-head h3,.admin-heading h2{overflow-wrap:anywhere}
@media (max-width:760px){
  .catalog-card-launch-hint{display:none}
  .catalog-card-info{display:grid}
  .catalog-grid{grid-template-columns:1fr}
  .integration-catalog{grid-template-columns:1fr}
}

/* Player toolbar stabilization: all three actions stay on one row. */
.game-player-page .game-player-topbar{flex-wrap:nowrap;min-width:0}
.game-player-page .game-player-title{flex:1 1 auto;min-width:0;overflow:hidden}
.game-player-page .game-player-title>div{min-width:0}
.game-player-page .game-player-actions{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:7px;flex-wrap:nowrap;white-space:nowrap;min-width:max-content}
.game-player-page .game-player-actions>a,.game-player-page .game-player-actions>button{flex:0 0 auto;white-space:nowrap}
@media (max-width:680px){
  .game-player-page .game-player-actions{gap:5px}
  .game-player-page .game-player-actions .secondary-action{padding-inline:8px;font-size:9px}
  .game-player-page .game-player-title strong{font-size:10px}
}
@media (max-width:520px){
  .game-player-page .game-player-title img{width:28px;height:28px}
  .game-player-page .game-player-title small{display:none}
  .game-player-page .game-player-actions .secondary-action{min-height:32px;padding-inline:7px;font-size:8px}
  .game-player-page .game-player-actions .icon-button{width:32px;height:32px}
}

/* Stability/readability pass: keep the compact layout readable and prevent narrow toolbar overflow. */
.catalog-card-description{font-size:10px;line-height:1.45}
.catalog-tags span{font-size:8px}
.integration-copy p{font-size:10px;line-height:1.45}
.integration-meta{font-size:9px}
.game-hover-preview-body p{font-size:10px;line-height:1.48}
.game-hover-preview-tags span{font-size:8px}
.game-hover-preview-stat small{font-size:7px}
.game-hover-preview-stat strong{font-size:10px}
.game-hover-preview-reason{font-size:9px}
.game-hover-preview-foot{font-size:8px}
@media (max-width:440px){
  .game-player-page .game-player-title{max-width:72px}
  .game-player-page .game-player-title strong{font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .game-player-page .game-player-actions{gap:3px}
  .game-player-page .game-player-actions .secondary-action{min-height:30px;padding-inline:5px;font-size:7.5px}
  .game-player-page .game-player-actions .icon-button{width:30px;height:30px}
}
@media (max-width:820px){
  .game-player-page .player-fullscreen{display:flex}
}