/* Print package browser inside the game shell. */
/* The catalog is intentionally light, like a printer-proof surface, even
   though the interactive game shell defaults to a dark visual system. */
body.gt-print-primary {
  background: #F2F2F7 !important;
  color: #1C1C1E !important;
  background-image:
    radial-gradient(circle at 12% 0%, rgba(10,132,255,.10), transparent 34%),
    radial-gradient(circle at 88% 12%, rgba(116,99,216,.10), transparent 31%),
    linear-gradient(180deg, #F8F9FC 0%, #F2F2F7 64%, #ECEEF4 100%);
  --bg: #F2F2F7;
  --surface: rgba(255,255,255,.82);
  --solid: #FFFFFF;
  --sep: rgba(60,60,67,.14);
  --label: #1C1C1E;
  --label2: #3A3A3C;
  --sec: #636366;
  --ter: #8E8E93;
  --tint: #0A84FF;
  --blur: blur(22px) saturate(180%);
}
body.gt-print-primary::before { display: none; }
body.gt-print-primary header.hero,
body.gt-print-primary .v6-toolbar,
body.gt-print-primary footer { display: none; }
body.gt-print-primary nav.tabs {
  position: sticky;
  top: 10px;
  z-index: 12;
  background: rgba(255,255,255,.88);
  border-color: rgba(60,60,67,.12);
  box-shadow: 0 8px 28px rgba(46,57,79,.10);
}
body.gt-print-primary nav.tabs button { color: #667080; }
body.gt-print-primary nav.tabs button.on {
  color: #fff;
  background: linear-gradient(135deg, #7463D8, #458FDA);
}
body.gt-print-primary .card {
  background: rgba(255,255,255,.80);
  border-color: rgba(60,60,67,.12);
  box-shadow: 0 12px 32px rgba(46,57,79,.08);
}
#tab-print .print-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(230px, .6fr);
  gap: 18px;
  align-items: stretch;
  padding: 24px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(236,244,255,.9));
  border: 1px solid var(--sep);
}
#tab-print .print-hero h2 { margin: 4px 0 6px; font-size: 28px; }
#tab-print .print-hero p { max-width: 680px; color: var(--label2); font-size: 13px; }
#tab-print .print-spec {
  display: grid;
  gap: 7px;
  padding: 14px;
  border: 1px solid rgba(10,132,255,.18);
  border-radius: 15px;
  background: rgba(255,255,255,.75);
}
#tab-print .print-spec b { color: var(--tint); font: 800 10px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
#tab-print .print-spec span { color: var(--label2); font-size: 12px; }
#tab-print .print-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 12px; margin-top: 14px; }
#tab-print .print-file { display: flex; flex-direction: column; gap: 7px; min-height: 130px; padding: 16px; border: 1px solid var(--sep); border-left: 4px solid var(--tint); border-radius: 14px; background: var(--solid); box-shadow: 0 4px 16px rgba(0,0,0,.04); }
#tab-print .print-file h3 { margin: 0; font-size: 14px; }
#tab-print .print-file p { flex: 1; color: var(--sec); font-size: 11px; line-height: 1.35; }
#tab-print .print-file a { align-self: flex-start; padding: 7px 11px; border-radius: 999px; background: #EAF3FF; color: #1769AA; font: 800 11px var(--font); }
#tab-print .print-file a:hover { background: #D9EAFF; }
#tab-print .print-note { margin-top: 14px; padding: 13px 15px; border-radius: 13px; background: #FFF8E8; color: #72510C; font-size: 11px; line-height: 1.45; }
body.gt-print-primary #tab-print .print-hero h2,
body.gt-print-primary #tab-print .print-file h3 { color: #273340; }
body.gt-print-primary #tab-print .print-hero p,
body.gt-print-primary #tab-print .print-spec span { color: #4A5563; }
@media (max-width: 680px) {
  #tab-print .print-hero { grid-template-columns: 1fr; padding: 17px; }
  #tab-print .print-hero h2 { font-size: 23px; }
}