.clickshot-cog-companion { position: absolute; z-index: 2; top: 0; left: 50%; width: clamp(48px, 10vw, 76px); aspect-ratio: 320 / 250; transform: translateX(-50%); transition: top 550ms cubic-bezier(.22, 1, .36, 1); pointer-events: none; }
.clickshot-cog-companion > :is(img, svg) { display: block; width: 100%; height: 100%; background: transparent; pointer-events: none; }
@media (prefers-reduced-motion: reduce) {
  .clickshot-cog-companion { transition: none; }
}
[data-theme="ontarget"] .page-shell { width: min(1600px, calc(100% - 64px)); }
[data-theme="ontarget"] .app-heading { min-height: 190px; padding-top: 12px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; gap: 12px; }
[data-theme="ontarget"] .app-heading > :not(.game-engagement):not(.game-controls) { flex: 0 0 100%; max-width: none; }
[data-theme="ontarget"] .app-heading h1 { letter-spacing: .08em; }
[data-theme="ontarget"] .app-heading .game-engagement,
[data-theme="ontarget"] .game-controls { margin: 0; }
[data-theme="ontarget"] .game-controls { justify-content: center; }
[data-theme="ontarget"] .difficulty-tab[aria-pressed="true"] { background: linear-gradient(145deg, #d0baff, #f1abc9); color: #2b2243; }
[data-theme="ontarget"] .game-workspace { grid-template-columns: minmax(220px, 1fr) minmax(480px, 2.4fr) minmax(260px, 1fr); gap: 28px; padding: 28px 0 40px; }
[data-theme="ontarget"] .game-primary { grid-column: 2; grid-row: 1 / span 3; width: min(100%, 600px); margin-inline: auto; }
[data-theme="ontarget"] .game-sidebar { display: contents; }
[data-theme="ontarget"] .game-play-panel { position: relative; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
[data-theme="ontarget"] .game-panel-title { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
[data-theme="ontarget"] .orbit-stage { margin: 0; padding: 14px; border: 1px solid rgb(177 145 226 / 45%); border-radius: 50%; background: radial-gradient(ellipse at 50% 90%, rgb(237 153 194 / 14%), transparent 65%), radial-gradient(circle, #283455, #122443 70%); box-shadow: inset 0 0 50px rgb(161 148 225 / 8%); }
[data-theme="ontarget"] .orbit { width: 100%; }
[data-theme="ontarget"] .orbit-track { stroke: #8e87be; stroke-width: 1.5; }
[data-theme="ontarget"] .target-halo { fill: rgb(244 169 206 / 12%); stroke: #f2b1d0; }
[data-theme="ontarget"] .target-core { stroke: #f2b1d0; }
[data-theme="ontarget"] .orb { fill: #e4d7ff; stroke: #a68fe2; stroke-width: 2; }
[data-theme="ontarget"] .orbit-readout { fill: #e1d9ff; }
[data-theme="ontarget"] .orbit-caption { fill: #bdc5df; }
[data-theme="ontarget"] #action { border-radius: 999px; border-color: #c59be1; background: linear-gradient(145deg, #514063, #302b52); color: #ffe1ef; box-shadow: 0 0 24px rgb(220 155 219 / 14%); }
[data-theme="ontarget"] .game-status { min-height: 0; color: #d1c8e8; }
body[data-game-session][data-theme="ontarget"] .game-actions { position: relative; }
body[data-game-session][data-theme="ontarget"] #result-comparison { position: absolute; z-index: 1; bottom: calc(100% + 8px); left: 50%; width: min(320px, calc(100vw - 64px)); margin: 0; transform: translateX(-50%); font-size: 11px; line-height: 1.35; text-align: center; }
[data-theme="ontarget"] .account-invitation { justify-content: flex-start; line-height: 1.6; margin-bottom: 16px; }
[data-theme="ontarget"] .game-quick-guide,
[data-theme="ontarget"] .game-sidebar > .daily-leaderboard { border: 1px solid rgb(184 147 222 / 40%); border-radius: 42px; padding: 30px 24px; background: radial-gradient(ellipse at 40% 15%, #3b385f, #172641 65%, #30274d); box-shadow: 0 0 0 7px rgb(184 147 222 / 4%), 0 0 0 8px rgb(184 147 222 / 14%); }
[data-theme="ontarget"] .game-quick-guide { grid-column: 1; grid-row: 1; }
[data-theme="ontarget"] .game-quick-guide li { padding-left: 30px; }
[data-theme="ontarget"] .game-quick-guide li::before { width: 22px; height: 22px; background: #45365e; color: #f3c5e0; border: 1px solid #987cb5; }
[data-theme="ontarget"] .game-sidebar > .daily-leaderboard { grid-column: 3; grid-row: 1; margin-top: 0; }
[data-theme="ontarget"] .game-sidebar .leaderboard-table-wrap { max-height: none; }
@media (max-width: 1400px) {
  [data-theme="ontarget"] .page-shell { width: calc(100% - 48px); }
}
@media (max-width: 1240px) {
  [data-theme="ontarget"] .game-workspace { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  [data-theme="ontarget"] .game-primary { grid-column: 1; grid-row: 1; }
  [data-theme="ontarget"] .game-sidebar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-column: 1; grid-row: 2; gap: 26px; align-items: start; }
  [data-theme="ontarget"] .game-quick-guide { grid-column: 1; grid-row: 1; }
  [data-theme="ontarget"] .game-sidebar > .daily-leaderboard { grid-column: 2; grid-row: 1; }
}
@media (max-width: 600px) {
  [data-theme="ontarget"] .page-shell { width: calc(100% - 32px); }
  [data-theme="ontarget"] .game-workspace { padding-top: 14px; }
  [data-theme="ontarget"] .game-sidebar { grid-template-columns: minmax(0, 1fr); }
  [data-theme="ontarget"] .game-sidebar > .daily-leaderboard { grid-column: 1; grid-row: 2; }
  [data-theme="ontarget"] .game-quick-guide,
  [data-theme="ontarget"] .game-sidebar > .daily-leaderboard { border-radius: 30px; padding: 26px 22px; }
  [data-theme="ontarget"] .difficulty-tabs { width: auto; }
}
body[data-game-session][data-theme="ontarget"] .app-heading { min-height: 0; padding: 0; }
body[data-game-session][data-theme="ontarget"] .game-session-start { border-color: #c59be1; background: linear-gradient(145deg, #514063, #302b52); color: #ffe1ef; }
@media (min-width: 601px) {
  body[data-game-session][data-theme="ontarget"] .game-primary { width: min(620px, calc(100svh - 150px), calc(100vw - 64px)); }
  body[data-game-session][data-theme="ontarget"] .game-play-panel { display: block; min-height: 0; aspect-ratio: auto; border: 0; border-radius: 0; padding: 0; background: transparent; box-shadow: none; }
  body[data-game-session][data-theme="ontarget"] #game-session-intro,
  body[data-game-session][data-theme="ontarget"] #game-session-content { position: relative; width: 100%; aspect-ratio: 1; border-radius: 50%; }
  body[data-game-session][data-theme="ontarget"] #game-session-intro { display: flex; flex-direction: column; justify-content: center; gap: 20px; }
  body[data-game-session][data-theme="ontarget"] #game-session-intro > .orbit-stage,
  body[data-game-session][data-theme="ontarget"] #game-session-content > .orbit-stage { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; margin: 0; border-radius: 50%; padding: 18px; }
  body[data-game-session][data-theme="ontarget"] #game-session-intro .orbit { display: none; }
  body[data-game-session][data-theme="ontarget"] #game-session-intro > .app-heading { position: relative; z-index: 1; width: 80%; flex-flow: column nowrap; gap: 10px; }
  body[data-game-session][data-theme="ontarget"] #game-session-intro .app-heading > * { flex: 0 0 auto; width: auto; max-width: 100%; }
  body[data-game-session][data-theme="ontarget"] #game-session-intro .game-title-row { flex: 0 0 auto; width: auto; gap: 10px; }
  body[data-game-session][data-theme="ontarget"] #game-session-intro .game-title-row h1 { font-size: clamp(30px, 4vw, 42px); }
  body[data-game-session][data-theme="ontarget"] #game-session-intro .game-description { max-width: 420px; text-align: center; }
  body[data-game-session][data-theme="ontarget"] #game-session-intro .game-controls { width: auto; margin: 0; justify-content: center; }
  body[data-game-session][data-theme="ontarget"] #game-session-intro .game-engagement { margin: 0; }
  body[data-game-session][data-theme="ontarget"] #game-session-intro .game-session-start { position: relative; z-index: 1; align-self: center; }
  body[data-game-session][data-theme="ontarget"] #game-session-content { display: block; overflow: hidden; }
  body[data-game-session][data-theme="ontarget"] #game-session-content > .game-controls { position: absolute; z-index: 1; top: 8%; left: 50%; width: max-content; margin: 0; transform: translateX(-50%); }
  body[data-game-session][data-theme="ontarget"] #game-session-content > .game-actions { position: absolute; z-index: 1; bottom: 7%; left: 50%; width: max-content; max-width: 90%; margin: 0; transform: translateX(-50%); }
  body[data-game-session][data-theme="ontarget"] #game-session-content #action { min-width: 190px; }
  body[data-game-session][data-theme="ontarget"] #game-session-content > .game-menu-button { position: absolute; z-index: 1; top: 5%; right: 7%; }
  body[data-game-session][data-theme="ontarget"] #game-session-content > .game-over-support { position: absolute; z-index: 1; bottom: 4%; left: 50%; width: max-content; max-width: 90%; margin: 0; transform: translateX(-50%); }
  body[data-game-session][data-theme="ontarget"] #game-session-content .orbit { position: absolute; top: 50%; left: 50%; width: min(68%, 420px); margin: 0; transform: translate(-50%, -50%); }
  body[data-game-session][data-theme="ontarget"] #game-session-intro > .app-heading,
  body[data-game-session][data-theme="ontarget"] #game-session-content > .game-controls,
  body[data-game-session][data-theme="ontarget"] #game-session-content > .game-actions { text-align: center; }
  body[data-game-session][data-theme="ontarget"] .orbit-stage { background-color: #253252; }
}
@media (max-height: 640px) {
  body[data-game-session][data-theme="ontarget"] .orbit-stage { padding: 10px; }
}
@media (min-width: 601px) and (max-height: 700px) {
  body[data-game-session][data-theme="ontarget"] #game-session-content .orbit { width: min(68%, calc(100% - 200px)); }
  body[data-game-session][data-theme="ontarget"] #game-session-content > .game-actions { bottom: calc(4% + 21px); }
}
@media (min-width: 601px) {
  body[data-game-session][data-theme="ontarget"] .app-heading { min-height: 0; flex-flow: column nowrap; align-items: center; gap: 10px; }
  body[data-game-session][data-theme="ontarget"] .app-heading > * { flex: 0 0 auto; width: auto; max-width: 100%; height: auto; }
}
@media (max-width: 600px) {
  body[data-game-session][data-theme="ontarget"] #game-session-intro > .orbit-stage { display: none; }
  body[data-game-session][data-theme="ontarget"] #game-session-intro .app-heading { position: static; width: 100%; }
  body[data-game-session][data-theme="ontarget"] #game-session-intro .app-heading > * { flex: none; max-width: 100%; }
  body[data-game-session][data-theme="ontarget"] #game-session-intro .game-controls { width: 100%; justify-content: center; }
  body[data-game-session][data-theme="ontarget"] #game-session-intro .game-session-start { position: static; left: auto; bottom: auto; transform: none; align-self: center; }
  body[data-game-session][data-theme="ontarget"] #game-session-content { display: flex; flex-direction: column; align-items: center; gap: 10px; }
  body[data-game-session][data-theme="ontarget"] #game-session-content .game-controls { margin: 0; justify-content: center; }
  body[data-game-session][data-theme="ontarget"] #game-session-content > .game-menu-button { position: static; }
  body[data-game-session][data-theme="ontarget"] .orbit-stage { width: min(100%, 240px, calc(100svh - 300px)); margin: 0; }
  body[data-game-session][data-theme="ontarget"] .game-session-start { min-width: min(230px, 100%); }
}
@media (max-width: 360px) and (max-height: 600px) {
  body[data-game-session][data-theme="ontarget"] .game-play-panel { padding: 8px; gap: 8px; }
  body[data-game-session][data-theme="ontarget"] .orbit-stage { width: min(100%, 160px, calc(100svh - 320px)); padding: 8px; }
  body[data-game-session][data-theme="ontarget"] .game-status { min-height: 0; margin-top: 6px; font-size: 11px; line-height: 1.35; }
  body[data-game-session][data-theme="ontarget"] #game-session-content .difficulty-tab,
  body[data-game-session][data-theme="ontarget"] #game-session-intro .difficulty-tab { min-height: 34px; padding: 6px 12px; }
}