/* Dark theme. Generated by scripts/dark-css.mjs from main.css - do not edit by hand. */
html[data-theme="dark"] {
  color-scheme: dark;
  --paper: #0a0f2e; --paper-2: #10173f; --card: #141c48; --sunk: #1a2356;
  --ink: #f3f6ff; --ink-2: #c8d0f0; --muted: #8f9acb; --faint: #5f6a9c;
  --line: #233063; --line-2: #2f3d7a; --edge: rgba(140, 165, 255, .16); --blue: #7fb4ff; --good: #3fe0a0; --bad: #ff6b6f;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, .35), 0 8px 22px -10px rgba(0, 0, 0, .6); --shadow-2: 0 2px 4px rgba(0, 0, 0, .35), 0 20px 44px -16px rgba(0, 0, 0, .75);
  --shade: #050713;
}
html[data-theme="dark"] body { background-color: var(--paper); color: var(--ink); }
html[data-theme="dark"] img, html[data-theme="dark"] .art { filter: none; }
html[data-theme="dark"] .notice { background: #2d355b; }
html[data-theme="dark"] .skeleton::after { background: linear-gradient(90deg, transparent, rgba(34, 31, 63, .6), transparent); }
html[data-theme="dark"] .skeleton-lines::after { background: linear-gradient(90deg, transparent, rgba(34, 31, 63, .6), transparent); }
html[data-theme="dark"] .skeleton-row td::after { background: linear-gradient(90deg, transparent, rgba(34, 31, 63, .6), transparent); }
html[data-theme="dark"] .segmented button:not(.active):hover { background: rgba(34, 31, 63, .5); }
html[data-theme="dark"] .wr-streak.hot { background: #404565; }
html[data-theme="dark"] .wr-scores li.me { background: #404565; }
html[data-theme="dark"] .score-table li.me { background: #404565; }
html[data-theme="dark"] .guide-list.tips li::before { background: #2d355b; }
html[data-theme="dark"] .rank-table tr.me { background: #404565; }
html[data-theme="dark"] .game-picker input:checked + span { background: #404565; }
html[data-theme="dark"] .invite { background: #404565; }
html[data-theme="dark"] .form-error { background: #3f4064; }
html[data-theme="dark"] .check-list li::before { background: #2d355b; }
html[data-theme="dark"] .recent.win .outcome-pill { background: #2c355a; }
html[data-theme="dark"] .recent.loss .outcome-pill { background: #3f4064; }
html[data-theme="dark"] .btn-secondary { --bg: #30375e; }
html[data-theme="dark"] .guest-note { background: #30375e; }
html[data-theme="dark"] .mode-card.mode-primary { background: #414562; }
html[data-theme="dark"] .mode-card { background: #30375e; }
html[data-theme="dark"] .segmented { background: #30375e; }
html[data-theme="dark"] .site-header { background: #30375e; }
html[data-theme="dark"] .title-kicker { background: #30375e; }
html[data-theme="dark"] .title-tagline { background: rgba(34, 31, 63, .75); }
html[data-theme="dark"] .player-card { background: #30375e; }
html[data-theme="dark"] .points li { background: #30375e; }
html[data-theme="dark"] .points li:nth-child(3) svg { background: #29425d; }
html[data-theme="dark"] .pl { background: #30375e; }
html[data-theme="dark"] .ship-sprite::before { background: linear-gradient(#2d355c, #b9c0cb); }
html[data-theme="dark"] .bubble { background: rgba(34, 31, 63, .3); }
html[data-theme="dark"] .particle.splash { background: #30375e; }
html[data-theme="dark"] .fx-boom::before { background: radial-gradient(circle, #30375e 0 12%, #414153 13% 30%, rgba(255,92,57,.8) 31% 50%, transparent 52%); }
html[data-theme="dark"] .bs-panel { background: #30375e; }
html[data-theme="dark"] .wr-meter { background: #30375e; }
html[data-theme="dark"] .wr-side { background: #30375e; }
html[data-theme="dark"] .place-2 .step { background: #2c345c; }
html[data-theme="dark"] .speech { background: #30375e; }
html[data-theme="dark"] .speech::after { background: #30375e; }
html[data-theme="dark"] .daily-card { background: #30375e; }
html[data-theme="dark"] .daily-cal { background: #30375e; }
html[data-theme="dark"] .daily-status { background: #343f62; }
html[data-theme="dark"] .daily-done { background: #343f62; }
html[data-theme="dark"] .mode-card.mode-daily { background: #414562; }
html[data-theme="dark"] .xp-gain { background: #2f375d; }
html[data-theme="dark"] .level-coin { background: radial-gradient(circle at 35% 30%, #414153, var(--mustard) 60%); }
html[data-theme="dark"] .ach-medal { background: #343a5c; }
html[data-theme="dark"] .ach.got { background: #30375e; }
html[data-theme="dark"].entry-open .entry { background: linear-gradient(#4dbaff, #8fd8ff 60%, #35446d); }
html[data-theme="dark"] .entry-tag { background: rgba(34, 31, 63, .8); }
html[data-theme="dark"] .entry-step { background: #30375e; }
html[data-theme="dark"] .entry-langs a:hover { background: #30375e; }
html[data-theme="dark"] .entry-guest:hover { background: #413f49; }
html[data-theme="dark"] .entry-guest:active { box-shadow: 0 0 0 var(--shade); }
html[data-theme="dark"] .entry-chip { background: #30375e; }
html[data-theme="dark"] .ch-reset { background: #30375e; }
html[data-theme="dark"] .ch-streak { background: #30375e; }
html[data-theme="dark"] .ch-streak.hot { background: linear-gradient(120deg, #30375e 55%, #414562); }
html[data-theme="dark"] .ch-card { background: #30375e; }
html[data-theme="dark"] .ch-card.done { background: #2f375d; }
html[data-theme="dark"] .ch-bonus { background: #30375c; }
html[data-theme="dark"] .ch-reward-card.got { background: #30375e; }
html[data-theme="dark"] .result-challenges { background: #414562; }
html[data-theme="dark"] .live-strip { background: #30375e; }
html[data-theme="dark"] .rv-mini.side-1 { background: #30365c; }
html[data-theme="dark"] .hm-hearts { background: #30375e; }
html[data-theme="dark"] .hm-tile { background: #30375e; }
html[data-theme="dark"] .mode-card.mode-online { background: linear-gradient(160deg, #353f65, #30375e 65%); }
html[data-theme="dark"] .mode-rating { background: #30375e; }
html[data-theme="dark"] .mode-card.mode-practice .mode-icon { background: #2d355d; }
html[data-theme="dark"] .mm-card { background: #30375e; }
html[data-theme="dark"] .blip { background: #2c4863; }
html[data-theme="dark"] .radar-help { background: #414562; }
html[data-theme="dark"] .mode-tag { background: #30375e; }
html[data-theme="dark"] .mode-tag.tag-friends { background: #29425d; }
html[data-theme="dark"] .title-online { background: rgba(34, 31, 63, .85); }
html[data-theme="dark"] .social-card { background: #30375e; }
html[data-theme="dark"] .mini-radar i { background: #2c4863; }
html[data-theme="dark"] .my-clan { background: #414562; }
html[data-theme="dark"] .clan-row { background: #30375e; }
html[data-theme="dark"] .clan-row.top1 { background: #414664; }
html[data-theme="dark"] .clan-row.top2 { background: #2f365d; }
html[data-theme="dark"] .clan-row.top3 { background: #3a3e61; }
html[data-theme="dark"] .clan-empty { background: #30375e; }
html[data-theme="dark"] .pick[aria-checked="true"] { background: #414562; }
html[data-theme="dark"] .clan-head { background: #30375e; }
html[data-theme="dark"] .member.me { background: #414562; }
html[data-theme="dark"] .clan-badge { background: #30375e; }
html[data-theme="dark"] .rw-me-card { background: #30375e; }
html[data-theme="dark"] .rw-me-guest { background: #30375e; }
html[data-theme="dark"] .road-level { background: #30375e; }
html[data-theme="dark"] .road-stop.got .road-level { background: radial-gradient(circle at 35% 30%, #414153, var(--mustard) 60%); }
html[data-theme="dark"] .road-item { background: #30375e; }
html[data-theme="dark"] .rw-card.got { background: #30375e; }
html[data-theme="dark"] .bs-tabs button { background: #30375e; }
html[data-theme="dark"] .recent-card { background: #30375e; }
html[data-theme="dark"] .ra-checkers { background: #413d58; }
html[data-theme="dark"] .ra-reversi { background: #29425d; }
html[data-theme="dark"] .ra-dots { background: #413f49; }
html[data-theme="dark"] .ra-tic-tac-toe { background: #29425d; }
html[data-theme="dark"] .ra-word-rush { background: #413f49; }
html[data-theme="dark"] .dr-card { background: linear-gradient(180deg, #414664, #30375e 45%); }
html[data-theme="dark"] .dr-day.done { background: #364063; }
html[data-theme="dark"] .emote-tray { background: #30375e; }
html[data-theme="dark"] .emote-bubble { background: #30375e; }
html[data-theme="dark"] .emote-bubble::after { background: #30375e; }
html[data-theme="dark"] .online-pill { background: #30375e; }
html[data-theme="dark"] .search-btn { background: #30375e; }
html[data-theme="dark"] .search-card { background: #30375e; }
html[data-theme="dark"] .arc-level { background: #30375e; }
html[data-theme="dark"] .arc-level.done { background: #363f63; }
html[data-theme="dark"] .arc-screen { background: #33436d; }
html[data-theme="dark"] .arc-hud-item { background: rgba(34, 31, 63, .92); }
html[data-theme="dark"] .arc-pause { background: rgba(34, 31, 63, .92); }
html[data-theme="dark"] .arc-flash { background: #30375e; }
html[data-theme="dark"] .arc-flash.good { background: #29425d; }
html[data-theme="dark"] .arc-btn { background: #30375e; }
html[data-theme="dark"] .cp-opt { background: #30375e; }
html[data-theme="dark"] .cp-opt:hover:not(:disabled) { background: #414560; }
html[data-theme="dark"] .cp-opt.right { background: #29425d; }
html[data-theme="dark"] .arc-hint { background: rgba(34, 31, 63, .95); }
html[data-theme="dark"] .arc-talk { background: #30375e; }
html[data-theme="dark"] .arc-talk-face { background: #363f65; }
html[data-theme="dark"] .arc-hat { background: #30375e; }
html[data-theme="dark"] .qz-cat { background: #414560; }
html[data-theme="dark"] .qz-streak.hot { background: #414163; }
html[data-theme="dark"] .qz-person { background: #30375e; }
html[data-theme="dark"] .qz-person.me { background: #404565; }
html[data-theme="dark"] .qz-card { background: #30375e; }
html[data-theme="dark"] .qz-opt { background: #30375e; }
html[data-theme="dark"] .qz-opt:hover:not(:disabled) { background: #414560; }
html[data-theme="dark"] .qz-opt:active:not(:disabled) { box-shadow: 0 0 0 var(--shade); }
html[data-theme="dark"] .qz-opt.picked { background: #41435a; }
html[data-theme="dark"] .qz-opt.right { background: #29425d; }
html[data-theme="dark"] .qz-catbtn { background: #30375e; }
html[data-theme="dark"] .promo-card { background: linear-gradient(135deg, #30375e, #414560); }
html[data-theme="dark"] .promo-layer.is-live .promo-card { background: linear-gradient(135deg, #30375e, #384667); }
html[data-theme="dark"] .spin-main { background: radial-gradient(circle at 30% 20%, #3a3f60, #414163); }
html[data-theme="dark"] .spin-wheel .sw-xp { fill: var(--ink); }
html[data-theme="dark"] .spin-wheel .sw-unit { fill: var(--ink); }
html[data-theme="dark"] .spin-pointer::after { background: #30375e; }
html[data-theme="dark"] .spin-prizes li { background: #30375e; }
html[data-theme="dark"] .spin-prizes li.got { background: #363f63; }
html[data-theme="dark"] .side-game-missions.all-done { background: #363f63; }
html[data-theme="dark"] .ch-game { background: #30375e; }
html[data-theme="dark"] .ch-game.done { background: #363f63; }
html[data-theme="dark"] .qz-bubble .qz-card::before { background: #30375e; }
html[data-theme="dark"] .arc-worldbox.w-1 { background: linear-gradient(180deg, #33436d, #414562 70%); }
html[data-theme="dark"] .arc-worldbox.w-2 { background: linear-gradient(180deg, #384665, #324361); }
html[data-theme="dark"] .arc-worldbox.w-3 { background: linear-gradient(180deg, #333963, #b8afd9); }
html[data-theme="dark"] .arc-worldbox.w-4 { background: linear-gradient(180deg, #313961, #9fb0cf); }
html[data-theme="dark"] .arc-worldbox .arc-level { background: rgba(34, 31, 63, .9); }
html[data-theme="dark"] .arc-worldbox .arc-level.done { background: #363f63; }
html[data-theme="dark"] .game-title-art { background-color: color-mix(in srgb, var(--tile-bg, #2e355d) 45%, #2f365d); }
html[data-theme="dark"] .search-badge { background-color: color-mix(in srgb, var(--tile-bg, #2e355d) 45%, #2f365d); }
html[data-theme="dark"] .game-tile-art { background-image: linear-gradient(160deg, rgba(34, 31, 63, .5), rgba(255, 255, 255, 0) 65%); }
html[data-theme="dark"] .new-games-card { background: #30375e; }
html[data-theme="dark"] .ng-item { background: #30375e; }
html[data-theme="dark"] .sparks i { background: #37416d; }
html[data-theme="dark"] .game-tile-art::after { background: linear-gradient(115deg, transparent 30%, rgba(34, 31, 63, .35) 45%, transparent 60%) no-repeat; }
html[data-theme="dark"] .tidy-bubble { background: #30375e; }
@media (max-width: 560px) {
html[data-theme="dark"] .game-tile-links a { background: #30375e; }
html[data-theme="dark"] .game-tile:not(.game-tile-featured) .game-tile-links { background: #30375e; }
}
/* hand-made */
html[data-theme="dark"] .theme-btn .ico-sun { display: block; }
html[data-theme="dark"] .theme-btn .ico-moon { display: none; }
html[data-theme="dark"] .title-screen .cloud { opacity: .18; }
html[data-theme="dark"] .hills .h1 { fill: #22604a; }
html[data-theme="dark"] .hills .h2 { fill: #1a4a3a; }
html[data-theme="dark"] .hero2-spot { box-shadow: 0 0 0 1px rgba(255, 255, 255, .05), 0 18px 40px -14px rgba(0, 0, 0, .7); }
html[data-theme="dark"] .spot-body, html[data-theme="dark"] .qz-card, html[data-theme="dark"] .qz-bubble .qz-card::before, html[data-theme="dark"] .qz-opt, html[data-theme="dark"] .arc-hud-item, html[data-theme="dark"] .arc-pause { background: var(--card); color: var(--ink); }
html[data-theme="dark"] .qz-opt.picked { background: #6a5520; }
html[data-theme="dark"] .qz-opt.right { background: #1f7a52; }
html[data-theme="dark"] .qz-opt.wrong { background: #8a3324; }
html[data-theme="dark"] .arc-btn { background: var(--card); color: var(--ink); }
html[data-theme="dark"] .arc-btn.down { background: var(--mustard); color: #23203a; }
html[data-theme="dark"] .arc-worldbox .arc-level { background: rgba(22, 26, 51, .9); }
html[data-theme="dark"] .game-tile-art, html[data-theme="dark"] .ng-item .art, html[data-theme="dark"] .game-title-art { filter: saturate(.9) brightness(.92); }
html[data-theme="dark"] .site-footer { background: #070914; color: #e3e6f5; filter: none; border-top: 1px solid var(--edge); }
html[data-theme="dark"] body { background-image: radial-gradient(rgba(255, 255, 255, .045) 1.5px, transparent 2px); background-size: 26px 26px; }
html[data-theme="dark"] .btn-play, html[data-theme="dark"] .btn-yellow, html[data-theme="dark"] .spot-cta { --fg: #23203a; --bd: #07060f; color: #23203a; }
html[data-theme="dark"] .btn-primary { --bd: #07060f; }
html[data-theme="dark"] .cat-chip.active { background: #eef0fb; color: #0d1022; }
html[data-theme="dark"] .fc-card .btn-play { --bg: #0d1022; }
html[data-theme="dark"] .fc-card .btn-play { --fg: #fff; color: #fff; }
html[data-theme="dark"] body { background: radial-gradient(1100px 520px at 50% -8%, rgba(70, 100, 255, .28), transparent 70%), radial-gradient(800px 600px at 100% 40%, rgba(0, 200, 220, .1), transparent 60%), #0a0f2e; background-attachment: fixed; }
html[data-theme="dark"] .site-header { background: rgba(10, 15, 46, .82); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid rgba(140, 165, 255, .14); }
html[data-theme="dark"] .tabbar { background: rgba(10, 15, 46, .92); backdrop-filter: blur(12px); border-top: 1px solid rgba(140, 165, 255, .16); }
html[data-theme="dark"] .tabbar a.active, html[data-theme="dark"] .tabbar a[aria-current] { color: #ffd34d; }
html[data-theme="dark"] .game-tile, html[data-theme="dark"] .side-card, html[data-theme="dark"] .mode-card, html[data-theme="dark"] .board-card, html[data-theme="dark"] .daily-card, html[data-theme="dark"] .new-games-card, html[data-theme="dark"] .social-card, html[data-theme="dark"] .ch-card, html[data-theme="dark"] .info-card, html[data-theme="dark"] .guide, html[data-theme="dark"] .stat, html[data-theme="dark"] .ng-item, html[data-theme="dark"] .recent-card, html[data-theme="dark"] .result-card, html[data-theme="dark"] .modal-card, html[data-theme="dark"] .qz-card, html[data-theme="dark"] .qz-opt, html[data-theme="dark"] .rw-card, html[data-theme="dark"] .road-item, html[data-theme="dark"] .spin-main, html[data-theme="dark"] .promo-card { background: linear-gradient(180deg, rgba(36, 50, 120, .55), rgba(20, 28, 72, .85)); border: 1px solid rgba(140, 165, 255, .18); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 10px 30px -14px rgba(0, 0, 0, .7); }
html[data-theme="dark"] .game-tile:hover, html[data-theme="dark"] .ng-item:hover, html[data-theme="dark"] .social-card:hover { border-color: rgba(120, 170, 255, .55); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 0 0 1px rgba(120, 170, 255, .25), 0 18px 40px -14px rgba(40, 110, 255, .55); }
html[data-theme="dark"] .game-tile-art { background: radial-gradient(70% 80% at 50% 35%, color-mix(in srgb, var(--tile-bg, #3b6cf6) 70%, #ffffff 0%), color-mix(in srgb, var(--tile-bg, #3b6cf6) 45%, #0a0f2e) 75%); border-bottom: 1px solid rgba(140, 165, 255, .18); }
html[data-theme="dark"] .game-tile-art .art { filter: drop-shadow(0 10px 14px rgba(0, 0, 0, .35)); }
html[data-theme="dark"] .game-tile h3 a, html[data-theme="dark"] .game-tile h3 { color: #fff; }
html[data-theme="dark"] .new-ribbon { background: linear-gradient(90deg, #ff5a3c, #ff9a00); box-shadow: 0 0 14px rgba(255, 110, 40, .6); }
html[data-theme="dark"] .section-head h2::after { content: ''; display: block; height: 3px; width: 46px; margin-top: 8px; border-radius: 3px; background: linear-gradient(90deg, #ffbf1f, #ff5a3c); }
html[data-theme="dark"] .tidy-bubble { background: #fff; color: #10173f; }
html[data-theme="dark"] .spin-wheel .sw-xp, html[data-theme="dark"] .spin-wheel .sw-unit { fill: #23203a; }