.winup-publication { display: grid; gap: var(--gj-space-3); min-width: 0; }
.winup-publication .gj-photo-copy-detail :is(strong,span) { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.winup-photo-empty { display: grid; place-items: center; width: 100%; height: 100%; min-height: 120px; padding: var(--gj-space-4); background: var(--gj-surface-2); color: var(--gj-text-2); text-align: center; }
.winup-preserve-lines { white-space: pre-wrap; overflow-wrap: anywhere; }
.winup-live-status { padding: var(--gj-space-4); border: 1px solid var(--gj-line); border-radius: var(--gj-radius-m); color: var(--gj-text-2); }
.winup-live-status[role="alert"] { border-color: var(--gj-brand-text); }
.winup-brand { display: inline-flex; align-items: center; flex-shrink: 0; text-decoration: none; }
.winup-brand img { display: block; width: 136px; max-width: 100%; height: auto; object-fit: contain; }
.winup-live-wrap { max-width: 560px; margin-inline: auto; min-height: 100dvh; padding: var(--gj-space-4); padding-bottom: calc(96px + env(safe-area-inset-bottom)); }
.winup-live-head { display: flex; gap: var(--gj-space-3); justify-content: space-between; align-items: center; margin-bottom: var(--gj-space-5); }
.winup-live-heading { display: flex; justify-content: space-between; align-items: center; gap: var(--gj-space-3); }
.winup-live-nav { position: fixed; inset: auto 0 0; display: flex; justify-content: center; gap: var(--gj-space-3); padding: var(--gj-space-3); padding-bottom: calc(var(--gj-space-3) + env(safe-area-inset-bottom)); background: var(--gj-surface-1); border-top: 1px solid var(--gj-line); z-index: 20; }
.winup-live-nav a { padding: var(--gj-space-2); color: var(--gj-text-2); text-decoration: none; }
.winup-live-nav a[aria-current="page"] { color: var(--gj-brand-text); }
.winup-live-wrap .gj-games { grid-template-columns: repeat(2,minmax(0,1fr)); }
.winup-live-wrap .gj-brand-logo img { width: 100%; height: 100%; object-fit: contain; }
.winup-live-wrap button:focus-visible,.winup-live-wrap a:focus-visible { outline: 2px solid var(--gj-brand-text); outline-offset: 4px; }
.winup-checkout-qr { display: block; width: min(100%,256px); height: auto; margin-inline: auto; }
.winup-checkout-code { display: block; overflow-wrap: anywhere; font-size: var(--gj-fs-3); padding: var(--gj-space-3); }
.winup-live-wrap .arcade-surface { width: min(100%,400px); margin-inline: auto; aspect-ratio: 320/360; height: auto; }
.winup-live-wrap canvas { display: block; width: 100%; height: 100%; touch-action: none; }
@media (min-width: 700px) { .winup-live-wrap { border-inline: 1px solid var(--gj-line); } }
/* Shared subscription account surfaces keep the existing tokens and controls. */
.winup-billing { display:grid; gap:var(--gj-space-5); }
.winup-billing form { display:grid; gap:var(--gj-space-3); }
.winup-billing label { display:grid; gap:var(--gj-space-2); }
.winup-billing input:not([type="checkbox"]) { max-width:100%; padding:var(--gj-space-3); color:var(--gj-text); background:var(--gj-bg); border:1px solid var(--gj-line); border-radius:var(--gj-radius-m); }
/* Read-only operations and navigation use the existing Admin components. */
body[data-system="admin"] .winup-admin .admin-headline { display:flex; align-items:center; gap:var(--gj-space-3); min-width:0; }
body[data-system="admin"] .winup-admin .admin-headline h1 { overflow-wrap:anywhere; }
body[data-system="admin"] .winup-admin>.main>.card { margin-bottom:var(--gj-space-4); }
body[data-system="admin"] .winup-admin .nav-btn .ni { flex-shrink:0; }
body[data-system="admin"] .winup-admin .nav-btn .ni svg { display:block; width:1em; height:1em; margin-inline:auto; }
body[data-system="admin"] .winup-admin .top-actions { min-width:0; }
body[data-system="admin"] .winup-admin .card-head { flex-wrap:wrap; }
body[data-system="admin"] .winup-admin .topbar p { margin-bottom:0; }
body[data-system="admin"] .winup-admin .admin-form { margin-top:var(--gj-space-4); align-items:start; }
body[data-system="admin"] .winup-admin .admin-form>.btn { justify-self:start; }
body[data-system="admin"] .winup-admin .side-foot { position:static; margin-top:var(--gj-space-5); }
body[data-system="admin"] .winup-admin :is(.admin-menu-toggle,.admin-menu-close,.admin-nav-backdrop) { display:none; }
body[data-system="admin"] .winup-admin .table-wrap { width:100%; overflow-x:auto; }
body[data-system="admin"] .winup-admin .admin-list-pager { flex-wrap:wrap; margin-top:var(--gj-space-4); }
body[data-system="admin"] .winup-admin .admin-operation { display:grid; gap:var(--gj-space-5); }
body[data-system="admin"] .winup-admin .admin-operation-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--gj-space-5); }
body[data-system="admin"] .winup-admin .admin-operation-grid>* { min-width:0; }
body[data-system="admin"] .winup-admin .admin-operation-notices { padding:var(--gj-space-4); border:1px solid var(--gj-line); border-radius:var(--gj-radius-m); background:var(--gj-surface-2); }
body[data-system="admin"] .winup-admin .admin-operation-status { display:grid; gap:var(--gj-space-3); }
body[data-system="admin"] .winup-admin .admin-operation-status>div { display:flex; justify-content:space-between; gap:var(--gj-space-3); border-bottom:1px solid var(--gj-line); padding-bottom:var(--gj-space-2); }
body[data-system="admin"] .winup-admin .admin-operation dd { margin:0; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
body[data-system="admin"] .winup-admin [data-connection-state="available"] { color:var(--gj-success); }
body[data-system="admin"] .winup-admin [data-connection-state="unavailable"] { color:var(--gj-danger); }
body[data-system="admin"] .winup-admin .admin-operation-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--gj-space-3); }
body[data-system="admin"] .winup-admin .admin-operation-facts>div { padding:var(--gj-space-3); background:var(--gj-surface-2); border-radius:var(--gj-radius-s); }
body[data-system="admin"] .winup-admin .admin-operation-facts dt { color:var(--gj-text-2); font-size:var(--gj-fs-2); }
body[data-system="admin"] .winup-admin .admin-operation-facts dd { font-size:var(--gj-fs-4); font-weight:700; }
@media(max-width:850px){
 body[data-system="admin"] .winup-admin.shell { grid-template-columns:minmax(0,1fr); }
 body[data-system="admin"] .winup-admin :is(.admin-menu-toggle,.admin-menu-close) { display:inline-flex; }
 body[data-system="admin"] .winup-admin .admin-menu-close { margin-bottom:var(--gj-space-4); }
 body[data-system="admin"] .winup-admin .sidebar { overflow-y:auto; max-height:100dvh; visibility:hidden; }
 body[data-system="admin"] .winup-admin .sidebar.open { left:0; visibility:visible; }
 body[data-system="admin"] .winup-admin .admin-nav-backdrop { display:block; position:fixed; inset:0; z-index:19; border:0; background:var(--gj-scrim); }
 body[data-system="admin"] .winup-admin .admin-operation-grid { grid-template-columns:minmax(0,1fr); }
 body[data-system="admin"] .winup-admin>.main>.winup-live-head { align-items:flex-start; flex-wrap:wrap; }
}
