html { scrollbar-gutter: auto; }
.vip-glow,.founder-glow,.admin-glow { animation:none!important;text-shadow:none!important;filter:none!important;background-image:none!important;-webkit-text-fill-color:currentColor!important; }
.co-page,.co-dialog { --co-panel:#121318;--co-border:#454654;--co-muted:#b5b5c0;--co-text:#ececef;color:var(--co-text);font-size:0.9375rem;line-height:1.5; }
.co-page { box-sizing:border-box;width:100%;min-width:0;max-width:1200px;margin:0 auto;padding:32px 24px 104px;min-height:calc(100dvh - 200px); }
.co-heading { display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px; }
.co-heading h1 { font-size:2.125rem;line-height:1.2;letter-spacing:-.025em;font-weight:700;margin:0 0 6px; }
.co-heading p { margin:0; }
.co-heading-actions { display:flex;align-items:center;gap:24px;min-width:0; }
.co-muted { color:var(--co-muted);font-size:0.875rem; }
.co-nav-link { display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:var(--co-text);text-decoration:none;white-space:nowrap; }
.co-plan-summary { display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-height:72px;padding:12px 16px;border:1px solid var(--co-border);border-radius:12px;background:var(--co-panel);text-align:left; }
.co-plan-summary strong { font-size:0.9375rem; }
.co-plan-summary span { color:var(--co-muted);font-size:0.8125rem;font-variant-numeric:tabular-nums; }
.co-toolbar { display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:24px; }
.co-search { display:flex;gap:10px;align-items:center;width:min(100%,360px);min-height:44px;border:1px solid #40404a;border-radius:10px;padding:0 12px;background:#111116;color:#bcbcc7; }
.co-search input { width:100%;min-width:0;min-height:42px;border:0!important;background:transparent!important;color:#f1f1f4;padding:0!important;box-shadow:none!important;font:inherit;outline:none; }
.co-search input::placeholder { color:#ababba;opacity:1; }
.co-search:focus-within { border-color:#b9b9c5;outline:2px solid #b9b9c530;outline-offset:2px; }
.co-allowance { font-size:0.875rem;color:var(--co-muted);font-variant-numeric:tabular-nums;white-space:nowrap; }
.co-allowance strong { color:var(--co-text);margin-left:4px; }
.co-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch; }
.co-card { display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:0;text-align:left;border:1px solid #1a1b23;border-radius:12px;background:var(--co-panel);color:inherit;transition:border-color .15s ease; }
.co-card:hover { border-color:#6366f180; }
.co-cover { aspect-ratio:460/215;overflow:hidden;background:#121318;width:100%;flex-shrink:0; }
.co-cover img { display:block;width:100%;height:100%;object-fit:cover; }
.co-card-content { display:flex;flex-direction:column;flex:1;gap:10px;width:100%;padding:16px;min-width:0; }
.co-card h2 { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:1rem;font-weight:600;line-height:1.4;min-height:2.8em;margin:0;color:var(--co-text); }
.co-card p { display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--co-muted);font-size:0.875rem;margin:0; }
.co-card p.co-available { color:#b6dfbf; }
.co-card time { display:block;font-size:0.75rem;color:#b0b0bc;font-variant-numeric:tabular-nums; }
.co-skeleton i { display:block;height:14px;border-radius:4px;background:#2b2b34;width:75%; }
.co-skeleton i+i { width:45%; }
.co-skeleton h2 { display:flex;flex-direction:column;justify-content:center;gap:8px; }
.co-skeleton p { min-height:1.5em; }
.co-skeleton time { min-height:1.5em;display:flex;align-items:center; }
.co-load-more { display:block!important;min-width:200px;margin:28px auto 0; }
.co-empty { min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--co-muted); }
.co-error { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #764f4f;border-radius:10px;background:#281c20;color:#f2c7c7;font-size:0.875rem;margin:0 0 16px; }
.co-error a,.co-error button { color:inherit;flex-shrink:0;text-decoration:underline;text-underline-offset:3px;min-height:32px;background:transparent;border:0; }
.co-primary,.co-secondary { display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:10px;font-size:0.875rem;font-weight:600;line-height:1.4;text-decoration:none;cursor:pointer;text-align:center; }
.co-primary { background:#6366f1;color:#fff; }
.co-primary:hover { background:#4f46e5; }
.co-secondary { background:#1a1b23;color:#ececef;border-color:#454654; }
.co-secondary:hover { background:#30303a; }
.co-page button:disabled,.co-dialog button:disabled { opacity:.5;cursor:not-allowed; }
.co-page :is(button,a):focus-visible,.co-dialog :is(button,a):focus-visible { outline:2px solid #dedee8;outline-offset:3px; }
.co-dialog { position:fixed;inset:0;margin:auto; width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 48px);max-width:none;padding:0;border:1px solid #44444f;border-radius:18px;background:#121318;box-shadow:0 24px 80px #0009;overflow:auto;overscroll-behavior:contain; }
.co-dialog::backdrop { background:#000b; }
.co-dialog-wide { width:min(860px,calc(100vw - 32px)); }
.co-dialog-heading { position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 20px 16px;background:#121318;border-bottom:1px solid #33333d; }
.co-dialog-heading h2 { font-size:1.25rem;font-weight:650;line-height:1.35;margin:8px 0 0;min-width:0;overflow-wrap:anywhere; }
.co-icon-button { display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;color:#d3d3dd;border:0;border-radius:8px;flex-shrink:0; }
.co-icon-button:hover { background:#ffffff0c; }
.co-dialog-body { padding:20px; }
.co-plan { display:flex;flex-direction:column;gap:14px; }
.co-plan p { margin:0; }
.co-plan-price { display:flex;gap:8px;align-items:baseline; }
.co-plan-price strong { font-size:1.75rem;line-height:1.2;font-variant-numeric:tabular-nums; }
.co-plan-price span { color:var(--co-muted); }
.co-payment-wallet { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap; }
.co-payment-wallet>span { color:var(--co-muted);font-size:0.875rem; }
.co-segments { display:inline-flex;border-radius:10px;padding:3px;border:1px solid #3b3b45;background:#101015; }
.co-segments button { min-width:62px;min-height:44px;padding:6px 12px;border:0;border-radius:7px;background:transparent;color:#bdbdc9;font-weight:600; }
.co-segments button[aria-pressed=true] { background:#393943;color:#fff; }
.co-quote { display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:24px;font-variant-numeric:tabular-nums; }
.co-quote strong { font-size:1.375rem; }
.co-quote span { color:var(--co-muted);font-size:0.8125rem; }
.co-actions { display:flex;gap:10px; }
.co-actions .co-primary { flex:1; }
.co-footnote { font-size:0.8125rem;color:var(--co-muted);line-height:1.5;margin:14px 0 0;overflow-wrap:anywhere; }
.co-plan .co-footnote { font-size:0.75rem; }
.co-game-detail { display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:24px; }
.co-game-detail aside { min-width:0; }
.co-game-detail aside>.co-cover { border-radius:10px; }
.co-game-actions { min-width:0;display:flex;flex-direction:column;gap:14px; }
.co-game-actions .co-error { margin:0; }
.co-access { display:flex;flex-direction:column;gap:14px;min-width:0; }
.co-account-id { display:flex;flex-direction:column;gap:4px;font-size:0.8125rem;font-weight:600;letter-spacing:.02em;margin:0;font-variant-numeric:tabular-nums; }
.co-account-id span { color:var(--co-muted);font-size:0.75rem;font-weight:400;letter-spacing:0; }
.co-credential { display:flex;flex-direction:column;gap:6px;font-size:0.875rem; }
.co-credential>span { color:var(--co-muted); }
.co-credential>div { display:flex;align-items:center;background:#0f0f14;border:1px solid #3a3a45;border-radius:9px;overflow:hidden; }
.co-credential input { display:block;min-width:0;width:100%;font-size:1rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#f1f1f4;padding:10px 12px!important;min-height:44px;height:auto;border:0!important;box-shadow:none!important;background:transparent!important; }
.co-credential input:focus { outline:none; }
.co-credential>div:focus-within { outline:2px solid #aaaaba;outline-offset:2px; }
.co-guard-code { min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-variant-numeric:tabular-nums; }
.co-guard-code strong { font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.75rem;letter-spacing:.14em; }
.co-guard-code span { color:var(--co-muted);font-size:0.8125rem; }
.co-access-placeholder { min-height:230px;display:grid;place-items:center;color:var(--co-muted);font-size:0.875rem; }
.co-entry-list { display:flex;flex-direction:column;gap:8px;margin-top:16px;max-height:320px;overflow:auto; }
.co-entry-list button { display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px;border:1px solid #343440;border-radius:9px;background:#111116;color:#bcbcc9;text-align:left; }
.co-entry-list button[aria-pressed=true] { border-color:#d0d0db;background:#2b2b34;color:#fff; }
.co-entry-list strong { font-size:0.8125rem; }
.co-entry-list span { font-size:0.75rem;font-variant-numeric:tabular-nums; }
.co-sr { position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.profile-current { max-width:1000px!important; }
.profile-current .profile-identity-card { background:#121318!important;border:1px solid #33333c; }
.profile-identity-card>div.absolute { display:none; }
.profile-identity-card>.relative { padding:24px!important; }
.profile-identity-grid { display:grid!important;grid-template-columns:88px minmax(0,1fr);gap:24px!important; }
.profile-avatar-image { width:88px!important;height:88px!important; }
.profile-role { position:static!important;display:flex;justify-content:center;transform:none!important;margin-top:8px;font-size:0.6875rem!important;padding:3px 8px!important;box-shadow:none!important;white-space:normal!important;overflow-wrap:anywhere;max-width:100%;text-align:center; }
.profile-identity-content { flex-wrap:wrap;align-items:flex-start!important;gap:16px!important; }
.profile-identity-content>div:first-child { min-width:0;flex:1 1 200px; }
.profile-current h1 { overflow-wrap:anywhere;line-height:1.25; }
.profile-email { min-width:0; }
.profile-email>span { overflow-wrap:anywhere;min-width:0; }
.profile-current .profile-email>svg,.profile-current .profile-email>button { flex-shrink:0; }
.profile-actions { justify-content:flex-start!important;flex:0 1 auto; }
.profile-actions button { min-width:44px;min-height:44px; }
.profile-actions:empty { display:none; }
.profile-meta { flex-wrap:wrap;gap:12px!important;color:#b6b6c3; }
.profile-meta>.text-dark-600 { display:none; }
.profile-meta .text-dark-500 { color:#b6b6c3!important; }
.profile-name-editor { display:flex;gap:8px;min-width:0; }
.profile-name-editor input { min-width:0;width:100%;max-width:240px; }
.profile-name-editor button { min-height:44px;min-width:44px;flex-shrink:0; }
.profile-wallet { background:#121318!important;border-color:#383842!important; }
.profile-wallet>div.absolute,.profile-wallet .w-14 { display:none; }
.profile-wallet .text-3xl { font-size:1.875rem!important;line-height:1.25;overflow-wrap:anywhere;font-variant-numeric:tabular-nums; }
.profile-wallet a { background:#292932!important;border:1px solid #42424d;color:#eeeef4!important;min-height:44px; }
.profile-wallet .text-dark-400 { color:#b9b9c4!important; }
.profile-summary .glass-card { min-height:88px; }
.profile-summary .w-10 { flex-shrink:0;background:#292932!important; }
.profile-summary svg { color:#bdbdca!important; }
.profile-summary .text-xs { font-size:0.8125rem!important;color:#b6b6c3!important; }
.profile-summary .text-sm { font-size:0.9375rem!important;overflow-wrap:anywhere; }
.profile-shortcuts { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.profile-shortcuts>a { min-width:0;min-height:72px; }
.profile-shortcuts>a>div { min-width:0; }
.profile-offline-link { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-radius:16px; }
.profile-offline-link>span { flex:1;font-size:0.9375rem;font-weight:600; }
.profile-offline-link svg { color:#bebeca;flex-shrink:0; }
.profile-current .text-dark-500 { color:#aaaab8; }
.profile-current .profile-recent a { gap:12px;align-items:flex-start; }
.profile-current .profile-recent a>div:first-child { min-width:0; }
.profile-current .profile-recent a>div:first-child>div:last-child { min-width:0; }
.profile-current .profile-recent .max-w-\[180px\] { max-width:none;white-space:normal;overflow-wrap:anywhere; }
.profile-current .profile-recent a>div.text-right { flex-shrink:0;max-width:42%;font-variant-numeric:tabular-nums; }
@media(max-width:1023px) { .co-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:767px) {
  html { scrollbar-gutter:auto; }
  .co-page { padding:24px 16px 100px; }
  .co-heading { align-items:flex-start;gap:16px;flex-direction:column; }
  .co-heading h1 { font-size:1.875rem; }
  .co-heading-actions { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:12px;align-items:stretch; }
  .co-heading-actions .co-nav-link { justify-content:center;min-height:64px;padding:10px 12px;border:1px solid #454654;border-radius:12px;background:#121318;font-size:0.875rem;white-space:normal;text-align:center; }
  .co-plan-summary { min-height:64px;padding:10px 12px; }
  .co-plan-summary span { font-size:0.75rem; }
  .co-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }
  .co-card-content { padding:12px;gap:8px; }
  .co-card h2 { font-size:1rem;min-height:2.8em; }
  .co-card p { font-size:0.875rem; }
  .co-card time { font-size:0.8125rem;overflow-wrap:anywhere; }
  .co-toolbar { flex-wrap:wrap;gap:10px; }
  .co-search { width:100%; }
  .co-dialog { position:fixed;inset:0;margin:auto; width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:16px; }
  .co-dialog-heading { padding:12px 16px; }
  .co-dialog-heading h2 { font-size:1.125rem; }
  .co-dialog-body { padding:16px; }
  .co-game-detail { grid-template-columns:minmax(0,1fr);gap:16px; }
  .co-game-detail aside>.co-cover { display:none; }
  .co-entry-list { max-height:145px;margin-top:0; }
  .co-entry-list button { min-height:60px; }
  .profile-identity-card>.relative { padding:20px!important; }
  .profile-identity-grid { grid-template-columns:64px minmax(0,1fr);gap:16px!important; }
  .profile-avatar-image { width:64px!important;height:64px!important;border-radius:12px!important; }
  .profile-identity-content { flex-direction:column;gap:14px!important; }
  .profile-identity-grid>.flex-1,.profile-identity-content { display:contents!important; }
  .profile-identity-content>div:first-child { grid-column:2;grid-row:1; }
  .profile-identity-content>div:first-child { flex:auto;width:100%; }
  .profile-current h1 { font-size:1.5rem!important; }
  .profile-actions { width:100%;grid-column:1/-1;grid-row:2; }
  .profile-email { flex-wrap:wrap;gap:6px!important; }
  .profile-email>span { font-size:0.8125rem;max-width:100%; }
  .profile-meta { font-size:0.75rem!important;gap:8px!important; }
  .profile-wallet .text-3xl { font-size:1.625rem!important; }
  .profile-summary .glass-card { padding:12px!important; }
  .profile-summary .w-10 { width:30px;height:30px; }
  .profile-summary .text-sm { font-size:0.875rem!important; }
  .profile-shortcuts { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) {
  .co-page *,.co-dialog *,.profile-current * { animation:none!important;transition:none!important; }
}

/* Offline checkout and account details; no changes to profile or shared shell. */
.co-payment-success{font-size:1.25rem;font-weight:650;color:#b6dfbf}
.co-renewal{display:flex;align-items:center;gap:12px;min-height:52px;padding-top:14px;border-top:1px solid #36363e;cursor:pointer}
.co-renewal input{width:20px;height:20px;flex-shrink:0;accent-color:#b8b8c4}
.co-renewal span{display:flex;flex-direction:column;gap:4px;min-width:0}
.co-renewal strong{font-size:.875rem;font-weight:600}
.co-renewal small{font-size:.8125rem;color:var(--co-muted);overflow-wrap:anywhere}
.co-code-result{display:flex;align-items:flex-end;gap:12px}
.co-code-result .co-credential{flex:1;min-width:0}
.co-code-result>span{padding-bottom:12px;white-space:nowrap;font-size:.8125rem;color:var(--co-muted)}
.co-instructions{border-top:1px solid #36363e;font-size:.875rem;color:var(--co-muted)}
.co-instructions summary{min-height:44px;padding:12px 0;cursor:pointer;color:var(--co-text);font-weight:600}
.co-instructions ol{list-style:decimal;padding-left:20px;margin:0 0 12px;display:grid;gap:8px}
.co-instructions p{margin:0 0 8px}.co-instructions a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px}
.co-dialog[open]{animation:co-dialog-enter .16s ease-out}
@keyframes co-dialog-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.co-dialog,.co-dialog-wide{inset:auto 0 0;margin:0 auto;width:100%;max-height:calc(100dvh - 16px);border-radius:18px 18px 0 0;border-bottom:0}.co-dialog-body{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.co-search input{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.co-dialog[open]{animation:none}}