:root { color-scheme: dark; }
html { scroll-behavior: smooth; }
body {
  background:
    radial-gradient(900px 520px at 82% -10%, rgba(239, 68, 68, .10), transparent 60%),
    radial-gradient(820px 480px at 5% 110%, rgba(34, 197, 94, .07), transparent 60%),
    #0b0d12;
  background-attachment: fixed;
}
.card { background: #161a24; border: 1px solid #272d3b; border-radius: 14px; }
.btn-primary {
  background: linear-gradient(180deg, #f87171, #dc2626);
  color: #1a0606; box-shadow: 0 10px 26px -10px rgba(239, 68, 68, .6);
}
.btn-primary:hover { filter: brightness(1.05); }
.lang-select {
  background: #11141c; color: #e2e8f0; border: 1px solid #272d3b;
  border-radius: 8px; padding: 7px 10px; font-size: .82rem; font-family: inherit; cursor: pointer;
}
.lang-select:focus { outline: 2px solid #ef4444; outline-offset: 1px; }
.preset-btn { cursor: pointer; }
.preset-btn:active { transform: translateY(1px); }

#game-wrap { aspect-ratio: 16 / 9; touch-action: none; }
#game { display: block; width: 100%; height: 100%; image-rendering: optimizeQuality; }

#touch-left, #touch-right { -webkit-tap-highlight-color: transparent; }
#touch-left:active, #touch-right:active { background: rgba(255,255,255,.04); }

.change-up { color: #ef4444; }   /* 涨 = red (China) */
.change-down { color: #22c55e; } /* 跌 = green (China) */

.hidden { display: none !important; }