/* GamyFy's landing skin "arcade" (chip showcase.page skin): a warm coral-to-violet board with sunny accents, the colours of the
   dice mark. Every rule is scoped to [data-skin="arcade"], so this sheet does nothing anywhere else. Loaded on every page by
   app.py _ui_sizes, after static/showcase.css (the shared boilerplate, which has no arcade skin of its own). */
:root[data-skin="arcade"] {
  --ink: #1b1238; --ink-2: #3d3363; --ink-3: #635a86;
  --paper: #fff8f3; --paper-2: #fdeee6; --card: #ffffff; --line: #f0dfd6;
  --night: #170c33; --night-2: #2a1159; --night-3: #45218a; --on-night: #fff6ef; --on-night-2: #d9c9f2;
  --brand: #e2457a; --brand-2: #6d4bf2; --kite: #e2457a; --saffron: #ffc23d; --teal: #11a683; --sky: #6d4bf2;
  --radius: 18px; --radius-s: 12px;
}
@media (prefers-color-scheme: dark) {
  :root[data-skin="arcade"]:not([data-theme="light"]) { --ink: #f6f0ff; --ink-2: #d6cbef; --ink-3: #ad9fd2; --paper: #120a29; --paper-2: #1a0f3a; --card: #221548; --line: #382665; }
}
:root[data-skin="arcade"][data-theme="dark"] { --ink: #f6f0ff; --ink-2: #d6cbef; --ink-3: #ad9fd2; --paper: #120a29; --paper-2: #1a0f3a; --card: #221548; --line: #382665; }
[data-skin="arcade"] body { background: var(--paper); }
[data-skin="arcade"] h1, [data-skin="arcade"] h2 { letter-spacing: -.03em; font-weight: 850; }
[data-skin="arcade"] .hero { background: radial-gradient(900px 520px at 88% -10%, rgba(255, 122, 89, .45), transparent 60%),
  radial-gradient(720px 460px at 0% 100%, rgba(255, 194, 61, .2), transparent 58%), linear-gradient(165deg, #2a1159, #170c33 72%); }
[data-skin="arcade"] .hero h1 em { background: linear-gradient(100deg, #ffd36b, #ff7a59 50%, #ff9bc0); -webkit-background-clip: text; background-clip: text; color: transparent; }
[data-skin="arcade"] .btn { border-radius: 999px; }
[data-skin="arcade"] .btn.primary { background: linear-gradient(135deg, #ff7a59, #e2457a 55%, #6d4bf2); box-shadow: 0 12px 28px -12px rgba(226, 69, 122, .95); color: #fff; }
[data-skin="arcade"] .btn.primary:hover { filter: brightness(1.06); }
[data-skin="arcade"] .stat b { background: linear-gradient(120deg, #fff, #ffc23d); -webkit-background-clip: text; background-clip: text; color: transparent; }
[data-skin="arcade"] .top.solid { background: rgba(23, 12, 51, .92); }
[data-skin="arcade"] .cta { background: radial-gradient(900px 420px at 50% 0%, rgba(226, 69, 122, .38), transparent 60%), linear-gradient(160deg, #2a1159, #170c33); }
[data-skin="arcade"] .cta svg.sky { display: none; }
[data-skin="arcade"] .b0 { background: linear-gradient(135deg, #ff7a59, #e2457a); }
[data-skin="arcade"] .b1 { background: linear-gradient(135deg, #6d4bf2, #9b7dff); }
[data-skin="arcade"] .b2 { background: linear-gradient(135deg, #0e8f70, #2fd0a5); }
[data-skin="arcade"] .b3 { background: linear-gradient(135deg, #e09a00, #ffc23d); }
[data-skin="arcade"] .pillars .card::after { background: radial-gradient(circle, rgba(255, 122, 89, .16), transparent 70%); }
[data-skin="arcade"] .card { border-radius: var(--radius); }
[data-skin="arcade"] .desk.pick { border-color: #e2457a; }
[data-skin="arcade"] .ribbon { background: linear-gradient(135deg, #ff7a59, #e2457a); }
[data-skin="arcade"] .brand .word { display: block; white-space: nowrap; }
[data-skin="arcade"] .brand .fy { display: inline; font: inherit; color: #ffc23d; margin: 0; letter-spacing: inherit; text-transform: none; }
[data-skin="arcade"] .art .gf-art { width: 100%; height: auto; max-width: 520px; display: block; margin: 0 auto; }