.cgn-app {
  --cgn-bg: #08090c;
  --cgn-panel: #12141a;
  --cgn-paper: #f6f4ef;
  --cgn-ink: #111218;
  --cgn-white: #fff;
  --cgn-muted: #a9adb8;
  --cgn-line: #30333c;
  --cgn-yellow: #ffd84a;
  --cgn-coral: #ff5f67;
  --cgn-cyan: #4de1d2;
  position: relative !important;
  isolation: isolate !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 760px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  color: var(--cgn-white) !important;
  background: var(--cgn-bg) !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  box-sizing: border-box !important;
}
.cgn-app *, .cgn-app *::before, .cgn-app *::after { box-sizing: border-box !important; }
.cgn-app :where(h1,h2,h3,p,form,fieldset,legend) { margin: 0 !important; padding: 0 !important; color: inherit !important; font-family: inherit !important; letter-spacing: 0 !important; text-transform: none !important; }
.cgn-app button, .cgn-app input { font: inherit !important; letter-spacing: 0 !important; }
.cgn-stage { position: relative !important; z-index: 1 !important; display: flex !important; width: min(100%, 1180px) !important; min-height: 760px !important; margin: 0 auto !important; padding: 0 28px !important; flex-direction: column !important; overflow: visible !important; }
.cgn-topbar { display: grid !important; grid-template-columns: 44px minmax(0,1fr) 44px !important; min-height: 86px !important; align-items: center !important; border-bottom: 1px solid var(--cgn-line) !important; }
.cgn-show-title { display: flex !important; align-items: baseline !important; justify-content: center !important; gap: 7px !important; font-size: 12px !important; letter-spacing: 1.8px !important; }
.cgn-show-title span { color: var(--cgn-muted) !important; }.cgn-show-title strong { color: var(--cgn-yellow) !important; }
.cgn-icon-button { appearance: none !important; display: grid !important; width: 40px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; place-items: center !important; border: 1px solid var(--cgn-line) !important; border-radius: 50% !important; color: #fff !important; background: transparent !important; cursor: pointer !important; box-shadow: none !important; }
.cgn-icon-button:hover { border-color: var(--cgn-yellow) !important; color: var(--cgn-yellow) !important; }.cgn-icon-button:last-child { justify-self: end !important; }.cgn-icon-button.is-muted { color: var(--cgn-muted) !important; }
.cgn-screen { position: relative !important; display: block !important; width: min(100%, 1040px) !important; min-height: 590px !important; margin: 0 auto !important; padding: clamp(36px,6vw,72px) 0 !important; overflow: visible !important; }
.cgn-footer { margin-top: auto !important; padding: 24px 0 !important; border-top: 1px solid var(--cgn-line) !important; color: #777c88 !important; font-size: 11px !important; text-align: center !important; }
.cgn-eyebrow { color: var(--round-accent,var(--cgn-cyan)) !important; font-size: 11px !important; line-height: 1.2 !important; font-weight: 850 !important; letter-spacing: 1.8px !important; text-transform: uppercase !important; }
.cgn-hero { max-width: 820px !important; margin: 0 auto 44px !important; text-align: center !important; }
.cgn-hero h1 { margin-top: 12px !important; font-size: clamp(44px,7vw,82px) !important; line-height: .96 !important; font-weight: 900 !important; }
.cgn-hero h1 em { color: var(--cgn-yellow) !important; font-style: normal !important; }.cgn-hero > p:last-child { margin-top: 20px !important; color: var(--cgn-muted) !important; font-size: 18px !important; }
.cgn-setup { display: grid !important; width: min(100%,900px) !important; margin: 0 auto !important; gap: 32px !important; }
.cgn-name-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 14px !important; }
.cgn-name-grid label, .cgn-text-answer { display: grid !important; min-width: 0 !important; gap: 7px !important; color: var(--cgn-muted) !important; font-size: 12px !important; font-weight: 750 !important; }
.cgn-name-grid input, .cgn-text-answer input { display: block !important; width: 100% !important; min-width: 0 !important; height: 52px !important; margin: 0 !important; padding: 0 15px !important; border: 1px solid #3c404a !important; border-radius: 4px !important; color: #fff !important; background: #15171d !important; outline: none !important; box-shadow: none !important; }
.cgn-name-grid input:focus, .cgn-text-answer input:focus { border-color: var(--round-accent,var(--cgn-yellow)) !important; box-shadow: 0 0 0 3px rgba(255,216,74,.12) !important; }
.cgn-setup fieldset, .cgn-player-answer { min-width: 0 !important; border: 0 !important; }
.cgn-setup legend { display: block !important; width: 100% !important; margin-bottom: 12px !important; font-size: 14px !important; font-weight: 800 !important; }
.cgn-route-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 10px !important; }
.cgn-route { position: relative !important; display: grid !important; min-width: 0 !important; min-height: 154px !important; margin: 0 !important; padding: 17px !important; align-content: start !important; border: 1px solid #343740 !important; border-radius: 5px !important; background: #13151a !important; cursor: pointer !important; }
.cgn-route input { position: absolute !important; opacity: 0 !important; }.cgn-route:has(input:checked) { border-color: var(--cgn-yellow) !important; box-shadow: inset 0 0 0 1px var(--cgn-yellow) !important; }
.cgn-route-number { margin-bottom: 22px !important; color: var(--cgn-yellow) !important; font-family: Georgia,serif !important; font-size: 13px !important; font-style: italic !important; }.cgn-route strong { font-size: 15px !important; }.cgn-route small { margin-top: 5px !important; color: var(--cgn-muted) !important; font-size: 11px !important; line-height: 1.35 !important; }
.cgn-primary, .cgn-secondary { appearance: none !important; display: inline-flex !important; width: auto !important; min-height: 48px !important; margin: 0 !important; padding: 0 20px !important; align-items: center !important; justify-content: center !important; gap: 18px !important; border: 1px solid transparent !important; border-radius: 4px !important; font-weight: 800 !important; line-height: 1 !important; cursor: pointer !important; box-shadow: none !important; }
.cgn-primary { justify-self: center !important; color: #111 !important; background: var(--round-accent,var(--cgn-yellow)) !important; }.cgn-primary:hover { filter: brightness(.92) !important; }.cgn-secondary { color: #fff !important; border-color: #4c505b !important; background: transparent !important; }
.cgn-scoreboard { display: grid !important; grid-template-columns: minmax(0,1fr) 40px minmax(0,1fr) !important; width: min(100%,560px) !important; margin: 0 auto 36px !important; align-items: center !important; }
.cgn-scoreboard > div { display: flex !important; min-width: 0 !important; padding: 10px 14px !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; border: 1px solid var(--cgn-line) !important; background: #111319 !important; }
.cgn-scoreboard > div:first-child { border-radius: 4px 0 0 4px !important; }.cgn-scoreboard > div:last-child { border-radius: 0 4px 4px 0 !important; }.cgn-scoreboard span { min-width: 0 !important; overflow: hidden !important; color: var(--cgn-muted) !important; font-size: 12px !important; text-overflow: ellipsis !important; white-space: nowrap !important; }.cgn-scoreboard strong { color: #fff !important; font-size: 20px !important; }.cgn-scoreboard b { position: relative !important; z-index: 1 !important; display: grid !important; width: 40px !important; height: 40px !important; place-items: center !important; border-radius: 50% !important; color: #111 !important; background: var(--cgn-yellow) !important; font-size: 10px !important; }
.cgn-round-intro, .cgn-result, .cgn-deal, .cgn-deal-offer, .cgn-finale { position: relative !important; display: flex !important; width: min(100%,850px) !important; min-height: 420px !important; margin: 0 auto !important; padding: clamp(32px,6vw,68px) !important; align-items: center !important; justify-content: center !important; flex-direction: column !important; border: 1px solid var(--cgn-line) !important; border-radius: 6px !important; background: #111319 !important; text-align: center !important; overflow: hidden !important; }
.cgn-round-intro::before { content:"" !important; position:absolute !important; top:0 !important; right:0 !important; left:0 !important; height:5px !important; background:var(--round-accent) !important; }.cgn-round-number { position:absolute !important; top:20px !important; right:22px !important; color:#727681 !important; font-size:10px !important; letter-spacing:1px !important; }.cgn-round-intro h2, .cgn-deal h2, .cgn-deal-offer h2 { max-width:760px !important; margin-top:12px !important; font-size:clamp(38px,7vw,72px) !important; line-height:1 !important; font-weight:900 !important; }.cgn-round-intro > p:not(.cgn-eyebrow), .cgn-deal > p, .cgn-deal-offer > p { max-width:620px !important; margin-top:18px !important; color:var(--cgn-muted) !important; }.cgn-round-intro .cgn-primary { margin-top:30px !important; }
.cgn-question { position:relative !important; display:block !important; width:min(100%,940px) !important; min-height:440px !important; margin:0 auto !important; padding:clamp(25px,5vw,52px) !important; border:1px solid var(--cgn-line) !important; border-top:5px solid var(--round-accent) !important; border-radius:6px !important; background:#111319 !important; overflow:visible !important; }
.cgn-question-meta { display:flex !important; justify-content:space-between !important; gap:20px !important; margin-bottom:34px !important; color:var(--cgn-muted) !important; font-size:10px !important; letter-spacing:1px !important; text-transform:uppercase !important; }.cgn-question-meta span { color:var(--round-accent) !important; font-weight:800 !important; }.cgn-question > h2, .cgn-risk > h2 { max-width:800px !important; margin:0 auto 28px !important; font-size:clamp(25px,4vw,42px) !important; line-height:1.15 !important; font-weight:850 !important; text-align:center !important; overflow-wrap:anywhere !important; }.cgn-clue { margin:-15px auto 28px !important; color:var(--cgn-muted) !important; text-align:center !important; }
.cgn-answer-form { display:grid !important; grid-template-columns:1fr 1fr !important; gap:18px !important; }.cgn-answer-form > .cgn-primary { grid-column:1/-1 !important; margin-top:12px !important; }
.cgn-player-answer { min-width:0 !important; padding:16px !important; border:1px solid #323640 !important; border-radius:5px !important; }.cgn-player-answer legend { padding:0 6px !important; color:var(--round-accent) !important; font-size:12px !important; font-weight:800 !important; }
.cgn-options { display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important; }.cgn-options label { position:relative !important; display:block !important; min-width:0 !important; margin:0 !important; cursor:pointer !important; }.cgn-options input { position:absolute !important; opacity:0 !important; }.cgn-options span { display:flex !important; min-height:48px !important; padding:10px 12px !important; align-items:center !important; justify-content:center !important; border:1px solid #3b3e47 !important; border-radius:4px !important; color:#e7e8ed !important; background:#181a20 !important; font-size:12px !important; text-align:center !important; overflow-wrap:anywhere !important; }.cgn-options input:checked + span { border-color:var(--round-accent,var(--cgn-yellow)) !important; color:#111 !important; background:var(--round-accent,var(--cgn-yellow)) !important; }.cgn-two { grid-template-columns:1fr 1fr !important; }
.cgn-picture-clue { min-height:120px !important; margin:0 auto 24px !important; color:#fff !important; font-size:clamp(44px,8vw,82px) !important; line-height:1.2 !important; text-align:center !important; }.cgn-hex-letter { display:grid !important; width:90px !important; height:100px !important; margin:0 auto 24px !important; place-items:center !important; color:#111 !important; background:#f18ad5 !important; clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%) !important; font-size:42px !important; font-weight:900 !important; }
.cgn-result h2 { max-width:700px !important; margin-top:14px !important; font-size:clamp(28px,5vw,48px) !important; line-height:1.15 !important; }.cgn-points { display:grid !important; grid-template-columns:1fr 1fr !important; width:min(100%,520px) !important; margin:30px auto !important; gap:12px !important; }.cgn-points > div { display:grid !important; padding:18px !important; border:1px solid var(--cgn-line) !important; }.cgn-points span { color:var(--cgn-muted) !important; font-size:12px !important; }.cgn-points strong { color:var(--cgn-yellow) !important; font-size:34px !important; }
.cgn-cases { display:grid !important; grid-template-columns:repeat(4,1fr) !important; width:min(100%,650px) !important; margin-top:30px !important; gap:12px !important; }.cgn-cases button { appearance:none !important; position:relative !important; display:grid !important; aspect-ratio:1.55 !important; padding:0 !important; place-items:center !important; border:2px solid #b5b8c1 !important; border-radius:5px !important; color:#111 !important; background:#d7d9de !important; cursor:pointer !important; box-shadow:inset 0 -8px 0 rgba(0,0,0,.1) !important; }.cgn-cases button::before { content:"" !important; position:absolute !important; top:-7px !important; width:35% !important; height:8px !important; border:2px solid #b5b8c1 !important; border-bottom:0 !important; border-radius:5px 5px 0 0 !important; }.cgn-cases button span { font-size:22px !important; font-weight:900 !important; }.cgn-cases button.is-open { color:#fff !important; background:var(--cgn-coral) !important; }.cgn-cases button.is-open strong { font-size:24px !important; }.cgn-cases button.is-open small { font-size:8px !important; }
.cgn-deal-actions, .cgn-final-actions { display:flex !important; margin-top:30px !important; gap:12px !important; }.cgn-risk form { display:grid !important; gap:20px !important; }.cgn-risk .cgn-options { width:min(100%,650px) !important; margin:0 auto !important; }
.cgn-finale { min-height:520px !important; }.cgn-confetti { color:var(--cgn-yellow) !important; font-size:36px !important; letter-spacing:20px !important; }.cgn-finale h1 { max-width:760px !important; margin:16px 0 28px !important; font-size:clamp(38px,7vw,72px) !important; line-height:1 !important; font-weight:900 !important; }.cgn-finale > p:not(.cgn-eyebrow) { color:var(--cgn-muted) !important; }.cgn-finale .cgn-scoreboard { width:min(100%,560px) !important; margin-bottom:24px !important; }
@media (max-width:760px) {
  .cgn-app { min-height:100vh !important; }.cgn-stage { min-height:100vh !important; padding:0 14px !important; }.cgn-topbar { min-height:68px !important; }.cgn-screen { min-height:0 !important; padding:30px 0 44px !important; }.cgn-hero { margin-bottom:30px !important; }.cgn-hero h1 { font-size:44px !important; }.cgn-hero > p:last-child { font-size:15px !important; }
  .cgn-name-grid, .cgn-answer-form { grid-template-columns:minmax(0,1fr) !important; }.cgn-answer-form > .cgn-primary { grid-column:1 !important; }.cgn-route-grid { grid-template-columns:1fr 1fr !important; }.cgn-route { min-height:145px !important; padding:14px !important; }
  .cgn-scoreboard { grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) !important; margin-bottom:24px !important; }.cgn-scoreboard > div { padding:8px !important; flex-direction:column !important; gap:1px !important; }.cgn-scoreboard b { width:34px !important; height:34px !important; }.cgn-scoreboard strong { font-size:18px !important; }
  .cgn-round-intro, .cgn-result, .cgn-deal, .cgn-deal-offer, .cgn-finale { min-height:390px !important; padding:32px 18px !important; }.cgn-round-number { position:static !important; margin-bottom:28px !important; }.cgn-round-intro h2, .cgn-deal h2, .cgn-deal-offer h2 { font-size:40px !important; }.cgn-question { padding:25px 15px !important; }.cgn-question-meta { margin-bottom:25px !important; }.cgn-player-answer { padding:12px !important; }.cgn-options { grid-template-columns:1fr !important; }.cgn-two { grid-template-columns:1fr 1fr !important; }.cgn-picture-clue { min-height:90px !important; font-size:48px !important; }
  .cgn-cases { grid-template-columns:repeat(2,1fr) !important; }.cgn-deal-actions, .cgn-final-actions { width:100% !important; flex-direction:column !important; }.cgn-deal-actions button, .cgn-final-actions button { width:100% !important; }.cgn-footer { padding:18px 0 !important; }
}
@media (max-width:390px) { .cgn-route-grid { grid-template-columns:minmax(0,1fr) !important; }.cgn-route { min-height:120px !important; }.cgn-route-number { margin-bottom:14px !important; }.cgn-show-title span { display:none !important; }.cgn-points { grid-template-columns:1fr !important; } }
@media (prefers-reduced-motion:reduce) { .cgn-app *, .cgn-app *::before, .cgn-app *::after { scroll-behavior:auto !important; transition:none !important; } }

/* Theme hardening: Mesmerize injects generated layout elements into controls. */
.cgn-app *::before,
.cgn-app *::after {
  content: none !important;
  display: none !important;
}
.cgn-app .cgn-round-intro { border-top: 5px solid var(--round-accent) !important; }
.cgn-app .cgn-topbar { display:grid !important; grid-template-columns:44px minmax(0,1fr) 44px !important; grid-template-rows:86px !important; }
.cgn-app .cgn-topbar > [data-cgn-home] { grid-column:1 !important; grid-row:1 !important; justify-self:start !important; }
.cgn-app .cgn-topbar > .cgn-show-title { grid-column:2 !important; grid-row:1 !important; justify-self:center !important; width:auto !important; white-space:nowrap !important; }
.cgn-app .cgn-topbar > [data-cgn-sound] { grid-column:3 !important; grid-row:1 !important; justify-self:end !important; }
.cgn-app .cgn-name-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; grid-template-rows:auto !important; }
.cgn-app .cgn-name-field { position:static !important; display:grid !important; grid-row:1 !important; min-width:0 !important; width:100% !important; gap:7px !important; margin:0 !important; float:none !important; color:var(--cgn-muted) !important; font-size:12px !important; font-weight:750 !important; }
.cgn-app .cgn-name-field:nth-child(1) { grid-column:1 !important; }
.cgn-app .cgn-name-field:nth-child(2) { grid-column:2 !important; }
.cgn-app .cgn-name-field:nth-child(3) { grid-column:1 !important; grid-row:2 !important; }
.cgn-app .cgn-name-field:nth-child(4) { grid-column:2 !important; grid-row:2 !important; }
.cgn-app .cgn-name-field small { color:#777c88 !important; font-size:10px !important; font-weight:500 !important; }
.cgn-app .cgn-name-field input { display:block !important; width:100% !important; min-width:0 !important; max-width:none !important; height:52px !important; margin:0 !important; padding:0 15px !important; border:1px solid #3c404a !important; border-radius:4px !important; color:#fff !important; background:#15171d !important; box-shadow:none !important; }
.cgn-app .cgn-route-section { display:block !important; width:100% !important; margin:0 !important; }
.cgn-app .cgn-route-section[hidden], .cgn-app .cgn-single-section[hidden] { display:none !important; }
.cgn-app .cgn-route-section > h2, .cgn-app .cgn-mode-section > h2, .cgn-app .cgn-single-section > h2, .cgn-app .cgn-length-section > h2 { margin:0 0 12px !important; font-size:14px !important; font-weight:800 !important; }
.cgn-app .cgn-mode-section, .cgn-app .cgn-single-section { display:block !important; width:100% !important; margin:0 !important; }
.cgn-app .cgn-mode-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; grid-auto-flow:row !important; width:100% !important; gap:10px !important; }
.cgn-app .cgn-mode-card { appearance:none !important; position:static !important; display:grid !important; grid-column:auto !important; grid-row:auto !important; width:100% !important; min-width:0 !important; min-height:105px !important; margin:0 !important; padding:18px !important; align-content:center !important; gap:5px !important; border:1px solid #343740 !important; border-radius:5px !important; color:#fff !important; background:#13151a !important; text-align:left !important; float:none !important; transform:none !important; box-shadow:none !important; cursor:pointer !important; }
.cgn-app .cgn-mode-card strong { font-size:17px !important; }.cgn-app .cgn-mode-card small { color:var(--cgn-muted) !important; font-size:12px !important; line-height:1.4 !important; }
.cgn-app .cgn-mode-card.is-selected { border-color:var(--cgn-yellow) !important; box-shadow:inset 0 0 0 1px var(--cgn-yellow) !important; }
.cgn-app .cgn-show-grid { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; grid-auto-flow:row !important; width:100% !important; gap:10px !important; }
.cgn-app .cgn-show-choice { appearance:none !important; position:static !important; display:grid !important; grid-column:auto !important; grid-row:auto !important; width:100% !important; min-width:0 !important; min-height:104px !important; margin:0 !important; padding:15px !important; align-content:start !important; gap:5px !important; border:1px solid #343740 !important; border-radius:5px !important; color:#fff !important; background:#13151a !important; text-align:left !important; float:none !important; transform:none !important; box-shadow:none !important; cursor:pointer !important; }
.cgn-app .cgn-show-choice > span { display:block !important; width:28px !important; height:4px !important; margin:0 0 11px !important; background:var(--choice-accent) !important; }.cgn-app .cgn-show-choice strong { font-size:13px !important; line-height:1.25 !important; overflow-wrap:anywhere !important; }.cgn-app .cgn-show-choice small { color:var(--cgn-muted) !important; font-size:10px !important; }
.cgn-app .cgn-show-choice.is-selected { border-color:var(--choice-accent,var(--cgn-yellow)) !important; box-shadow:inset 0 0 0 1px var(--choice-accent,var(--cgn-yellow)) !important; }
.cgn-app .cgn-route-grid { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; grid-template-rows:auto !important; width:100% !important; }
.cgn-app .cgn-route-grid > .cgn-route { appearance:none !important; position:relative !important; display:grid !important; grid-row:1 !important; width:100% !important; min-width:0 !important; max-width:none !important; margin:0 !important; padding:17px !important; float:none !important; transform:none !important; color:#fff !important; text-align:left !important; box-shadow:none !important; }
.cgn-app .cgn-route-grid > .cgn-route:nth-child(1) { grid-column:1 !important; }
.cgn-app .cgn-route-grid > .cgn-route:nth-child(2) { grid-column:2 !important; }
.cgn-app .cgn-route-grid > .cgn-route:nth-child(3) { grid-column:3 !important; }
.cgn-app .cgn-route-grid > .cgn-route:nth-child(4) { grid-column:4 !important; }
.cgn-app .cgn-route-grid > .cgn-route.is-selected { border-color:var(--cgn-yellow) !important; box-shadow:inset 0 0 0 1px var(--cgn-yellow) !important; }
.cgn-app .cgn-inline-error { width:100% !important; padding:10px 12px !important; border-left:3px solid var(--cgn-coral) !important; color:#ffd8dc !important; background:#32171c !important; font-size:12px !important; text-align:center !important; }
.cgn-app .cgn-inline-error[hidden] { display:none !important; }
.cgn-app .cgn-answer-form { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; grid-template-rows:auto !important; width:100% !important; }
.cgn-app .cgn-answer-form > * { grid-column:auto !important; grid-row:auto !important; }
.cgn-app .cgn-player-answer { position:static !important; display:block !important; width:100% !important; min-width:0 !important; margin:0 !important; float:none !important; }
.cgn-app .cgn-player-answer > h3 { margin:0 0 10px !important; color:var(--round-accent) !important; font-size:12px !important; font-weight:800 !important; }
.cgn-app .cgn-options > button { appearance:none !important; position:static !important; display:flex !important; width:100% !important; min-width:0 !important; min-height:48px !important; margin:0 !important; padding:10px 12px !important; align-items:center !important; justify-content:center !important; border:1px solid #3b3e47 !important; border-radius:4px !important; color:#e7e8ed !important; background:#181a20 !important; font-size:12px !important; text-align:center !important; overflow-wrap:anywhere !important; box-shadow:none !important; cursor:pointer !important; }
.cgn-app .cgn-options > button.is-selected { border-color:var(--round-accent,var(--cgn-yellow)) !important; color:#111 !important; background:var(--round-accent,var(--cgn-yellow)) !important; }
.cgn-app .cgn-question > .cgn-primary { display:flex !important; margin:24px auto 0 !important; }
.cgn-app .cgn-cases > button { overflow:hidden !important; }
.cgn-app .cgn-scoreboard { grid-template-columns:repeat(var(--player-count),minmax(0,1fr)) !important; width:min(100%,860px) !important; gap:8px !important; }
.cgn-app .cgn-scoreboard > .cgn-score-player { border-radius:4px !important; }
.cgn-app .cgn-points { grid-template-columns:repeat(var(--player-count),minmax(0,1fr)) !important; width:min(100%,760px) !important; }
.cgn-app .cgn-length-section { display:block !important; width:100% !important; margin:0 !important; }
.cgn-app .cgn-length-grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; width:100% !important; gap:10px !important; }
.cgn-app .cgn-length-card { appearance:none !important; position:static !important; display:flex !important; width:100% !important; min-width:0 !important; min-height:82px !important; margin:0 !important; padding:16px !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; gap:5px !important; border:1px solid #3b3e47 !important; border-radius:4px !important; color:#fff !important; background:#181a20 !important; text-align:left !important; box-shadow:none !important; transform:none !important; cursor:pointer !important; }
.cgn-app .cgn-length-card strong { color:#fff !important; font-size:16px !important; line-height:1.2 !important; }
.cgn-app .cgn-length-card small { color:#b9bcc7 !important; font-size:12px !important; line-height:1.35 !important; }
.cgn-app .cgn-length-card.is-selected { border-color:var(--cgn-yellow) !important; box-shadow:inset 0 0 0 1px var(--cgn-yellow) !important; }
.cgn-app .cgn-finale { isolation:isolate !important; }
.cgn-app .cgn-celebration { position:absolute !important; inset:0 !important; z-index:0 !important; display:block !important; overflow:hidden !important; pointer-events:none !important; }
.cgn-app .cgn-celebration i { position:absolute !important; top:-28px !important; left:var(--x) !important; display:block !important; width:9px !important; height:17px !important; border-radius:1px !important; background:var(--c) !important; animation:cgn-confetti-fall 2.8s ease-in var(--delay) both !important; }
.cgn-app .cgn-finale > *:not(.cgn-celebration) { position:relative !important; z-index:1 !important; }
.cgn-app .cgn-trophy { margin:0 0 8px !important; font-size:64px !important; line-height:1 !important; animation:cgn-trophy-pop .65s cubic-bezier(.2,.9,.3,1.35) both !important; }
@keyframes cgn-confetti-fall { 0% { transform:translate3d(0,-20px,0) rotate(0deg); opacity:0; } 12% { opacity:1; } 100% { transform:translate3d(35px,570px,0) rotate(560deg); opacity:.9; } }
@keyframes cgn-trophy-pop { 0% { transform:scale(.25) rotate(-12deg); opacity:0; } 70% { transform:scale(1.15) rotate(4deg); opacity:1; } 100% { transform:scale(1) rotate(0); opacity:1; } }

@media (max-width:760px) {
  .cgn-app .cgn-topbar { grid-template-rows:68px !important; }
  .cgn-app .cgn-name-grid { grid-template-columns:minmax(0,1fr) !important; }
  .cgn-app .cgn-name-field:nth-child(1),
  .cgn-app .cgn-name-field:nth-child(2),
  .cgn-app .cgn-name-field:nth-child(3),
  .cgn-app .cgn-name-field:nth-child(4) { grid-column:1 !important; grid-row:auto !important; }
  .cgn-app .cgn-route-grid { grid-template-columns:minmax(0,1fr) !important; }
  .cgn-app .cgn-route-grid > .cgn-route:nth-child(1),
  .cgn-app .cgn-route-grid > .cgn-route:nth-child(2),
  .cgn-app .cgn-route-grid > .cgn-route:nth-child(3),
  .cgn-app .cgn-route-grid > .cgn-route:nth-child(4) { grid-column:1 !important; grid-row:auto !important; }
  .cgn-app .cgn-answer-form { grid-template-columns:minmax(0,1fr) !important; }
  .cgn-app .cgn-answer-form > * { grid-column:1 !important; grid-row:auto !important; }
  .cgn-app .cgn-scoreboard { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .cgn-app .cgn-points { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .cgn-app .cgn-mode-grid { grid-template-columns:minmax(0,1fr) !important; }
  .cgn-app .cgn-show-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .cgn-app .cgn-length-grid { grid-template-columns:minmax(0,1fr) !important; }
}

@media (max-width:390px) {
  .cgn-app .cgn-show-grid { grid-template-columns:minmax(0,1fr) !important; }
}

@media (prefers-reduced-motion:reduce) {
  .cgn-app .cgn-celebration i, .cgn-app .cgn-trophy { animation:none !important; }
}