/* Algı laboratuvarı — v0.2.1 dev */
body.lab-theme {
  --bg: #f0f0e9;
  --bg-elevated: #fafaf5;
  --fg: #191e1b;
  --fg-muted: #586056;
  --accent: #ed4c2c;
  --accent-rgb: 237, 76, 44;
  --accent-dim: #b9371f;
  --danger: #b32628;
  --success: #287049;
  --gold: #896018;
  --border: #c6c9bd;
  --font-mono: 'JetBrains Mono', monospace;
  font-family: Arial, Helvetica, sans-serif;
  color-scheme: light;
}
.lab-theme .screen { padding: 32px 40px; }
.lab-theme #welcome { overflow-y: auto; }
.lab-theme .welcome-grid { max-width: 1040px; grid-template-columns: 1.2fr 1fr; gap: 90px; }
.lab-theme .welcome-left { align-items: flex-start; gap: 22px; min-width: 0; }
.lab-theme .logo { font-family: Arial, Helvetica, sans-serif; font-size: clamp(76px, 10vw, 132px); line-height: .9; color: var(--fg); letter-spacing: -7px; text-shadow: none; }
.lab-theme .logo .or { font: italic .42em Georgia, serif; color: var(--fg-muted); opacity: 1; letter-spacing: -3px; }
.lab-theme .logo .lab-dot { color: var(--accent); }
.lab-theme .tagline { font: 22px/1.4 Arial, sans-serif; letter-spacing: -.4px; text-transform: none; color: var(--fg-muted); }
.lab-ruler { width: 100%; height: 16px; border-bottom: 1px solid var(--border); background: repeating-linear-gradient(90deg, var(--border) 0 1px, transparent 1px 16px); }
.lab-theme .btn-primary { width: 100%; min-height: 66px; display: flex; align-items: center; justify-content: space-between; padding: 18px 24px; border-radius: 2px; font: 700 20px Arial,sans-serif; letter-spacing: 1px; color: #191e1b; }
.lab-theme .btn-primary::after { content: '↗'; font-size: 28px; }
.lab-theme .btn-primary:active { box-shadow: none; }
.lab-theme .btn-endless { width:100%; padding:12px 18px; min-height:48px; border:1px solid var(--border); background:var(--bg-elevated); font-size:12px; letter-spacing:1.5px; color:var(--fg); }
.lab-theme .btn-endless:active { background:var(--fg); color:var(--bg); border-color:var(--fg); box-shadow:none; }
.lab-theme .welcome-right { width: 100%; min-width: 0; align-items: stretch; }
.lab-theme .leaderboard-mini { min-width: 0; width: 100%; margin: 0; padding: 24px; background: transparent; border-radius: 2px; }
.lab-theme .leaderboard-mini h3 { text-align: left; letter-spacing: 2px; padding-bottom: 18px; border-bottom: 1px solid var(--border); }
.lab-theme .leaderboard-mini .row { font: 14px var(--font-mono); padding: 10px 0; border-bottom: 1px solid var(--border); }
.lab-theme .leaderboard-mini .row:last-child { border-bottom: 0; }
.lab-theme .leaderboard-mini .name { letter-spacing: 3px; }
.lab-theme .leaderboard-mini .rank { color: var(--fg-muted); }
.lab-theme .gear-btn { border-radius: 2px; background: var(--bg-elevated); }
.lab-theme #game { padding: 22px; }
.lab-theme .game-frame { max-width: 960px; width: 100%; height: 100%; min-height: 0; gap: 14px; }
.lab-theme .hud { padding-bottom: 12px; border-bottom: 1px solid var(--border); flex-shrink: 0; }
.lab-theme .timer { color: var(--fg); font-size: 44px; }
.lab-theme .timer.low { color: var(--danger); }
.lab-theme .score-display .value { font-size: 32px; }
.lab-theme .image-stage { flex:0 1 auto; min-height:0; aspect-ratio:1; border-radius:2px; background:#e4e5dc; }
.lab-theme .image-stage img { object-fit: contain; }
.lab-theme .choice-row { flex-shrink: 0; gap: 12px; }
.lab-theme .btn-choice { min-width: 0; min-height: 70px; padding: 12px 6px; border-width: 1px; border-radius: 2px; font: 700 20px Arial,sans-serif; letter-spacing: 1px; }
.lab-theme .btn-choice[data-choice="ai"] { border-color: var(--accent); color: var(--accent-dim); }
.lab-theme .btn-choice[data-choice="real"] { background: var(--fg); border-color: var(--fg); color: var(--bg); }
.lab-theme .image-stage[data-tier], .lab-theme .game-frame[data-tier] .btn-choice,
.lab-theme .combo-badge[data-tier], .lab-theme #end[data-vtier] .final-score,
.lab-theme #end[data-vtier] .victory-label, .lab-theme #end.perfection .final-score,
.lab-theme .leaderboard-mini .row.perfect span {
  box-shadow: none; text-shadow: none; animation: none; filter: none;
}
.lab-theme .image-stage[data-tier] { border-color: var(--border); }
.lab-theme .combo-badge[data-tier] { background: var(--fg); color: var(--bg); border: 1px solid var(--fg); border-radius: 2px; font-size: 20px; }
.lab-theme .streak-banner { text-shadow: none; }
.lab-theme #end { overflow-y: auto; justify-content: safe center; }
.lab-theme #end .final-score { color: var(--fg); text-shadow: none; font-family: Arial,sans-serif; }
.lab-theme #end .victory-label { color: var(--accent-dim); letter-spacing: 3px; }
.lab-theme .stat-value.gold { text-shadow: none; }
.lab-theme .name-box { border-radius: 2px; background: var(--bg-elevated); }
.lab-theme .btn-secondary { border-radius: 2px; color: var(--fg); background: var(--accent); border-color: var(--accent); min-height: 54px; font-size: 16px; letter-spacing: 2px; }
.lab-theme .modal-overlay { background: rgba(25,30,27,.45); }
.lab-theme .modal { background: var(--bg); border-radius: 4px; box-shadow: 0 16px 60px #191e1b26; }
.lab-theme .countdown { background: #f0f0e9e6; }
.lab-theme .countdown-num, .lab-theme .countdown-go { text-shadow: none; }
.lab-theme button:focus-visible, .lab-theme input:focus-visible { outline: 3px solid #325cbb; outline-offset: 4px; }
@media (max-width:720px) {
  .lab-theme #welcome { padding: 24px; justify-content: safe center; }
  .lab-theme .welcome-grid { grid-template-columns: 1fr; height: auto; gap: 0; max-width: 420px; }
  .lab-theme .welcome-left { padding: 0; gap: 22px; }
  .lab-theme .logo { font-size: clamp(78px, 22vw, 112px); letter-spacing: -5px; }
  .lab-theme .tagline { font-size: 20px; }
  .lab-theme .welcome-right { display: none; }
  .lab-theme #game { padding: 16px 14px 24px; }
  .lab-theme .timer { font-size: 36px; }
  .lab-theme .btn-choice { font-size: 16px; min-height: 64px; }
  .lab-theme #end { padding: 24px 16px; }
  .lab-theme .stats-grid { gap: 18px; }
  .lab-theme .stat-label { letter-spacing: 1px; }
}
@media (max-height:550px) {
  .lab-theme #welcome { justify-content: flex-start; }
  .lab-theme #game { padding: 10px 16px; }
  .lab-theme .game-frame { gap: 8px; }
  .lab-theme .hud { padding-bottom: 6px; }
  .lab-theme .timer { font-size: 28px; }
  .lab-theme .btn-choice { min-height: 44px; font-size: 16px; }
}
@media (prefers-reduced-motion:reduce) {
  .lab-theme *, .lab-theme *::before, .lab-theme *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Tam tema geçişi: Neon ailesinde laboratuvar bileşenlerini değil,
   orijinal arcade kompozisyonunu göster. */
body:not(.lab-theme) .lab-ruler,
body:not(.lab-theme) .lab-dot { display: none; }
body:not(.lab-theme) .logo br { display: none; }
body:not(.lab-theme) .logo .or::after { content: ' '; white-space: pre; }

/* Sunum kontrolleri: tasarım paketinden bağımsız yüzey ve metin seçimleri. */
:root {
  --swatch-paper:#f0f0e9; --swatch-ink:#0a0a0f; --swatch-cobalt:#2647d7;
  --swatch-butter:#f1df57; --swatch-coral:#e65a42; --swatch-violet:#7c4dce;
  --swatch-cyan:#16b8c4; --swatch-forest:#1f6b4f; --swatch-rose:#d93f83;
  --swatch-sand:#c7a873; --swatch-neon:#00ff88;
}
body.bg-paper { --bg:#f0f0e9; --bg-elevated:#fafaf5; --border:#c6c9bd; }
body.bg-ink { --bg:#0a0a0f; --bg-elevated:#14141c; --border:#2a2a3a; }
body.bg-cobalt { --bg:#2647d7; --bg-elevated:#3454df; --border:#7388e8; }
body.bg-butter { --bg:#f1df57; --bg-elevated:#f8eb87; --border:#b7a63c; }
body.bg-coral { --bg:#e65a42; --bg-elevated:#ed765f; --border:#a53d2d; }
body.bg-violet { --bg:#7c4dce; --bg-elevated:#8c62d5; --border:#593497; }
body.bg-cyan { --bg:#16b8c4; --bg-elevated:#3bc5cf; --border:#0e7f88; }
body.bg-forest { --bg:#1f6b4f; --bg-elevated:#2b7c5e; --border:#154936; }
body.bg-rose { --bg:#d93f83; --bg-elevated:#e15d98; --border:#9a2a5b; }
body.bg-sand { --bg:#c7a873; --bg-elevated:#d3b989; --border:#8f774f; }
body.bg-neon { --bg:#00ff88; --bg-elevated:#35ff9f; --border:#00aa5b; }
body.text-ink { --fg:#0a0a0f; --fg-muted:#44484a; }
body.text-paper { --fg:#f0f0e9; --fg-muted:#c5c8c0; }
body.text-cobalt { --fg:#2647d7; --fg-muted:#5268bd; }
body.text-butter { --fg:#f1df57; --fg-muted:#b7a83e; }
body.text-coral { --fg:#e65a42; --fg-muted:#aa4433; }
body.text-violet { --fg:#7c4dce; --fg-muted:#6844a8; }
body.text-cyan { --fg:#16b8c4; --fg-muted:#12858e; }
body.text-forest { --fg:#1f6b4f; --fg-muted:#285b48; }
body.text-rose { --fg:#d93f83; --fg-muted:#a43768; }
body.text-sand { --fg:#c7a873; --fg-muted:#8f7955; }
body.accent-paper { --accent:#f0f0e9; --accent-rgb:240,240,233; --accent-dim:#c8c8c0; }
body.accent-ink { --accent:#0a0a0f; --accent-rgb:10,10,15; --accent-dim:#292932; }
body.accent-cobalt { --accent:#2647d7; --accent-rgb:38,71,215; --accent-dim:#1d35a6; }
body.accent-butter { --accent:#f1df57; --accent-rgb:241,223,87; --accent-dim:#b9a936; }
body.accent-coral { --accent:#e65a42; --accent-rgb:230,90,66; --accent-dim:#ad402f; }
body.accent-violet { --accent:#7c4dce; --accent-rgb:124,77,206; --accent-dim:#5b379b; }
body.accent-cyan { --accent:#16b8c4; --accent-rgb:22,184,196; --accent-dim:#0f858e; }
body.accent-forest { --accent:#1f6b4f; --accent-rgb:31,107,79; --accent-dim:#174e3b; }
body.accent-rose { --accent:#d93f83; --accent-rgb:217,63,131; --accent-dim:#a32d61; }
body.accent-sand { --accent:#c7a873; --accent-rgb:199,168,115; --accent-dim:#8f774f; }
body.accent-neon { --accent:#00ff88; --accent-rgb:0,255,136; --accent-dim:#00cc6a; }

/* Ayarlar her uygulama paletinde güvenli bir kontrol yüzeyi olarak kalır. */
.modal {
  --bg:#f3f2eb;
  --bg-elevated:#fbfaf5;
  --fg:#151916;
  --fg-muted:#515851;
  --border:#c7cac0;
  --accent:#ed4c2c;
  --accent-rgb:237,76,44;
  background:var(--bg);
  color:var(--fg);
}
body.vfx-off *, body.vfx-off *::before, body.vfx-off *::after {
  animation:none !important; transition:none !important; text-shadow:none !important; box-shadow:none !important;
}
body.vfx-off .streak-banner, body.vfx-off .flash { display:none !important; }
body.vfx-off .combo-badge { animation:none !important; box-shadow:none !important; text-shadow:none !important; }
body.vfx-soft .image-stage[data-tier], body.vfx-soft .game-frame[data-tier] .btn-choice,
body.vfx-soft .combo-badge[data-tier] { animation:none !important; box-shadow:none !important; filter:none !important; }
body.vfx-soft .streak-banner { text-shadow:none !important; }

/* ================= SIGNAL ================= */
.signal-theme #app::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.12; background-image:linear-gradient(var(--fg) 1px,transparent 1px),linear-gradient(90deg,var(--fg) 1px,transparent 1px); background-size:32px 32px; }
.signal-theme .welcome-grid { max-width:980px; grid-template-columns:.78fr 1.22fr; gap:64px; }
.signal-theme .welcome-left { order:2; }
.signal-theme .welcome-right { order:1; align-self:stretch; justify-content:center; }
.signal-theme .welcome-left { align-items:flex-start; gap:20px; }
.signal-theme .logo { font-family:Arial,Helvetica,sans-serif; color:var(--fg); text-shadow:none; font-size:clamp(76px,10vw,124px); line-height:.78; letter-spacing:-8px; text-transform:uppercase; }
.signal-theme .logo .or { color:var(--accent); opacity:1; font:italic .35em Georgia,serif; letter-spacing:0; }
.signal-theme .logo .lab-dot { color:var(--accent); }
.signal-theme .tagline { color:var(--accent); opacity:1; font-size:11px; letter-spacing:2px; }
.signal-theme .btn-primary { width:100%; min-height:92px; display:flex; justify-content:space-between; border-radius:0; color:var(--bg); clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px); }
.signal-theme .btn-primary::after { content:'↗'; }
.signal-theme .btn-endless { width:220px; min-width:0; min-height:48px; padding:8px 14px; align-self:flex-end; border-radius:999px; background:transparent; color:var(--fg); border:1px solid var(--fg); font-size:10px; letter-spacing:1.5px; }
.signal-theme .leaderboard-mini { border-radius:0; border-color:var(--fg); background:transparent; }
.signal-theme .leaderboard-mini h3 { color:var(--accent); }
.signal-theme .leaderboard-mini .row { border-bottom:1px solid color-mix(in srgb,var(--fg) 24%,transparent); }
.signal-theme .image-stage { border-radius:8px; border:2px solid var(--accent); background:color-mix(in srgb,var(--bg-elevated) 70%,transparent); }
.signal-theme .image-stage img { clip-path:none; }
.signal-theme .game-frame { max-width:min(720px,calc(100dvh - 240px)); }
.signal-theme .hud { padding:0 8px; }
.signal-theme .timer,.signal-theme .combo-badge { color:var(--accent); }
.signal-theme .combo-badge[data-tier] { background:var(--accent); color:var(--bg); border:2px solid var(--fg); }
.signal-theme .btn-choice { min-height:86px; border-radius:0; background:transparent; border-color:var(--fg); color:var(--fg); clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px); }
.signal-theme .btn-choice:active { background:var(--accent); color:var(--bg); }
.signal-theme #end .final-score { color:var(--accent); text-shadow:none; }
.signal-theme .stat-card { border-top:1px solid var(--fg); padding-top:12px; }
.signal-theme .btn-secondary { min-width:280px; min-height:64px; border-radius:0; background:var(--accent); color:var(--bg); clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px); }

/* ================= ARCHIVE ================= */
.archive-theme { font-family:'Courier New',monospace; }
.archive-theme #welcome::before { content:'CASE FILE 001'; position:absolute; right:0; top:34%; padding:9px 16px; background:var(--accent); color:var(--bg); transform:rotate(90deg) translateX(100%); transform-origin:right top; font-size:10px; letter-spacing:2px; }
.archive-theme .welcome-grid { max-width:1020px; grid-template-columns:1fr; gap:22px; }
.archive-theme .welcome-left { display:grid; grid-template-columns:1.25fr .75fr; grid-template-rows:auto auto auto; align-items:center; gap:14px 36px; border-left:1px solid var(--fg); padding:24px 28px; }
.archive-theme .welcome-left .logo { grid-column:1; grid-row:1 / span 2; }
.archive-theme .welcome-left .tagline { grid-column:1; grid-row:3; }
.archive-theme .welcome-left .btn-primary { grid-column:2; grid-row:1; align-self:end; }
.archive-theme .welcome-left .btn-endless { grid-column:2; grid-row:2; align-self:start; }
.archive-theme .welcome-left .lab-ruler { display:none; }
.archive-theme .welcome-right { display:block; }
.archive-theme .logo { font-family:Georgia,serif; font-weight:400; color:var(--fg); text-shadow:none; letter-spacing:-5px; line-height:.88; }
.archive-theme .logo .or { font-family:Georgia,serif; color:var(--accent); opacity:1; }
.archive-theme .logo .lab-dot { color:var(--accent); }
.archive-theme .tagline { color:var(--fg); opacity:.7; letter-spacing:3px; }
.archive-theme .btn-primary { width:100%; min-height:96px; padding-top:28px; border-radius:0; background:var(--fg); color:var(--bg); font-family:'Courier New',monospace; font-size:18px; clip-path:polygon(0 14px,40% 14px,46% 0,100% 0,100% 100%,0 100%); }
.archive-theme .btn-primary::before { content:'OPEN /'; margin-right:10px; opacity:.55; font-size:10px; }
.archive-theme .btn-endless { width:200px; min-height:52px; padding:8px 12px; justify-self:end; border-radius:0; background:transparent; border:2px dashed var(--fg); color:var(--fg); font-size:10px; letter-spacing:1.5px; transform:rotate(-1deg); }
.archive-theme .leaderboard-mini { width:100%; border-radius:0; background:color-mix(in srgb,var(--bg-elevated) 75%,transparent); border:8px solid color-mix(in srgb,var(--fg) 18%,transparent); transform:rotate(.3deg); }
.archive-theme .leaderboard-mini #leaderboard-list { display:grid; grid-template-columns:1fr 1fr; column-gap:34px; }
.archive-theme .leaderboard-mini .row { border-bottom:1px dashed var(--border); font-family:'Courier New',monospace; }
.archive-theme .image-stage { border-radius:0; border:10px solid color-mix(in srgb,var(--fg) 12%,var(--bg-elevated)); box-shadow:0 7px 0 color-mix(in srgb,var(--fg) 35%,transparent); }
.archive-theme .image-stage::after { content:'UNKNOWN SOURCE'; position:absolute; bottom:8px; left:10px; padding:4px 7px; background:var(--fg); color:var(--bg); font:10px 'Courier New',monospace; letter-spacing:1px; }
.archive-theme .btn-choice { min-height:78px; border-radius:0; padding-top:18px; font-family:'Courier New',monospace; background:var(--bg-elevated); border-color:var(--fg); clip-path:polygon(0 10px,32% 10px,38% 0,100% 0,100% 100%,0 100%); }
.archive-theme .btn-choice:active { background:var(--accent); color:var(--bg); }
.archive-theme .combo-badge[data-tier] { background:var(--fg); color:var(--bg); border:2px double var(--bg); }
.archive-theme #end { font-family:'Courier New',monospace; }
.archive-theme #end .final-score { font-family:Georgia,serif; color:var(--fg); text-shadow:none; }
.archive-theme .btn-secondary { min-width:240px; min-height:58px; border-radius:0; background:var(--fg); color:var(--bg); border:4px double var(--bg); transform:rotate(-1deg); }

/* ================= SPECTRUM ================= */
.spectrum-theme #welcome { background:radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--accent) 75%,transparent) 0 12%,transparent 12.5%),var(--bg); }
.spectrum-theme .welcome-grid { display:block; position:relative; top:68px; max-width:980px; min-height:560px; }
.spectrum-theme .welcome-left { position:relative; z-index:2; width:62%; align-items:flex-start; gap:19px; padding-top:32px; transform:rotate(-1deg); }
.spectrum-theme .welcome-right { position:absolute; z-index:1; width:45%; right:0; top:50%; transform:translateY(-50%) rotate(2deg); }
.spectrum-theme .logo { font-family:Arial,Helvetica,sans-serif; color:var(--fg); text-shadow:none; font-size:clamp(72px,10vw,116px); line-height:.75; letter-spacing:-7px; transform:none; white-space:nowrap; }
.spectrum-theme .logo .or { display:inline-block; margin:0 8px; color:var(--accent); opacity:1; font:italic .36em Georgia,serif; line-height:1; vertical-align:baseline; transform:none; }
.spectrum-theme .logo .lab-dot { color:var(--accent); }
.spectrum-theme .tagline { padding:7px 10px; background:var(--fg); color:var(--bg); opacity:1; letter-spacing:2px; transform:rotate(2deg); }
.spectrum-theme .btn-primary { width:220px; height:220px; min-height:220px; padding:20px; align-self:flex-start; border:2px solid var(--fg); border-radius:50%; color:var(--fg); box-shadow:9px 9px 0 var(--fg); transform:rotate(-4deg); font-size:24px; }
.spectrum-theme .btn-primary:active { transform:translate(4px,4px); box-shadow:2px 2px 0 var(--fg); }
.spectrum-theme .btn-endless { width:210px; min-height:58px; margin-left:24px; padding:10px 14px; align-self:flex-start; background:var(--bg-elevated); border:2px solid var(--fg); border-radius:4px; color:var(--fg); box-shadow:4px 4px 0 var(--fg); transform:rotate(3deg); font-size:10px; }
.spectrum-theme .leaderboard-mini { border:2px solid var(--fg); border-radius:8px; background:var(--bg-elevated); box-shadow:7px 7px 0 var(--fg); transform:rotate(1deg); }
.spectrum-theme .leaderboard-mini h3 { color:var(--fg); }
.spectrum-theme .image-stage { border:3px solid var(--fg); border-radius:12px; box-shadow:7px 7px 0 var(--fg); transform:rotate(-.4deg); }
.spectrum-theme .choice-row { gap:12px; }
.spectrum-theme .btn-choice { min-height:108px; border:2px solid var(--fg); border-radius:999px; color:var(--fg); box-shadow:4px 4px 0 var(--fg); }
.spectrum-theme .btn-choice:first-child { background:var(--accent); }
.spectrum-theme .btn-choice:last-child { background:var(--bg-elevated); }
.spectrum-theme .btn-choice:active { transform:translate(3px,3px); box-shadow:1px 1px 0 var(--fg); }
.spectrum-theme .combo-badge[data-tier] { background:var(--fg); color:var(--bg); border:2px solid var(--bg); }
.spectrum-theme #end .final-score { color:var(--fg); text-shadow:4px 4px 0 var(--accent); transform:rotate(-2deg); }
.spectrum-theme .stat-card { background:var(--bg-elevated); border:2px solid var(--fg); border-radius:8px; padding:12px 8px; }
.spectrum-theme .btn-secondary { min-width:300px; min-height:82px; border:2px solid var(--fg); border-radius:999px; background:var(--accent); color:var(--fg); box-shadow:5px 5px 0 var(--fg); transform:rotate(-1deg); }

/* ================= ORBIT ================= */
.orbit-theme { font-family:'JetBrains Mono',monospace; }
.orbit-theme #welcome { background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--accent) 10%,transparent) 0 19%,transparent 19.5%),radial-gradient(circle at 50% 48%,transparent 0 34%,color-mix(in srgb,var(--accent) 9%,transparent) 34.3% 34.7%,transparent 35%),var(--bg); }
.orbit-theme #welcome::before { content:''; position:absolute; width:min(72vw,760px); aspect-ratio:1; left:50%; top:50%; translate:-50% -50%; border:1px solid color-mix(in srgb,var(--accent) 28%,transparent); border-radius:50%; pointer-events:none; box-shadow:0 0 80px color-mix(in srgb,var(--accent) 8%,transparent); }
.orbit-theme #welcome::after { content:'ORBIT / VISUAL AUTHENTICATION SYSTEM'; position:absolute; left:32px; bottom:24px; color:var(--accent); opacity:.7; font-size:9px; letter-spacing:3px; }
.orbit-theme .welcome-grid { position:relative; z-index:1; max-width:980px; grid-template-columns:1.1fr .9fr; gap:72px; }
.orbit-theme .welcome-left { align-items:center; text-align:center; gap:18px; }
.orbit-theme .welcome-right { justify-content:center; }
.orbit-theme .logo { font-family:Arial,Helvetica,sans-serif; font-size:clamp(72px,8vw,106px); line-height:.8; letter-spacing:-7px; color:var(--fg); text-shadow:0 0 32px color-mix(in srgb,var(--accent) 24%,transparent); white-space:nowrap; }
.orbit-theme .logo .or { display:inline-block; margin:0 10px; color:var(--accent); opacity:1; font:400 .22em 'JetBrains Mono',monospace; letter-spacing:2px; vertical-align:middle; }
.orbit-theme .logo .lab-dot { color:var(--accent); }
.orbit-theme .tagline { color:var(--accent); opacity:1; padding:6px 15px; border:1px solid color-mix(in srgb,var(--accent) 55%,transparent); border-radius:999px; letter-spacing:4px; }
.orbit-theme .btn-primary { width:260px; height:150px; min-height:150px; align-self:center; border:2px solid var(--accent); border-radius:50%; background:color-mix(in srgb,var(--accent) 10%,transparent); color:var(--fg); box-shadow:0 0 0 12px color-mix(in srgb,var(--accent) 7%,transparent),0 0 44px color-mix(in srgb,var(--accent) 22%,transparent); font-size:22px; }
.orbit-theme .btn-primary::before { content:'◌'; margin-right:12px; color:var(--accent); }
.orbit-theme .btn-endless { width:240px; min-height:48px; align-self:center; border:1px solid var(--accent); border-radius:999px; background:var(--bg); color:var(--accent); font-size:10px; letter-spacing:2px; }
.orbit-theme .leaderboard-mini { border:1px solid color-mix(in srgb,var(--accent) 65%,transparent); border-radius:48% 48% 18px 18px / 18% 18% 18px 18px; background:color-mix(in srgb,var(--bg-elevated) 80%,transparent); box-shadow:inset 0 0 40px color-mix(in srgb,var(--accent) 7%,transparent),0 0 40px color-mix(in srgb,var(--accent) 10%,transparent); }
.orbit-theme .leaderboard-mini h3,.orbit-theme .timer,.orbit-theme .combo-badge { color:var(--accent); }
.orbit-theme .combo-badge[data-tier] { background:var(--accent); color:var(--bg); border:1px solid var(--fg); }
.orbit-theme .leaderboard-mini .row { border-bottom:1px solid color-mix(in srgb,var(--accent) 18%,transparent); }
.orbit-theme .image-stage { border:2px solid var(--accent); border-radius:8px; box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 7%,transparent),0 0 42px color-mix(in srgb,var(--accent) 15%,transparent); }
.orbit-theme .image-stage img { clip-path:none; }
.orbit-theme .btn-choice { min-height:82px; border:1px solid var(--accent); border-radius:999px; background:color-mix(in srgb,var(--accent) 7%,transparent); color:var(--fg); }
.orbit-theme .btn-choice:active { background:var(--accent); color:var(--bg); }
.orbit-theme #end .final-score { color:var(--accent); text-shadow:0 0 28px color-mix(in srgb,var(--accent) 42%,transparent); }
.orbit-theme .stat-card { border-top:1px solid color-mix(in srgb,var(--accent) 48%,transparent); padding-top:12px; }
.orbit-theme .btn-secondary { min-width:290px; min-height:64px; border:1px solid var(--accent); border-radius:999px; background:color-mix(in srgb,var(--accent) 12%,transparent); color:var(--accent); box-shadow:0 0 28px color-mix(in srgb,var(--accent) 16%,transparent); }

@media(max-width:720px){
  .signal-theme .welcome-grid,.archive-theme .welcome-grid,.spectrum-theme .welcome-grid,.orbit-theme .welcome-grid { grid-template-columns:1fr; }
  .signal-theme .welcome-grid { display:grid; }
  .signal-theme .welcome-left { order:1; }
  .signal-theme .welcome-right { order:2; }
  .signal-theme .welcome-left,.archive-theme .welcome-left,.spectrum-theme .welcome-left,.orbit-theme .welcome-left { position:relative; width:100%; padding:0 16px; border-left:0; transform:none; }
  .archive-theme .welcome-left { display:flex; }
  .archive-theme .welcome-right { display:none; }
  .spectrum-theme .welcome-grid { display:block; min-height:0; }
  .spectrum-theme .welcome-right,.orbit-theme .welcome-right { display:none; }
  .signal-theme .logo,.archive-theme .logo,.spectrum-theme .logo,.orbit-theme .logo { font-size:clamp(68px,21vw,104px); }
  .signal-theme .btn-endless,.spectrum-theme .btn-primary,.spectrum-theme .btn-endless,.orbit-theme .btn-primary,.orbit-theme .btn-endless { width:100%; min-width:0; margin-left:0; align-self:stretch; }
  .spectrum-theme .welcome-grid { top:28px; }
  .spectrum-theme .btn-primary { height:auto; min-height:92px; border-radius:999px; font-size:22px; }
  .spectrum-theme .btn-endless { margin-top:10px; }
  .signal-theme .btn-primary { min-height:78px; }
  .archive-theme .btn-endless { width:100%; }
  .orbit-theme .btn-primary { height:auto; min-height:108px; border-radius:999px; }
  .signal-theme .btn-secondary,.archive-theme .btn-secondary,.spectrum-theme .btn-secondary,.orbit-theme .btn-secondary { min-width:0; width:100%; }
  .signal-theme .image-stage { border-radius:8px; }
  .signal-theme .image-stage img { clip-path:none; }
  .archive-theme #welcome::before { display:none; }
  .orbit-theme #welcome::after { display:none; }
}