/* Paddock Records regular purple theme. Halloween orange is intentionally excluded.
   Isolated from the main PR site; no seasonal decorations or AI artwork. */
:root {
  --bg: #04060b;
  --surface: #0e1623;
  --surface-2: #141f30;
  --line: #344059;
  --text: #f6f8ff;
  --muted: #9caabe;
  --accent: #9147ec;
  --violet: #b88cff;
  --brand-purple: #936bc8;
  --blue: var(--accent);
  --light-blue: #d3c3e9;
  --display: Manrope, Arial, Helvetica, sans-serif;
  --body: Manrope, Arial, Helvetica, sans-serif;
}
body {
  background: radial-gradient(ellipse at 12% 0, #9147ec0b, transparent 45%), var(--bg);
}
::selection { background: #b88cff; color: #0e1422; }
.demo-ribbon { background: #121a2c; border-color: #202f51; color: #cebce6; }
.ribbon-note, .ribbon-separator { color: #b294d8; }
.status-dot { box-shadow: 0 0 9px #9147ec30; }
.site-header { background: #0d1320f5; border-color: #403252; min-height: 100px; }
.brand { width: 320px; max-width: 36%; }
.brand-logo { width: 100%; height: auto; display: block; }
#main-nav { font-size: 12px; color: #c6b0e2; gap: 27px; }
#main-nav a[aria-current]:after { background: var(--accent); }
.account-button { border-color: #4c3b61; border-radius: 6px; color: #dfd3ef; background: #121a2c; }
.button { border-radius: 6px; }
.button-primary { color: #0c111e; }
.button-primary:hover { background: #ad78f2; border-color: #ad78f2; }
.button-outline { border-color: #55436d; background: #f6f8ff02; }
.button-outline:hover { border-color: #8662b5; background: #9147ec0a; }
.button-quiet { color: #ccb9e5; }
.text-link { color: #cfbde7; }
.text-link:hover, .text-button:hover { color: #f6f8ff; }
.text-button { color: #cab6e4; }
.eyebrow { color: var(--violet); }
.hero {
  border: 1px solid #4a3369;
  border-radius: 10px;
  margin: 22px 22px 0;
  padding: 64px calc(var(--gutter) - 22px) 0;
  min-height: 660px;
  background: radial-gradient(ellipse at 84% 30%, #452b6829, transparent 62%), linear-gradient(110deg, #0f1627, #0d121f);
  box-shadow: 0 20px 50px #0003, inset 0 1px #f6f8ff08;
  gap: 30px 45px;
}
.hero:before { background: linear-gradient(115deg, transparent 53%, #b88cff07 53.1%, transparent 78%); }
.hero-copy { padding-top: 22px; }
.hero-brand { display: block; width: min(410px, 92%); height: auto; margin: -13px 0 21px; }
.hero-eyebrow { color: #bea6de; font-size: 10px; letter-spacing: 1px; }
.hero h1 {
  font: 800 clamp(38px, 4.2vw, 68px)/1.07 var(--display);
  letter-spacing: -2px;
  white-space: normal;
  overflow-wrap: anywhere;
}
.hero h1>span { color: #b994ff; }
.hero-description { color: #bba2dc; font-size: 14px; max-width: 440px; }
.hero-signature { color: #bfa7de; }
.hero-signature div span { color: #a787d2; }
.signature-mark { font-family: Barlow, sans-serif; color: #f6f8ff; border-color: #54426c; }
.hero-visual {
  transform: none;
  border-color: #594671;
  border-radius: 8px;
  overflow: hidden;
  background: linear-gradient(140deg, #18233c, #121a2c 65%);
  box-shadow: 0 20px 60px #0004;
  margin-top: 0;
}
.hero-map-top { border-color: #4b3b5f; color: #c6b1e2; background: #131b2e; }
.hero-map-body {
  background-image: linear-gradient(#b88cff0a 1px, transparent 1px), linear-gradient(90deg, #b88cff0a 1px, transparent 1px);
}
.hero-map-code { color: #b88cff0b; }
.hero-track, .card-art .track-map, .detail-map>.track-map { filter: drop-shadow(0 0 10px #c6b1e235); }
.map-cross, .map-axis { color: #a17dcf; }
.hero-map-bottom { border-color: #4b3b5f; background: #131b2e; }
.hero-map-bottom .eyebrow { color: #cbb7e5; }
.hero-map-bottom h2 { font: 800 25px/1.15 var(--display); margin-top: 7px; }
.hero-map-focus { color: #b194d7; }
.round-link { border-radius: 6px; color: #0c111e; }
.round-link:hover { background: #ad78f2; }
.hero-track-switcher { border-color: #4b3b5f; }
.hero-track-switcher button { border-color: #4b3b5f; color: #bca2dd; }
.hero-track-switcher button[aria-pressed=true] { background: #9147ec15; color: #e4d3ff; }
.hero-track-switcher>span { color: #a27fd0; }
.hero-bottom { border-color: #423455; color: #a684d2; }
.hero-bottom-number { font-family: var(--display); font-size: 18px; font-weight: 800; color: #dccfed; }
.hero-bottom a { color: #c5afe2; }
.section-heading h2, .closing-cta h2 { font-family: var(--display); font-weight: 800; font-size: clamp(27px, 2.9vw, 41px); line-height: 1.15; letter-spacing: -.8px; }
.section-heading .eyebrow { color: #bfa7df; }
.section-number { color: #b88cff; }
.featured-section { border-top: 0; }
.setup-card { background: linear-gradient(125deg, #121a2d, #101829); border-color: #4f3e65; border-radius: 9px; overflow: hidden; }
.setup-card:hover { border-color: #7f52ba; }
.card-art { background: radial-gradient(ellipse at 65% 40%, #4f3b6a24, transparent 72%), linear-gradient(130deg, #172138, #121a2e); border-color: #46375a; }
.card-index, .condition-label { color: #b69bda; }
.card-game { border-color: #614c7d; color: #daccec; border-radius: 4px; }
.card-country { color: #b88cff0c; font-family: Barlow, sans-serif; }
.card-info>.eyebrow { color: #c6b1e2; }
.card-info h3 { font: 800 clamp(21px, 2vw, 27px)/1.15 var(--display); letter-spacing: -.5px; }
.card-focus { color: #ab8bd4; }
.card-bottom { border-color: #46375a; }
.card-bottom>span:first-child { color: #bea5de; }
.card-bottom strong { color: #f6f8ff; }
.card-bottom small { color: #ad8ed5; }
.card-arrow { border-color: #57446f; border-radius: 5px; }
.section-footnote { color: #a685d2; }
.process-strip>.eyebrow { color: #bea6de; }
.process-strip p:not(.eyebrow) { color: #a685d2; }
.plan { background: #121a2d; border-color: #4e3d64; border-radius: 9px; }
.plan h3 { font: 800 clamp(28px, 3vw, 38px)/1.15 var(--display); letter-spacing: -.8px; }
.plan>p:not(.eyebrow), .plan-price span { color: #b396d8; }
.plan-price { font-family: var(--display); font-size: 43px; font-weight: 800; letter-spacing: -1.5px; }
.plan-price span { letter-spacing: 0; }
.demo-price { color: #a684d2; }
.plan ul { color: #cbb7e5; }
.check { color: #cab7e4; }
.membership-plan { background: linear-gradient(135deg, #1a2641, #151f35 65%); border-color: #8659c1; }
.membership-plan>.eyebrow { color: #d2c2e8; }
.plan-tag { background: #b88cff; color: #131b2f; border-radius: 0 7px 0 5px; }
.partnership { background: #0f1626; border-color: #433556; }
.partner-cross { color: #a07ccf; }
.partner-copy>.eyebrow { color: #c7b2e3; }
.partner-copy h2 { font: 800 38px/1.15 var(--display); letter-spacing: -1px; }
.partner-copy>p:not(.eyebrow) { color: #b89edb; }
.muted-small { color: #a787d2!important; }
.closing-cta { background: radial-gradient(ellipse at 50% 100%, #4c3c612e, transparent 70%); }
.closing-cta>.eyebrow { color: #bda4de; }
.closing-cta h2 { font-size: clamp(30px, 4.3vw, 61px); }
.site-footer { background: #0d1320; }
.footer-brand { display: block; width: 260px; max-width: 100%; }
.footer-brand img { display: block; width: 100%; height: auto; }
.site-footer>div>p, .site-footer>nav, .footer-bottom { color: #a887d3; }
.page-intro { background: linear-gradient(115deg, #161f36, #0e1423 80%); border-color: #4c3c62; }
.page-intro>.eyebrow { color: #c6b1e2; }
.page-intro h1 { font: 800 clamp(35px, 4.3vw, 61px)/1.1 var(--display); letter-spacing: -1.5px; overflow-wrap: anywhere; }
.page-intro h1>span { color: #b994ff; }
.page-intro>p:not(.eyebrow) { color: #b79cda; }
.filters { background: #121a2c; border: 1px solid #4d3d63; border-radius: 8px; padding: 22px; }
.filters>label>span, .condition-filter legend { color: #c5afe1; }
.filters input[type=search], .filters select { background: #0e1524; border-color: #5a4773; color: #f6f8ff; border-radius: 5px; }
.search-field>div>svg, .filters input::placeholder { color: #ad8fd5; }
.condition-filter label>span { background: #131b2f; border-color: #5a4773; color: #c7b2e3; }
.condition-filter input:checked+span { background: #24355b; color: #e4d3ff; border-color: #7750aa; }
.condition-filter label:last-child>span { border-color: #5a4773; }
.results-header>p { color: #b79cda; }
.library-note { background: #151f36; border-color: #6a5388; border-radius: 8px; }
.library-note p { color: #c8b3e3; }
.library-note strong { color: #e5dbf2; }
.note-symbol { border-color: #ae8fd6; color: #d5c5e9; }
.empty-state { border-color: #654f82; border-radius: 8px; }
.empty-state h2, .library-membership h2 { font: 800 31px/1.15 var(--display); letter-spacing: -.6px; }
.empty-state>.eyebrow, .empty-state p { color: #bea5de; }
.library-membership { background: linear-gradient(120deg, #1a2641, #131b2e); border-color: #775d98; border-radius: 9px; }
.library-membership .eyebrow { color: #c3ace0; }
.back-link { color: #cab6e4; }
.detail-visual { background: #151f35; border-color: #604c7b; border-radius: 9px; overflow: hidden; }
.detail-map { background-image: linear-gradient(#b69bda0c 1px, transparent 1px), linear-gradient(90deg,#b69bda0c 1px, transparent 1px); }
.detail-map>.eyebrow, .detail-map-caption { color: #cab6e4; }
.detail-code { color: #b88cff0b; font-family: Barlow, sans-serif; }
.detail-map-footer { border-color: #604c7b; color: #c1aae0; }
.detail-summary>.eyebrow { color: #c0a9df; }
.detail-summary h1 { font: 800 clamp(35px, 4vw, 54px)/1.05 var(--display); letter-spacing: -1.7px; }
.detail-character { font: 700 21px/1.3 var(--display); color: #d6c7ea; letter-spacing: -.4px; }
.detail-summary>p:not(.eyebrow):not(.detail-character):not(.purchase-note) { color: #b092d7; }
.segmented { border-color: #644f80; border-radius: 5px; overflow: hidden; }
.segmented a { color: #bea5de; }
.segmented a[aria-current] { background: #24355b; color: #e4d3ff; }
.detail-price>strong { font: 800 43px/1.2 var(--display); letter-spacing: -1px; }
.detail-price>span, .detail-price small, .purchase-note { color: #ab8bd4; }
.settings-section>.eyebrow { color: #bda4dd; }
.settings-section h2 { font: 800 28px/1.2 var(--display); letter-spacing: -.6px; }
.settings-disclaimer { color: #ac8cd5; }
.settings-group h3 { color: #dbcded; border-color: #54426b; }
.settings-group dt { color: #b89edb; }
.settings-group dd { color: #d2c1e8; }
.pack-contents { background: #162038; border-color: #5a4773; border-radius: 8px; }
.pack-contents>.eyebrow { color: #c3ace0; }
.pack-contents h3 { font: 800 25px/1.2 var(--display); letter-spacing: -.5px; }
.pack-contents ul { color: #cdbae6; }
.faq-list details p { color: #b498d9; }
.collaboration-details article>.eyebrow { color: #c3ade0; }
.collaboration-details h2 { font: 800 29px/1.15 var(--display); letter-spacing: -.6px; }
.collaboration-details p { color: #b69ada; }
dialog { background: #141d32; border-color: #966fca; border-radius: 10px; }
.dialog-top>.eyebrow { color: #c4aee1; }
.icon-button { background: #202e50; color: #e2d7f0; border-radius: 5px; }
#dialog-content h2 { font: 800 32px/1.15 var(--display); letter-spacing: -.7px; }
#dialog-content>p { color: #c1aae0; }
.dialog-order { background: #1a2642; border-color: #685285; border-radius: 7px; }
.dialog-order small, #dialog-content>.dialog-note { color: #bca2dd; }
.dialog-order>strong { font: 800 27px/1.3 var(--display); letter-spacing: -1px; }
.toast { background: #1f2e4f; border-color: #9168c7; color: #f6f8ff; border-radius: 6px; }
@media(min-width:1550px) { .hero { min-height: 720px; padding-top: 82px; } }
@media(max-width:1100px) { .brand { width: 275px; } .hero { gap: 25px; } .hero h1 { font-size: clamp(35px,4.2vw,51px); } }
@media(max-width:800px) {
  .site-header { min-height: 86px; }
  .brand { width: 245px; max-width: 58%; }
  .hero { margin: 15px 15px 0; padding: 40px calc(var(--gutter) - 15px) 0; gap: 0; min-height: auto; }
  .hero h1 { font-size: clamp(36px,6.8vw,58px); }
  .hero-copy { padding-top: 0; }
  .hero-brand { margin-top: 0; width: min(410px, 90%); }
  .hero-visual { width: 100%; margin: 0 0 30px; transform: none; }
  .hero-map-bottom h2 { font-size: 24px; }
  .plan h3 { font-size: 28px; }
  .plan-price { font-size: 35px; }
  .partner-copy h2 { font-size: 34px; }
  .page-intro h1 { font-size: clamp(33px,5.7vw,50px); }
  .filters { gap: 20px; }
  .section-heading h2 { font-size: 29px; }
  .card-info h3 { font-size: 23px; }
}
@media(max-width:500px) {
  .site-header { gap: 10px; }
  .brand { width: 158px; max-width: none; }
  .account-button { padding: 9px 10px; }
  .menu-toggle { font-size: 9px; gap: 6px; }
  .hero { margin: 12px 10px 0; padding: 31px calc(var(--gutter) - 10px) 0; }
  .hero h1 { font-size: clamp(30px,8.25vw,42px); letter-spacing: -1.1px; }
  .hero-eyebrow { font-size: 8px; letter-spacing: .8px; }
  .hero-brand { width: 100%; margin-bottom: 24px; }
  .hero-description { font-size: 13px; }
  .hero-bottom-number { font-size: 15px; }
  .hero-map-top { font-size: 7px; }
  .hero-map-bottom h2 { font-size: 23px; }
  .hero-track-switcher button { font-size: 8px; }
  .hero-visual { margin-bottom: 22px; }
  .section-heading h2 { font-size: 28px; }
  .card-info h3 { font-size: 25px; }
  .plan h3 { font-size: 30px; }
  .plan-price { font-size: 39px; }
  .plan-price span { font-size: 10px; }
  .partner-copy h2 { font-size: 31px; }
  .closing-cta h2 { font-size: 32px; }
  .page-intro h1 { font-size: clamp(29px,8.2vw,40px); letter-spacing: -1px; }
  .filters { padding: 18px; }
  .detail-summary h1 { font-size: clamp(30px,8.5vw,41px); letter-spacing: -1px; }
  .settings-section h2 { font-size: 27px!important; }
  #dialog-content h2 { font-size: 28px; }
  .collaboration-details h2 { font-size: 29px; }
}
@media(max-width:350px) { .brand { width: 141px; } .site-header { gap: 8px; } .hero h1 { font-size: 29px; } .plan-price { font-size: 32px; } .plan-price span { margin-left: 4px; font-size: 9px; } }

/* Regular PR controls use white labels on purple. */
.button-primary,.round-link{background:#9147ec;border-color:#9147ec;color:#fff}
.button-primary:hover,.round-link:hover{background:#a866f0;border-color:#a866f0;color:#fff}
body{background:radial-gradient(circle at 12% 4%,#9757ff20,transparent 40%),radial-gradient(circle at 84% 10%,#28d8ff0d,transparent 35%),linear-gradient(135deg,#02030a,#07101b 42%,#0d1022)}
/* Independent Setups account controls, using the regular purple identity. */
[hidden] { display:none !important; }
.account-button { min-height:42px; max-width:220px; gap:9px; white-space:nowrap; }
.account-button img { width:28px; height:28px; border-radius:50%; object-fit:cover; flex:none; }
.account-button span { overflow:hidden; text-overflow:ellipsis; }
.account-popover { position:fixed; right:24px; top:145px; width:min(390px,calc(100vw - 32px)); padding:22px; z-index:100; background:#0e1623; color:#f6f8ff; border:1px solid #786099; border-radius:12px; box-shadow:0 18px 65px #0009; font:14px/1.6 Manrope,Arial,sans-serif; max-height:calc(100dvh - 165px); overflow:auto; }
.account-popover-head { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:14px; }
.account-popover h2 { font:700 21px Manrope,Arial,sans-serif; margin:0; letter-spacing:0; }
.account-popover p { color:#b9c4d7; margin:8px 0 14px; }
.account-popover nav { display:grid; gap:12px; margin-top:16px; }
.account-popover nav a:not(.button), .account-popover nav button { color:#d8c4f0; text-align:left; font:inherit; background:transparent; border:0; padding:0; text-decoration:underline; cursor:pointer; }
.account-popover nav .button { text-align:center; justify-content:center; width:100%; padding:12px 14px; letter-spacing:0; font-size:14px; }
.account-remember { display:flex; align-items:center; gap:10px; margin-top:16px; }
.account-remember input { accent-color:#9147ec; width:18px; height:18px; }
.account-popover .account-help { font-size:12px; margin-top:18px; }
.account-popover .account-local-notice { color:#e2d5fa; padding:10px; background:#211c36; border-radius:6px; }
.account-identity { display:flex; align-items:center; gap:12px; min-width:0; margin:18px 0; }
.account-identity img { width:44px; height:44px; border-radius:50%; object-fit:cover; flex:none; }
.account-identity div { min-width:0; }
.account-identity strong, .account-identity span { display:block; overflow-wrap:anywhere; }
.account-identity span { color:#b9c4d7; font-size:13px; }
.account-page-actions { display:flex; gap:15px; flex-wrap:wrap; margin:30px 0; }
.setups-account .account-identity { max-width:680px; }
.account-result { padding:14px 24px; margin:0; background:#211b32; color:#e6daf7; border-bottom:1px solid #6d5688; }
@media(max-width:680px) { .account-popover { top:132px; right:16px; max-height:calc(100dvh - 148px); } .account-button { max-width:150px; } }