@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/anton-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/playfair-latin.woff2') format('woff2');
}
:root {
  --df-bg:            #050a12;
  --df-panel:         #0b141f;
  --df-panel-alt:     #080f19;
  --df-row:           #0d1725;
  --df-input:         #060e18;
  --df-line:          #16304f;
  --df-line-soft:     #112437;
  --df-line-strong:   #1d3a57;
  --df-text:          #c6d2de;
  --df-text-strong:   #ffffff;
  --df-muted:         #7b8ea4;
  --df-faint:         #4e5f73;
  --df-disabled:      #3d4b5c;
  --df-action:        #f5a623;
  --df-action-hi:     #ffbe52;
  --df-action-ink:    #1a1200;
  --df-amber:         #4db8ff;
  --df-amber-hi:      #8fd4ff;
  --df-amber-ink:     #04121c;
  --df-amber-bg:      #0b141f;
  --df-amber-line:    #16304f;
  --df-highlight-1:   #d24b3f;
  --df-highlight-1-bg: #1a0d0b;
  --df-highlight-1-line: #7a2a22;
  --df-highlight-2:   #5ec84f;
  --df-highlight-2-bg: #0e1a0c;
  --df-highlight-2-line: #3d6b36;
  --df-good:          #5ec84f;
  --df-good-bg:       #0e1a0c;
  --df-good-line:     #3d6b36;
  --df-bad:           #d24b3f;
  --df-bad-bg:        #1a0d0b;
  --df-bad-line:      #7a2a22;
  --df-violet:        #b07de0;
  --df-violet-bg:     #0d0812;
  --df-violet-line:   #3d2a52;
  --df-blue:          #6fb7ff;
  --df-blue-bg:       #0a0f14;
  --df-blue-line:     #2f4a6b;
  --df-auto:          #e0a042;
  --df-menu-1:        #0d1825;
  --df-menu-2:        #0a1220;
  --df-menu-hi:       #13253a;
  --df-menu-hi2:      #1a3350;
  --df-font:          Verdana, Geneva, Tahoma, sans-serif;
  --df-mono:          ui-monospace, "Cascadia Mono", Consolas, "Courier New", monospace;
  --df-display:       Anton, Impact, "Arial Narrow", sans-serif;
  --df-fs-micro:      8px;
  --df-fs-label:      9px;
  --df-fs-small:      10px;
  --df-fs-base:       11px;
  --df-fs-body:       12px;
  --df-fs-lead:       13px;
  --df-fs-num:        17px;
  --df-fs-num-lg:     26px;
  --df-track-label:   .14em;
  --df-1: 4px;  --df-2: 6px;  --df-3: 8px;  --df-4: 10px;
  --df-5: 12px; --df-6: 14px; --df-7: 18px; --df-8: 24px;
  --df-col-left:  206px;
  --df-col-right: 182px;
  --df-shell-max: 1280px;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: var(--df-bg); color: var(--df-text);
  font: 400 var(--df-fs-body)/1.5 var(--df-font);
  -webkit-font-smoothing: antialiased;
}
a { color: var(--df-amber); text-decoration: none; }
a:hover { color: var(--df-amber-hi); }
h1, h2, h3, h4 { margin: 0; font-weight: 700; }
table { border-collapse: collapse; width: 100%; }
img { max-width: 100%; display: block; }
.df-shell { max-width: var(--df-shell-max); margin: 0 auto; display: flex; align-items: stretch;
            border-left: 1px solid var(--df-line); border-right: 1px solid var(--df-line); }
