html[data-mcjf-ui] {
  color-scheme: light;
  --bg: #f6f7f9;
  --bg-card: #fff;
  --bg-soft: #f0f2f5;
  --bg-sunken: #f7f8fa;
  --bg-tint: #fff4eb;
  --line: #e1e5e9;
  --line-soft: #edf0f3;
  --line-strong: #ccd3da;
  --ink: #20242a;
  --ink-2: #49525d;
  --muted: #737982;
  --accent: #ff6a20;
  --accent-strong: #e85b14;
  --accent-soft: rgba(255, 106, 32, .09);
  --r: 18px;
  --r-lg: 22px;
  --shadow-sm: 0 7px 22px -15px #343e4935;
  --shadow-md: 0 16px 32px -20px #80502a35;
  --sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  scroll-padding-top: 96px;
}
html[data-mcjf-ui] body { font-family: var(--sans); text-rendering: optimizeLegibility; }
html[data-mcjf-ui] :where(button, input, select, textarea) { font-family: inherit; }
html[data-mcjf-ui] :where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
  outline: 2px solid #b84e18;
  outline-offset: 4px;
}
html[data-mcjf-ui] :where(input, textarea, select):focus-visible { outline-offset: 2px; }
html[data-mcjf-ui] :where(button, a) { -webkit-tap-highlight-color: transparent; }
html[data-mcjf-ui] .top {
  background: rgba(248, 249, 251, .93);
  border-bottom-color: var(--line);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
html[data-mcjf-ui] :where(.btn, .act, .tlink, .nav-back, .more) {
  min-height: 44px;
  letter-spacing: .04em;
}
html[data-mcjf-ui] .btn.primary { box-shadow: 0 5px 14px -7px #ff6a2052; }
html[data-mcjf-ui] :where(.panel, .post, .save-card, .game-hero):hover { border-color: #e7c8b4; }
html[data-mcjf-ui] .btn:disabled { transform: none; }
html[data-mcjf-ui] .mega {
  background: #fdfdfef5;
  box-shadow: 0 24px 50px -34px #46525e55;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
html[data-mcjf-ui] .mega-mask { background: #dce1e66b; }
html[data-mcjf-ui] .mega a.mi:hover { background: #fff4eb; }
html[data-mcjf-ui] .mega a.mi .ico { background: linear-gradient(140deg, #fff9f3, #fff); border-color: #eedaca; }
html[data-mcjf-ui] .mega .mfoot { letter-spacing: .05em; }
html[data-mcjf-ui] .sec-head h2 { font-weight: 650; letter-spacing: -.03em; }
html[data-mcjf-ui] .sec-head .no { color: #b65828; }
html[data-mcjf-ui] .acct-mask { background: #dbe0e7b8; backdrop-filter: blur(7px); }
html[data-mcjf-ui] .acct { border-radius: 22px; border-color: #e1e5e9; background: #fffdfb; box-shadow: 0 24px 70px -30px #59636e66; }
html[data-mcjf-ui] .acct-hd h2 { font-weight: 650; }
html[data-mcjf-ui] .acct-tabs button.on { color: #a65424; background: #fff6ed; box-shadow: 0 1px 4px #b78c6620; }
html[data-mcjf-ui] .acct-x { width: 44px; height: 44px; }
html[data-mcjf-ui] .acct-hd { padding-right: 30px; }
html[data-mcjf-ui] #mcjfCookieBar,
html[data-mcjf-ui] #mcjfCookieModal {
  --ck-ink: #20242a;
  --ck-body: #49525d;
  --ck-muted: #737982;
  --ck-accent: #ff6a20;
}
html[data-mcjf-ui] #mcjfCookieBar {
  background: #fdfdfcf5;
  border-color: #e1e5e9;
  box-shadow: 0 18px 60px -32px #434c5655;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
html[data-mcjf-ui] #mcjfCookieBar::before { background: linear-gradient(90deg, transparent, #eacdb8, transparent); }
html[data-mcjf-ui] #mcjfCookieBar .cb-t,
html[data-mcjf-ui] #mcjfCookieModal h2,
html[data-mcjf-ui] #mcjfCookieModal h3 { font-weight: 650; }
html[data-mcjf-ui] .ck-btn.primary { background: #ff6a20; box-shadow: 0 4px 10px #ff6a201a; }
html[data-mcjf-ui] .ck-btn.primary:hover { background: #e85b14; }
html[data-mcjf-ui] #mcjfCookieModal .cm-mask { background: #d9dfe7b0; }
html[data-mcjf-ui] #mcjfCookieModal .cm-box { border: 1px solid #e1e5e9; box-shadow: 0 25px 90px -40px #434c5666; }
html[data-mcjf-ui] #mcjfCookieModal .cm-x { width: 40px; height: 40px; }
@media (max-width: 640px) {
  html[data-mcjf-ui] :where(.btn, .act, .tlink, .btn-sm, .nav-back, .more, .seg button, .mode-close, .mode-back, .btn-text, .ck-btn) { min-height: 44px; }
  html[data-mcjf-ui] #mcjfCookieModal .cm-x { width: 44px; height: 44px; }
  html[data-mcjf-ui] :where(input:not([type="checkbox"]):not([type="radio"]), textarea, select) { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-mcjf-ui], html[data-mcjf-ui] *, html[data-mcjf-ui] *::before, html[data-mcjf-ui] *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    animation-delay: -.01ms !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
  html[data-mcjf-ui] :where(.hero .eyebrow, .hero h1, .hero .sub, .hero .cta, .hero .stats, .reveal, .post) { opacity: 1 !important; transform: none !important; }
}