/* Player modules: readable controls, contained data tables, responsive reward geometry. */
.mk-inner {
  --inner-base: #121314;
  --inner-panel: #191a1b;
  --inner-border: #343434;
  --inner-text: #ffffff;
  --inner-muted: #bdc2ca;
  --inner-gold: #ffffff;
  --inner-action: #ffffff;
  --lk-bg: #0b0c0e;
  --lk-deep: #0b0c0e;
  --lk-panel: #191a1b;
  --lk-cyan: #ffffff;
  --lk-blue: #9aa4b3;
  --lk-silver: #ffffff;
  --lk-muted: #bdc2ca;
  --lk-gold: #ffffff;
  --lk-amber: #ffffff;
  --lk-line: #ffffff26;
}
.mk-inner .widget::after { background: none !important; box-shadow: none !important; }
.mk-inner .widget-title::after { background: #ffffff1a !important; }
.mk-inner .drop-search-form button { background: #fff !important; color: #101216 !important; border-color: #fff !important; }
.mk-inner .mk-download-intro { margin: 0 0 24px; padding: 23px; border: 1px solid #3c434d; border-radius: 8px; background: #22262c; }
.mk-inner .mk-download-intro strong { display: block; color: #fff; font-size: 20px; line-height: 1.4; }
.mk-inner .mk-download-intro p { max-width: 620px; color: #cbd1da; font-size: 14px; margin: 12px 0; }
.mk-inner .mk-download-intro a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; color: #fff; font-size: 13px; text-decoration: underline; text-underline-offset: 4px; }
.mk-inner .widget,
.mk-inner .auth-card,
.mk-inner .login-card,
.mk-inner .register-container,
.mk-inner .daily-wrapper,
.mk-inner .history-box {
  background: var(--inner-panel) !important;
  border-color: var(--inner-border) !important;
}
.mk-inner .widget { overflow: visible; min-width: 0; }
.mk-inner .widget-title {
  background: #202122 !important;
  border-color: var(--inner-border) !important;
  border-radius: 11px 11px 0 0;
  color: var(--inner-text) !important;
  letter-spacing: .02em;
}
.mk-inner .widget-body { overflow: visible; min-width: 0 !important; }
.mk-inner .register-form label,
.mk-inner .auth-form label,
.mk-inner .login-form label,
.mk-inner :is(.form-col,.form-group) > label { font-size: 13px !important; color: #cccccc !important; }
.mk-inner .register-note { color: #cccccc !important; background: #222324 !important; border-color: #404040 !important; }
.mk-inner input:not([type=hidden]):not([type=checkbox]):not([type=radio]),
.mk-inner select,
.mk-inner textarea {
  min-width: 0;
  background: var(--inner-base) !important;
  border-color: #454545 !important;
  color: var(--inner-text) !important;
  min-height: 46px;
}
.mk-inner :is(input,select,textarea)::placeholder { color: #9c9c9c; opacity: 1; }
.mk-inner :is(input,select,textarea):focus { border-color: var(--inner-action) !important; }
.mk-inner :is(a,button,input,select,textarea):focus-visible { outline: 2px solid var(--inner-action); outline-offset: 3px; }
.mk-inner :is(.register-submit,.btn-login-modern,.auth-submit,.submit-btn,.btn-register,.btn-login) {
  background: var(--inner-action) !important;
  color: #141414 !important;
  min-height: 46px;
}
.mk-inner :is(.filter-btn,.tab-btn,.btn-filter,.drop-tab-btn,.pus-page-btn,.pus-buy-btn,.tp-link,.s-btn,.btn-submit,.action-btn,.epic-btn,.alert-btn) {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.mk-inner :is(.filter-btn,.tab-btn,.btn-filter,.drop-tab-btn) {
  font-size: 13px !important;
  border-color: #424242 !important;
  color: #d1d1d1;
}
.mk-inner :is(.filter-btn,.tab-btn,.btn-filter,.drop-tab-btn).active {
  background: #363636 !important;
  border-color: var(--inner-gold) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
.mk-inner .drop-tab-btn { font: inherit; }
.mk-inner .drop-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.mk-inner .drop-search-form { background: #202122; border-color: var(--inner-border); }
.mk-inner .drop-search-form input { min-width: 0; }
.mk-inner .drop-search-form button { min-height: 46px; background: var(--inner-action); color: #141414; }
.mk-inner .form-col, .mk-inner .inp-group, .mk-inner .inp-field { min-width: 0; }
.mk-inner .rank-table-scroll,
.mk-inner .table-responsive,
.mk-inner .rank-table-wrapper,
.mk-inner .table-container,
.mk-inner .timeline-scroll {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  scrollbar-color: #737373 #202122;
}
.mk-inner .rank-table-scroll { border-radius: 8px; }
.mk-inner .full-rank-table { font-size: 13px !important; }
.mk-inner .full-rank-table th { color: #c4c4c4 !important; background: #222324 !important; }
.mk-inner .full-rank-table td { border-color: #333436 !important; }
.mk-inner .cp-table { table-layout: fixed; width: 100%; }
.mk-inner .cp-table td { overflow-wrap: anywhere; }
.mk-inner .stats-container { gap: 12px; }
.mk-inner .stat-box { min-width: 0; flex: 1 1 120px; padding: 16px 12px; background: #202122; border-color: #3d3d3d; }
.mk-inner .stat-title { color: var(--inner-muted); font-size: 12px; letter-spacing: .04em; }
.mk-inner .history-container { gap: 16px; }
.mk-inner .history-box { min-width: 0; flex: 1 1 280px; }
.mk-inner .history-header { background: #222324; border-color: #5b5b5b; color: #c4c4c4; }
.mk-inner .h-info { min-width: 0; overflow-wrap: anywhere; }
.mk-inner .h-date { font-size: 12px; color: var(--inner-muted); }
.mk-inner .spin-btn { max-width: 100%; white-space: normal; padding: 15px 28px; font-size: 18px; }
.mk-inner .wheel-stage {
  width: min(400px, calc(100% - 12px)) !important;
  height: auto !important;
  aspect-ratio: 1;
  container-type: inline-size;
}
.mk-inner .wheel-stage .wheel-wrapper { width: 100%; height: 100%; }
@supports (width: 1cqw) {
  .mk-inner .wheel-stage .wheel-wrapper { border-width: 3cqw; }
  .mk-inner .wheel-stage .wheel-item-content { width: 10cqw; left: -5cqw; top: -36.25cqw; transform-origin: 50% 36.25cqw; }
  .mk-inner .wheel-stage .wheel-item img { width: 8cqw; height: 8cqw; }
  .mk-inner .wheel-stage .wheel-item span { font-size: max(9px, 2.5cqw); }
  .mk-inner .wheel-stage .pointer { width: 12.5cqw; height: 15cqw; top: -6.25cqw; z-index: 5; }
  .mk-inner .wheel-stage .wheel-center-cap { width: 15cqw; height: 15cqw; font-size: 6cqw; border-width: 1cqw; z-index: 4; }
}
@supports not (width: 1cqw) {
  @media (max-width: 700px) {
    .mk-inner .wheel-stage { width: 240px !important; height: 240px !important; }
    .mk-inner .wheel-stage .wheel-wrapper { border-width: 7.2px; }
    .mk-inner .wheel-stage .wheel-item-content { width: 24px; left: -12px; top: -87px; transform-origin: 50% 87px; }
    .mk-inner .wheel-stage .wheel-item img { width: 19.2px; height: 19.2px; }
    .mk-inner .wheel-stage .pointer { width: 30px; height: 36px; top: -15px; z-index: 5; }
    .mk-inner .wheel-stage .wheel-center-cap { width: 36px; height: 36px; border-width: 2.4px; font-size: 14.4px; z-index: 4; }
  }
}
.mk-inner .epic-content,
.mk-inner .alert-content,
.mk-inner #alert-modal > div {
  max-width: calc(100vw - 32px) !important;
  max-height: calc(100dvh - 32px);
  overflow-wrap: anywhere;
  overflow-y: auto;
}
.mk-inner #alert-modal > div { background: #1b1c1d !important; border-color: #565656 !important; }
.mk-inner .epic-content { padding: 24px; }
.mk-inner .epic-ray { max-width: 100%; pointer-events: none; }
.mk-inner .epic-desc { line-height: 1.6; }
@media (max-width: 700px) {
  .mk-inner input:not([type=hidden]):not([type=checkbox]):not([type=radio]),
  .mk-inner select,
  .mk-inner textarea { font-size: 16px !important; }
  .mk-inner .widget-body { padding: 18px !important; }
  .mk-inner .widget-body:has(>.login-wrapper) { padding: 0 !important; }
  .mk-inner .rank-filters { padding: 12px !important; }
  .mk-inner .filter-row { gap: 8px; }
  .mk-inner :is(.filter-btn,.tab-btn,.btn-filter,.drop-tab-btn) { min-height: 44px !important; font-size: 13px !important; }
  .mk-inner .drop-search-form { flex-direction: column; padding: 12px; gap: 10px; }
  .mk-inner .drop-search-form input, .mk-inner .drop-search-form button { width: 100%; }
  .mk-inner .join-form { flex-direction: column; }
  .mk-inner .inp-group { width: 100%; }
  .mk-inner .btn-submit { min-height: 46px; padding: 12px 24px; }
  .mk-inner .main-stage { padding: 28px 12px; min-height: 300px; }
  .mk-inner .hero-card { padding: 24px 20px; max-width: 100%; }
  .mk-inner .hero-title { font-size: 20px; overflow-wrap: anywhere; }
  .mk-inner .hero-day { letter-spacing: .12em; }
  .mk-inner .action-btn { max-width: 100%; padding: 13px 24px; white-space: normal; }
  .mk-inner .epic-title { font-size: 28px; }
  .mk-inner .cp-table td { padding: 12px 8px; font-size: 13px; }
  .mk-inner .cp-table td:first-child { width: 40%; }
}