.df-shell__left  { flex: 0 0 var(--df-col-left);  background: var(--df-panel-alt); border-right: 1px solid var(--df-line); }
.df-shell__main  { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; background: var(--df-menu-2); }
.df-shell__right { flex: 0 0 var(--df-col-right); background: var(--df-panel-alt); border-left: 1px solid var(--df-line); }
.df-shell__page  { flex: 1 1 auto; padding: var(--df-6); }
.df-banner { position: relative; display: flex; height: 118px; background: #000; border-bottom: 1px solid var(--df-line); }
.df-banner__word { position: relative; z-index: 2; flex: 1 1 auto; min-width: 0; padding: 16px 20px; display: flex; flex-direction: column; justify-content: center; }
.df-wordmark { font: 400 44px/.86 var(--df-display); color: var(--df-amber); text-transform: uppercase; }
.df-wordmark span { color: var(--df-text); }
.df-banner__img { flex: 0 0 340px; border-left: 1px solid var(--df-line); }
.df-banner__art {
  position: absolute; inset: 0; z-index: 0;
  width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;
}
.df-banner::after {
  content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(to right, #000 0%, rgba(0,0,0,.82) 38%, rgba(0,0,0,.15) 100%);
}
.df-banner__where {
  position: relative; z-index: 2;
  flex: 0 0 auto; align-self: flex-end;
  display: flex; align-items: baseline; gap: var(--df-3);
  padding: var(--df-3) var(--df-5);
}
.df-banner__label {
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: .12em; text-transform: uppercase; color: var(--df-muted);
}
.df-banner__city {
  font: 700 var(--df-fs-num)/1 var(--df-font);
  letter-spacing: .04em; color: var(--df-amber); text-decoration: none;
}
.df-bar { background: var(--df-amber); color: var(--df-amber-ink); padding: 5px var(--df-3);
          font: 700 var(--df-fs-small)/1 var(--df-font); letter-spacing: .1em; text-transform: uppercase;
          display: flex; justify-content: space-between; gap: var(--df-3); }
.df-bar--muted { background: var(--df-line-strong); color: var(--df-text); }
.df-bar--highlight-1 { background: var(--df-highlight-1); color: var(--df-cell); }
.df-bar--highlight-2 { background: var(--df-highlight-2); color: var(--df-cell); }
.df-bar__note { opacity: .65; font-weight: 400; }
.df-panel { border: 1px solid var(--df-line); background: var(--df-panel); }
.df-panel__body { padding: var(--df-6); }
.df-stack { display: flex; flex-direction: column; gap: var(--df-5); }
.df-nav { display: flex; flex-direction: column; padding: 7px 0 9px; border-bottom: 1px solid var(--df-line); }
.df-nav a, .df-nav span { display: flex; gap: var(--df-2); padding: var(--df-1) var(--df-4); font-size: var(--df-fs-base); }
.df-nav a:hover { background: #151208; text-decoration: none; }
.df-nav a::before, .df-nav span::before { content: "-"; color: var(--df-faint); }
.df-nav span { color: var(--df-disabled); }
.df-stats { padding: 9px 9px var(--df-5); border-bottom: 1px solid var(--df-line); }
.df-stat__label { font: 700 var(--df-fs-micro)/1 var(--df-font); letter-spacing: .16em; text-transform: uppercase; color: var(--df-muted); }
.df-stat__value { font: 400 var(--df-fs-num)/1.1 var(--df-mono); color: var(--df-text); margin-top: var(--df-1);
                  word-break: normal; overflow-wrap: anywhere; }
.df-stat__value--money { color: var(--df-amber); }
.df-money-box { border: 1px solid var(--df-line-soft); border-left: 3px solid var(--df-amber);
                background: var(--df-amber-bg); }
.df-money-box__row { display: flex; align-items: baseline; justify-content: space-between;
                     gap: var(--df-3); padding: var(--df-2) var(--df-3); }
.df-money-box__row + .df-money-box__row { border-top: 1px solid var(--df-line-soft); }
.df-money-box__value { font: 400 15px/1.2 var(--df-mono); color: var(--df-amber); word-break: break-all; }
.df-money-box__value--bank { color: var(--df-muted); }
.df-clock { font: 400 var(--df-fs-small)/1 var(--df-mono); color: var(--df-faint);
            border-top: 1px dotted #333; padding-top: 7px; margin-top: var(--df-5); }
.df-username { font: 700 14px/1.25 var(--df-font); color: var(--df-text-strong); word-break: break-all; }
.df-ident { display: flex; gap: var(--df-4); align-items: flex-start; position: relative; }
.df-ident__go { position: absolute; inset: 0; border: 0; }
.df-ident__city { position: relative; z-index: 1; }
.df-ident:hover .df-username { color: var(--df-amber); }
.df-ident__go:focus-visible { outline: 2px solid var(--df-amber-hi); outline-offset: -2px; }
.df-ident__initial { width: 38px; height: 38px; flex: 0 0 38px; border: 1px solid var(--df-amber);
                     background: #1c1505; color: var(--df-amber);
                     font: 400 20px/36px var(--df-display); text-align: center; }
.df-ident__who { min-width: 0; }
.df-ident__rank { font-size: var(--df-fs-small); color: var(--df-amber); margin-top: 3px; }
.df-ident__city { color: inherit; border-bottom: 1px dotted var(--df-faint); }
.df-ident__city:hover { color: var(--df-amber); border-bottom-color: var(--df-amber); text-decoration: none; }
.df-statline { display: flex; justify-content: space-between; font-size: var(--df-fs-small); color: var(--df-muted); }
.df-statline b { color: var(--df-text); font-weight: 400; }
.df-summary { display: flex; flex-wrap: wrap; border-top: 1px solid var(--df-line); }
.df-summary > div { flex: 1 1 140px; padding: 9px var(--df-5); border-right: 1px solid #242424; }
.df-summary > div:last-child { border-right: 0; }
.df-bar-track { height: 11px; background: #171717; border: 1px solid var(--df-line-strong); position: relative; overflow: hidden; }
.df-bar-track--sm { height: 6px; }
.df-bar-track--lg { height: 12px; }
.df-bar-fill { height: 100%; background: var(--df-amber); }
.df-bar-fill--health { background: var(--df-good); }
.df-bar-value { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
                font: 700 var(--df-fs-micro)/1 var(--df-mono); color: #e8e2d8; text-shadow: 0 0 3px #000; }
.df-table th { text-align: left; padding: 7px var(--df-4); border-bottom: 1px solid var(--df-line); background: var(--df-cell);
               font: 700 var(--df-fs-label)/1 var(--df-font); letter-spacing: var(--df-track-label);
               text-transform: uppercase; color: var(--df-muted); }
.df-table td { padding: 9px var(--df-4); border-bottom: 1px solid var(--df-line-soft); font-size: var(--df-fs-body); }
.df-table tbody tr:last-child td { border-bottom: 0; }
.df-table .df-num { font-family: var(--df-mono); text-align: right; white-space: nowrap; }
.df-table .df-num--cash { color: var(--df-amber); }
.df-table .df-num--xp { color: var(--df-muted); }
.df-table__scroll { overflow-x: auto; }
.df-table--min { min-width: 560px; }
.df-row--locked td { color: var(--df-faint); }
.df-row--locked .df-num { color: var(--df-faint); }
.df-locked { display: inline-block; border: 1px dashed var(--df-line-strong); background: var(--df-panel);
             color: var(--df-faint); font: 700 var(--df-fs-label)/1 var(--df-font); letter-spacing: .08em;
             text-transform: uppercase; padding: var(--df-3) var(--df-4); white-space: nowrap; }
.df-btn { border: 1px solid var(--df-action); background: var(--df-action); color: var(--df-action-ink);
          font: 700 var(--df-fs-small)/1 var(--df-font); letter-spacing: .12em; text-transform: uppercase;
          padding: var(--df-3) var(--df-6); cursor: pointer; }
.df-btn:hover { background: var(--df-action-hi); border-color: var(--df-action-hi); }
.df-btn--block { display: block; width: 100%; padding: 11px var(--df-4); font-size: var(--df-fs-body); letter-spacing: var(--df-track-label); text-align: center; }
.df-btn--ghost { background: #151515; border-color: var(--df-line-strong); color: var(--df-muted); }
.df-btn--danger { background: var(--df-bad-bg); border-color: var(--df-bad-line); color: var(--df-bad); }
.df-btn[disabled], .df-btn--wait { background: #151515; border-color: var(--df-line-strong); color: var(--df-faint); cursor: not-allowed; }
form.df-inline { margin: 0; display: inline; }
.df-btn.is-submitting { opacity: .6; pointer-events: none; }
.df-badge { display: inline-block; font: 700 var(--df-fs-label)/1 var(--df-font); letter-spacing: .1em; padding: 5px var(--df-3); }
.df-badge--current  { background: var(--df-amber); color: var(--df-amber-ink); }
.df-badge--unlocked { border: 1px solid var(--df-good-line); color: var(--df-good); }
.df-badge--locked   { border: 1px solid var(--df-line-strong); color: var(--df-faint); }
.df-badge--soon     { border: 1px solid var(--df-line-strong); color: var(--df-faint); font-family: var(--df-mono); font-weight: 400; font-size: var(--df-fs-micro); }
.df-rank { width: 22px; height: 22px; flex: 0 0 22px; text-align: center; border: 1px solid var(--df-line-strong);
           color: var(--df-faint); font: 400 var(--df-fs-base)/20px var(--df-mono); }
.df-rank--done    { border-color: var(--df-good-line); color: var(--df-good); }
.df-rank--current { border-color: var(--df-amber); background: var(--df-amber); color: var(--df-amber-ink); font-weight: 700; }
.df-tr--done    td:first-child { border-left: 3px solid var(--df-good-line); }
.df-tr--current td { background: #141002; }
.df-tr--current td:first-child { border-left: 3px solid var(--df-amber); }
.df-tr--locked  td:first-child { border-left: 3px solid #242424; }
.df-msg { border: 1px solid var(--df-line); border-left: 4px solid var(--df-muted); background: #0c1521;
          padding: 11px var(--df-6); display: flex; gap: var(--df-4); align-items: flex-start; }
.df-msg__title { font: 700 var(--df-fs-label)/1 var(--df-font); letter-spacing: .16em; text-transform: uppercase; color: var(--df-muted); }
.df-msg__body { font-size: var(--df-fs-body); color: var(--df-text); margin-top: var(--df-2); line-height: 1.5; }
.df-msg--reward  { border-color: var(--df-good-line); border-left-color: var(--df-good); background: var(--df-good-bg); }
.df-msg--reward .df-msg__title { color: var(--df-good); }
.df-msg--warn    { border-color: var(--df-line-strong); border-left-color: var(--df-muted); }
.df-msg--bad     { border: 1px dashed var(--df-bad-line); border-left: 4px solid var(--df-bad); background: #150a09; }
.df-msg--bad .df-msg__title { color: var(--df-bad); }
.df-msg--error   { border: 1px solid var(--df-bad-line); border-left: 3px solid var(--df-bad); background: var(--df-bad-bg); color: #e0b3ac; }
.df-gain { border: 1px solid var(--df-good-line); background: #0a1408; color: var(--df-good);
           font: 400 20px/1.1 var(--df-mono); padding: 7px 13px; text-align: right; }
.df-promo { border: 2px solid var(--df-amber); background: #120e04; animation: df-pulse 2.4s ease-out infinite; }
.df-promo__title { font: 400 34px/.95 var(--df-display); color: var(--df-amber); text-transform: uppercase; }
.df-promo__rank { width: 64px; height: 64px; flex: 0 0 64px; border: 1px solid var(--df-amber); background: #1c1505;
                  color: var(--df-amber); font: 400 30px/62px var(--df-display); text-align: center; }
@keyframes df-pulse { 0%,100% { box-shadow: 0 0 0 0 rgba(240,165,0,.55); } 50% { box-shadow: 0 0 0 7px rgba(240,165,0,0); } }
@media (prefers-reduced-motion: reduce) { .df-promo { animation: none; } .df-dot { animation: none; } }
.df-cooldown { border: 1px solid var(--df-amber-line); background: var(--df-amber-bg); padding: 11px var(--df-6); }
.df-cooldown__head { display: flex; flex-wrap: wrap; gap: var(--df-5); align-items: center; justify-content: space-between; }
.df-cooldown__time { font: 400 var(--df-fs-num-lg)/1 var(--df-mono); color: var(--df-amber); }
.df-dot { width: 8px; height: 8px; background: var(--df-amber); display: block; animation: df-blink 1s steps(1) infinite; }
@keyframes df-blink { 0%,49% { opacity: 1; } 50%,100% { opacity: .15; } }
.df-ticker { display: flex; align-items: stretch; border-bottom: 1px solid var(--df-line); background: #0f0f0f; }
.df-ticker__tag { background: var(--df-amber); color: var(--df-amber-ink); display: flex; align-items: center; padding: 0 9px;
                  font: 700 var(--df-fs-label)/1 var(--df-font); letter-spacing: .12em; text-transform: uppercase; }
.df-ticker__item { flex: 1 1 auto; min-width: 0; padding: 7px 11px; font-size: var(--df-fs-base);
                   white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.df-ticker__dots { display: flex; align-items: center; gap: var(--df-1); padding: 0 9px; }
.df-ticker__dots i { width: 5px; height: 5px; background: var(--df-line-strong); display: block; }
.df-ticker__dots i.is-on { background: var(--df-amber); }
.df-ticker--nojs .df-ticker__item { white-space: normal; }
.df-crawl { display: flex; align-items: stretch; border-bottom: 1px solid var(--df-line);
            background: #0f0f0f; overflow: hidden; }
.df-crawl__tag { background: var(--df-amber); color: var(--df-amber-ink); display: flex; align-items: center;
                 gap: 5px; padding: 0 9px; flex: 0 0 auto;
                 font: 700 var(--df-fs-label)/1 var(--df-font); letter-spacing: .12em; text-transform: uppercase; }
.df-crawl--live .df-crawl__tag { background: var(--df-bad); color: #fff; }
.df-crawl__dot { width: 6px; height: 6px; border-radius: 50%; background: #fff; display: block;
                 animation: df-livepulse 1.8s ease-in-out infinite; }
@keyframes df-livepulse { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .3; transform: scale(.65); } }
.df-crawl__win { flex: 1 1 auto; min-width: 0; overflow: hidden; }
.df-crawl__run { display: inline-flex; align-items: center; white-space: nowrap; padding: 7px 0;
                 animation-name: df-crawl; animation-timing-function: linear; animation-iteration-count: infinite; }
@keyframes df-crawl { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.df-crawl:hover .df-crawl__run,
.df-crawl:focus-within .df-crawl__run { animation-play-state: paused; }
.df-crawl__item { padding: 0 13px; font-size: var(--df-fs-base); }
.df-crawl__sep { color: var(--df-amber); font-style: normal; opacity: .55; font-size: 8px; }
.df-crawl__ago { font-style: normal; color: var(--df-faint); font-size: var(--df-fs-label); margin-left: 6px; }
.df-crawl__item.is-breaking { color: #f3ded9; }
.df-crawl__flag { background: var(--df-bad); color: #fff; padding: 2px 5px; margin-right: 7px;
                  font: 700 var(--df-fs-label)/1 var(--df-font); letter-spacing: .13em; text-transform: uppercase; }
@media (prefers-reduced-motion: reduce) {
  .df-crawl__run  { animation: none; }
  .df-crawl__dot  { animation: none; }
  .df-crawl__dup  { display: none; }
  .df-crawl__win  { overflow-x: auto; scrollbar-width: none; }
  .df-crawl__win::-webkit-scrollbar { display: none; }
}
.df-online { border-top: 1px solid var(--df-line); background: var(--df-panel-alt); display: flex; align-items: stretch; }
.df-online__tag { background: var(--df-amber); color: var(--df-amber-ink); display: flex; align-items: center; padding: 0 9px;
                  white-space: nowrap; font: 700 var(--df-fs-label)/1 var(--df-font); letter-spacing: .12em; text-transform: uppercase; }
.df-online__list { flex: 1 1 auto; min-width: 0; padding: 7px 11px; font-size: var(--df-fs-base);
                   color: var(--df-faint); line-height: 1.9; word-break: break-all; }
.df-online__list .sep { color: #3d3a35; }
.df-auth { max-width: 380px; margin: 44px auto; }
.df-auth__head { background: #000; border-bottom: 1px solid var(--df-line); padding: 22px 20px 16px; text-align: center; }
.df-auth__sub { font: 400 var(--df-fs-label)/1 var(--df-mono); color: var(--df-muted); letter-spacing: .22em; text-transform: uppercase; margin-top: 9px; }
.df-field { display: flex; flex-direction: column; gap: 5px; }
.df-field > span { font: 700 var(--df-fs-label)/1 var(--df-font); letter-spacing: var(--df-track-label); text-transform: uppercase; color: var(--df-muted); }
.df-field input { width: 100%; background: var(--df-input); border: 1px solid var(--df-line-strong); color: var(--df-text);
                  font: 400 var(--df-fs-lead)/1 var(--df-font); padding: 9px var(--df-4); }
.df-field input:focus { outline: none; border-color: var(--df-amber); background: #151208; }
.df-field--invalid input { border-color: var(--df-bad-line); }
.df-field__error { font-size: var(--df-fs-small); color: var(--df-bad); }
.df-cards { display: none; }
.df-card { border: 1px solid var(--df-line); background: var(--df-panel); padding: var(--df-4) var(--df-5); }
.df-card--locked { border-color: #242424; background: var(--df-panel-alt); color: var(--df-faint); }
.df-card--current { border-color: var(--df-amber); background: #141002; }
.df-card__top { display: flex; justify-content: space-between; gap: var(--df-4); align-items: flex-start; }
.df-card__meta { display: flex; justify-content: space-between; align-items: center; margin-top: var(--df-4);
                 font: 400 var(--df-fs-small)/1 var(--df-mono); color: var(--df-faint); }
.df-card .df-btn { padding: 11px 16px; }
@media (max-width: 1023px) {
  :root { --df-col-left: 176px; --df-col-right: 0; }
  .df-shell { flex-direction: column; flex-wrap: nowrap; border-left: 0; border-right: 0; }
  .df-shell__left, .df-shell__main { display: contents; }
  .df-banner                       { order: 1; }
  .df-ticker                       { order: 2; }
  .df-shell__left > .df-statsblock { order: 3; }
  .df-tabbar                       { order: 4; }
  .df-shell__page                  { order: 5; }
  .df-shell__left > .df-menucol,
  .df-shell__left > .df-navgroup   { order: 6; }
  .df-shell__right { order: 7; flex: none; width: 100%; border-left: 0;
                     border-top: 1px solid var(--df-line); }
  .df-shell { background: var(--df-menu-2); }
  .df-banner { height: 46px; }
  .df-wordmark + .df-auth__sub { display: none; }
  .df-banner__img { display: none; }
  .df-wordmark { font-size: 26px; }
  .df-banner__where { display: none; }
  .df-shell__page { padding: var(--df-4); }
}
@media (max-width: 767px) {
  .df-table__scroll .df-table { display: none; }
  .df-cards { display: flex; flex-direction: column; gap: var(--df-3); }
  .df-pager { display: none; }
  .df-online { flex-direction: column; }
  .df-online__tag { padding: var(--df-2) var(--df-4); }
  .df-btn { padding: 11px var(--df-6); }
}
@media (max-width: 479px) {
  .df-stat__value { font-size: 15px; }
}
.df-tabbar { display: none; }
@media (max-width: 1023px) {
  .df-tabbar { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr;
               border-bottom: 1px solid var(--df-line); order: 2; }
  .df-tabbar a { text-align: center; padding: 11px 2px; border-left: 1px solid var(--df-line);
                 font: 700 var(--df-fs-label)/1 var(--df-font); letter-spacing: .06em; text-transform: uppercase; }
  .df-tabbar a:first-child { border-left: 0; }
  .df-tabbar a.is-active { background: var(--df-amber); color: var(--df-amber-ink); }
  .df-tabbar a:hover { text-decoration: none; background: #151208; }
}
.df-num-lg { font: 400 var(--df-fs-num)/1.1 var(--df-mono); word-break: break-all; }
.df-mono { font-family: var(--df-mono); }
.df-muted { color: var(--df-muted); }
.df-faint { color: var(--df-faint); }
.df-hr { height: 1px; background: var(--df-line); border: 0; margin: var(--df-7) 0; }
.df-note { font: 400 var(--df-fs-label)/1.6 var(--df-mono); color: var(--df-disabled); }
.df-shell__main .df-panel:has(.df-autopick) { overflow: visible; }
.df-shell__main .df-panel:has(.df-autopick) > .df-bar:first-child { border-radius: 12px 12px 0 0; }
.df-autopick__list { z-index: 60; }
body .df-guard--held { color: #e8c547; background: rgba(232, 197, 71, .12); }
body .df-guard--open { color: var(--df-muted); background: rgba(120, 140, 160, .10); }
.df-dfchar dd .df-guard { font-size: .72rem; padding: 1px 6px; border-radius: 5px; }
@media (min-width: 1024px) {
  body[data-menus="medium"] .df-dftop { max-width: 1600px; }
  body[data-menus="medium"] .df-dftop + .df-shell {
    max-width: 1600px; padding-left: 12px; padding-right: 12px;
  }
  body[data-menus="medium"] .df-dftop + .df-shell .df-shell__page {
    max-width: calc(var(--df-shell-max) - var(--df-col-left) - var(--df-col-right) - 24px);
    margin-left: auto; margin-right: auto; width: 100%;
  }
  body[data-menus="medium"] .df-dftop .df-dftabs { padding-left: 12px; }
  body[data-menus="medium"] .df-dftop .df-dftabs__row {
    position: absolute; bottom: 0; margin-left: 0;
    left: calc(50% - (var(--df-shell-max) - var(--df-col-left) - var(--df-col-right) - 24px) / 2);
  }
  body[data-menus="medium"] .df-dftop .df-dfcorner--left { left: 22px; }
  body[data-menus="medium"] .df-dftop .df-dfcorner--right { right: 22px; }
}
.df-guard-ink--held { color: #e8c547; }
body.df-land .df-panel {
  border-radius: 12px;
  border: 1px solid var(--df-line);
  background: var(--df-panel);
  box-shadow: none;
  overflow: hidden;
  margin-top: 14px;
}
body.df-land .df-panel .df-panel { border-radius: 9px; }
body.df-land .df-panel > .df-bar:not(.df-cdesign) {
  display: flex; justify-content: space-between; align-items: baseline; gap: var(--df-3);
  width: auto; max-width: none; margin: 0; padding: 14px 16px 11px;
  background: transparent; background-image: none;
  border: 0; border-bottom: 1px solid var(--df-line); border-radius: 0;
  box-shadow: none; clip-path: none;
  font: 600 .88rem/1.2 var(--df-font); letter-spacing: .01em;
  text-transform: none; text-align: left; text-shadow: none;
  color: #eef4fb;
}
body.df-land .df-panel > .df-bar:not(.df-cdesign)::before,
body.df-land .df-panel > .df-bar:not(.df-cdesign)::after { display: none; content: none; }
body.df-land .df-panel > .df-bar .df-bar__note {
  opacity: 1; color: var(--df-muted); font-size: .74rem; font-weight: 400;
  letter-spacing: 0; text-transform: none;
}
body.df-land .df-panel__body { padding: 14px 16px 16px; }
@media (max-width: 767px) {
  body.df-land .df-panel > .df-bar:not(.df-cdesign) { font-size: .84rem; padding: 12px 13px 10px; }
}
.df-shield { display: inline-flex; align-items: center; gap: 8px; color: #fff; font-size: .78rem; line-height: 1.25; }
.df-shield svg { width: 18px; height: 20px; flex: none; }
.df-shield svg path { stroke-width: 1.4; }
.df-shield--new  svg path { fill: #e08a2e; stroke: #e08a2e; }
.df-shield--held svg path { fill: #e8c547; stroke: #e8c547; }
.df-shield--open svg path { fill: none; stroke: #d24b3f; }
.df-shield--staff svg path { fill: #6f9fd8; stroke: #6f9fd8; }
.df-shield--hawaii svg path { fill: #3cc6b8; stroke: #3cc6b8; }
.df-shield b { display: block; font-weight: 700; color: #fff; }
.df-shield em { display: block; font-style: normal; font-size: .7rem; color: var(--df-muted); }
body .df-feats { background: none; gap: 6px; }
@media (max-width: 1023px) {
  html body .df-dftop + .df-shell .df-navgroup {
    background: var(--df-panel); border: 1px solid var(--df-line);
    border-radius: 12px; overflow: hidden; margin-top: 8px;
  }
  html body .df-dftop + .df-shell .df-navgroup > .df-bar {
    display: flex; align-items: center; gap: 8px; justify-content: flex-start;
    margin: 0; padding: 10px 12px; min-height: 0; height: auto;
    background: linear-gradient(180deg, var(--df-menu-1), var(--df-menu-2));
    border: 0; border-radius: 0; box-shadow: none;
    color: #fff; font: 700 .86rem/1.3 var(--df-font);
    letter-spacing: 0; text-transform: none; text-align: left;
  }
  html body .df-dftop + .df-shell .df-navgroup > .df-bar::before {
    content: "\2212"; flex: none; display: block; width: 14px; height: 14px; border-radius: 3px;
    background: var(--df-amber); color: var(--df-amber-ink);
    font: 700 11px/14px var(--df-font); text-align: center;
    position: static; margin: 0; border: 0;
  }
  html body .df-dftop + .df-shell .df-navgroup > .df-bar.is-collapsed::before {
    content: "+"; background: var(--df-line-strong); color: #eef4fb;
  }
  html body .df-dftop + .df-shell .df-navgroup > .df-bar::after { display: none; }
  html body .df-dftop + .df-shell .df-navgroup > .df-nav {
    padding: 6px 0 8px; margin: 0; border: 0; background: none;
  }
  html body .df-dftop + .df-shell .df-navgroup > .df-nav > a,
  html body .df-dftop + .df-shell .df-navgroup > .df-nav button {
    display: flex; align-items: center; gap: 10px;
    padding: 9px 14px; margin: 0; border: 0; border-radius: 0; background: none;
    color: #fff; font: 400 .86rem/1.35 var(--df-font); letter-spacing: 0; text-transform: none;
  }
  html body .df-dftop + .df-shell .df-navgroup > .df-nav .df-mi { display: block; flex: none; width: 17px; height: 17px; margin: 0; }
  html body .df-dftop + .df-shell .df-navgroup > .df-nav .df-ml { flex: 1 1 auto; min-width: 0; }
}
@media (max-width: 1023px) {
  html body .df-shell__left > *,
  html body .df-shell__right > * { flex-shrink: 0; }
}
body .df-shell__main .df-scard,
body .df-shell__main .df-sopen {
  border: 1px solid var(--df-line); border-radius: 12px;
  box-shadow: none; overflow: hidden;
}
body .df-shell__main .df-scard:hover { border-color: var(--df-amber); background: var(--df-row); }
body .df-shell__main .df-scard.is-on { border-color: var(--df-amber); background: var(--df-panel); }
body .df-shell__main .df-sgrid { padding-top: 0; }
body .df-shell__main .df-sopen { margin-top: 0; }
body .df-shell__main .df-scard__bar,
body .df-shell__main .df-sopen__head {
  display: flex; justify-content: space-between; align-items: baseline; gap: var(--df-3);
  width: auto; max-width: none; margin: 0; padding: 10px 12px;
  background: linear-gradient(180deg, var(--df-menu-1), var(--df-menu-2));
  border: 0; border-bottom: 1px solid var(--df-line); border-radius: 0;
  box-shadow: none; clip-path: none; text-shadow: none;
  font: 700 .84rem/1.3 var(--df-font); letter-spacing: 0; text-transform: none;
  text-align: left; color: #fff; white-space: normal;
}
body .df-shell__main .df-sopen__note {
  opacity: 1; color: var(--df-muted); font-weight: 400; font-size: .74rem;
  letter-spacing: 0; text-transform: none;
}
html body .df-shell__main .df-stack > .df-bar:not(.df-cdesign):not(.df-panel > .df-bar),
html body .df-shell__main .df-shelf__pane > .df-bar:not(.df-cdesign):not(.df-panel > .df-bar) {
  display: flex; justify-content: space-between; align-items: baseline; gap: var(--df-3);
  width: auto; max-width: none; margin: 6px 0 0; padding: 4px 2px 6px;
  background: none; background-image: none; border: 0; border-radius: 0;
  box-shadow: none; clip-path: none; text-shadow: none;
  font: 700 .95rem/1.3 var(--df-font); letter-spacing: 0; text-transform: none;
  text-align: left; color: #fff;
}
html body .df-shell__main .df-stack > .df-bar:not(.df-cdesign):not(.df-panel > .df-bar)::before,
html body .df-shell__main .df-stack > .df-bar:not(.df-cdesign):not(.df-panel > .df-bar)::after,
html body .df-shell__main .df-shelf__pane > .df-bar:not(.df-cdesign):not(.df-panel > .df-bar)::before,
html body .df-shell__main .df-shelf__pane > .df-bar:not(.df-cdesign):not(.df-panel > .df-bar)::after { display: none; content: none; }
body .df-shell__main .df-stack > .df-bar .df-bar__note,
body .df-shell__main .df-shelf__pane > .df-bar .df-bar__note {
  opacity: 1; color: var(--df-muted); font-weight: 400; font-size: .76rem; letter-spacing: 0; text-transform: none;
}
.df-dftabs__pre { font-style: normal; }
@media (max-width: 767px) {
  body .df-dftop .df-dftabs__row { flex: 1 1 auto; gap: 3px; overflow-x: visible; }
  body .df-dftop .df-dftabs__tab {
    flex: 1 1 auto; padding: 8px 4px 7px; text-align: center;
    font-size: .64rem; letter-spacing: .02em;
  }
  body .df-dftop .df-dftabs__pre { display: none; }
}
html body .df-dftop + .df-shell .df-stats > .df-stats__group.df-stats__group:not(.df-dfchar) { display: none; }
.df-hof__lead { margin: 10px 12px; color: var(--df-muted); font-size: .82rem; }
.df-hof__group { margin: 14px 12px 6px; color: var(--df-amber); font: 700 .8rem/1.3 var(--df-font); text-transform: uppercase; letter-spacing: .05em; }
.df-hof__boards { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 6px; padding: 0 12px 12px; align-items: start; }
.df-hof__board { border: 1px solid var(--df-line); border-radius: 9px; background: rgba(8, 14, 22, .55); }
.df-hof__board > summary { display: flex; gap: 10px; align-items: baseline; justify-content: space-between; padding: 8px 11px; cursor: pointer; list-style: none; }
.df-hof__board > summary::-webkit-details-marker { display: none; }
.df-hof__board > summary:focus-visible { outline: 1px solid var(--df-amber); outline-offset: 2px; }
.df-hof__name { color: #fff; font-size: .8rem; font-weight: 700; }
.df-hof__champ { color: var(--df-muted); font-size: .76rem; text-align: right; font-variant-numeric: tabular-nums; }
.df-hof__champ b { color: var(--df-amber); margin-right: 6px; }
.df-hof__list { list-style: none; margin: 0; padding: 0 11px 9px; border-top: 1px solid var(--df-line); }
.df-hof__list li { display: grid; grid-template-columns: 26px 1fr auto; gap: 8px; padding: 4px 0; font-size: .76rem; border-bottom: 1px solid rgba(120, 170, 220, .08); }
.df-hof__list li:last-child { border-bottom: 0; }
.df-hof__place { color: var(--df-muted); font-variant-numeric: tabular-nums; }
.df-hof__list li:nth-child(-n+3) .df-hof__place { color: var(--df-amber); font-weight: 700; }
.df-hof__who { color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.df-hof__val { color: #fff; font-variant-numeric: tabular-nums; text-align: right; }
.df-hof__list li.is-me { background: rgba(77, 184, 255, .1); }
@media (max-width: 767px) { .df-hof__boards { grid-template-columns: 1fr; } }
html body .df-now > .df-now__row.is-locked,
html body .df-tabbar a.is-locked { opacity: .55; cursor: default; pointer-events: none; }
html body .df-now > .df-now__row.is-locked svg,
html body .df-tabbar a.is-locked svg { filter: grayscale(1); }
html body .df-now > .df-now__row.is-locked .df-now__state,
html body .df-tabbar a.is-locked .df-tabbar__lock { color: var(--df-amber); font-weight: 700; }
html body .df-shell__left .df-navgroup .df-nav .df-nav__next,
html body .df-shell__right .df-navgroup .df-nav .df-nav__next { white-space: normal; overflow-wrap: anywhere; }
@media (min-width: 1024px) {
  html body .df-dftop .df-achpop { left: 50%; right: auto; transform: translateX(-50%); z-index: 12; align-items: center; }
}
@media (hover: none), (max-width: 1023px) {
  html.df-js .df-drag__btns { display: flex; }
  html.df-js .df-drag__btns button { min-width: 34px; min-height: 30px; font-size: .9rem; }
}
@media (max-width: 767px) {
  html body .df-cards--travel .df-card {
    position: relative; min-height: 120px; padding: 0; overflow: hidden;
    display: grid; grid-template-columns: 1fr auto; align-content: end; gap: 2px 10px;
  }
  html body .df-cards--travel .df-card__art {
    position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; margin: 0; z-index: 0;
  }
  html body .df-cards--travel .df-card::after {
    content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
    background: linear-gradient(180deg, rgba(5,10,18,.05) 0%, rgba(5,10,18,.55) 45%, rgba(5,10,18,.92) 100%);
  }
  html body .df-cards--travel .df-card > :not(.df-card__art) { position: relative; z-index: 2; }
  html body .df-cards--travel .df-card__top { grid-column: 1; padding: 0 0 0 12px; margin: 0; }
  html body .df-cards--travel .df-card__title { font-size: 1rem; text-shadow: 0 1px 3px rgba(0,0,0,.9); }
  html body .df-cards--travel .df-card__meta { grid-column: 1; padding: 0 0 10px 12px; margin: 0; font-size: .74rem; color: #d6e2ee; text-shadow: 0 1px 3px rgba(0,0,0,.9); }
  html body .df-cards--travel .df-card__meta:last-child { grid-column: 2; grid-row: 1 / span 2; align-self: end; padding: 0 12px 10px 0; }
  html body .df-cards--travel .df-card__meta:last-child .df-btn { min-height: 36px; padding: 6px 14px; }
}
.df-spy__items { list-style: none; margin: 0; display: flex; flex-direction: column; gap: 6px; }
.df-spy__items li { display: grid; grid-template-columns: 90px 1fr; gap: 10px; align-items: baseline;
  padding: 7px 10px; border: 1px solid var(--df-line); border-radius: 8px; }
.df-spy__kind { font-weight: 700; }
.df-spy__what { color: #fff; }
body.df-rip { margin: 0; background: #000; color: #f3cfc6; font: 11px/1.45 Tahoma, Verdana, Arial, sans-serif; }
.df-rip a { color: #ff9d8a; text-decoration: none; }
.df-rip a:hover { color: #fff; }
.df-rip__when { padding: 4px 6px 0; font-weight: 700; color: #f3e6e6; }
.df-rip__when span { font-weight: 400; }
.df-rip__banner { display: block; width: 100%; max-width: 1003px; height: auto; margin: 0 auto; }
.df-rip__page {
  display: grid; grid-template-columns: 180px minmax(0, 1fr) 24px; gap: 0 12px;
  max-width: 1003px; margin: 0 auto; padding: 12px 0 18px 12px;
  border-top: 3px solid #5b0808;
  background: linear-gradient(180deg, #6f0f0f, #5a0c0e 70%, #470a0b);
}
.df-rip__side, .df-rip__main { min-width: 0; }
.df-rip__strip { background: #310907; margin: -12px 0 -18px; }
.df-rip__box { border: 1px solid #9b2b2b; background: #6a1113; margin: 0 0 10px; }
.df-rip__bar {
  background: #7c1615; border-bottom: 1px solid #9b2b2b; color: #ffe2d9;
  font-weight: 700; padding: 4px 8px; letter-spacing: .03em;
}
.df-rip__main .df-rip__bar { text-transform: uppercase; font-size: 12px; letter-spacing: .06em; }
.df-rip__side .df-rip__bar::before { content: '\25B2'; font-size: 8px; color: #ff6b5a; margin-right: 5px; vertical-align: 1px; }
.df-rip__body { padding: 6px 8px; }
.df-rip__name { font-weight: 700; color: #fff; font-size: 12px; }
.df-rip__opts { list-style: none; margin: 0; padding: 4px 8px 6px; }
.df-rip__opts li::before { content: '\25AA'; color: #ff6b5a; margin-right: 6px; }
.df-rip__opts form { display: inline; margin: 0; }
.df-rip__opts button {
  background: none; border: 0; padding: 0; color: #ff9d8a; font: inherit; cursor: pointer;
}
.df-rip__opts button:hover { color: #fff; }
.df-rip__note { padding: 0 8px 8px; color: #d9a79d; font-size: 10px; }
.df-rip .df-hp { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.df-rip__strong { font-weight: 700; color: #fff; }
.df-rip__line { margin: 4px 0 0; color: #f3cfc6; }
.df-rip__stats { width: 100%; border-collapse: collapse; }
.df-rip__stats td { padding: 4px 8px; border-bottom: 1px solid #84201f; }
.df-rip__stats tr:last-child td { border-bottom: 0; }
.df-rip__stats td:last-child { text-align: right; font-weight: 700; color: #fff; white-space: nowrap; }
.df-rip__legal { text-align: center; padding: 10px 0 14px; }
.df-rip__legal a { color: #a87c7c; margin: 0 8px; }
@media (max-width: 1023px) {
  .df-rip__page { grid-template-columns: minmax(0, 1fr); padding: 10px; }
  .df-rip__strip { display: none; }
}
.df-cbox {
  position: fixed; top: 96px; right: 16px; z-index: 900;
  width: 196px; max-width: calc(100vw - 16px);
  background: rgba(8, 14, 22, .96); border: 1px solid var(--df-line-strong); border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .55);
}
.df-cbox__head {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 6px 8px 6px 11px; cursor: move; user-select: none; touch-action: none;
  border-bottom: 1px solid var(--df-line); border-radius: 10px 10px 0 0;
  background: linear-gradient(180deg, #102236, #0b1724);
  font: 700 var(--df-fs-small)/1 var(--df-font); letter-spacing: .1em; text-transform: uppercase; color: var(--df-amber);
}
.df-cbox__fold {
  width: 22px; height: 22px; padding: 0; border: 1px solid var(--df-line); border-radius: 5px;
  background: transparent; color: var(--df-text); font: 700 14px/1 var(--df-font); cursor: pointer;
}
.df-cbox__body { display: grid; gap: 6px; padding: 9px; }
.df-cbox.is-folded .df-cbox__body { display: none; }
.df-cbox.is-folded .df-cbox__head { border-bottom: 0; border-radius: 10px; }
.df-cbox .df-ghostback, .df-cbox .df-cback { margin: 0; }
.df-cbox .df-ghostback__btn { display: block; width: 100%; text-align: center; padding: 6px 10px; }
.df-cbox .df-lensnote { margin: 0; max-width: none; }
.df-cbox.is-dragging { opacity: .9; box-shadow: 0 16px 40px rgba(0, 0, 0, .7); }
body.df-cmode .df-cbox, body.df-cmode .df-cbox * { cursor: default; }
body.df-cmode .df-cbox__head { cursor: move; }
body.df-cmode .df-cbox button { cursor: pointer; }
.df-shelf.df-shelf--top .df-shelf__in { grid-template-columns: 1fr; }
.df-shelf.df-shelf--top .df-shelf__rail {
  display: flex; gap: 0; overflow-x: auto; scrollbar-width: none;
  border-right: 0; border-bottom: 1px solid var(--df-line); padding: 0;
}
.df-shelf.df-shelf--top .df-shelf__rail::-webkit-scrollbar { display: none; }
.df-shelf.df-shelf--top .df-shelf__k {
  flex: 0 0 auto; flex-direction: row; align-items: baseline; gap: 8px;
  padding: 11px 18px; border-right: 1px solid var(--df-line);
  box-shadow: inset 0 -2px 0 transparent;
}
.df-shelf.df-shelf--top .df-shelf__k span { font-size: 15px; align-self: center; }
.df-shelf.df-shelf--top .df-shelf__k small { font-size: 11px; }
.df-shelf.df-shelf--top .df-shelf__k em { font-size: .8rem; }
.df-shelf.df-shelf--top .df-shelf__k.is-on { box-shadow: inset 0 -2px 0 var(--df-amber); }
.df-dfbar__track.df-dfbar__track--off { background: rgba(210, 75, 63, .22); }
.df-dfbar__track.df-dfbar__track--def { background: rgba(74, 127, 210, .22); }
.df-dfbar__track.df-dfbar__track--stl { background: rgba(216, 194, 63, .22); }
.df-dfbar__track.df-dfbar__track--off b { background: var(--df-stat-off); }
.df-dfbar__track.df-dfbar__track--def b { background: var(--df-stat-def); }
.df-dfbar__track.df-dfbar__track--stl b { background: var(--df-stat-stl); }
.sr-panel { border: 1px solid var(--df-line); border-radius: 10px; background: rgba(8, 14, 22, .92); overflow: hidden; }
.sr-bar { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 10px 14px; background: linear-gradient(180deg, #102236, #0b1724); border-bottom: 1px solid var(--df-line-strong); font-weight: 700; color: #fff; }
.sr-bar small { color: var(--df-muted); font-weight: 600; font-size: 12px; text-align: right; }
.sr-clock { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; }
.sr-clock > div { padding: 14px 16px; border-right: 1px solid var(--df-line); }
.sr-clock > div:last-child { border-right: 0; }
.sr-k { font: 700 10px/1 var(--df-font); letter-spacing: .14em; text-transform: uppercase; color: var(--df-muted); }
.sr-v { margin-top: 7px; font: 800 24px/1 var(--df-mono); color: #fff; }
.sr-v.go { color: var(--df-amber); } .sr-v small { font-size: 12px; color: var(--df-muted); font-weight: 600; }
.sr-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 12px; }
.sr-card { border: 1px solid var(--df-line); border-radius: 10px; overflow: hidden; background: linear-gradient(180deg, #0d1724, #08101a); display: flex; flex-direction: column; }
.sr-card.is-in { border-color: #5ec84f; box-shadow: 0 0 0 1px #5ec84f inset, 0 0 22px rgba(94, 200, 79, .15); }
.sr-hero { position: relative; height: 108px; background-size: cover; background-position: center; }
.sr-hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5,7,12,.1), rgba(5,7,12,.85)); }
.sr-hero b { position: absolute; left: 12px; bottom: 10px; z-index: 1; font: 400 21px/1 var(--df-display); text-transform: uppercase; letter-spacing: .04em; color: #fff; text-shadow: 0 2px 8px #000; }
.sr-hero i { position: absolute; left: 12px; top: 10px; z-index: 1; font: 700 10px/1 var(--df-font); font-style: normal; letter-spacing: .14em; text-transform: uppercase; color: #fff; background: rgba(0,0,0,.6); border-radius: 4px; padding: 4px 6px; }
.sr-hero em { position: absolute; right: 10px; top: 10px; z-index: 1; font: 700 10px/1 var(--df-font); font-style: normal; letter-spacing: .1em; text-transform: uppercase; padding: 4px 6px; border-radius: 4px; background: #0f2a3d; color: var(--df-amber-hi); }
.sr-body { padding: 10px 12px 12px; display: grid; gap: 8px; }
.sr-row { display: flex; justify-content: space-between; font-size: 12px; color: var(--df-muted); }
.sr-row b { color: #fff; font-family: var(--df-mono); } .sr-row b.cash { color: #5ec84f; }
.sr-danger { display: flex; gap: 3px; } .sr-danger span { width: 14px; height: 6px; border-radius: 2px; background: #1b2a3a; } .sr-danger span.on { background: #ff6b5b; }
.sr-fav { display: flex; gap: 5px; flex-wrap: wrap; } .sr-fav span { font: 700 10px/1 var(--df-font); letter-spacing: .06em; text-transform: uppercase; padding: 4px 6px; border-radius: 4px; border: 1px solid var(--df-line); color: var(--df-text); }
.sr-fit { display: grid; gap: 4px; } .sr-fit div { height: 7px; border-radius: 99px; background: #14202e; overflow: hidden; } .sr-fit div b { display: block; height: 100%; background: linear-gradient(90deg, #2f6b2a, #5ec84f); } .sr-fit small { font-size: 11px; color: var(--df-muted); }
.sr-enter { display: grid; grid-template-columns: 1fr auto; gap: 6px; margin: 0; }
.sr-enter select { min-width: 0; background: #0a121c; color: var(--df-text); border: 1px solid var(--df-line); border-radius: 7px; padding: 0 8px; font: 600 12px/1 var(--df-font); }
.sr-go { text-align: center; padding: 10px 14px; border-radius: 7px; font: 700 12px/1 var(--df-font); letter-spacing: .12em; text-transform: uppercase; border: 1px solid #2f6b2a; background: #102010; color: #8ee87f; cursor: pointer; }
.sr-go.in { cursor: default; border-color: var(--df-line); background: transparent; }
.sr-go.off { cursor: default; border-color: var(--df-line); background: transparent; color: var(--df-faint); }
.sr-rep { display: grid; grid-template-columns: 1.15fr 1fr; }
.sr-laps { padding: 12px 14px; border-right: 1px solid var(--df-line); display: grid; gap: 10px; }
.sr-lap b { display: block; font: 700 10px/1 var(--df-font); letter-spacing: .14em; text-transform: uppercase; color: var(--df-amber); margin-bottom: 4px; }
.sr-lap p { margin: 0 0 4px; font-size: 13px; line-height: 1.45; } .sr-lap p.bad { color: #ff8a7a; } .sr-lap p.win { color: #8ee87f; }
.sr-res { padding: 8px 0; }
.sr-res > div { display: grid; grid-template-columns: 34px 1fr auto; gap: 8px; align-items: center; padding: 8px 14px; border-bottom: 1px solid var(--df-line-soft); font-size: 13px; }
.sr-res > div:last-child { border-bottom: 0; }
.sr-res i { font: 800 15px/1 var(--df-mono); font-style: normal; color: #fff; } .sr-res > div.p1 i { color: #ffcf6e; }
.sr-res em { font-style: normal; font: 700 12px/1 var(--df-mono); color: #5ec84f; }
.sr-res em.out { color: #ff8a7a; font-family: var(--df-font); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.sr-res > div.me { background: rgba(94,200,79,.06); }
.sr-cars { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 12px; }
.sr-car { border: 1px solid var(--df-line); border-radius: 10px; padding: 10px; background: #0b1520; display: grid; gap: 8px; }
.sr-car.is-held { border-color: #6a1c20; }
.sr-car__head { display: flex; align-items: center; gap: 10px; }
.sr-car__head img { width: 92px; height: 52px; object-fit: cover; border-radius: 6px; border: 1px solid var(--df-line); }
.sr-car__head b { display: block; color: #fff; font-size: 14px; } .sr-car__head small.bad { color: #ff8a7a; font-size: 12px; }
.sr-stat { display: grid; grid-template-columns: 120px 1fr auto; gap: 8px; align-items: center; font-size: 12px; color: var(--df-muted); }
.sr-stat i { font-style: normal; color: var(--df-faint); font-family: var(--df-mono); }
.sr-stat > div { height: 6px; border-radius: 99px; background: #14202e; overflow: hidden; } .sr-stat > div b { display: block; height: 100%; background: var(--df-amber); }
.sr-stat em { font-style: normal; font: 700 10px/1 var(--df-font); letter-spacing: .1em; text-transform: uppercase; color: var(--df-faint); }
.sr-up { font: 700 11px/1 var(--df-mono); padding: 6px 8px; border-radius: 5px; border: 1px solid #2f6b2a; background: #102010; color: #8ee87f; cursor: pointer; }
.sr-up[disabled] { border-color: var(--df-line); background: transparent; color: var(--df-faint); cursor: default; }
@media (max-width: 1023px) { .sr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sr-cars { grid-template-columns: 1fr; } }
@media (max-width: 767px) { .sr-grid { grid-template-columns: 1fr; } .sr-clock { grid-template-columns: 1fr 1fr; } .sr-rep { grid-template-columns: 1fr; } .sr-laps { border-right: 0; border-bottom: 1px solid var(--df-line); } }
.sr-fav .sr-tyre { border-color: #2f4a6b; color: var(--df-amber-hi); } .sr-fav .sr-tyre.ok { border-color: #2f6b2a; color: #8ee87f; }
.sr-tyres { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: 12px; color: var(--df-muted); }
.sr-tyres > span { width: 120px; }
.sr-tyrebtn { font: 700 10px/1 var(--df-font); letter-spacing: .06em; text-transform: uppercase; padding: 6px 8px; border-radius: 5px; border: 1px solid var(--df-line); background: transparent; color: var(--df-text); cursor: pointer; }
.sr-tyrebtn.on { border-color: #2f6b2a; color: #8ee87f; background: #102010; cursor: default; }
.sr-tyrebtn.buy { border-color: #6b4a1a; color: var(--df-amber); }
.sr-tyrebtn[disabled]:not(.on) { color: var(--df-faint); border-color: var(--df-line); cursor: default; }
.sr-tyres { flex-wrap: nowrap; gap: 4px; }
.sr-tyres > span { flex: none; width: 120px; }
.sr-tyres .df-inline { flex: 0 1 auto; min-width: 0; }
.sr-tyrebtn { padding: 5px 6px; font-size: 9px; white-space: nowrap; }
.sr-kit { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
.sr-kit .df-inline { display: block; }
.sr-kitbtn { width: 100%; display: flex; justify-content: space-between; gap: 6px; padding: 5px 7px; border-radius: 5px; border: 1px solid var(--df-line); background: transparent; color: var(--df-text); cursor: pointer; font: 600 10px/1.2 var(--df-font); text-align: left; }
.sr-kitbtn b { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sr-kitbtn i { font-style: normal; color: var(--df-muted); font-family: var(--df-mono); white-space: nowrap; }
.sr-kitbtn.has { border-color: #2f6b2a; } .sr-kitbtn.has i { color: #8ee87f; }
.sr-kitbtn[disabled] { cursor: default; opacity: .75; }
@media (max-width: 767px) { .sr-kit { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.sr-hero b small { display: block; margin-bottom: 4px; font: 700 10px/1 var(--df-font); letter-spacing: .14em; color: #cfe3f5; text-shadow: 0 1px 4px #000; }
.sr-hero em { max-width: 55%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.df-ev__body { white-space: pre-line; }