.df-banner__img img { width: 100%; height: 100%; object-fit: cover; }
html, body { background-color: var(--df-bg); }
.df-shell__left,
.df-shell__right { background: rgba(9, 9, 9, 1); }
.df-shell__main  { background: transparent; }
.df-ticker { background: rgba(15, 15, 15, 0.6); }
.df-online {
  position: sticky;
  bottom: 0;  z-index: 50;
  background: rgba(9, 9, 9, 0.97);
  margin-bottom: 0;
}
.df-online__list { padding: 6px 11px; line-height: 18px;
                   padding-right: calc(11px + var(--df-pin-w, 0px)); }
.df-panel {
  background: rgba(13, 13, 13, 1);
}
.df-logout-form { display: contents; }
.df-logout-form button {
  font-family: inherit;
  color: var(--df-amber);
  background: none;
  border: 0;
  cursor: pointer;
  width: 100%;
}
.df-logout-form button:hover { color: var(--df-amber-hi); }
.df-nav button {
  display: flex;
  gap: var(--df-2);
  padding: var(--df-1) var(--df-4);
  font-size: var(--df-fs-base);
  text-align: left;
}
.df-nav button:hover { background: #151208; color: var(--df-amber); }
.df-nav button::before { content: "-"; color: var(--df-faint); }
.df-ticker--nojs { flex-wrap: wrap; }
.df-ticker--nojs .df-ticker__item { flex: 1 1 100%; white-space: normal; }
.df-ticker--nojs .df-ticker__dots { display: none; }
.df-statline--start { justify-content: flex-start; }
.df-stats__group { margin-top: var(--df-5); }
.df-statline + .df-bar-track { margin-top: 5px; }
.df-good-ink { color: var(--df-good); }
.df-bad-ink  { color: var(--df-bad); }
.df-note--pad { padding: var(--df-4); margin: 0; }
.df-welcome { padding: 44px var(--df-8) 48px; text-align: center; }
.df-welcome__title { font: 400 26px/1 var(--df-display); color: var(--df-text); text-transform: uppercase; letter-spacing: .02em; }
.df-welcome__line { font-size: var(--df-fs-body); color: var(--df-muted); margin: var(--df-5) 0 0; }
.df-welcome__line b { color: var(--df-amber); font-weight: 400; }
.df-welcome .df-hr { width: 44px; margin: var(--df-7) auto; }
.df-welcome__hint { font-size: var(--df-fs-base); color: var(--df-faint); margin: 0; }
.df-th-num { text-align: right; }
.df-col-cash   { width: 120px; }
.df-col-xp     { width: 60px; }
.df-col-action { width: 112px; }
.df-col-rank   { width: 130px; }
.df-col-status { width: 100px; }
.df-cell-action { text-align: right; padding-top: var(--df-2); padding-bottom: var(--df-2); }
.df-table .df-num--wait { font-size: var(--df-fs-base); color: var(--df-faint); }
@media (max-width: 767px) { .df-panel--tableonly { display: none; } }
.df-card__title { font-size: var(--df-fs-body); color: var(--df-text); }
.df-card__figure { font: 400 var(--df-fs-body)/1.4 var(--df-mono); color: var(--df-amber); white-space: nowrap; }
.df-card--locked .df-card__title,
.df-card--locked .df-card__figure { color: var(--df-faint); }
.df-card .df-locked { padding: var(--df-2) var(--df-3); }
.df-stat__value--rank { font: 400 15px/1.2 var(--df-font); }
.df-stat__value--unlock {
  font: 400 13px/1.3 var(--df-font);
  word-break: normal; overflow-wrap: break-word;
}
.df-summary > .df-summary__wide { flex: 2 1 220px; }
@media (max-width: 767px) {
  .df-summary > .df-summary__wide { flex: 1 1 100%; }
}
.df-crime-number { font: 700 var(--df-fs-small)/1 var(--df-font); color: var(--df-amber); margin-right: var(--df-2); }
.df-msg__main { flex: 1 1 260px; min-width: 0; }
.df-msg__glyph { color: var(--df-muted); font: 700 var(--df-fs-body)/1.3 var(--df-font); }
.df-msg--reward { flex-wrap: wrap; gap: 16px; align-items: center; }
.df-msg__list { margin: var(--df-2) 0 0; padding-left: var(--df-7); font-size: var(--df-fs-base); line-height: 1.7; }
.df-gains { display: flex; flex-wrap: wrap; gap: var(--df-4); }
.df-gain__label { font: 700 var(--df-fs-micro)/1 var(--df-font); letter-spacing: var(--df-track-label);
                  text-transform: uppercase; color: #7fa377; }
.df-gain__value { font: 400 20px/1.1 var(--df-mono); color: var(--df-good); margin-top: 3px; }
.df-promo__body { padding: var(--df-7) 16px; display: flex; flex-wrap: wrap; gap: var(--df-7); align-items: center; }
.df-promo__main { flex: 1 1 240px; min-width: 0; }
.df-promo__line { font-size: var(--df-fs-lead); color: #e8ddc4; margin-top: var(--df-3); line-height: 1.5; }
.df-promo__line b { color: var(--df-text-strong); }
.df-promo__unlock { flex: 0 1 240px; border: 1px solid var(--df-amber-line); background: #0d0a03; padding: var(--df-4) var(--df-5); }
.df-promo__unlock-name { font-size: var(--df-fs-body); color: var(--df-amber); margin: var(--df-2) 0 var(--df-1); }
.df-promo__auto { margin-top: var(--df-3); padding-top: var(--df-3); border-top: 1px solid var(--df-amber-line); }
.df-cooldown__left { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; min-width: 0; }
.df-cooldown__label { font: 700 var(--df-fs-label)/1 var(--df-font); letter-spacing: .16em; text-transform: uppercase; color: var(--df-amber); }
.df-cooldown .df-muted { font-size: var(--df-fs-base); }
.df-cooldown__track { margin-top: var(--df-4); }
.df-cooldown__note { margin-top: var(--df-3); }
.df-autocrime-form { display: flex; align-items: center; gap: var(--df-3); flex-wrap: wrap; }
.df-btn--bar { background: #241805; border-color: #8a6410; color: var(--df-action); padding: 5px var(--df-4); }
.df-btn--bar:hover { background: var(--df-action-ink); border-color: var(--df-action-ink); color: var(--df-action-hi); }
.df-autocrime-note { margin: 0; text-align: center; font-size: var(--df-fs-base); color: var(--df-muted); }
.df-autocrime-note b { color: var(--df-text); font-weight: 400; }
@media (max-width: 560px) {
  .df-bar--autocrime { flex-wrap: wrap; }
  .df-autocrime-form { width: 100%; justify-content: center; padding-bottom: var(--df-1); }
}
.df-new { font-family: var(--df-mono); font-size: var(--df-fs-small); color: #d32f2f; margin-left: var(--df-2); }
.df-ev__title { font-weight: 400; color: var(--df-text); }
.df-ev__body  { font-size: var(--df-fs-base); color: var(--df-faint); margin-top: 2px; }
.df-ev--new .df-ev__title { font-weight: 700; color: var(--df-text-strong); }
.df-ev--new .df-ev__body  { color: var(--df-muted); }
.df-ev--new .df-ev__when  { color: var(--df-text); }
.df-dive { text-align: center; padding: var(--df-6) 0 var(--df-7); }
.df-dive__ask { margin: 0 0 var(--df-6); font-size: var(--df-fs-lead); color: var(--df-text); }
.df-dive__form { display: inline-block; }
.df-dive__btn {
  display: inline-block; padding: 9px var(--df-8);
  background: var(--df-amber); color: var(--df-amber-ink);
  border: 1px solid #6b4a06;
  box-shadow: 2px 2px 0 #000;
  font: 700 var(--df-fs-lead)/1 var(--df-font); letter-spacing: .06em;
  cursor: pointer;
}
.df-dive__btn:hover { background: var(--df-amber-hi); }
.df-dive__btn:active { transform: translate(2px, 2px); box-shadow: 0 0 0 #000; }
.df-dive .df-cooldown { text-align: left; max-width: 420px; margin: 0 auto; }
.df-dock { position: fixed; right: 0; bottom: 0; left: 0; z-index: 60;
           display: flex; flex-direction: column; align-items: flex-end;
           pointer-events: none; font-family: var(--df-font); }
.df-dock > * { pointer-events: auto; }
:root { --df-dock-bar: 0px; }
:root { --df-dock-h: var(--df-dock-bar); }
:root { --df-pin-w: 0px; }
:root { --df-pin-h: 0px; }
body { padding-bottom: var(--df-dock-h); }
.df-shell { min-height: calc(100vh - var(--df-dock-h)); }
@supports (height: 100dvh) {
  .df-shell { min-height: calc(100dvh - var(--df-dock-h)); }
}
@media (max-width: 1023px) {
  :root {
    --df-online-h: 31px;
    --df-tabbar-h: 65px;
    --df-dock-corner: 86px;
  }
  .df-online {
    position: fixed; top: 0; right: 0; left: 0; bottom: auto;
    z-index: 55;
    flex-direction: row; align-items: stretch;
  }
  .df-online .df-online__list {
    white-space: nowrap; overflow-x: auto; overflow-y: hidden;
  }
  .df-tabbar {
    position: fixed; right: 0; bottom: 0; left: 0;
    z-index: 55;
    border-top: 1px solid var(--df-line);
    border-bottom: 0;
    background: var(--df-panel-alt);
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  body {
    padding-top: var(--df-online-h);
    padding-bottom: calc(var(--df-tabbar-h) + env(safe-area-inset-bottom, 0px));
  }
  .df-dock { bottom: calc(var(--df-tabbar-h) + env(safe-area-inset-bottom, 0px)); }
  .df-shell { min-height: calc(100vh - var(--df-online-h) - var(--df-tabbar-h)); }
}
@supports (height: 100dvh) {
  @media (max-width: 1023px) {
    .df-shell { min-height: calc(100dvh - var(--df-online-h) - var(--df-tabbar-h)); }
  }
}
.df-chatbox {
  position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);
  z-index: 70;
  display: flex; flex-direction: column;
  width: min(720px, 92vw); height: min(440px, 72vh);
  background: var(--df-panel); border: 1px solid var(--df-line-strong); border-radius: 10px;
  box-shadow: 0 10px 40px rgba(0,0,0,.7);
}
.df-chatbox[hidden] { display: none; }
.df-chatbox__head {
  display: flex; align-items: center; gap: var(--df-3);
  padding: 8px var(--df-4);
  background: linear-gradient(#1c1a12, #141209);
  border-bottom: 1px solid var(--df-amber-line);
}
.df-chatbox__title {
  flex: 1 1 auto; min-width: 0;
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
  color: var(--df-amber);
}
.df-chatbox__help {
  flex: 0 0 auto; background: none; border: 0; cursor: pointer; margin-right: auto;
  color: var(--df-faint); font: 400 var(--df-fs-small)/1 var(--df-mono); padding: 0 var(--df-2);
  text-transform: none; letter-spacing: 0; opacity: .7;
}
.df-chatbox__help:hover { color: var(--df-amber); opacity: 1; }
.df-chatbox__title { flex: 0 1 auto; }
.df-chatbox__x {
  flex: 0 0 auto; background: none; border: 0; cursor: pointer;
  color: var(--df-muted); font: 400 16px/1 var(--df-font); padding: 0 var(--df-2);
}
.df-chatbox__x:hover { color: var(--df-amber); }
.df-chatbox__body { flex: 1 1 auto; min-height: 0; display: flex; }
.df-chatbox__main { flex: 1 1 auto; min-width: 0; min-height: 0; display: flex; }
.df-chatbox__side {
  flex: 0 0 auto; width: 168px;
  display: flex; flex-direction: column; min-height: 0;
  border-left: 1px solid var(--df-line);
  background: var(--df-panel-alt);
}
.df-chatbox__sidehead {
  padding: 8px var(--df-3);
  border-bottom: 1px solid var(--df-line);
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
  color: var(--df-muted);
}
.df-chatbox__list { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
.df-chatbox__empty {
  padding: var(--df-4); color: var(--df-faint);
  font-size: var(--df-fs-base); line-height: 1.5;
}
.df-chatbox__row {
  display: flex; align-items: center; gap: var(--df-2);
  width: 100%; text-align: left;
  padding: 7px var(--df-3);
  background: none; border: 0; border-bottom: 1px solid var(--df-line-soft);
  cursor: pointer;
  font: 400 var(--df-fs-base)/1.3 var(--df-font); color: var(--df-text);
}
.df-chatbox__row:hover { background: #151208; }
.df-chatbox__row.is-on {
  background: var(--df-menu-1);
  box-shadow: inset 2px 0 0 var(--df-amber);
}
.df-chatbox__rowdot {
  flex: 0 0 16px; width: 16px; height: 16px;
  border: 1px solid var(--df-amber-line); background: #1c1505;
  color: var(--df-amber); font: 700 9px/14px var(--df-font);
  text-align: center; text-transform: uppercase;
}
.df-chatbox__rowname {
  flex: 1 1 auto; min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  color: var(--df-amber);
}
.df-chatbox__rowname.is-admin { color: var(--df-bad); }
.df-chatbox__rown {
  flex: 0 0 auto; min-width: 17px; padding: 0 4px; border-radius: 9px;
  background: var(--df-good); color: #06210a;
  font: 700 9px/17px var(--df-font); text-align: center;
}
.df-chatbox__row.is-unread .df-chatbox__rowname { color: var(--df-good); font-weight: 700; }
.df-chatbox__row.is-unread .df-chatbox__rowdot {
  border-color: var(--df-good); background: #0e1a0c; color: var(--df-good);
}
.df-cw { flex: 1 1 auto; min-width: 0; min-height: 0; display: flex; flex-direction: column;
         background: var(--df-panel); border: 0; }
.df-cw__head { display: flex; align-items: center; gap: var(--df-2); padding: 6px var(--df-3);
               background: linear-gradient(#1c1a12, #141209); border-bottom: 1px solid var(--df-amber-line); }
.df-cw__dot { width: 16px; height: 16px; flex: 0 0 16px; border: 1px solid var(--df-amber-line);
              background: #1c1505; color: var(--df-amber); font: 700 9px/14px var(--df-font);
              text-align: center; text-transform: uppercase; }
.df-cw__name { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
               font: 700 var(--df-fs-base)/1.4 var(--df-font); color: var(--df-amber); }
.df-cw__name.is-admin { color: var(--df-bad); }
.df-cw__btn { background: none; border: 0; color: var(--df-muted); cursor: pointer;
              font: 400 13px/1 var(--df-font); padding: 0 3px; }
.df-cw__btn:hover { color: var(--df-amber); }
.df-cw__btn--wipe {
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: .08em; text-transform: uppercase;
  padding: 3px 5px; border: 1px solid var(--df-line-strong); border-radius: 10px;
}
.df-cw__btn--wipe:hover { color: var(--df-bad); border-color: var(--df-bad-line); }
.df-cw__btn--wipe:disabled { opacity: .5; cursor: default; }
.df-cw__body { flex: 1 1 auto; min-height: 0; overflow-y: auto; display: flex; flex-direction: column-reverse;
               padding: var(--df-3); background: var(--df-panel-alt); }
.df-cw__lines { display: flex; flex-direction: column; gap: 7px; }
.df-cw__line { position: relative; padding-right: 14px;
               font-size: var(--df-fs-base); line-height: 1.45; color: var(--df-text); overflow-wrap: anywhere; }
.df-cw__who { font-weight: 700; color: var(--df-amber); }
.df-cw__who.is-admin { color: var(--df-bad); }
.df-sgrid {
  display: grid; gap: var(--df-3);
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: var(--df-3);
}
@media (max-width: 900px) { .df-sgrid { grid-template-columns: repeat(2, 1fr); } }
.df-scard {
  display: flex; flex-direction: column;
  background: var(--df-panel); border: 1px solid var(--df-line-strong); border-radius: 10px;
  text-decoration: none; overflow: hidden;
  transition: border-color .12s ease, background .12s ease;
}
.df-scard:hover { border-color: var(--df-amber); background: #14120c; }
.df-scard__bar {
  padding: 5px 9px;
  background: var(--df-bar); border-bottom: 1px solid var(--df-line-strong);
  color: var(--df-text-strong);
  font: 700 var(--df-fs-label)/1.5 var(--df-font);
  letter-spacing: .1em; text-transform: uppercase;
}
.df-scard__art {
  position: relative;
  aspect-ratio: 25 / 12;
  display: flex; align-items: center; justify-content: center;
  padding: 0; background: #0c0b08;
  border-bottom: 1px solid var(--df-line);
  overflow: hidden;
}
.df-scard__bg {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: contain; object-position: 50% 50%;
  opacity: 1; filter: none;
  transition: opacity .14s ease, filter .14s ease, transform .14s ease;
}
.df-scard:hover .df-scard__bg,
.df-scard.is-on .df-scard__bg { transform: scale(1.04); }
.df-scard__art svg {
  position: relative; z-index: 1;
  width: 44px; height: 44px; fill: var(--df-muted);
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .95));
}
.df-scard:hover .df-scard__art svg,
.df-scard.is-on .df-scard__art svg { fill: var(--df-amber); }
.df-scard__foot {
  display: flex; align-items: center; gap: var(--df-2);
  padding: 6px 8px;
}
.df-scard__strip { display: flex; gap: 2px; flex: 1 1 auto; }
.df-scard__strip i {
  flex: 1 1 auto; height: 7px;
  background: #23200f; border: 1px solid #2e2a14;
}
.df-scard.is-on .df-scard__strip i { background: var(--df-amber); border-color: var(--df-amber); }
.df-scard__tick { color: #2e2a14; font-size: var(--df-fs-small); }
.df-scard.is-on .df-scard__tick { color: var(--df-amber); }
.df-scard.is-on {
  border-color: var(--df-amber); background: #14120c;
}
.df-sopen {
  border: 1px solid var(--df-amber);
  background: var(--df-panel);
  margin-bottom: var(--df-4);
  grid-column: 1 / -1;
  order: 999;
}
@media (max-width: 1023px) {
  .df-sopen { order: var(--df-sopen-order, 999); }
}
.df-sopen__head {
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--df-3); padding: 6px 10px;
  background: var(--df-amber); color: var(--df-bg);
  font: 700 var(--df-fs-label)/1.6 var(--df-font);
  letter-spacing: .1em; text-transform: uppercase;
}
.df-sopen__note { font-weight: 400; letter-spacing: 0; text-transform: none; opacity: .75; }
.df-sopen__body { padding: var(--df-3); }
.df-sopen__body > .df-panel { border-left: 0; border-right: 0; }
.df-sopen__body > .df-panel:first-child { border-top: 0; }
.df-sopen__body > .df-panel:last-child { border-bottom: 0; margin-bottom: 0; }
.df-ledtiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--df-2); margin-bottom: var(--df-3); }
@media (max-width: 860px) { .df-ledtiles { grid-template-columns: repeat(2, 1fr); } }
.df-ledtile {
  display: block; padding: 7px 9px; text-decoration: none;
  background: #080f19; border: 1px solid var(--df-line); border-radius: 10px; border-left-width: 3px;
}
a.df-ledtile:hover { background: #14120c; }
.df-ledtile.is-on { background: #14120c; border-color: var(--df-amber); }
.df-ledtile__k { display: block; color: var(--df-muted); font-size: var(--df-fs-micro); letter-spacing: .1em; text-transform: uppercase; }
.df-ledtile__v { display: block; font: 700 var(--df-fs-h2, 20px)/1.2 var(--df-font); color: var(--df-text-strong); }
.df-ledtile__s { display: block; color: var(--df-faint); font-size: var(--df-fs-micro); }
.df-ledtile--sec { border-left-color: var(--df-bad); }
.df-ledtile--sec .df-ledtile__v { color: var(--df-bad); }
.df-ledtile--stf { border-left-color: var(--df-amber); }
.df-ledtile--stf .df-ledtile__v { color: var(--df-amber); }
.df-ledtile--ply { border-left-color: #3b7dd8; }
.df-ledtile--ply .df-ledtile__v { color: #3b7dd8; }
.df-ledtile--net { border-left-color: var(--df-line-strong); }
.df-ledrail {
  display: flex; align-items: center; gap: 5px; flex-wrap: wrap;
  padding: 5px 7px; margin-bottom: var(--df-2);
  background: #101010; border: 1px solid var(--df-line); border-radius: 10px;
}
.df-ledrail__k { color: var(--df-faint); font-size: var(--df-fs-micro); letter-spacing: .1em; text-transform: uppercase; margin-left: var(--df-2); }
.df-ledrail__k:first-child { margin-left: 0; }
.df-ledpill {
  padding: 1px 7px; cursor: pointer; text-decoration: none;
  background: transparent; border: 1px solid var(--df-line-strong); border-radius: 10px;
  color: var(--df-muted); font: 400 var(--df-fs-micro)/1.7 var(--df-font);
}
.df-ledpill:hover { border-color: var(--df-amber); color: var(--df-amber); }
.df-ledpill.is-on { background: var(--df-amber); border-color: var(--df-amber); color: var(--df-bg); font-weight: 700; }
.df-cards--market .df-card.is-held {
  border-left: 3px solid #7fa377;
}
.df-market__do {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: var(--df-3);
  padding-top: var(--df-3);
  border-top: 1px solid var(--df-line);
}
.df-market__form {
  display: inline-flex;
  align-items: stretch;
  gap: 4px;
}
.df-market__qty {
  width: 58px;
  min-height: 44px;
  padding: 0 6px;
  border: 1px solid var(--df-amber-line);
  background: #0d0a03;
  color: var(--df-text);
  font: 400 var(--df-fs-small)/1 var(--df-mono);
  text-align: center;
}
.df-market__btn {
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid var(--df-line-strong); border-radius: 10px;
  background: transparent;
  color: var(--df-text);
  font: 700 var(--df-fs-small)/1 var(--df-font);
  cursor: pointer;
  white-space: nowrap;
}
.df-market__btn--buy  { border-color: #4a6b44; color: #7fa377; }
.df-market__btn--sell { border-color: var(--df-amber-line); color: var(--df-amber); }
.df-market__btn--all  { border-color: #6b5a2e; color: #c9a961; }
.df-market__btn:active { background: #1a1410; }
.df-ledhour {
  display: flex;
  align-items: baseline;
  gap: var(--df-3);
  padding: 9px 14px;
  background: var(--df-amber-bg);
  border-top: 1px solid var(--df-amber-line);
  border-bottom: 1px solid var(--df-amber-line);
  color: var(--df-amber);
  font: 700 var(--df-fs-micro)/1.6 var(--df-font);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.df-ledlist > .df-ledhour:first-child { border-top: 0; }
.df-ledhour__n {
  margin-left: auto;
  color: var(--df-faint);
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}
.df-ledev {
  border-bottom: 1px solid var(--df-line);
  border-left: 3px solid var(--df-line-strong);
}
.df-ledev--player   { border-left-color: #3b7dd8; }
.df-ledev--staff    { border-left-color: var(--df-amber); }
.df-ledev--security { border-left-color: var(--df-bad); }
.df-ledev--creator  { border-left-color: #48c266; }
.df-ledev > summary {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px var(--df-3);
  padding: 9px 14px;
  cursor: pointer;
  list-style: none;
}
.df-ledev > summary::-webkit-details-marker { display: none; }
.df-ledev > summary:hover { background: #101010; }
.df-ledev[open] > summary { background: #0c1521; border-bottom: 1px solid var(--df-line); }
.df-ledev__caret {
  flex: 0 0 10px;
  width: 10px;
  color: var(--df-faint);
  font-size: 9px;
  transition: transform .12s ease;
}
.df-ledev[open] > summary .df-ledev__caret { transform: rotate(90deg); color: var(--df-amber); }
@media (prefers-reduced-motion: reduce) { .df-ledev__caret { transition: none; } }
.df-ledev__who  { flex: 0 0 auto; font-weight: 700; white-space: nowrap; }
.df-ledev__gist {
  flex: 1 1 12ch;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--df-text);
}
.df-ledrow__act    { color: #fff; font-weight: 700; }
.df-ledev__gist .df-led__target { color: var(--df-amber); font-weight: 700; }
.df-ledrow__detail { color: var(--df-muted); }
.df-ledrow__role {
  padding: 0 4px;
  border: 1px solid var(--df-line-strong); border-radius: 10px;
  color: var(--df-faint);
  font: 700 var(--df-fs-micro)/1.5 var(--df-font);
  text-transform: uppercase;
}
.df-ledrow__role--creator { border-color: #2f7d3f; color: #6ddc85; }
.df-ledrow__role--admin   { border-color: var(--df-bad-line); color: var(--df-bad); }
.df-ledev__peek {
  margin-left: auto;
  font: 400 var(--df-fs-small)/1.6 var(--df-mono);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.df-ledev__when {
  flex: 0 0 auto;
  min-width: 42px;
  text-align: right;
  color: var(--df-faint);
  font: 400 var(--df-fs-micro)/1.6 var(--df-mono);
  font-variant-numeric: tabular-nums;
}
.df-ledev__body { padding: 12px 14px 14px 27px; background: var(--df-menu-2); }
.df-ledev__figs {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
  gap: 8px;
}
.df-ledfg {
  border: 1px solid var(--df-line); border-radius: 10px;
  background: var(--df-panel-alt);
  padding: 6px 10px;
}
.df-ledfg--wide { grid-column: 1 / -1; }
.df-ledfg__k {
  display: block;
  margin-bottom: 2px;
  color: var(--df-faint);
  font: 400 var(--df-fs-micro)/1.4 var(--df-font);
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.df-ledfg__v {
  font: 400 var(--df-fs-small)/1.5 var(--df-mono);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.df-ledfg__v--words { font-family: var(--df-font); color: var(--df-text); }
.df-ledfg__v--nil   { color: var(--df-faint); }
.df-ledfig {
  color: var(--df-text);
  font: 400 var(--df-fs-micro)/1.6 var(--df-mono);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.df-ledfig i {
  font-style: normal;
  margin-right: 5px;
  color: var(--df-faint);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.df-ledfig--up   { color: var(--df-good); }
.df-ledfig--down { color: var(--df-bad); }
.df-ledfig--flat { color: var(--df-muted); }
.df-ledfig--ip   { color: var(--df-faint); }
.df-logtag {
  display: inline-block;
  min-width: 62px;
  padding: 1px 6px;
  border: 1px solid var(--df-line-strong); border-radius: 10px;
  color: var(--df-muted);
  font: 700 var(--df-fs-micro)/1.6 var(--df-font);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  cursor: help;
}
.df-logtag--crime  { border-color: #7a2a22; color: #d98a7f; }
.df-logtag--gta    { border-color: #6b4a2e; color: #d2a374; }
.df-logtag--street { border-color: #3d6b36; color: #8fc785; }
.df-logtag--casino { border-color: #5a3a6b; color: #b58fd0; }
.df-logtag--money  { border-color: #3d6b36; color: var(--df-good); }
.df-logtag--trade  { border-color: #2f5a7a; color: #7fb0d8; }
.df-logtag--social { border-color: #4a4a4a; color: #b9b3a8; }
.df-logtag--staff  { border-color: var(--df-amber-line); color: var(--df-amber); }
.df-logtag--danger { border-color: var(--df-bad-line); color: var(--df-bad); }
.df-logtag--quiet  { border-color: var(--df-line-strong); color: var(--df-faint); }
.df-table__scroll {
  background:
    linear-gradient(to right, var(--df-panel) 30%, rgba(13, 13, 13, 0)),
    linear-gradient(to right, rgba(13, 13, 13, 0), var(--df-panel) 70%) 100% 0,
    radial-gradient(farthest-side at 0 50%,   rgba(0, 0, 0, .55), rgba(0, 0, 0, 0)),
    radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .55), rgba(0, 0, 0, 0)) 100% 0;
  background-repeat: no-repeat;
  background-size: 42px 100%, 42px 100%, 15px 100%, 15px 100%;
  background-attachment: local, local, scroll, scroll;
}
.df-table__scroll { scrollbar-width: thin; scrollbar-color: var(--df-amber-line) transparent; }
.df-table__scroll::-webkit-scrollbar { height: 9px; }
.df-table__scroll::-webkit-scrollbar-track { background: #0d0b07; }
.df-table__scroll::-webkit-scrollbar-thumb {
  background: var(--df-amber-line);
  border: 2px solid #0d0b07;
}
.df-table__scroll::-webkit-scrollbar-thumb:hover { background: var(--df-amber); }
.df-updwhere {
  display: inline-block;
  padding: 1px 6px;
  border: 1px solid var(--df-line-strong); border-radius: 10px;
  color: var(--df-muted);
  font: 700 var(--df-fs-micro)/1.5 var(--df-font);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}
.df-updwhere--everyone { border-color: var(--df-amber-line); color: var(--df-amber); }
.df-updwhere--staff    { border-color: var(--df-bad-line);   color: var(--df-bad); }
.df-updwhere--deploys  { border-color: var(--df-line-strong); color: var(--df-faint); }
.df-updnotice {
  display: flex;
  align-items: baseline;
  gap: var(--df-2);
  flex-wrap: wrap;
  margin-bottom: var(--df-2);
  padding: 7px 10px;
  border: 1px solid var(--df-bad-line);
  border-left: 3px solid var(--df-bad);
  background: var(--df-bad-bg);
  animation: df-updpulse 2s ease-in-out infinite;
}
@keyframes df-updpulse {
  0%, 100% { background: var(--df-bad-bg); }
  50%      { background: #24100d; }
}
@media (prefers-reduced-motion: reduce) {
  .df-updnotice { animation: none; }
}
.df-updnotice__tag {
  flex: 0 0 auto;
  padding: 1px 7px;
  background: var(--df-bad);
  color: #1a0d0b;
  font: 700 var(--df-fs-micro)/1.5 var(--df-font);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}
.df-updnotice__body {
  flex: 1 1 20ch;
  color: #ffbdbd;
  font: 400 var(--df-fs-small)/1.5 var(--df-font);
}
.df-updnotice__body b {
  color: #fff;
  font-variant-numeric: tabular-nums;
}
.df-updnotice.is-now {
  animation: none;
  background: #24100d;
}
.df-whogrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px 10px;
  margin-top: var(--df-2);
}
@media (max-width: 1023px) {
  .df-whogrid { grid-template-columns: 1fr; }
}
.df-who {
  display: grid;
  grid-template-columns: 8px 1fr auto;
  align-items: baseline;
  gap: 7px;
  padding: 4px 6px;
  border-bottom: 1px solid var(--df-line);
}
.df-who__dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--df-muted);
  align-self: center;
}
.df-who--both    .df-who__dot { background: #d84545; }
.df-who--creator .df-who__dot { background: #48c266; }
.df-who--nobody  .df-who__dot { background: #4a453d; }
.df-who__what {
  color: var(--df-text);
  font: 400 var(--df-fs-small)/1.4 var(--df-font);
}
.df-who__note {
  display: block;
  color: var(--df-faint);
  font: 400 var(--df-fs-micro)/1.45 var(--df-font);
}
.df-who__badge { text-align: right; white-space: nowrap; }
.df-who__badge b {
  display: block;
  font: 700 var(--df-fs-micro)/1.3 var(--df-font);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.df-who__badge i {
  display: block;
  font: 400 var(--df-fs-micro)/1.3 var(--df-font);
  font-style: normal;
  color: var(--df-faint);
}
.df-who--both    .df-who__badge b { color: #ff8a8a; }
.df-who--creator .df-who__badge b { color: #6ddc85; }
.df-who--nobody  .df-who__badge b { color: var(--df-muted); }
.df-who__where {
  grid-column: 2 / -1;
  color: var(--df-faint);
  font: 400 var(--df-fs-micro)/1.4 var(--df-mono, monospace);
  word-break: break-word;
}
.df-ledpill--creator { border-color: #2f7d3f; color: #6ddc85; }
.df-ledpill--creator:hover { border-color: #48c266; color: #9bf0ac; }
.df-ledpill--creator.is-on { background: #2f7d3f; border-color: #48c266; color: #eafff0; }
.df-ledfind { display: flex; gap: 4px; margin-left: auto; }
.df-led td { vertical-align: top; }
.df-led__row--security td:first-child { border-left: 3px solid var(--df-bad); }
.df-led__row--staff    td:first-child { border-left: 3px solid var(--df-amber); }
.df-led__row--player   td:first-child { border-left: 3px solid #3b7dd8; }
.df-led__row--creator  td:first-child { border-left: 3px solid #48c266; }
.df-foldpanel > summary { cursor: pointer; list-style: none;
                          -webkit-user-select: none; user-select: none; }
.df-foldpanel > summary::-webkit-details-marker { display: none; }
.df-foldpanel > summary::after {
  content: '+'; margin-left: var(--df-3); font-size: 14px; line-height: 1;
  color: var(--df-amber-ink); opacity: .65;
}
.df-foldpanel[open] > summary::after { content: '\2013'; }
.df-foldpanel > summary:hover::after { opacity: 1; }
.df-foldpanel > summary .df-bar__note { margin-left: auto; }
.df-featstrip { display: flex; align-items: center; gap: var(--df-3);
                margin: var(--df-4) 0; padding: var(--df-3) var(--df-4);
                background: var(--df-amber-bg); border: 1px solid var(--df-amber-line); }
.df-featstrip__dot { width: 7px; height: 7px; flex: 0 0 7px; background: var(--df-good); }
.df-featstrip__dot.is-off { background: var(--df-faint); }
.df-featstrip__text { flex: 1 1 auto; font-size: var(--df-fs-base); color: var(--df-muted); }
.df-featstrip__text b { color: var(--df-text-strong); }
@media (max-width: 1023px) {
  .df-featstrip { flex-wrap: wrap; }
  .df-featstrip__text { flex-basis: 100%; order: 2; }
  .df-featstrip .df-feat__btn { margin-left: auto; }
}
.df-updtabs { display: flex; gap: 1px; background: var(--df-line);
              border: 1px solid var(--df-line); border-radius: 10px; margin-bottom: var(--df-4); }
.df-updtab { flex: 1 1 0; text-align: center; padding: 9px var(--df-4);
             background: var(--df-panel); color: var(--df-muted);
             font: 700 var(--df-fs-label)/1 var(--df-font); letter-spacing: .14em;
             text-transform: uppercase; text-decoration: none; min-height: 38px;
             display: flex; align-items: center; justify-content: center; }
.df-updtab:hover { background: #151208; color: var(--df-amber); text-decoration: none; }
.df-updtab.is-on { background: var(--df-amber); color: var(--df-amber-ink); }
.df-led__act { color: var(--df-text); font-size: var(--df-fs-small); white-space: nowrap; }
.df-led__profile { color: var(--df-faint); font-size: var(--df-fs-small);
                   padding: 0 3px; text-decoration: none; }
.df-led__profile:hover { color: var(--df-amber); text-decoration: none; }
.df-led__target { color: var(--df-text-strong); }
.df-led__up   { color: var(--df-good); }
.df-led__down { color: var(--df-bad); }
.df-led__nil  { color: #33312c; }
.df-led__zero { color: var(--df-faint); }
.df-led__xp   { color: var(--df-amber); }
.df-led__off  { color: var(--df-bad); }
.df-led__def  { color: #3b7dd8; }
.df-led__stl  { color: #e3d34a; }
.df-led__stats { white-space: nowrap; }
.df-ledfoot {
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--df-3); padding: 6px 2px; font-size: var(--df-fs-micro);
}
.df-ledfoot__pg { display: flex; gap: 4px; }
.df-bar__lead { display: flex; align-items: center; gap: var(--df-3); min-width: 0; }
.df-reset { display: inline-flex; }
.df-reset__btn {
  padding: 0 6px; cursor: pointer;
  background: transparent; border: 1px solid rgba(0, 0, 0, .45);
  color: rgba(0, 0, 0, .75);
  font: 700 var(--df-fs-micro)/1.7 var(--df-font);
  letter-spacing: .08em; text-transform: uppercase;
}
.df-reset__btn:hover { background: var(--df-bg); color: var(--df-amber); border-color: var(--df-bg); }
.df-onoff {
  padding: 3px 12px; cursor: pointer;
  background: transparent; border: 1px solid var(--df-line-strong); border-radius: 10px;
  color: var(--df-faint);
  font: 700 var(--df-fs-label)/1.6 var(--df-font);
  letter-spacing: .1em; text-transform: uppercase;
}
.df-onoff--on:hover:not(:disabled)  { border-color: var(--df-good); color: var(--df-good); }
.df-onoff--off:hover:not(:disabled) { border-color: var(--df-bad);  color: var(--df-bad); }
.df-onoff.is-now { cursor: pointer; }
.df-onoff--off.is-now { cursor: default; }
.df-onoff--on.is-now  { background: var(--df-good); border-color: var(--df-good); color: #06210a; }
.df-onoff--off.is-now { background: #151515; border-color: var(--df-line-strong); color: var(--df-muted); }
.df-now__count { color: var(--df-good); font-size: var(--df-fs-micro); }
.df-now__row {
  display: flex; align-items: center; gap: var(--df-2);
  padding: 2px 0; text-decoration: none;
}
a.df-now__row:hover .df-now__name { color: var(--df-amber); }
.df-now__dot {
  flex: 0 0 auto; width: 6px; height: 6px; border-radius: 50%;
  background: var(--df-faint);
}
.df-now__name {
  flex: 1 1 auto; min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  color: var(--df-faint); font-size: var(--df-fs-micro);
}
.df-now__state { flex: 0 0 auto; font-size: var(--df-fs-micro); }
.df-now__row.is-go   .df-now__dot { background: var(--df-good); }
.df-now__row.is-go   .df-now__state { color: var(--df-good); }
.df-now__row.is-go   .df-now__name { color: var(--df-good); }
.df-now__row.is-wait .df-now__dot { background: var(--df-amber); }
.df-now__row.is-wait .df-now__state { color: var(--df-amber); }
.df-now__row.is-auto .df-now__dot { background: var(--df-auto); }
.df-now__row.is-auto .df-now__state { color: var(--df-auto); }
.df-now__row.is-off .df-now__dot { background: var(--df-line-strong); }
.df-now__row.is-off .df-now__state { color: var(--df-faint); }
.df-now__form { display: block; }
button.df-now__row {
  width: 100%; padding: 2px 0; cursor: pointer;
  background: none; border: 0; text-align: left;
  font: inherit; color: inherit;
}
button.df-now__row:hover .df-now__name { color: var(--df-amber); }
.df-now__box {
  margin-top: var(--df-2); padding: 5px 6px;
  background: #080f19; border: 1px solid var(--df-line); border-radius: 10px;
}
.df-now__item {
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--df-2); padding: 1px 0;
  color: var(--df-faint); font-size: var(--df-fs-micro); text-decoration: none;
}
.df-now__item:hover { color: var(--df-amber); }
.df-now__num { color: var(--df-amber); font-weight: 700; }
.df-stat3 { position: relative; }
.df-stat3:focus { outline: none; }
.df-stat3:focus-visible { outline: 1px solid var(--df-amber); outline-offset: 2px; }
.df-vitals { display: block; text-decoration: none; }
.df-vitals:hover { text-decoration: none; }
.df-vitals__bar {
  position: relative; display: block; height: 16px; background: #000;
  border: 1px solid var(--df-line); border-radius: 10px;
}
.df-vitals__bar > i {
  display: block; height: 100%;
  background: var(--df-good);
  transition: width .2s ease;
}
.df-vitals.is-low .df-vitals__bar > i { background: var(--df-bad); }
.df-vitals__bar::after {
  content: ''; position: absolute; top: 0; bottom: 0; left: 20%;
  width: 1px; background: rgba(255,255,255,.35);
}
.df-vitals__read {
  display: flex; justify-content: space-between; align-items: baseline;
  margin-top: 4px;
}
.df-vitals__word {
  color: var(--df-faint);
  font: 700 var(--df-fs-micro)/1.4 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
}
.df-vitals__read b {
  color: var(--df-text-strong); font: 700 11px/1.4 var(--df-mono);
  font-variant-numeric: tabular-nums;
}
.df-vitals.is-low .df-vitals__read b { color: var(--df-bad); }
.df-guard {
  display: inline-block; margin-left: 6px; padding: 1px 5px;
  border: 1px solid currentColor; border-radius: 2px;
  font: 700 9px/1.5 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
  vertical-align: 1px;
}
.df-guard--new  { color: #e08a2e; background: rgba(224,138,46,.10); }
.df-guard--held { color: #5ec84f; background: rgba(94,200,79,.10); }
.df-guard--staff { color: #6f9fd8; background: rgba(111,159,216,.10); }
.df-guard--free {
  color: var(--df-bad); background: rgba(210,75,63,.14);
  border-color: var(--df-bad);
}
.df-guard-ink--new { color: #e08a2e; }
.df-off, .df-pot {
  display: inline-block; margin-left: 6px; padding: 1px 5px;
  border: 1px solid currentColor; border-radius: 2px;
  font: 700 9px/1.5 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
  vertical-align: 1px;
}
.df-off { color: var(--df-faint); }
.df-pot { color: var(--df-amber); background: rgba(240,165,0,.10); font-family: var(--df-mono); }
.df-stat3__pop {
  position: absolute; z-index: 30; left: 0; right: 0; top: calc(100% + 5px);
  background: var(--df-menu-2); border: 1px solid var(--df-line-strong); border-radius: 10px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .75);
  padding: 7px 8px;
  visibility: hidden; opacity: 0;
  transition: opacity .12s ease, visibility 0s linear .12s;
}
.df-stat3:hover .df-stat3__pop,
.df-stat3:focus-within .df-stat3__pop {
  visibility: visible; opacity: 1;
  transition: opacity .12s ease;
}
.df-stat3__line {
  display: flex; align-items: center; gap: 6px;
  font-size: var(--df-fs-label); line-height: 1.7;
}
.df-stat3__dot { width: 8px; height: 8px; flex: 0 0 8px; display: block; }
.df-stat3__dot--off { background: var(--df-stat-off); }
.df-stat3__dot--def { background: var(--df-stat-def); }
.df-stat3__dot--stl { background: var(--df-stat-stl); }
.df-stat3__word { color: var(--df-muted); }
.df-stat3__pc {
  margin-left: auto; color: var(--df-text); font-weight: 700;
  font-family: var(--df-mono); font-variant-numeric: tabular-nums;
}
.df-stat3__note {
  margin-top: 5px; padding-top: 5px; border-top: 1px solid var(--df-line-soft);
  color: var(--df-faint); font-size: var(--df-fs-micro); line-height: 1.4;
}
@media (prefers-reduced-motion: reduce) {
  .df-stat3__pop { transition: none; }
}
.df-fold > summary { cursor: pointer; list-style: none; }
.df-fold > summary::-webkit-details-marker { display: none; }
.df-fold__head { display: flex; align-items: center; justify-content: space-between; gap: var(--df-3); }
.df-fold__hint { font-weight: 400; letter-spacing: 0; text-transform: none; opacity: .8; }
.df-fold__hint::after { content: ''; }
.df-fold[open] .df-fold__hint::before { content: 'hide'; }
.df-fold:not([open]) .df-fold__hint::before { content: 'show'; }
.df-fold__hint { font-size: var(--df-fs-small); }
.df-featlist {
  display: grid; gap: 2px;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 760px) { .df-featlist { grid-template-columns: 1fr; } }
.df-feat {
  display: flex; align-items: center; gap: var(--df-2);
  padding: 3px 8px; background: #0d0c0a;
  border: 1px solid var(--df-line); border-radius: 10px;
}
.df-feat:hover { border-color: var(--df-line-strong); }
.df-feat__dot {
  flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%;
  background: var(--df-good);
}
.df-feat.is-shut .df-feat__dot { background: var(--df-bad); }
.df-feat__name {
  flex: 1 1 auto; min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  color: var(--df-text); font-size: var(--df-fs-small); text-decoration: none;
}
.df-feat__name:hover { color: var(--df-amber); }
.df-feat.is-shut .df-feat__name { color: var(--df-bad); }
.df-feat__state {
  flex: 0 0 auto; color: var(--df-good);
  font: 700 var(--df-fs-micro)/1.5 var(--df-font);
  letter-spacing: .08em; text-transform: uppercase;
}
.df-feat.is-shut .df-feat__state { color: var(--df-bad); }
.df-feat__do { flex: 0 0 auto; display: flex; }
.df-feat__btn {
  padding: 1px 7px; cursor: pointer;
  background: transparent; border: 1px solid;
  font: 700 var(--df-fs-micro)/1.6 var(--df-font);
  letter-spacing: .08em; text-transform: uppercase;
}
.df-feat__btn.is-shut-btn  { border-color: var(--df-bad-line); color: var(--df-bad); }
.df-feat__btn.is-shut-btn:hover  { background: var(--df-bad); color: var(--df-text-strong); }
.df-feat__btn.is-open-btn { border-color: var(--df-good); color: var(--df-good); }
.df-feat__btn.is-open-btn:hover { background: var(--df-good); color: #06210a; }
@media (max-width: 1023px) {
  .df-feat { min-height: 40px; padding: 4px 10px; gap: var(--df-3); }
  .df-feat__name { display: flex; align-items: center; min-height: 40px; }
  .df-feat__btn { min-width: 64px; min-height: 34px; padding: 0 var(--df-4);
                  display: inline-flex; align-items: center; justify-content: center;
                  font-size: var(--df-fs-label); }
  .df-featstrip button { min-width: 74px; min-height: 34px;
                         display: inline-flex; align-items: center; justify-content: center;
                         font-size: var(--df-fs-label); }
}
.df-slider { display: flex; align-items: center; gap: var(--df-3); }
.df-slider input[type="range"] {
  flex: 1 1 auto; min-width: 90px; height: 18px;
  -webkit-appearance: none; appearance: none; background: transparent;
}
.df-slider input[type="range"]::-webkit-slider-runnable-track {
  height: 10px; border: 1px solid #1d3a5c;
  background: linear-gradient(180deg, #0a1420, #060c14);
}
.df-slider input[type="range"]::-moz-range-track {
  height: 10px; border: 1px solid #1d3a5c;
  background: linear-gradient(180deg, #0a1420, #060c14);
}
.df-slider input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none;
  width: 12px; height: 16px; margin-top: -4px;
  background: linear-gradient(180deg, #7fc8ff, #2b7fd4);
  border: 1px solid #9fdcff; cursor: pointer;
}
.df-slider input[type="range"]::-moz-range-thumb {
  width: 12px; height: 16px; border-radius: 0;
  background: linear-gradient(180deg, #7fc8ff, #2b7fd4);
  border: 1px solid #9fdcff; cursor: pointer;
}
.df-slider input[type="range"]::-moz-range-progress {
  height: 10px; background: linear-gradient(180deg, #4aa8ff, #1f5fa8);
}
.df-slider__out {
  flex: 0 0 auto; min-width: 44px; text-align: right;
  color: #7fc8ff; font: 700 var(--df-fs-small)/1.4 var(--df-mono, var(--df-font));
}
.df-cw__who.is-creator,
.df-cw__name.is-creator,
.df-chatbox__rowname.is-creator { color: var(--df-good); }
.df-cw__when { font: 400 var(--df-fs-micro)/1 var(--df-mono); color: var(--df-faint); margin-left: 4px; }
.df-cw__del { position: absolute; top: 0; right: -2px; opacity: 0;
              background: none; border: 0; padding: 0 2px; cursor: pointer;
              color: var(--df-faint); font: 400 13px/1.2 var(--df-font);
              transition: opacity .12s, color .12s; }
.df-cw__line:hover .df-cw__del,
.df-cw__del:focus-visible { opacity: 1; }
.df-cw__del:hover { color: var(--df-bad); }
.df-cw__del[disabled] { opacity: .4; cursor: default; }
@media (hover: none) { .df-cw__del { opacity: 1; } }
.df-cw__msg { max-width: 85%; padding: 6px 9px; background: #17161a; border: 1px solid var(--df-line); border-radius: 10px;
              font-size: var(--df-fs-base); line-height: 1.45; color: var(--df-text); overflow-wrap: anywhere; }
.df-cw__msg--mine { align-self: flex-end; background: #1a1508; border-color: var(--df-amber-line); }
.df-cw__foot { display: flex; border-top: 1px solid var(--df-line); }
.df-cw__input { flex: 1 1 auto; min-width: 0; background: var(--df-input); border: 0; color: var(--df-text);
                font: 400 var(--df-fs-base) var(--df-font); padding: 8px var(--df-3); }
.df-cw__input:focus { outline: none; background: #151208; }
.df-cw__send { flex: 0 0 auto; background: var(--df-input); border: 0; border-left: 1px solid var(--df-line);
               color: var(--df-amber); cursor: pointer; padding: 0 var(--df-4); font-size: 13px; }
.df-cw__send:hover { background: var(--df-amber); color: var(--df-amber-ink); }
.df-cw__error { padding: 5px var(--df-3); background: var(--df-bad-bg); border-top: 1px solid var(--df-bad-line);
                color: var(--df-bad); font-size: var(--df-fs-small); }
.df-cw__line--cmd { color: var(--df-amber); }
.df-cw__line--me { font-style: italic; }
.df-cw__line--result { color: var(--df-good); }
.df-cw__line--note { color: var(--df-muted); white-space: pre-line; border-left: 2px solid var(--df-line);
                     padding-left: 8px; font-size: var(--df-fs-small); }
.df-cw__game { display: inline-flex; flex-wrap: wrap; gap: 4px; margin-left: 6px; vertical-align: middle; }
.df-cw__gbtn { background: var(--df-amber); color: var(--df-amber-ink); border: 0; cursor: pointer;
               font: 700 var(--df-fs-small)/1 var(--df-font); padding: 4px 9px; }
.df-cw__gbtn:hover { filter: brightness(1.1); }
.df-cw__gbtn[disabled] { opacity: .5; cursor: default; }
.df-cw__gbtn--off { background: var(--df-input); color: var(--df-muted); border: 1px solid var(--df-line); border-radius: 10px; }
.df-cw__gamedone { color: var(--df-faint); font: 400 var(--df-fs-micro)/1 var(--df-mono); text-transform: uppercase; }
.df-shout--cmd .df-shout__body { color: var(--df-amber); }
.df-shell__right { padding-bottom: calc(var(--df-pin-h, 0px) + var(--df-3)); }
.df-dock__bar { display: flex; align-items: flex-end; justify-content: flex-end;
                width: auto; margin-right: var(--df-4);
                background: none; border: 0; }
.df-dock__pin {
  position: relative;
  display: flex; align-items: center; gap: var(--df-2);
  max-width: 220px; padding: 7px var(--df-4);
  background: var(--df-panel); border: 1px solid var(--df-line-strong); border-radius: 10px; border-bottom: 0;
  box-shadow: 0 -2px 14px rgba(0,0,0,.6);
  cursor: pointer;
  font: 700 var(--df-fs-base)/1.3 var(--df-font); color: var(--df-amber);
}
.df-dock__pin:hover { background: #171208; border-color: var(--df-amber-line); }
.df-dock__pin-dot {
  display: block; width: 16px; height: 16px; flex: 0 0 16px;
  border: 1px solid var(--df-amber-line); background: #1c1505;
  color: var(--df-amber); font: 400 10px/14px var(--df-font); text-align: center;
}
.df-dock__pin-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.df-dock__pin.is-new {
  background: var(--df-good-bg); border-color: var(--df-good-line); color: var(--df-good);
}
.df-dock__pin.is-new .df-dock__pin-dot {
  border-color: var(--df-good); background: #0e1a0c; color: var(--df-good);
}
.df-dock__pin.is-new:hover { background: var(--df-good-bg); border-color: var(--df-good); }
.df-dock__badge { position: absolute; top: -7px; right: -6px; min-width: 16px; padding: 0 4px;
                  background: var(--df-good); color: #06210a; border-radius: 8px;
                  font: 700 9px/16px var(--df-font); text-align: center; }
@media (max-width: 1023px) {
  .df-chatbox {
    left: 0; top: 0; transform: none;
    width: auto; right: 0;
    height: calc(100% - var(--df-tabbar-h) - env(safe-area-inset-bottom, 0px));
  }
  @supports (height: 100dvh) {
    .df-chatbox {
      height: calc(100dvh - var(--df-tabbar-h) - env(safe-area-inset-bottom, 0px));
    }
  }
  .df-cw__foot { flex: 0 0 auto; }
  .df-chatbox__body { flex-direction: column; }
  .df-chatbox__side {
    width: auto; flex: 0 0 auto;
    border-left: 0; border-right: 0; border-bottom: 1px solid var(--df-line);
  }
  .df-chatbox__sidehead { display: none; }
  .df-chatbox__list { display: flex; overflow-x: auto; overflow-y: hidden; }
  .df-chatbox__row {
    flex: 0 0 auto; max-width: 140px;
    border-bottom: 0; border-right: 1px solid var(--df-line-soft);
  }
  .df-chatbox__row.is-on { box-shadow: inset 0 -2px 0 var(--df-amber); }
  .df-dock__bar {
    position: fixed; right: 0; bottom: 0; left: auto;
    width: var(--df-dock-corner);
    min-height: calc(var(--df-tabbar-h) + env(safe-area-inset-bottom, 0px));
    padding-bottom: env(safe-area-inset-bottom, 0px);
    border: 0;
    border-top: 1px solid var(--df-line);
    border-left: 1px solid var(--df-line);
    background: var(--df-panel-alt);
    box-shadow: none;
    overflow: hidden;
  }
  .df-dock__pin {
    width: 100%; max-width: none; min-height: 44px;
    justify-content: center; padding: 6px;
    background: none; border: 0; box-shadow: none;
  }
  .df-dock__pin-name { display: none; }
  .df-dock__pin.is-new { background: var(--df-good-bg); border: 0; }
  .df-tabbar { padding-right: var(--df-dock-corner); }
}
.df-shout__form { display: flex; gap: var(--df-3); align-items: center; }
.df-shout__input { flex: 1 1 auto; min-width: 0; background: var(--df-input);
                   border: 1px solid var(--df-line-strong); border-radius: 10px; color: var(--df-text);
                   font: 400 var(--df-fs-body)/1 var(--df-font); padding: 9px var(--df-4); }
.df-shout__input:focus { outline: none; border-color: var(--df-amber); background: #151208; }
.df-shouts { list-style: none; margin: 0; padding: 0; }
.df-shout { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--df-3);
            padding: 6px var(--df-3); border-bottom: 1px solid var(--df-line-soft); }
.df-shout:last-child { border-bottom: 0; }
.df-shout { background: var(--df-menu-2); }
.df-shout__when { font: 400 var(--df-fs-small)/1.5 var(--df-mono); color: var(--df-faint); flex: 0 0 auto; }
.df-shout__who  { font-weight: 700; flex: 0 0 auto; }
.df-shout__body { flex: 1 1 200px; min-width: 0; color: var(--df-text); overflow-wrap: anywhere; }
.df-shout__del button { background: none; border: 0; color: var(--df-faint); cursor: pointer;
                        font: 400 14px/1 var(--df-font); padding: 0 var(--df-2); }
.df-shout__del button:hover { color: var(--df-bad); }
.df-mail__col-from { width: 130px; }
.df-mail__col-when { width: 96px; white-space: nowrap; }
.df-mail__row--new td a { color: var(--df-text-strong); }
.df-mail__row--new td { background: #0b0a07 !important; }
.df-mail__dot { display: inline-block; width: 5px; height: 5px; background: var(--df-amber);
                margin-right: var(--df-2); vertical-align: middle; }
.df-mail__table td a { color: var(--df-muted); }
.df-mail__table td a:hover { color: var(--df-amber); }
.df-mail__preview { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.df-mail__back { color: var(--df-amber-ink); text-decoration: underline; font-weight: 400; }
.df-mail__tag { font: 700 var(--df-fs-micro)/1 var(--df-font); letter-spacing: var(--df-track-label);
                text-transform: uppercase; color: var(--df-faint); border: 1px solid var(--df-line-strong); border-radius: 10px;
                padding: 2px 4px; margin-left: var(--df-2); vertical-align: middle; }
.df-mail__thread { display: flex; flex-direction: column; gap: var(--df-4); padding: var(--df-5);
                   max-height: 460px; overflow-y: auto; }
.df-mail__bubble { max-width: 74%; align-self: flex-start; padding: var(--df-3) var(--df-4);
                   border: 1px solid var(--df-line-soft); border-radius: 10px; background: var(--df-row); }
.df-mail__bubble--mine { align-self: flex-end; background: var(--df-amber-bg); border-color: var(--df-amber-line); }
.df-mail__who { font: 700 var(--df-fs-micro)/1 var(--df-font); letter-spacing: var(--df-track-label);
                text-transform: uppercase; color: var(--df-muted); margin-bottom: 5px; }
.df-mail__bubble--mine .df-mail__who { color: var(--df-amber); }
.df-mail__body { font-size: var(--df-fs-body); line-height: 1.6; word-break: break-word; }
.df-mail__time { font: 400 var(--df-fs-micro)/1 var(--df-mono); color: var(--df-faint); margin-top: var(--df-2); }
.df-mail__composer { display: flex; align-items: flex-start; gap: var(--df-3);
                     padding: var(--df-4); border-top: 1px solid var(--df-line); }
.df-mail__reply { flex: 1 1 auto; min-width: 0; resize: vertical; min-height: 38px;
                  background: var(--df-input); border: 1px solid var(--df-line-strong); border-radius: 10px; color: var(--df-text);
                  font: 400 var(--df-fs-body)/1.5 var(--df-font); padding: var(--df-3); }
.df-mail__reply:focus { outline: none; border-color: var(--df-amber); background: #151208; }
.df-mail__reply::placeholder { color: var(--df-faint); }
.df-mail__compose { display: flex; flex-direction: column; gap: var(--df-5); }
.df-mail__compose .df-btn { align-self: flex-start; }
.df-mail__field textarea { width: 100%; resize: vertical; background: var(--df-input);
                           border: 1px solid var(--df-line-strong); border-radius: 10px; color: var(--df-text);
                           font: 400 var(--df-fs-body)/1.5 var(--df-font); padding: var(--df-3); }
.df-mail__field textarea:focus { outline: none; border-color: var(--df-amber); background: #151208; }
.df-mail__tools { display: flex; justify-content: flex-end; }
.df-teller { display: flex; flex-wrap: wrap; gap: var(--df-5); }
.df-teller__card { flex: 1 1 300px; min-width: 0; border: 1px solid var(--df-line); border-radius: 10px;
                   background: var(--df-panel); padding: var(--df-6); }
.df-teller__head { display: flex; align-items: center; gap: 7px;
                   font: 700 var(--df-fs-body)/1 var(--df-font); letter-spacing: .06em;
                   text-transform: uppercase; }
.df-teller__arrow { font-size: 14px; line-height: 1; }
.df-teller__card--in  .df-teller__head { color: var(--df-good); }
.df-teller__card--out .df-teller__head { color: var(--df-bad); }
.df-teller__form { display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--df-3); margin-top: var(--df-5); }
.df-teller__field { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: var(--df-2);
                    background: var(--df-input); border: 1px solid var(--df-line-strong); border-radius: 10px; padding: 0 var(--df-3); }
.df-teller__field:focus-within { border-color: var(--df-amber); background: #151208; }
.df-teller__cur { color: var(--df-muted); font: 400 var(--df-fs-body)/1 var(--df-mono); }
.df-teller__input { flex: 1 1 auto; min-width: 0; background: transparent; border: 0; padding: 9px 0;
                    color: var(--df-text); font: 400 var(--df-fs-body)/1 var(--df-mono); }
.df-teller__input:focus { outline: none; }
.df-teller__input::-webkit-outer-spin-button,
.df-teller__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.df-teller__input { -moz-appearance: textfield; appearance: textfield; }
.df-teller__max { display: none; flex: 0 0 100%; background: none; cursor: pointer;
                  border: 1px solid var(--df-line-strong); border-radius: 10px; padding: 7px var(--df-4);
                  font: 700 var(--df-fs-label)/1 var(--df-font); letter-spacing: var(--df-track-label);
                  text-transform: uppercase; color: var(--df-muted); }
.df-js .df-teller__max { display: block; }
.df-teller__max:hover { color: var(--df-amber); border-color: var(--df-amber-line); }
.df-teller__go { border: 1px solid; padding: 8px var(--df-5); cursor: pointer; white-space: nowrap;
                 font: 700 var(--df-fs-label)/1 var(--df-font); letter-spacing: var(--df-track-label);
                 text-transform: uppercase; }
.df-teller__card--in  .df-teller__go { background: var(--df-good-bg); border-color: var(--df-good-line); color: var(--df-good); }
.df-teller__card--in  .df-teller__go:hover { background: var(--df-good); border-color: var(--df-good); color: #000; }
.df-teller__card--out .df-teller__go { background: var(--df-bad-bg); border-color: var(--df-bad-line); color: var(--df-bad); }
.df-teller__card--out .df-teller__go:hover { background: var(--df-bad); border-color: var(--df-bad); color: #000; }
.df-teller__note { margin: var(--df-4) 0 0; font-size: var(--df-fs-small); color: var(--df-faint); }
.df-teller__note b { color: var(--df-text); font-weight: 400; }
.df-profile { display: flex; flex-wrap: wrap; gap: 16px; }
.df-profile__col { flex: 1 1 340px; min-width: 0; }
.df-profile__col--side { flex: 1 1 300px; display: flex; flex-direction: column; gap: var(--df-5); }
.df-profile__head { display: flex; gap: var(--df-5); align-items: flex-start; }
.df-profile__initial { width: 42px; height: 42px; flex: 0 0 42px; border: 1px solid var(--df-amber); background: #1c1505;
                       color: var(--df-amber); font: 400 22px/40px var(--df-display); text-align: center; }
.df-profile__ident { min-width: 0; }
.df-profile__name { font: 400 24px/1.1 var(--df-display); color: var(--df-text-strong); text-transform: uppercase; word-break: break-all; }
.df-table--stats td { border-bottom: 1px solid var(--df-line-soft); }
.df-money-cell { font: 400 14px/1.2 var(--df-mono); color: var(--df-amber); word-break: break-all; }
.df-uinfo { border: 1px solid var(--df-line); border-radius: 10px; background: var(--df-panel);
            max-width: 620px; margin: 0 auto; }
.df-uinfo__head {
  text-align: center; padding: 6px var(--df-3);
  font: 700 var(--df-fs-small)/1 var(--df-font); letter-spacing: .12em; text-transform: uppercase;
  color: #dcdcdc;
  background: linear-gradient(#3a3a3a, #262626 46%, var(--df-cell) 54%, #0e0e0e);
  border-bottom: 1px solid #000;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.df-uinfo__grid { display: flex; align-items: stretch; }
.df-uinfo__rows { flex: 1 1 auto; min-width: 0; padding: 4px 0; }
.df-row { display: flex; gap: 14px; padding: 5px 14px; align-items: baseline; }
.df-row__label { flex: 0 0 96px; text-align: right; color: var(--df-amber); font-weight: 700; }
.df-row__value { flex: 1 1 auto; min-width: 0; color: var(--df-text-strong); word-break: break-word; }
.df-row__value--accent { color: var(--df-amber); }
.df-optlink { color: var(--df-amber); }
.df-optlink:hover { color: var(--df-amber-hi); }
.df-optlink--danger { color: var(--df-bad); }
.df-optlink--danger:hover { color: #ff8a7a; }
.df-opt-sep { color: var(--df-faint); margin: 0 2px; }
.df-uinfo__media { flex: 0 0 220px; display: flex; flex-direction: column; gap: 6px;
                   padding: 10px; }
.df-uinfo__portrait { border: 0; background: transparent; aspect-ratio: 4 / 5; }
.df-uinfo__portrait img { width: 100%; height: 100%; object-fit: cover; display: block; }
.df-uinfo__foot { padding: 10px 0 4px; }
.df-uinfo__foot .df-row__label { flex-basis: 110px; }
.df-uinfo__foot .df-bar-track { margin-top: 4px; }
@media (max-width: 767px) {
  .df-uinfo__grid { flex-direction: column; }
  .df-uinfo__media { border-left: none; border-top: 1px solid var(--df-line); flex-basis: auto; }
  .df-row__label { flex-basis: 84px; }
}
.df-row--soon .df-row__label { color: var(--df-faint); }
.df-row--soon .df-row__value { color: var(--df-disabled); font-style: italic; }
.df-set { display: flex; gap: 24px; align-items: flex-start; flex-wrap: wrap; }
.df-set__preview { flex: 0 0 200px; }
.df-set__caption { margin-top: var(--df-2); font-size: var(--df-fs-small); color: var(--df-muted); text-align: center; }
.df-set__form { flex: 1 1 320px; min-width: 0; }
.df-set__title { font: 700 var(--df-fs-lead)/1.2 var(--df-font); color: var(--df-text-strong); margin-bottom: var(--df-3); }
.df-set__note { font-size: var(--df-fs-base); color: var(--df-muted); line-height: 1.6; margin: 0 0 var(--df-5); }
.df-set__row { display: flex; gap: var(--df-3); align-items: center; flex-wrap: wrap; margin-bottom: var(--df-3); }
.df-set__actions { display: flex; gap: var(--df-3); align-items: center; flex-wrap: wrap; margin-top: var(--df-4); }
.df-file { flex: 1 1 200px; min-width: 0; font: 400 var(--df-fs-base) var(--df-font); color: var(--df-text);
           background: var(--df-input); border: 1px solid var(--df-line-strong); border-radius: 10px; padding: 6px 8px; }
.df-file::file-selector-button { font: 700 var(--df-fs-base) var(--df-font); color: var(--df-amber-ink);
           background: var(--df-amber); border: 0; padding: 6px 10px; margin-right: 10px; cursor: pointer; }
.df-file::file-selector-button:hover { background: var(--df-amber-hi); }
.df-drop__icon, .df-drop__main, .df-drop__hint, .df-drop__name { display: none; }
.df-js .df-drop__icon,
.df-js .df-drop__main,
.df-js .df-drop__hint,
.df-js .df-drop__name { display: block; }
.df-js .df-drop {
  display: block;
  position: relative; text-align: center; cursor: pointer;
  padding: var(--df-6) var(--df-4);
  border: 1px dashed var(--df-line-strong);
  background: rgba(0, 0, 0, .25);
  transition: border-color .12s, background .12s;
}
.df-js .df-drop:hover { border-color: var(--df-amber); background: rgba(240, 165, 0, .05); }
.df-js .df-drop.is-over { border-color: var(--df-amber); background: rgba(240, 165, 0, .10); }
.df-js .df-drop:focus-within { border-color: var(--df-amber); outline: 1px solid var(--df-amber); }
.df-js .df-drop input[type="file"] { position: absolute; inset: 0;
                                     width: auto; height: auto;
                                     margin: 0; padding: 0; border: 0;
                                     opacity: 0; cursor: pointer; }
.df-drop__icon { font-size: 22px; color: var(--df-amber); line-height: 1; }
.df-drop__main { margin-top: var(--df-2); font-weight: 700; color: var(--df-text-strong); }
.df-drop__hint { margin-top: 2px; font-size: var(--df-fs-small); color: var(--df-muted); }
.df-drop__name { margin-top: var(--df-3); font-size: var(--df-fs-small); color: var(--df-amber);
                 word-break: break-all; }
.df-bar--danger { background: var(--df-bad-bg); border-color: var(--df-bad-line); color: var(--df-bad); }
:root {
  --df-stat-off: #d24b3f;
  --df-stat-def: #4a7fd2;
  --df-stat-stl: #d8c23f;
}
.df-card .df-statbar { margin: var(--df-2) 0; }
.df-idea__title { font-weight: 700; color: var(--df-text-strong); }
.df-idea__meta  { margin-top: 4px; font-size: var(--df-fs-small); color: var(--df-muted); }
.df-idea__body  { margin-top: var(--df-3); color: var(--df-text); line-height: 1.6;
                  word-break: break-word; }
.df-idea__chip {
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: .1em; text-transform: uppercase;
  padding: 3px 6px; border: 1px solid; white-space: nowrap;
}
.df-idea__chip--saved    { color: var(--df-amber); border-color: var(--df-amber); }
.df-idea__chip--locked   { color: var(--df-bad);   border-color: var(--df-bad-line); }
.df-idea__chip--done     { color: var(--df-good);  border-color: var(--df-good); }
.df-idea__chip--future   { color: var(--df-amber); border-color: var(--df-line-strong); }
.df-idea__chip--declined { color: var(--df-muted); border-color: var(--df-line-strong); }
.df-idea__chip--live {
  color: var(--df-bg); background: var(--df-amber); border-color: var(--df-amber);
}
.df-idea__chip--missed { color: var(--df-bad); border-color: var(--df-bad-line); }
.df-city__word { vertical-align: middle; }
.df-city__wordrow {
  display: flex; align-items: center; gap: var(--df-3);
}
.df-city__wordrow > span { flex: 1 1 auto; }
.df-contract-here {
  flex: 0 0 auto;
  padding: 2px 6px;
  border: 1px solid var(--df-amber);
  color: var(--df-amber);
  font: 700 var(--df-fs-label)/1.3 var(--df-font);
  letter-spacing: .06em; text-transform: uppercase;
  white-space: nowrap; text-decoration: none;
}
.df-contract-here:hover { background: var(--df-amber); color: var(--df-bg); }
.df-cityhero {
  position: relative;
  border: 1px solid var(--df-line); border-radius: 10px;
  background: var(--df-bg);
  overflow: hidden;
}
.df-cityhero__art {
  display: block; width: 100%; height: auto; aspect-ratio: 1952 / 300;
  object-fit: cover; object-position: 50% 50%;
}
.df-cityhero__text {
  position: absolute; left: 0; right: 0; bottom: 0;
  display: flex; align-items: baseline; gap: var(--df-3);
  padding: var(--df-3) var(--df-4);
  background: linear-gradient(to top, rgba(0,0,0,.86), rgba(0,0,0,0));
}
.df-cityhero__label {
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: .12em; text-transform: uppercase;
  color: var(--df-muted);
}
.df-cityhero__name {
  font: 700 var(--df-fs-num)/1 var(--df-font);
  letter-spacing: .04em;
  color: var(--df-amber);
}
.df-col-art { width: 128px; }
.df-city__thumb {
  display: block; width: 100%; height: 44px;
  object-fit: cover; object-position: 50% 78%;
  border: 1px solid var(--df-line); border-radius: 10px;
}
.df-card__art {
  display: block; width: calc(100% + var(--df-5) * 2);
  height: 92px; object-fit: cover; object-position: 50% 78%;
  margin: calc(var(--df-4) * -1) calc(var(--df-5) * -1) var(--df-3);
  border-bottom: 1px solid var(--df-line);
}
.df-idea__chip--bug {
  color: var(--df-text-strong); background: var(--df-bad);
  border-color: var(--df-bad);
}
.df-newidea { margin: var(--df-4) 0; }
.df-newidea > summary { display: inline-block; cursor: pointer; list-style: none; }
.df-newidea > summary::-webkit-details-marker { display: none; }
.df-newidea__form { margin-top: var(--df-4); }
.df-ideatabs { display: flex; align-items: center; gap: var(--df-2);
               flex-wrap: wrap; margin-bottom: var(--df-4); }
.df-ideatab {
  padding: 4px 10px; border: 1px solid var(--df-line-strong); border-radius: 10px;
  color: var(--df-muted); font-size: var(--df-fs-small); white-space: nowrap;
}
.df-ideatab:hover { color: var(--df-text-strong); border-color: var(--df-amber); }
.df-ideatab.is-on { color: var(--df-amber-ink); background: var(--df-amber);
                    border-color: var(--df-amber); font-weight: 700; }
.df-ideatab.is-on .df-muted { color: var(--df-amber-ink); opacity: .75; }
.df-ideatabs__sort { display: flex; align-items: center; gap: var(--df-2);
                     margin-left: auto; font-size: var(--df-fs-small); color: var(--df-muted); }
.df-ideagrid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
               gap: var(--df-4); align-items: start; }
.df-ideagrid__read {
  border: 1px solid var(--df-line); border-radius: 10px; background: rgba(0, 0, 0, .25);
  padding: var(--df-4); min-height: 220px;
}
.df-ideaempty { color: var(--df-faint); text-align: center; padding: var(--df-6) 0; }
.df-idearow {
  display: flex; align-items: flex-start; gap: var(--df-3);
  border: 1px solid var(--df-line); border-radius: 10px; border-left: 3px solid var(--df-line-strong);
  background: rgba(0, 0, 0, .25);
  padding: var(--df-3); margin-bottom: var(--df-2);
}
.df-idearow:hover { border-color: var(--df-line-strong); }
.df-idearow--linked { position: relative; cursor: pointer; }
.df-idearow__hit {
  position: absolute;
  inset: 0;
  z-index: 1;
  font-size: 0;
}
.df-idearow--linked > *:not(.df-idearow__hit) { position: relative; z-index: 2; pointer-events: none; }
.df-idearow--linked a:not(.df-idearow__hit),
.df-idearow--linked button,
.df-idearow--linked input { pointer-events: auto; }
.df-idearow--linked:hover { border-color: var(--df-amber-line); background: rgba(240, 165, 0, .04); }
.df-idearow__hit:focus-visible { outline: 2px solid var(--df-amber); outline-offset: -2px; }
.df-idearow.is-open { border-left-color: var(--df-amber); background: rgba(240, 165, 0, .05); }
.df-idearow__vote { flex: 0 0 auto; }
.df-idearow__main { flex: 1 1 auto; min-width: 0; display: block; }
.df-idearow__title { display: block; font-weight: 700; color: var(--df-text-strong);
                     word-break: break-word; }
.df-idearow__main:hover .df-idearow__title { color: var(--df-amber); }
.df-idearow__meta { display: block; margin-top: 2px;
                    font-size: var(--df-fs-small); color: var(--df-muted); }
.df-idearow__chips { flex: 0 0 auto; display: flex; flex-direction: column;
                     gap: 3px; align-items: flex-end; }
.df-vote {
  display: flex; flex-direction: column; align-items: center; gap: 1px;
  min-width: 40px; padding: 4px 6px; cursor: pointer;
  background: var(--df-input); border: 1px solid var(--df-line-strong); border-radius: 10px;
  color: var(--df-muted); font: 700 var(--df-fs-small) var(--df-font);
}
.df-vote:hover { border-color: var(--df-amber); color: var(--df-amber); }
.df-vote.is-on { background: var(--df-amber); border-color: var(--df-amber);
                 color: var(--df-amber-ink); }
.df-vote__arrow { font-size: 9px; line-height: 1; }
.df-vote__count { line-height: 1; }
.df-idearead__head { display: flex; align-items: center; gap: var(--df-2); flex-wrap: wrap; }
.df-idearead__staff { display: flex; gap: var(--df-2); flex-wrap: wrap;
                      margin-top: var(--df-4); padding-top: var(--df-3);
                      border-top: 1px solid var(--df-line); }
.df-ideatalk__row { border-top: 1px solid var(--df-line); padding: var(--df-3) 0; }
.df-ideatalk__row:first-child { border-top: 0; }
@media (max-width: 900px) {
  .df-ideagrid { grid-template-columns: minmax(0, 1fr); }
  .df-ideatabs__sort { margin-left: 0; width: 100%; }
}
.df-field input[type="radio"],
.df-field input[type="checkbox"] {
  width: auto; margin: 0; padding: 0;
  accent-color: var(--df-amber); cursor: pointer;
}
.df-field .df-radio,
label.df-radio { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.df-access__now {
  display: flex; align-items: baseline; gap: var(--df-3); flex-wrap: wrap;
  border: 1px solid var(--df-amber); background: rgba(240, 165, 0, .07);
  padding: var(--df-3) var(--df-4); margin-bottom: var(--df-4);
}
.df-access__big {
  font: 700 var(--df-fs-lead)/1.1 var(--df-font);
  letter-spacing: .06em; text-transform: uppercase; color: var(--df-amber);
}
.df-access__sub { font-size: var(--df-fs-small); color: var(--df-muted); }
.df-access__sub b { color: var(--df-text-strong); }
.df-access__rows { display: flex; flex-direction: column; margin-bottom: var(--df-4); }
.df-access__row { display: flex; align-items: center; gap: var(--df-3);
                  padding: 7px 10px; cursor: pointer; }
.df-access__row { background: var(--df-menu-2); }
.df-access__row:hover { background: rgba(240, 165, 0, .05); }
.df-access__row input { width: auto; margin: 0; accent-color: var(--df-amber); }
.df-access__row b { color: var(--df-text-strong); }
.df-access__row .df-muted { font-size: var(--df-fs-small); }
.df-radios { display: flex; gap: var(--df-5); flex-wrap: wrap; padding: 2px 0; }
.df-radios .df-radio { display: inline-flex; align-items: center; gap: 7px;
                       cursor: pointer; color: var(--df-text); font-weight: 400; }
.df-radios .df-radio input { width: auto; margin: 0; padding: 0;
                             accent-color: var(--df-amber); cursor: pointer; }
.df-radios .df-radio:hover { color: var(--df-text-strong); }
.df-uiform { display: flex; flex-direction: column; gap: var(--df-5); align-items: flex-start; }
.df-uiform__row { display: flex; align-items: center; gap: var(--df-5); width: 100%; max-width: 460px; }
.df-uiform__label { flex: 0 0 74px; font: 700 var(--df-fs-label)/1 var(--df-font);
                    letter-spacing: var(--df-track-label); text-transform: uppercase; color: var(--df-muted); }
.df-uiform__value { flex: 0 0 46px; text-align: right; font: 400 var(--df-fs-lead)/1 var(--df-mono); color: var(--df-amber); }
.df-uiform__row--marks { font-size: var(--df-fs-small); color: var(--df-faint); justify-content: space-between; }
.df-uiform__row--marks span:first-child { flex: 0 0 74px; }
.df-uiform__row--marks span:last-child { flex: 0 0 46px; text-align: right; }
.df-range { flex: 1 1 auto; min-width: 0; accent-color: var(--df-amber); height: 22px; cursor: pointer; }
.df-msg--good { border-color: var(--df-good-line); border-left-color: var(--df-good); background: var(--df-good-bg); }
.df-msg--good .df-msg__glyph { color: var(--df-good); }
.df-tr--current td { padding-top: var(--df-5); padding-bottom: var(--df-5); }
.df-tr--current .df-event__title { color: var(--df-text-strong); }
.df-tr--current .df-event__body { color: #c9bb98; }
.df-tr--locked .df-event__title { color: #6a655c; }
.df-tr--locked .df-event__body,
.df-tr--locked .df-event__reward { color: var(--df-disabled); }
@media (max-width: 1023px) {
  .df-tabbar a { min-height: 44px; display: flex; align-items: center; justify-content: center;
                 flex-wrap: wrap; align-content: center; gap: 1px 4px; }
  .df-card .df-btn,
  .df-card .df-locked { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
}
@media (max-width: 1023px) {
  .df-statsblock > .df-bar { display: none; }
  .df-stats { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap;
              gap: var(--df-3); padding: var(--df-3) var(--df-4); }
  .df-ident { flex: 1 1 auto; min-width: 0; }
  .df-stats > .df-money-box { flex: 0 0 auto; margin: 0; border: 0; padding: 0;
                              display: flex; gap: var(--df-4); align-items: baseline; }
  .df-money-box__row { display: flex; gap: 5px; align-items: baseline; }
  .df-stats > .df-stats__group:not(.df-now):not(.df-money-box) { display: none; }
  .df-stats > .df-clock { display: none; }
  .df-now { flex: 1 1 100%; }
  .df-now .df-now__row { display: none; }
  .df-now .df-statline { margin: 0; }
  .df-now .df-now__item { display: none; }
  .df-shell__left > .df-navgroup, .df-shell__right .df-navgroup { margin-top: 0; }
  .df-shell__left .df-navgroup .df-bar,
  .df-shell__right .df-navgroup .df-bar { margin-top: var(--df-3); }
  .df-shell__right { padding-top: var(--df-3); padding-bottom: var(--df-4); }
  .df-shell__left .df-navgroup .df-bar,
  .df-shell__right .df-bar {
    min-height: 44px; display: flex; align-items: center;
    cursor: pointer;
    -webkit-user-select: none; user-select: none;
    -webkit-tap-highlight-color: rgba(240, 165, 0, .18);
  }
  .df-shell__left .df-navgroup .df-bar:active,
  .df-shell__right .df-bar:active { background: #171208; }
  .df-shell__left .df-navgroup--creator > .df-bar,
  .df-shell__right .df-navgroup--creator > .df-bar {
    background: linear-gradient(#0e1a0c, #0a120a);
    color: var(--df-good);
    border-left-color: var(--df-good);
    border-bottom-color: var(--df-good-line);
    -webkit-tap-highlight-color: rgba(94, 200, 79, .18);
  }
  .df-shell__left .df-navgroup--creator > .df-bar:active,
  .df-shell__right .df-navgroup--creator > .df-bar:active { background: #12250f; }
  .df-shell__left .df-navgroup--creator > .df-bar .df-bar__toggle,
  .df-shell__left .df-navgroup--creator > .df-bar .df-bar__count { color: var(--df-good); }
}
.df-shell__left .df-bar,
.df-shell__right .df-bar {
  background: linear-gradient(var(--df-menu-1), var(--df-menu-2));
  color: var(--df-amber);
  border: 1px solid var(--df-line); border-radius: 10px;
  border-left: 3px solid var(--df-amber);
  border-bottom-color: var(--df-amber-line);
  padding: 7px var(--df-4);
  margin-top: var(--df-4);
  align-items: center;
}
.df-shell__left .df-nav,
.df-shell__right .df-nav {
  background: rgba(8, 8, 8, 0.55);
  border: 1px solid var(--df-line); border-radius: 10px;
  border-top: 0;
  border-left-width: 3px;
  padding: var(--df-2) 0 var(--df-3);
}
.df-shell__left .df-navgroup { margin-top: var(--df-4); }
.df-shell__left .df-navgroup .df-bar { margin-top: 0; }
.df-shell__left .df-statsblock .df-bar { margin-top: 0; }
.df-shell__right .df-menucol > :first-child .df-bar { margin-top: 0; }
.df-shell__left .df-stats {
  background: rgba(8, 8, 8, 0.55);
  border: 1px solid var(--df-line); border-radius: 10px;
  border-top: 0;
  border-left-width: 3px;
}
.df-shell__left .df-bar--muted,
.df-shell__right .df-bar--muted {
  background: linear-gradient(#161616, #101010);
  color: var(--df-muted);
  border-left-color: var(--df-line-strong);
  border-bottom-color: var(--df-line-strong);
}
.df-bar__toggle {
  background: none;
  border: 0;
  padding: 0 0 0 var(--df-3);
  margin: 0;
  cursor: pointer;
  color: inherit;
  font: inherit;
  line-height: 1;
  opacity: .75;
}
.df-bar__toggle:hover { opacity: 1; }
.df-bar__count {
  margin-left: auto;
  font-family: var(--df-mono);
  color: #d32f2f;
  letter-spacing: 0;
}
.df-bar__count:empty { display: none; }
.df-bar__toggle::before { content: "\2212"; }
.is-collapsed .df-bar__toggle::before { content: "\002B"; }
.df-nav.is-hidden { display: none; }
.df-shell__left .df-bar.is-collapsed,
.df-shell__right .df-bar.is-collapsed { border-bottom-color: var(--df-line); }
.df-menucol.is-reordering { outline: 1px dashed var(--df-line-strong); outline-offset: -2px; min-height: 120px; }
.df-menucol.is-over { outline-color: var(--df-amber); background: rgba(240, 165, 0, .04); }
.df-drag { position: relative; }
.df-drag.is-dragging { opacity: .4; }
.df-js .df-drag { cursor: grab; }
.df-js .df-drag:active { cursor: grabbing; }
.df-drag__bar { display: flex; align-items: center; gap: var(--df-2); padding: 3px var(--df-3);
                margin-top: var(--df-4); background: var(--df-menu-1); border: 1px solid var(--df-amber-line);
                border-bottom: 0; }
.df-drag__grip { color: var(--df-faint); letter-spacing: -3px; font-size: 12px; }
.df-drag__name { flex: 1 1 auto; min-width: 0; font: 700 var(--df-fs-micro)/1.6 var(--df-font);
                 letter-spacing: .1em; text-transform: uppercase; color: var(--df-amber); }
.df-drag .df-navgroup { margin-top: 0; }
.df-drag .df-navgroup .df-bar { margin-top: 0; }
.df-drag__btns { display: flex; gap: 2px; }
.df-js .df-drag__btns { display: none; }
.df-drag__btns button { background: #151515; border: 1px solid var(--df-line-strong); border-radius: 10px; color: var(--df-muted);
                        font: 400 9px/1 var(--df-font); padding: 3px 5px; cursor: pointer; }
.df-drag__btns button:hover { border-color: var(--df-amber); color: var(--df-amber); }
.df-toggle { display: flex; gap: var(--df-6); align-items: center; flex-wrap: wrap; }
.df-toggle__main { flex: 1 1 320px; min-width: 0; }
.df-career__stats { display: flex; flex-wrap: wrap; gap: var(--df-8); }
.df-career__figure { font: 400 22px/1.1 var(--df-font); color: var(--df-text-strong); margin-top: 3px; }
.df-career__figure span { font-size: var(--df-fs-body); color: var(--df-faint); }
.df-career__next { margin-top: var(--df-7); }
.df-career__next .df-statline b { color: var(--df-text-strong); font-weight: 400; }
.df-career__next .df-bar-track { margin-top: 5px; }
.df-tier { border: 1px solid var(--df-line); border-radius: 10px; background: var(--df-panel); }
.df-tier + .df-tier { border-top: 0; }
.df-tier--now { border-color: var(--df-amber-line); }
.df-tier__head { display: flex; align-items: center; gap: var(--df-5); padding: 11px var(--df-6);
                 cursor: pointer; list-style: none; }
.df-tier__head::-webkit-details-marker { display: none; }
.df-tier__head::after { content: "+"; margin-left: var(--df-2); color: var(--df-faint); font: 400 13px/1 var(--df-mono); }
.df-tier[open] .df-tier__head::after { content: "\2212"; }
.df-tier__head:hover { background: #131108; }
.df-tier__name { flex: 1 1 auto; min-width: 0; font: 700 var(--df-fs-label)/1.3 var(--df-font);
                 letter-spacing: var(--df-track-label); text-transform: uppercase; color: var(--df-text); }
.df-tier--done .df-tier__name { color: var(--df-muted); }
.df-tier--now  .df-tier__name { color: var(--df-amber); }
.df-tier__range { color: var(--df-faint); font-weight: 400; letter-spacing: 0; }
.df-tier__track { flex: 0 0 130px; display: block; height: 8px; background: #171717;
                  border: 1px solid var(--df-line-strong); border-radius: 10px; overflow: hidden; }
.df-tier__fill  { display: block; height: 100%; background: var(--df-amber); }
.df-tier--done .df-tier__fill { background: var(--df-good); }
.df-tier__count { flex: 0 0 46px; text-align: right; font: 400 var(--df-fs-small)/1 var(--df-mono); color: var(--df-muted); }
.df-tier__body { border-top: 1px solid var(--df-line); padding: var(--df-5) var(--df-6) var(--df-6); }
.df-tier__blurb { margin: 0 0 var(--df-5); font-size: var(--df-fs-base); color: var(--df-muted); }
.df-rankrow { display: flex; gap: var(--df-5); align-items: baseline; padding: 7px var(--df-4);
              border-left: 2px solid transparent; }
.df-rankrow { background: var(--df-menu-2); }
.df-rankrow--done { color: var(--df-muted); }
.df-rankrow--todo .df-rankrow__name { color: var(--df-disabled); }
.df-rankrow--now  { border-left-color: var(--df-amber); background: #141002; }
.df-rankrow__nr { flex: 0 0 30px; text-align: right; font: 400 var(--df-fs-small)/1.5 var(--df-mono); color: var(--df-faint); }
.df-rankrow--now .df-rankrow__nr { color: var(--df-amber); }
.df-rankrow__main { flex: 1 1 auto; min-width: 0; }
.df-rankrow__name { font-size: var(--df-fs-body); color: var(--df-text); }
.df-rankrow--now .df-rankrow__name { color: var(--df-text-strong); font-weight: 700; }
.df-rankrow__blurb { display: block; font-size: var(--df-fs-base); color: var(--df-faint); margin-top: 2px; }
.df-rankrow__here { font: 700 var(--df-fs-micro)/1 var(--df-font); letter-spacing: .12em; text-transform: uppercase;
                    color: var(--df-amber); margin-left: var(--df-3); }
.df-rankrow__xp { flex: 0 0 auto; font: 400 var(--df-fs-small)/1.5 var(--df-mono); color: var(--df-faint); white-space: nowrap; }
.df-unlockchip { display: inline-block; margin-left: var(--df-3); padding: 2px 6px;
                 font: 700 var(--df-fs-micro)/1.5 var(--df-font); letter-spacing: .08em; text-transform: uppercase;
                 border: 1px solid var(--df-amber-line); background: #100d05; color: var(--df-amber); }
@media (max-width: 767px) {
  .df-career__stats { gap: var(--df-6); }
  .df-tier__head { flex-wrap: wrap; gap: var(--df-3); }
  .df-tier__track { flex: 1 1 100%; order: 3; }
  .df-rankrow { flex-wrap: wrap; gap: var(--df-3); }
  .df-rankrow__xp { flex: 1 1 100%; padding-left: 44px; }
}
.df-bar--admin {
  background: linear-gradient(#2a1210, #1c0c0b);
  color: var(--df-bad);
  border-left: 3px solid var(--df-bad);
  border-bottom-color: var(--df-bad-line);
}
.df-shell__left .df-navgroup--admin .df-nav { border-left-color: var(--df-bad-line); }
.df-admin-row { display: flex; flex-wrap: wrap; gap: var(--df-3); align-items: center; margin-bottom: var(--df-4); }
.df-admin-row:last-child { margin-bottom: 0; }
.df-admin-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--df-5); }
.df-input-sm, .df-input-lg, .df-input-xs,
.df-admin-row select, .df-uiform select, .df-field select {
  background: var(--df-input); border: 1px solid var(--df-line-strong); border-radius: 10px; color: var(--df-text);
  font: 400 var(--df-fs-body)/1 var(--df-font); padding: 8px var(--df-3);
}
.df-input-sm { width: 190px; max-width: 100%; }
.df-input-xs { width: 70px; max-width: 100%; }
.df-input-lg { flex: 1 1 320px; min-width: 0; }
.df-input-sm:focus, .df-input-lg:focus, .df-input-xs:focus, select:focus { outline: none; border-color: var(--df-amber); background: #151208; }
.df-radio { display: block; font-size: var(--df-fs-body); color: var(--df-text);
            padding: 4px 0; cursor: pointer; }
.df-radio input { accent-color: var(--df-amber); margin-right: var(--df-3); vertical-align: middle; }
.df-hr { border: 0; border-top: 1px solid var(--df-line); margin: var(--df-6) 0; }
.df-badge-admin, .df-badge-banned {
  display: inline-block; margin-left: var(--df-2); padding: 1px 5px;
  font: 700 var(--df-fs-micro)/1.6 var(--df-font); letter-spacing: .1em; text-transform: uppercase;
}
.df-badge-admin  { background: var(--df-bad-bg); border: 1px solid var(--df-bad-line); color: var(--df-bad); }
.df-badge-banned { background: #151515; border: 1px solid var(--df-line-strong); border-radius: 10px; color: var(--df-faint); }
.df-name-admin,
a.df-name-admin { color: var(--df-bad); }
a.df-name-admin:hover { color: #ff8a7a; }
.df-nav a .df-nav__count { font-family: var(--df-mono); color: #d32f2f; margin-left: -4px; margin-top: -4px; vertical-align: super; }
.df-tabbar a .df-nav__count { font-family: var(--df-mono); color: #d32f2f; margin-left: 0; margin-top: 0; }
.df-nav a .df-nav__count--ready,
.df-nav a .df-nav__count--timer {
  margin-left: auto;
  margin-top: 0;
  vertical-align: baseline;
  padding-left: var(--df-3);
  font-family: var(--df-font);
  white-space: nowrap;
  position: relative;
  top: -3px;
}
.df-nav a .df-nav__count--ready,
.df-tabbar a .df-nav__count--ready {
  color: #4caf50;
}
.df-nav a:has(.df-nav__count--ready),
.df-tabbar a:has(.df-nav__count--ready) { color: #4caf50; }
.df-nav a:has(.df-nav__count--ready):hover { color: #8fe6a6; }
.df-nav a:hover .df-nav__count--ready { color: #66bb6a; }
.df-tabbar a.is-active .df-nav__count--ready { color: #66bb6a; }
.df-nav a .df-nav__count--timer,
.df-tabbar a .df-nav__count--timer { color: #d32f2f; }
.df-nav a:hover .df-nav__count--timer { color: #ff5252; }
.df-tabbar a.is-active .df-nav__count--timer { color: #ff5252; }
.df-nav a .df-nav__count::before,
.df-tabbar a .df-nav__count::before { content: none; }
.df-nav a:hover .df-nav__count { color: #ff5252; }
.df-tabbar a.is-active .df-nav__count { color: #ff5252; }
.df-auth__body { padding: var(--df-7) 20px 20px; display: flex; flex-direction: column; gap: var(--df-5); }
.df-auth__body--center { text-align: center; align-items: center; }
.df-auth__body--center p { margin: 0; font-size: var(--df-fs-body); color: var(--df-muted); }
.df-auth__body--center p b { color: var(--df-text-strong); }
.df-auth__foot { font-size: var(--df-fs-base); color: var(--df-muted); text-align: center; margin: 0; }
.df-bar--good { background: var(--df-good); }
.df-ok { width: 44px; height: 44px; border: 1px solid var(--df-good-line); background: var(--df-good-bg);
         color: var(--df-good); font: 700 var(--df-fs-body)/42px var(--df-font); text-align: center; }
a.df-btn, a.df-btn:hover { color: var(--df-action-ink); text-decoration: none; }
.df-btn--block { box-sizing: border-box; }
.df-legaltabs {
  display: flex; flex-wrap: wrap; gap: var(--df-2);
  margin-bottom: var(--df-5);
}
.df-legaltabs a {
  padding: 4px 10px; border: 1px solid var(--df-line-strong); border-radius: 10px;
  color: var(--df-muted); font-size: var(--df-fs-small); white-space: nowrap;
}
.df-legaltabs a:hover { color: var(--df-text-strong); border-color: var(--df-amber); }
.df-legaltabs a.is-active {
  color: var(--df-amber-ink); background: var(--df-amber);
  border-color: var(--df-amber); font-weight: 700;
}
.df-profiletabs .df-legaltabs { margin-bottom: 0; }
.df-legaltabs--foot {
  justify-content: center; margin: var(--df-5) 0 20px; padding: 0 20px;
}
.df-legaltabs--foot a { border: 0; padding: 0 var(--df-3); }
.df-legal { color: var(--df-text); font-size: var(--df-fs-body); line-height: 1.75; }
.df-legal__updated {
  font: 400 var(--df-fs-label)/1 var(--df-mono); color: var(--df-faint);
  letter-spacing: .16em; text-transform: uppercase;
  margin: 0 0 var(--df-6); padding-bottom: var(--df-4);
  border-bottom: 1px solid var(--df-line);
}
.df-legal h3 {
  margin: var(--df-7) 0 var(--df-3);
  font: 700 var(--df-fs-body)/1.3 var(--df-font); color: var(--df-amber);
}
.df-legal h3:first-of-type { margin-top: var(--df-5); }
.df-legal p { margin: 0 0 var(--df-4); }
.df-legal ul { margin: 0 0 var(--df-4); padding-left: var(--df-7); }
.df-legal li { margin-bottom: var(--df-2); }
.df-legal b { color: var(--df-text-strong); }
.df-auth--wide { max-width: 720px; }
.df-auth--wide .df-panel__body { padding: var(--df-6) 20px 4px; }
.df-hp {
  position: absolute; left: -9999px; top: auto;
  width: 1px; height: 1px; overflow: hidden;
}
.df-legaltabs__soon {
  padding: 4px 10px; border: 1px dashed var(--df-line);
  color: var(--df-faint); font-size: var(--df-fs-small); white-space: nowrap;
}
.df-good { color: var(--df-good); }
.df-bad  { color: var(--df-bad); }
.df-featurebar {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--df-3);
  margin-bottom: var(--df-4); padding: var(--df-3) var(--df-4);
  border: 1px solid var(--df-line-strong); border-radius: 10px; border-left: 3px solid var(--df-amber);
  background: var(--df-amber-bg);
}
.df-featurebar.is-closed {
  border-left-color: var(--df-bad); background: var(--df-bad-bg);
  border-color: var(--df-bad-line);
}
.df-featurebar__tag {
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: .12em; text-transform: uppercase;
  padding: 4px 7px; border: 1px solid var(--df-amber); color: var(--df-amber);
}
.df-featurebar.is-closed .df-featurebar__tag { border-color: var(--df-bad); color: var(--df-bad); }
.df-featurebar__text { flex: 1 1 260px; font-size: var(--df-fs-base); color: var(--df-text); }
.df-featurebar__text b { color: var(--df-text-strong); }
.df-btn--danger:hover { border-color: var(--df-bad); background: var(--df-bad-bg); }
.df-btn--sm {
  font-size: var(--df-fs-label);
  padding: 3px 7px;
  letter-spacing: .06em;
}
.df-row--staff .df-btn { vertical-align: middle; }
.df-paged--nojs tbody > tr { display: table-row; }
.df-paged tbody > tr.is-hidden { display: none; }
.df-paged > details.is-hidden  { display: none; }
.df-pager { display: flex; flex-wrap: wrap; gap: var(--df-2); padding: var(--df-3) var(--df-4); }
.df-pager:empty { display: none; }
.df-pager__btn {
  min-width: 26px; padding: 3px 7px;
  border: 1px solid var(--df-line-strong); border-radius: 10px; background: #151515;
  color: var(--df-muted); cursor: pointer;
  font: 700 var(--df-fs-label)/1.4 var(--df-font);
}
.df-pager__btn:hover { color: var(--df-amber); border-color: var(--df-amber); }
.df-pager__btn.is-on {
  background: var(--df-amber); border-color: var(--df-amber);
  color: var(--df-amber-ink);
}
@media (max-width: 767px) {
  .df-pager { display: none; }
}
.df-js .df-js-hide { display: none; }
.df-badge-creator {
  display: inline-block; margin-left: var(--df-2); padding: 1px 5px;
  background: var(--df-good); border: 1px solid var(--df-good);
  color: #06210a;
  font: 700 var(--df-fs-label)/1.5 var(--df-font);
  letter-spacing: .08em; text-transform: uppercase; vertical-align: middle;
}
.df-name-creator,
a.df-name-creator { color: var(--df-good); }
a.df-name-creator:hover { color: #8ee87f; }
.df-bar--creator {
  background: linear-gradient(#0f2210, #0a180c);
  color: var(--df-good);
  border-left: 3px solid var(--df-good);
  border-bottom-color: var(--df-good-line);
}
.df-shell__left .df-navgroup--creator .df-nav { border-left-color: var(--df-good-line); }
.df-locked--creator { border-color: var(--df-good); color: var(--df-good); }
.df-title-tag {
  display: inline-block;
  margin-left: var(--df-2);
  padding: 1px 5px;
  border: 1px solid var(--df-line);
  color: var(--df-muted);
  font: 400 var(--df-fs-small)/1.3 var(--df-font);
  white-space: nowrap;
  vertical-align: baseline;
}
.df-ghostback {
  margin-top: var(--df-2);
}
.df-ghostback__btn {
  display: inline-block;
  padding: 3px 10px;
  border: 1px solid var(--df-good-line);
  background: var(--df-good-bg);
  color: var(--df-good);
  font: 700 var(--df-fs-small)/1.3 var(--df-font);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
}
.df-ghostback__btn:hover,
.df-ghostback__btn:focus-visible {
  background: #14300f;
  color: #8ee87f;
}
.df-ghostback--lens { margin-top: 4px; }
.df-ghostback--lens .df-ghostback__btn {
  border-color: var(--df-bad-line);
  background: var(--df-bad-bg);
  color: var(--df-bad);
}
.df-ghostback--lens .df-ghostback__btn:hover,
.df-ghostback--lens .df-ghostback__btn:focus-visible {
  background: #2a1210;
  color: #ff8a7a;
}
.df-lensnote {
  margin-top: 4px;
  max-width: 34ch;
  color: #ff8a8a;
  font: 400 var(--df-fs-micro)/1.45 var(--df-font);
}
.df-lensnote b { color: #ffbdbd; }
.df-titlegrid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: var(--df-2); margin-top: var(--df-4);
}
.df-title {
  display: flex; flex-direction: column; gap: 2px;
  padding: var(--df-3); text-align: left;
  border: 1px solid var(--df-line-strong); border-radius: 10px; background: #151515;
  color: var(--df-text); cursor: pointer;
  font: 400 var(--df-fs-small)/1.3 var(--df-font);
}
.df-title:hover { border-color: var(--df-amber); }
.df-title__name { font-weight: 700; color: var(--df-text-strong); }
.df-title__at   { color: var(--df-faint); font-size: var(--df-fs-label); }
.df-title.is-worn {
  border-color: var(--df-amber); background: var(--df-amber-bg);
}
.df-title.is-worn .df-title__name { color: var(--df-amber); }
.df-title.is-locked {
  border-style: dashed; border-color: var(--df-line);
  background: transparent; cursor: default;
}
.df-title.is-locked .df-title__name { color: var(--df-faint); font-weight: 400; }
.df-felt__cards .df-card {
  display: inline-flex; align-items: center; gap: 2px;
  min-width: 34px; padding: 5px 6px;
  background: #e8e4da; color: #14110c;
  border: 1px solid #0000; border-radius: 2px;
  font: 700 var(--df-fs-body)/1 var(--df-font);
  font-variant-numeric: tabular-nums;
}
.df-felt__cards .df-card i { font-style: normal; font-size: 1.05em; }
.df-felt__cards .df-card--red { color: #a2201a; }
.df-felt__cards .df-card--back {
  background: repeating-linear-gradient(45deg, #2a2118, #2a2118 3px, #1d160f 3px, #1d160f 6px);
  color: var(--df-faint); border-color: var(--df-line-strong);
}
.df-btn--alt { border-color: var(--df-action); color: var(--df-action); background: transparent; }
.df-btn--alt:hover { background: var(--df-action); color: var(--df-action-ink); }
.df-crumbs {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--df-2);
  padding: var(--df-3) var(--df-5);
  font-size: var(--df-fs-base); color: var(--df-muted);
}
.df-crumbs span { color: var(--df-faint); }
.df-crumbs__here { color: var(--df-text); }
.df-boards { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--df-4); }
.df-board {
  display: flex; flex-direction: column; gap: var(--df-2);
  padding: var(--df-5);
  background: var(--df-panel); border: 1px solid var(--df-line); border-radius: 10px;
  border-left: 3px solid var(--df-line-strong);
  text-decoration: none; color: inherit;
}
.df-board:hover { border-left-color: var(--df-amber); background: var(--df-panel-alt); text-decoration: none; }
.df-board__head { display: flex; align-items: center; gap: var(--df-3); }
.df-board__name { font: 700 var(--df-fs-lead)/1.2 var(--df-font); color: var(--df-text-strong); }
.df-board__tag {
  font: 700 var(--df-fs-label)/1 var(--df-font); letter-spacing: .1em; text-transform: uppercase;
  color: var(--df-amber); border: 1px solid var(--df-amber); padding: 2px 5px; white-space: nowrap;
}
.df-board__blurb { font-size: var(--df-fs-base); color: var(--df-muted); flex: 1 1 auto; }
.df-board__foot {
  display: flex; flex-wrap: wrap; gap: var(--df-4);
  font-size: var(--df-fs-base); color: var(--df-faint); margin-top: var(--df-2);
}
.df-board__foot b { color: var(--df-text); font-variant-numeric: tabular-nums; }
.df-board__open { color: var(--df-amber); }
.df-threadlist { display: flex; flex-direction: column; }
.df-tl {
  display: flex; align-items: center; gap: var(--df-4);
  padding: var(--df-4) var(--df-5);
  border-top: 1px solid var(--df-line-soft);
  text-decoration: none; color: inherit;
}
.df-tl:hover { background: var(--df-panel-alt); text-decoration: none; }
.df-tl--pinned { background: rgba(240, 165, 0, .04); }
.df-tl__main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.df-tl__title { color: var(--df-text-strong); font-weight: 650; }
.df-tl__flag {
  font: 700 var(--df-fs-label)/1 var(--df-font); font-style: normal;
  letter-spacing: .1em; text-transform: uppercase;
  color: var(--df-amber); margin-right: var(--df-2);
}
.df-tl__flag--shut { color: var(--df-faint); }
.df-tl__by { font-size: var(--df-fs-base); color: var(--df-muted); }
.df-tl__count, .df-tl__last { flex: 0 0 auto; text-align: right; font-size: var(--df-fs-base); }
.df-tl__count { min-width: 58px; }
.df-tl__last  { min-width: 116px; }
.df-tl__count b, .df-tl__last b { display: block; color: var(--df-text); font-variant-numeric: tabular-nums; }
.df-tl__count i, .df-tl__last i { font-style: normal; color: var(--df-faint); font-size: var(--df-fs-label); }
.df-thread { display: flex; flex-direction: column; }
.df-post { display: flex; gap: var(--df-5); padding: var(--df-5); border-top: 1px solid var(--df-line-soft); }
.df-post__who { flex: 0 0 140px; display: flex; flex-direction: column; gap: var(--df-2); min-width: 0; }
.df-post__av {
  width: 56px; height: 70px; object-fit: cover;
  border: 1px solid var(--df-line); border-radius: 10px; background: var(--df-bg);
}
.df-post__id { display: flex; flex-wrap: wrap; align-items: center; gap: var(--df-2); }
.df-post__rank { display: block; width: 100%; font-size: var(--df-fs-label); color: var(--df-faint); }
.df-post__when { font-size: var(--df-fs-label); color: var(--df-faint); }
.df-post__body { flex: 1 1 auto; min-width: 0; line-height: 1.6; overflow-wrap: anywhere; }
.df-thread__staff { display: flex; flex-wrap: wrap; gap: var(--df-3); margin-top: var(--df-4); }
.df-btn--small { padding: 4px 10px; font-size: var(--df-fs-base); }
.df-newthread { border-top: 1px solid var(--df-line); }
.df-empty { padding: var(--df-7) 0 var(--df-5); text-align: center; }
.df-empty__line { font: 700 var(--df-fs-lead)/1.3 var(--df-font); color: var(--df-text); }
.df-empty__sub { margin-top: var(--df-2); font-size: var(--df-fs-base); color: var(--df-amber); }
@media (max-width: 767px) {
  .df-post { flex-direction: column; gap: var(--df-3); }
  .df-post__who { flex-basis: auto; flex-direction: row; align-items: center; }
  .df-post__av { width: 34px; height: 42px; }
  .df-tl { flex-wrap: wrap; }
  .df-tl__count, .df-tl__last { text-align: left; min-width: 0; }
}
.df-bar-fill.is-full { background: var(--df-bad); }
.df-btn--buy { width: 100%; }
.df-collect {
  display: flex; align-items: center; gap: var(--df-5); flex-wrap: wrap;
  padding: var(--df-4) var(--df-5);
  background: var(--df-panel); border: 1px solid var(--df-line); border-radius: 10px;
  border-left: 3px solid var(--df-good);
}
.df-collect__side { display: flex; flex-direction: column; gap: 3px; }
.df-collect__label {
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: .14em; text-transform: uppercase; color: var(--df-muted);
}
.df-collect__sub { font-size: var(--df-fs-base); color: var(--df-faint); }
.df-collect__sum {
  margin-left: auto;
  font: 700 var(--df-fs-num-lg)/1 var(--df-font);
  color: var(--df-good); font-variant-numeric: tabular-nums;
}
@media (max-width: 560px) {
  .df-collect__sum { margin-left: 0; }
  .df-collect .df-btn { width: 100%; }
}
.df-segs { display: flex; flex-direction: column; gap: 3px; }
.df-seg { display: flex; align-items: center; gap: var(--df-3); }
.df-seg__lab { width: 82px; font: 700 var(--df-fs-label)/1 var(--df-font); letter-spacing: .06em;
               text-transform: uppercase; color: var(--df-muted); }
.df-seg__track { flex: 1; height: 13px; background: #111; border: 1px solid #1e1e1e;
                 border-radius: 2px; overflow: hidden; }
.df-seg__bar { display: block; height: 100%; background: linear-gradient(90deg, #6a4a12, #3a2a0c); }
.df-seg__bar--big { background: linear-gradient(90deg, var(--df-amber-hi), var(--df-amber)); }
.df-seg__x { width: 32px; text-align: right; font: 700 var(--df-fs-base)/1 var(--df-font);
             font-variant-numeric: tabular-nums; color: var(--df-text); }
.df-seg__pc { width: 44px; text-align: right; font-size: var(--df-fs-base); color: var(--df-faint);
              font-variant-numeric: tabular-nums; }
.df-seg.is-hit .df-seg__lab { color: var(--df-amber); }
.df-seg.is-hit .df-seg__track { border-color: var(--df-amber); }
.df-felt { padding: var(--df-5); border-radius: 3px;
  background: radial-gradient(130% 100% at 50% -12%, #164028, #0d2318 58%, #06110b); }
.df-felt__row { display: flex; align-items: center; gap: var(--df-4); margin-bottom: var(--df-3); }
.df-felt__row:last-child { margin-bottom: 0; }
.df-felt__who { width: 50px; font: 700 var(--df-fs-label)/1 var(--df-font); letter-spacing: .12em;
                text-transform: uppercase; color: #7fa98c; }
.df-felt__cards { flex: 1; display: flex; gap: 5px; flex-wrap: wrap; }
.df-felt__total { font: 700 var(--df-fs-num)/1 var(--df-font); color: #cfe8d8;
                  min-width: 34px; text-align: right; font-variant-numeric: tabular-nums; }
.df-felt__empty { margin: var(--df-3) 0 0; font-size: var(--df-fs-base); color: #6f9a7e; }
.df-chips { display: flex; gap: var(--df-2); flex-wrap: wrap; }
.df-chip {
  position: relative;
  padding: 6px 9px; border: 1px solid var(--df-line-strong); border-radius: 3px;
  background: linear-gradient(180deg, #1b1a17, #111);
  font: 700 var(--df-fs-base)/1 var(--df-font); color: var(--df-text);
  font-variant-numeric: tabular-nums; cursor: pointer;
}
.df-chip input { position: absolute; opacity: 0; width: 0; height: 0; }
.df-chip:has(input:checked) {
  border-color: var(--df-amber);
  color: var(--df-amber);
  box-shadow: inset 0 0 0 1px rgba(240, 165, 0, .3);
}
.df-chip:active{ transform: translateY(1px); }
.df-chip:has(input:focus-visible){
  outline: 2px solid var(--df-amber-hi);
  outline-offset: 1px;
}
.df-t { --t-gap: 2px; }
.df-t__grid {
  display: grid;
  grid-template-columns: 30px repeat(12, 1fr) 34px;
  gap: var(--t-gap);
}
.df-t__row { display: grid; gap: var(--t-gap); margin-top: var(--t-gap); }
.df-t__row--doz { grid-template-columns: 30px repeat(3, 1fr) 34px; }
.df-t__row--out { grid-template-columns: 30px repeat(6, 1fr) 34px; }
.df-t__gap { visibility: hidden; }
.df-t__cell {
  position: relative;
  display: flex; align-items: center; justify-content: center;
  height: 28px; border-radius: 2px; cursor: pointer;
  border: 1px solid rgba(0, 0, 0, .5);
  font: 700 var(--df-fs-body)/1 var(--df-font);
  font-variant-numeric: tabular-nums;
  color: #f2ece2;
}
.df-t__cell input { position: absolute; opacity: 0; width: 0; height: 0; }
.df-t__red   { background: linear-gradient(180deg, #b02a20, #8f2119); }
.df-t__black { background: linear-gradient(180deg, #1e1e1e, #0d1725); }
.df-t__zero  { grid-row: span 3; height: auto;
               background: linear-gradient(180deg, #1e6b3f, #12401f); }
.df-t__col   { background: #1a1a18; color: var(--df-muted); font-size: var(--df-fs-label); }
.df-t__col i { display: none; font-style: normal; }
.df-t__out {
  height: 26px; background: #1a1a18; color: var(--df-text);
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: .06em; text-transform: uppercase;
}
.df-t__out--red   { background: linear-gradient(180deg, #b02a20, #8f2119); color: #fff; }
.df-t__out--black { background: linear-gradient(180deg, #1e1e1e, #0d1725); }
.df-t__cell:hover { outline: 1px solid var(--df-amber); z-index: 1; }
.df-t__cell:has(input:checked) {
  outline: 2px solid var(--df-amber-hi);
  box-shadow: 0 0 10px rgba(255, 194, 51, .5);
  z-index: 2;
}
.df-t__cell:has(input:focus-visible) { outline: 2px solid var(--df-amber-hi); outline-offset: 1px; }
.df-t__note { margin: var(--df-3) 0 0; font-size: var(--df-fs-base); color: var(--df-faint); }
@media (max-width: 767px) {
  .df-t { --t-gap: 1px; }
  .df-t__grid { grid-template-columns: 22px repeat(12, 1fr) 26px; }
  .df-t__cell { height: 22px; font-size: var(--df-fs-label); border-radius: 1px; }
  .df-t__zero { grid-row: span 3; grid-column: auto; height: auto; }
  .df-t__col  { height: 22px; font-size: var(--df-fs-micro); padding: 0; }
  .df-t__col i { display: none; }
  .df-t__row--doz { grid-template-columns: 22px repeat(3, 1fr) 26px; }
  .df-t__row--out { grid-template-columns: 22px repeat(6, 1fr) 26px; }
  .df-t__out { height: 24px; font-size: var(--df-fs-micro); letter-spacing: .04em; }
  .df-t__note { font-size: var(--df-fs-label); }
}
.df-felt { padding: var(--df-7) var(--df-5); }
.df-felt__row { gap: var(--df-5); margin-bottom: var(--df-5); }
.df-felt__who { width: 62px; font-size: var(--df-fs-base); }
.df-felt__cards { gap: var(--df-3); }
.df-felt__total { font-size: var(--df-fs-num-lg); min-width: 52px; }
.df-felt__cards .df-card {
  width: 54px; height: 76px; border-radius: 4px; gap: 2px;
  font: 700 var(--df-fs-lead)/1 var(--df-font);
  box-shadow: 0 3px 10px rgba(0, 0, 0, .6);
}
.df-felt__cards .df-card i { font-size: 20px; }
.df-felt__cards .df-card--back { font-size: var(--df-fs-num); }
@media (max-width: 767px) {
  .df-felt__cards .df-card { width: 44px; height: 62px; }
  .df-card i { font-size: 16px; }
  .df-felt { padding: var(--df-5) var(--df-4); }
}
.df-featurebar--parts { flex-wrap: wrap; row-gap: var(--df-3); }
.df-featurebar__parts { display: flex; flex-wrap: wrap; gap: var(--df-2); }
.df-partbtn {
  display: flex; flex-direction: column; align-items: flex-start; gap: 2px;
  padding: 4px 9px; cursor: pointer;
  background: #141312; border: 1px solid var(--df-line-strong); border-radius: 3px;
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: .06em; text-transform: uppercase; color: var(--df-text);
}
.df-partbtn i {
  font-style: normal; font-size: var(--df-fs-micro); letter-spacing: .1em;
  color: var(--df-good);
}
.df-partbtn:hover { border-color: var(--df-amber); }
.df-partbtn.is-shut { border-color: var(--df-bad); color: var(--df-muted); background: #150b0a; }
.df-partbtn.is-shut i { color: var(--df-bad); }
.df-day { display: flex; align-items: center; gap: var(--df-4); margin: var(--df-6) 0 var(--df-2); }
.df-day__date { font: 700 var(--df-fs-label)/1 var(--df-font); letter-spacing: .14em;
                text-transform: uppercase; color: var(--df-muted); white-space: nowrap; }
.df-day__rule { flex: 1; height: 1px; background: var(--df-line); }
.df-day__n { font-size: var(--df-fs-label); color: var(--df-faint); white-space: nowrap; }
.df-day__ago { font-size: var(--df-fs-label); color: var(--df-faint); white-space: nowrap; }
.df-upd {
  background: var(--df-panel);
  border: 1px solid var(--df-line); border-radius: 10px;
  border-left: 3px solid var(--df-line-strong);
}
.df-upd + .df-upd { border-top: 0; }
.df-upd--added   { border-left-color: var(--df-good); }
.df-upd--changed { border-left-color: var(--df-amber); }
.df-upd--fixed   { border-left-color: #4a90c2; }
.df-upd--removed { border-left-color: var(--df-bad); }
.df-upd.is-new { background: #100e08; }
.df-upd__head {
  display: flex; align-items: baseline; flex-wrap: wrap;
  gap: 6px var(--df-3);
  padding: 10px var(--df-4);
  cursor: pointer;
  list-style: none;
}
.df-upd__head::-webkit-details-marker { display: none; }
.df-upd__head:hover { background: #141210; }
.df-upd--locked .df-upd__head { cursor: default; }
.df-upd--locked .df-upd__head:hover { background: transparent; }
.df-updlock {
  display: flex; align-items: center; justify-content: space-between; gap: var(--df-3);
  flex-wrap: wrap;
  padding: 8px var(--df-4); margin-bottom: var(--df-4);
  border: 1px solid var(--df-line); border-radius: 10px; background: var(--df-panel);
}
.df-updlock__state { color: var(--df-muted); font-size: var(--df-fs-small); }
.df-updlock__state b { color: var(--df-text); }
.df-updlock.is-locked { border-color: var(--df-amber); }
.df-updlock.is-locked .df-updlock__state b { color: var(--df-amber); }
.df-upd[open] .df-upd__head { border-bottom: 1px solid var(--df-line); }
.df-upd__caret {
  flex: 0 0 10px; width: 10px;
  color: var(--df-faint); font-size: 9px;
  transition: transform .12s ease;
}
.df-upd[open] .df-upd__caret { transform: rotate(90deg); color: var(--df-amber); }
@media (prefers-reduced-motion: reduce) { .df-upd__caret { transition: none; } }
.df-upd__title {
  flex: 1 1 12ch; min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font: 700 var(--df-fs-lead)/1.3 var(--df-font); color: var(--df-text-strong);
}
.df-upd__kind, .df-updchip {
  font: 700 var(--df-fs-micro)/1 var(--df-font); letter-spacing: .12em; text-transform: uppercase;
  padding: 3px 6px; border: 1px solid currentColor; border-radius: 2px; white-space: nowrap;
}
.df-upd__kind { flex: 0 0 auto; }
.df-upd--added   .df-upd__kind, .df-updchip--added   { color: var(--df-good); }
.df-upd--changed .df-upd__kind, .df-updchip--changed { color: var(--df-amber); }
.df-upd--fixed   .df-upd__kind, .df-updchip--fixed   { color: #6aa9d6; }
.df-upd--removed .df-upd__kind, .df-updchip--removed { color: var(--df-bad); }
.df-upd__new {
  flex: 0 0 auto; padding: 2px 6px; border-radius: 2px;
  background: var(--df-amber); color: var(--df-amber-ink);
  font: 700 var(--df-fs-micro)/1.4 var(--df-font); letter-spacing: .1em; text-transform: uppercase;
}
.df-upd__when {
  flex: 0 0 auto; margin-left: auto; min-width: 42px; text-align: right;
  color: var(--df-faint);
  font: 400 var(--df-fs-micro)/1.6 var(--df-mono);
  font-variant-numeric: tabular-nums;
}
.df-upd__body { padding: 12px var(--df-4) 12px 30px; background: #0b0a08; }
.df-upd__text { color: var(--df-text); line-height: 1.6; }
.df-upd__meta {
  display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px var(--df-4);
  margin-top: var(--df-3); padding-top: var(--df-3);
  border-top: 1px solid var(--df-line);
  font-size: var(--df-fs-label); color: var(--df-faint);
}
.df-upd__stamp { margin-left: auto; font-family: var(--df-mono); }
@media (max-width: 767px) {
  .df-upd__title { flex: 1 1 100%; white-space: normal; }
  .df-upd__when { margin-left: 0; }
  .df-upd__stamp { margin-left: 0; }
}
.df-nav a .df-nav__ready {
  margin-left: auto;
  color: var(--df-good);
  font-size: var(--df-fs-label);
  font-family: var(--df-font);
  white-space: nowrap;
}
.df-nav a .df-nav__ready::before { content: none; }
.df-nav a:hover .df-nav__ready { color: #8fe6a6; }
.df-btn--small { height: 26px; padding: 0 10px; font-size: var(--df-fs-label); }
.df-btn.is-dear { opacity: .45; cursor: default; }
.df-cgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--df-4); }
.df-perk { border: 1px solid var(--df-line); border-radius: 10px; background: var(--df-panel); padding: var(--df-4); }
.df-perk.is-held { border-color: var(--df-amber-line); background: var(--df-amber-bg); }
.df-perk__head { display: flex; align-items: baseline; gap: var(--df-3); margin-bottom: var(--df-2); }
.df-perk__name { font: 700 var(--df-fs-small)/1 var(--df-font); color: var(--df-text-strong); }
.df-perk__level { margin-left: auto; font: 700 var(--df-fs-num)/1 var(--df-font); color: var(--df-amber); }
.df-perk__level span { font-size: var(--df-fs-label); color: var(--df-faint); }
.df-perk__blurb { margin: 0 0 var(--df-3); font-size: var(--df-fs-label); color: var(--df-muted); line-height: 1.5; }
.df-perk__now { font-size: var(--df-fs-label); color: var(--df-muted); margin-bottom: var(--df-3); }
.df-perk__now b { color: var(--df-good); }
.df-perk__pips { display: flex; gap: 3px; margin-bottom: var(--df-3); }
.df-perk__pip { flex: 1; height: 5px; border-radius: 2px; background: #1e1e1c; }
.df-perk__pip.is-on { background: var(--df-amber); }
.df-perk__buttons { display: flex; gap: var(--df-2); flex-wrap: wrap; }
.df-perk__max { font: 700 var(--df-fs-label)/1 var(--df-font); letter-spacing: .08em;
                text-transform: uppercase; color: var(--df-good); }
.df-streets { width: 100%; }
.df-streets td, .df-streets th { vertical-align: middle; }
.df-streets .df-input-sm { width: 100%; min-width: 0; }
.df-streets .df-slider { display: flex; align-items: center; gap: var(--df-2); min-width: 0; }
.df-streets .df-slider input[type="range"] { flex: 1 1 auto; min-width: 60px; }
.df-hitcard {
  position: relative; height: 200px; overflow: hidden; background: #05070a;
  border-bottom: 1px solid var(--df-line);
}
.df-hitcard__ph {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  filter: brightness(.62) contrast(1.12) saturate(1.05);
}
.df-hitcard__scrim {
  position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(8,8,10,.20) 0%, rgba(8,8,10,.06) 40%, rgba(8,8,10,.78) 100%);
}
.df-hitcard__scan { display: none; }
.df-hitcard__hud {
  position: absolute; inset: 0; padding: 9px 11px; display: flex;
  flex-direction: column; justify-content: space-between;
  font: 400 var(--df-fs-label)/1.5 var(--df-font);
  color: var(--df-text); letter-spacing: .06em;
}
.df-hitcard__head  { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.df-hitcard__headl { min-width: 0; }
.df-hitcard__headr {
  display: flex; flex-direction: column; align-items: flex-end; gap: 7px; flex: 0 0 auto;
  text-shadow: 0 1px 4px #000;
}
.df-hitcard__act { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; margin: 0; }
.df-hitcard__fire {
  background: var(--df-good-bg); border: 1px solid var(--df-good); color: var(--df-good);
  padding: 8px 15px; cursor: pointer;
  font: 700 var(--df-fs-base)/1 "Courier New", Courier, monospace;
  letter-spacing: .16em; text-transform: uppercase;
  text-shadow: 0 0 8px rgba(94,200,79,.45);
}
.df-hitcard__fire:hover { background: var(--df-good); border-color: var(--df-good); color: #000; }
.df-hitcard__odds {
  color: #9ce89a; text-align: right; max-width: 30ch;
  font: 400 var(--df-fs-label)/1.45 "Courier New", Courier, monospace;
  text-shadow: 0 1px 3px #000;
}
.df-hitcard__odds b { color: var(--df-amber); font-weight: 700; }
.df-hitcard::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 58%; z-index: 1;
  background: linear-gradient(90deg, rgba(10,10,10,.94) 0%, rgba(10,10,10,.72) 42%, rgba(10,10,10,.18) 100%);
  pointer-events: none;
}
.df-hitcard__hud { z-index: 2; }
.df-hitcard__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.df-hitcard__dim { color: var(--df-faint); }
.df-hitcard__rec { display: flex; align-items: center; gap: 5px; color: var(--df-bad); }
.df-hitcard__rec i {
  width: 6px; height: 6px; border-radius: 50%; background: var(--df-bad); display: block;
  animation: df-hitrec 1.6s ease-in-out infinite;
}
@keyframes df-hitrec { 0%,100% { opacity: 1; } 50% { opacity: .25; } }
.df-hitcard__city {
  font: 700 var(--df-fs-label)/1.4 var(--df-font);
  color: var(--df-amber); letter-spacing: var(--df-track-label);
  text-transform: uppercase; margin-bottom: 2px;
}
.df-hitcard__name {
  font: 34px/1 var(--df-display); color: #fff; letter-spacing: .01em;
  text-shadow:
    0 0 4px var(--df-agc, var(--df-amber)),
    0 0 14px color-mix(in srgb, var(--df-agc, var(--df-amber)) 70%, transparent),
    0 0 30px color-mix(in srgb, var(--df-agc, var(--df-amber)) 40%, transparent),
    0 2px 10px rgba(0,0,0,.85);
}
.df-hitcard__stats {
  display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 6px;
  font: 400 var(--df-fs-base)/1 var(--df-mono);
}
.df-hitcard__k { color: var(--df-faint); text-transform: uppercase;
                 letter-spacing: var(--df-track-label); font-family: var(--df-font);
                 font-weight: 700; font-size: var(--df-fs-label); }
.df-hitcard__v { color: var(--df-text-strong); font-weight: 700; }
.df-hitcard__v--out { color: var(--df-bad); }
.df-hitcard__x {
  position: absolute; left: 50%; top: 42%; width: 64px; height: 64px;
  transform: translate(-50%, -50%); pointer-events: none;
}
.df-hitcard__x i { position: absolute; width: 13px; height: 13px; border: 1px solid rgba(240,165,0,.55); }
.df-hitcard__x i:nth-child(1) { left: 0;  top: 0;    border-right: 0; border-bottom: 0; }
.df-hitcard__x i:nth-child(2) { right: 0; top: 0;    border-left: 0;  border-bottom: 0; }
.df-hitcard__x i:nth-child(3) { left: 0;  bottom: 0; border-right: 0; border-top: 0; }
.df-hitcard__x i:nth-child(4) { right: 0; bottom: 0; border-left: 0;  border-top: 0; }
.df-hitcard__x::before, .df-hitcard__x::after { content: ""; position: absolute; background: rgba(240,165,0,.35); }
.df-hitcard__x::before { left: 50%; top: 26px; bottom: 26px; width: 1px; }
.df-hitcard__x::after  { top: 50%; left: 26px; right: 26px; height: 1px; }
.df-hitcard:not(.is-live) .df-hitcard__ph { filter: grayscale(.95) brightness(.5) contrast(1.1); }
.df-hitcard:not(.is-live) .df-hitcard__name { color: var(--df-faint); text-shadow: none; }
@media (prefers-reduced-motion: reduce) { .df-hitcard__rec i { animation: none; } }
@media (max-width: 1023px) {
  .df-hitcard { height: 168px; }
  .df-hitcard__name { font-size: 17px; }
  .df-hitcard__x { display: none; }
}
.df-agtab { display: flex; flex-direction: column; gap: var(--df-3); }
.df-agtab > .df-ideagrid__read { order: 1; padding: 0; border: 1px solid var(--df-line); border-radius: 10px; min-height: 0; }
.df-agtab > .df-ideatabs       { order: 2; }
.df-agtab > .df-agtab__strip   { order: 3; }
.df-agtab .df-idearead        { padding: 0; }
.df-agtab .df-summary,
.df-agtab .df-idea__body,
.df-agtab .df-set__note       { padding-left: var(--df-4); padding-right: var(--df-4); }
.df-agtab .df-idea__body      { margin-top: var(--df-3); }
.df-agtab .df-ideaempty       { padding: var(--df-6) var(--df-4); }
.df-agtab__strip {
  display: flex; gap: var(--df-2); overflow-x: auto; padding-bottom: var(--df-1);
}
.df-agth {
  flex: 0 0 auto; width: 116px; border: 1px solid var(--df-line); border-radius: 10px;
  background: var(--df-panel-alt); text-decoration: none; display: block;
}
.df-agth:hover { border-color: var(--df-line-strong); background: var(--df-row); }
.df-agth.is-on { border-color: var(--df-amber); }
.df-agth__i { display: block; height: 48px; overflow: hidden; }
.df-agth__i img {
  width: 100%; height: 100%; object-fit: cover;
  filter: brightness(.78) contrast(1.06) saturate(1.02);
}
.df-agth.is-on .df-agth__i img { filter: brightness(1.02) contrast(1.06) saturate(1.06); }
.df-agth__n {
  display: block; font: 700 var(--df-fs-base)/1.25 var(--df-font); color: var(--df-text);
  padding: 5px 6px 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.df-agth.is-on .df-agth__n { color: var(--df-text-strong); }
.df-agth__m {
  display: block; font: 400 var(--df-fs-label)/1.3 "Courier New", Courier, monospace;
  color: var(--df-faint); padding: 0 6px 6px; white-space: nowrap; overflow: hidden;
  text-overflow: ellipsis;
}
.df-hitcard__ph {
  filter: brightness(.92) contrast(1.08) saturate(1.05);
}
.df-hitcard__scrim {
  background: linear-gradient(180deg, rgba(2,6,3,.05) 0%, rgba(2,6,3,0) 40%, rgba(2,6,3,.80) 100%);
}
.df-dispatch {
  background: var(--df-panel); border: 1px solid var(--df-line); border-radius: 10px; padding: 9px 11px;
  font: 400 var(--df-fs-base)/1.7 var(--df-font);
  color: var(--df-text);
}
.df-dispatch__line { display: block; }
.df-dispatch__p    { color: var(--df-amber); font-family: var(--df-mono); }
.df-dispatch__dim  { color: var(--df-faint); }
.df-dispatch__hot  { color: var(--df-text-strong); font-weight: 700; }
.df-dispatch__link { color: var(--df-amber); text-decoration: none; }
.df-dispatch__link:hover { color: var(--df-amber-hi); }
.df-dispatch__cur {
  display: inline-block; width: 7px; height: 12px; background: var(--df-amber);
  vertical-align: -2px; animation: df-dispcur 1.1s steps(1) infinite;
}
@keyframes df-dispcur { 0%,50% { opacity: 1; } 51%,100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .df-dispatch__cur { animation: none; } }
.df-dispatch__form { margin: 6px 0 0; }
.df-dispatch__b {
  background: var(--df-amber); border: 1px solid var(--df-amber); color: var(--df-amber-ink);
  padding: 7px 13px; font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase; cursor: pointer;
}
.df-dispatch__b:hover { background: var(--df-amber-hi); border-color: var(--df-amber-hi); }
.df-dispatch__b--wait {
  background: transparent; color: var(--df-faint); border-color: var(--df-line); cursor: default;
}
.df-dispatch__b--wait:hover { background: transparent; border-color: var(--df-line); }
.df-dispatch__rules { margin-top: 7px; border-top: 1px solid var(--df-line); padding-top: 6px; }
.df-dispatch__rulesk {
  color: var(--df-faint);
  font: 700 var(--df-fs-label)/1.5 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
}
.df-dispatch__body { padding: 3px 0 0; }
.df-dispatch__body p { margin: 0 0 3px; color: var(--df-muted); }
.df-hitcard.is-here {
  box-shadow: 0 0 0 1px rgba(94,200,79,.45), 0 0 22px rgba(94,200,79,.22);
  border-color: rgba(94,200,79,.45);
}
.df-hitcard.is-here { animation: df-hitglow 6s ease-in-out infinite; }
@keyframes df-hitglow {
  0%, 100% { box-shadow: 0 0 0 1px rgba(94,200,79,.38), 0 0 16px rgba(94,200,79,.16); }
  50%      { box-shadow: 0 0 0 1px rgba(94,200,79,.60), 0 0 30px rgba(94,200,79,.32); }
}
@media (prefers-reduced-motion: reduce) {
  .df-hitcard.is-here { animation: none;
    box-shadow: 0 0 0 1px rgba(94,200,79,.50), 0 0 22px rgba(94,200,79,.24); }
}
.df-hitcard__ready {
  margin-top: 4px; color: var(--df-good);
  font: 700 var(--df-fs-base)/1.5 var(--df-font);
  letter-spacing: .08em; text-shadow: 0 1px 4px #000;
}
.df-agth.is-here { border-color: rgba(94,200,79,.45); box-shadow: 0 0 10px rgba(94,200,79,.16); }
.df-agth.is-here .df-agth__n { color: var(--df-good); }
.df-agth.is-on.is-here { border-color: var(--df-amber); }
.df-agmsg {
  background: var(--df-panel); border: 1px solid var(--df-line); border-radius: 10px; border-left-width: 3px;
  padding: 8px 11px; margin-bottom: var(--df-3);
  font: 400 var(--df-fs-base)/1.65 var(--df-font);
  color: var(--df-text);
}
.df-agmsg__p { color: var(--df-amber); font-family: var(--df-mono); }
.df-agmsg__k {
  font: 700 var(--df-fs-label)/1.5 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
  color: var(--df-text-strong);
}
.df-agmsg__b   { color: var(--df-muted); margin-top: 2px; }
.df-agmsg__hot { color: var(--df-text-strong); font-weight: 700; }
.df-agmsg__cash { color: var(--df-amber); font-weight: 700; }
.df-agmsg--good { border-left-color: #5ec84f; }
.df-agmsg--warn { border-left-color: var(--df-amber); }
.df-agmsg--warn .df-agmsg__k { color: var(--df-amber-hi); }
.df-agmsg--bad  { border-left-color: var(--df-bad); border-color: var(--df-bad-line); }
.df-agmsg--bad  .df-agmsg__k { color: #f3ded9; }
.df-agmsg--bad  .df-agmsg__b { color: #d9b8b3; }
.df-agmsg--bad  .df-agmsg__p { color: #8a4a42; }
.df-mailcard.is-new .df-card__title { color: var(--df-text-strong); font-weight: 700; }
.df-person__meta { color: var(--df-muted); font-size: var(--df-fs-base); margin-top: 3px; }
.df-person__acts { display: flex; flex-wrap: wrap; gap: var(--df-2); margin-top: var(--df-3); }
.df-person__acts .df-btn { flex: 1 1 auto; text-align: center; }
.df-person__acts form { flex: 1 1 auto; display: flex; }
.df-person__acts form .df-btn { width: 100%; }
.df-crimeboard {
  border: 1px solid var(--df-line); border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(13,13,13,.94), rgba(8,8,8,.97)),
    repeating-linear-gradient(115deg, #101010 0 3px, #0c0c0c 3px 6px);
}
.df-job {
  display: flex; align-items: center; gap: var(--df-4);
  padding: var(--df-4);
  border-bottom: 1px dashed #262626;
}
.df-job:last-child { border-bottom: 0; }
.df-job:hover { background: rgba(240,165,0,.035); }
.df-job--locked { opacity: .45; }
.df-job__name {
  flex: 0 0 220px;
  font: 700 var(--df-fs-body)/1.3 var(--df-font); color: #fff;
}
.df-job__mid { flex: 1 1 auto; min-width: 0; }
.df-job__go  { flex: 0 0 auto; }
.df-job__facts {
  display: flex; flex-wrap: wrap; gap: var(--df-4);
  margin-bottom: var(--df-2);
}
.df-fact {
  display: flex; align-items: center; gap: 6px;
  font-size: var(--df-fs-label); color: var(--df-muted);
}
.df-fact__ico { width: 13px; height: 13px; flex: 0 0 13px; display: block; }
.df-fact__wait { color: var(--df-text); font-variant-numeric: tabular-nums; }
.df-fact__cash { color: var(--df-good); }
.df-fact__xp   { color: #6fb7ff; font-variant-numeric: tabular-nums; }
.df-split {
  display: flex; height: 16px; background: #000;
  border: 1px solid var(--df-line); border-radius: 10px;
  font: 700 var(--df-fs-micro)/16px var(--df-font);
  letter-spacing: .08em; text-align: center; color: var(--df-menu-2);
}
.df-split__seg { display: block; overflow: hidden; }
.df-split__seg--off { background: var(--df-stat-off); }
.df-split__seg--def { background: var(--df-stat-def); }
.df-split__seg--stl { background: var(--df-stat-stl); }
.df-btn-job {
  display: flex; align-items: center; gap: 7px;
  background: linear-gradient(180deg, #f5b21a, #d18f00);
  border: 1px solid var(--df-amber-hi); color: #241800;
  font: 700 var(--df-fs-body)/1 var(--df-font);
  padding: 9px 15px; cursor: pointer;
}
.df-btn-job:hover { background: linear-gradient(180deg, #ffc63f, #e8a000); }
.df-btn-job__ico { width: 13px; height: 13px; display: block; }
.df-btn-job--wait {
  background: #151515; border-color: var(--df-line-strong);
  color: var(--df-faint); cursor: not-allowed;
}
@media (max-width: 560px) {
  .df-job { flex-wrap: wrap; gap: var(--df-2); }
  .df-job__name { flex: 1 1 100%; }
  .df-job__mid  { flex: 1 1 100%; }
  .df-job__go   { flex: 1 1 100%; margin-top: var(--df-2); }
  .df-btn-job   { width: 100%; justify-content: center; }
}
.df-evlist { display: flex; flex-direction: column; }
.df-ev { border-top: 1px solid var(--df-line-soft); border-left: 3px solid transparent; }
.df-ev:first-child { border-top: 0; }
.df-ev--progress { border-left-color: var(--df-amber); }
.df-ev--paid     { border-left-color: var(--df-good); }
.df-ev--owned    { border-left-color: #6aa9d6; }
.df-ev--lost     { border-left-color: var(--df-bad); }
.df-ev--landmark { border-left-color: var(--df-text-strong); }
.df-ev--notice   { border-left-color: var(--df-line-strong); }
.df-ev__sum {
  display: flex; align-items: baseline; gap: var(--df-3);
  padding: var(--df-3) var(--df-4); cursor: pointer; list-style: none;
}
.df-ev__sum::-webkit-details-marker { display: none; }
.df-ev__sum:hover { background: var(--df-row); }
.df-ev:focus-within > .df-ev__sum { outline: 1px solid var(--df-amber-line); outline-offset: -1px; }
.df-ev__src {
  flex: 0 0 auto; align-self: flex-start;
  font: 700 var(--df-fs-micro)/1 var(--df-font); letter-spacing: .12em; text-transform: uppercase;
  padding: 3px 6px; border: 1px solid currentColor; border-radius: 2px; white-space: nowrap;
  color: var(--df-line-strong);
}
.df-ev--progress .df-ev__src { color: var(--df-amber); }
.df-ev--paid     .df-ev__src { color: var(--df-good); }
.df-ev--owned    .df-ev__src { color: #6aa9d6; }
.df-ev--lost     .df-ev__src { color: var(--df-bad); }
.df-ev--landmark .df-ev__src { color: var(--df-text-strong); }
.df-ev__main  { flex: 1 1 auto; min-width: 0; display: block; }
.df-ev__title { display: block; font-weight: 400; color: var(--df-text); }
.df-ev__body  { display: block; font-size: var(--df-fs-base); color: var(--df-faint); margin-top: 2px; }
.df-ev--new .df-ev__title { font-weight: 700; color: var(--df-text-strong); }
.df-ev--new .df-ev__body  { color: var(--df-muted); }
.df-ev__meta { flex: 0 0 auto; display: flex; align-items: center; gap: var(--df-2); }
.df-ev__when { font-size: var(--df-fs-small); color: var(--df-faint); white-space: nowrap; }
.df-ev--new .df-ev__when { color: var(--df-text); }
.df-ev__new {
  padding: 2px 6px; border-radius: 2px;
  background: var(--df-amber); color: var(--df-amber-ink);
  font: 700 var(--df-fs-micro)/1.4 var(--df-font); letter-spacing: .1em; text-transform: uppercase;
}
.df-ev__caret {
  flex: 0 0 auto; width: 7px; height: 7px; margin-left: 2px;
  border-right: 2px solid var(--df-muted); border-bottom: 2px solid var(--df-muted);
  transform: rotate(45deg); transform-origin: 60% 60%;
  transition: transform .16s ease;
}
.df-ev[open] > .df-ev__sum .df-ev__caret { transform: rotate(225deg); }
.df-ev__open { padding: 0 var(--df-4) var(--df-4) var(--df-4); }
.df-ev__facts {
  margin: 0 0 var(--df-3); display: grid; gap: var(--df-2) var(--df-4);
  grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
}
.df-ev__fact { border-top: 1px solid var(--df-line-soft); padding-top: var(--df-2); }
.df-ev__fact dt {
  font: 700 var(--df-fs-micro)/1 var(--df-font); letter-spacing: .1em;
  text-transform: uppercase; color: var(--df-faint);
}
.df-ev__fact dd {
  margin: 3px 0 0; color: var(--df-text-strong);
  font-variant-numeric: tabular-nums; overflow-wrap: anywhere;
}
.df-ev__none  { margin: 0 0 var(--df-3); color: var(--df-muted); font-size: var(--df-fs-base); }
.df-ev__stamp { font-size: var(--df-fs-small); color: var(--df-faint); }
@media (max-width: 767px) {
  .df-ev__sum  { flex-wrap: wrap; gap: var(--df-2); }
  .df-ev__main { flex: 1 1 100%; order: 3; }
  .df-ev__meta { margin-left: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .df-ev__caret { transition: none; }
}
@media (max-width: 1023px) {
  .df-has-swipe, .df-has-swipe body { overflow-x: hidden; }
  .df-swipe {
    width: 100%;
    --df-drawer: 340px;
  }
  .df-swipe > .df-shell__main {
    width: 100%; min-width: 0;
    background: var(--df-menu-2); position: relative;
  }
  .df-swipe::before {
    content: ''; position: fixed; inset: 0; z-index: 40;
    background: rgba(0, 0, 0, .6);
    opacity: var(--df-fade, 0);
    visibility: hidden; pointer-events: none;
  }
  .df-swipe[data-side]::before { visibility: visible; }
  .df-swipe.is-open::before { pointer-events: auto; }
  .df-swipe > .df-shell__left,
  .df-swipe > .df-shell__right {
    position: fixed; top: var(--df-online-h, 31px); bottom: 0; z-index: 41;
    width: min(var(--df-drawer), 88vw);
    display: flex; flex-direction: column;
    overflow-y: auto; -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    background: var(--df-panel-alt);
    opacity: 0; visibility: hidden; pointer-events: none;
    padding-bottom: calc(var(--df-tabbar-h, 45px) + env(safe-area-inset-bottom, 0px));
  }
  .df-swipe > .df-shell__left  { left: 0;  border-right: 1px solid var(--df-line); }
  .df-swipe > .df-shell__right { right: 0; border-left:  1px solid var(--df-line); border-top: 0; }
  .df-swipe[data-side="left"]  > .df-shell__left,
  .df-swipe[data-side="right"] > .df-shell__right {
    visibility: visible;
    opacity: var(--df-fade, 0);
  }
  .df-swipe.is-open[data-side="left"]  > .df-shell__left,
  .df-swipe.is-open[data-side="right"] > .df-shell__right { pointer-events: auto; }
  .df-swipe.is-sliding::before,
  .df-swipe.is-sliding > .df-shell__left,
  .df-swipe.is-sliding > .df-shell__right { transition: opacity .2s ease; }
  @media (prefers-reduced-motion: reduce) {
    .df-swipe.is-sliding::before,
    .df-swipe.is-sliding > .df-shell__left,
    .df-swipe.is-sliding > .df-shell__right { transition-duration: .01ms; }
  }
  .df-swipedots {
    position: fixed; left: 0; right: 0; z-index: 42;
    bottom: calc(var(--df-tabbar-h, 45px) + env(safe-area-inset-bottom, 0px) + 3px);
    display: flex; gap: 5px; justify-content: center;
    padding: 5px 0 6px; pointer-events: none;
    background: linear-gradient(transparent, rgba(0, 0, 0, .75) 70%);
  }
  .df-swipedots i { width: 18px; height: 3px; border-radius: 2px; background: var(--df-line-strong); }
  .df-swipedots i.is-on { background: var(--df-amber); }
}
@media (prefers-reduced-motion: reduce) {
  .df-swipe.is-sliding { transition: none; }
}
@media (max-width: 1023px) {
  .df-swipe .df-stats > .df-stats__group:not(.df-now):not(.df-money-box) {
    display: block; flex: 1 1 100%;
  }
  .df-swipe .df-stats > .df-clock { display: block; flex: 1 1 100%; }
  .df-swipe .df-now .df-now__row  { display: flex; }
  .df-swipe .df-now .df-now__item { display: flex; }
}
@media (max-width: 1023px) {
  .df-has-swipe body { background-color: transparent; }
  .df-swipe { background: transparent; }
  .df-swipe > .df-shell__main  { background: transparent; }
  .df-swipe > .df-shell__left,
  .df-swipe > .df-shell__right { background: rgba(9, 9, 9, 1); }
}
.df-bar__toggle::before,
.is-collapsed .df-bar__toggle::before {
  content: "\25B8";
  display: inline-block;
  font-size: 9px;
  transition: transform .12s ease;
}
.df-bar__toggle::before { transform: rotate(90deg); }
.is-collapsed .df-bar__toggle::before { transform: rotate(0deg); }
.df-bar__toggle { opacity: .85; }
.df-bar:not(.is-collapsed) .df-bar__toggle { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .df-bar__toggle::before { transition: none; }
}
.df-shell__left .df-navgroup .df-bar,
.df-shell__right .df-bar {
  cursor: pointer;
  -webkit-user-select: none; user-select: none;
  -webkit-tap-highlight-color: rgba(240, 165, 0, .18);
}
.df-shell__left .df-navgroup .df-bar:hover,
.df-shell__right .df-bar:hover  { background-image: linear-gradient(var(--df-menu-hi), var(--df-menu-1)); }
.df-shell__left .df-navgroup .df-bar:active,
.df-shell__right .df-bar:active { background-image: linear-gradient(var(--df-menu-hi2), var(--df-menu-hi)); }
.df-bar__toggle::before,
.is-collapsed .df-bar__toggle::before { content: none; }
.df-bar__toggle { padding: 0; width: 0; overflow: hidden; }
.df-shell__left .df-navgroup .df-bar:focus-within,
.df-shell__right .df-bar:focus-within {
  outline: 2px solid var(--df-amber-hi);
  outline-offset: -2px;
}
.df-money-box {
  border: 0;
  background: none;
}
.df-money-box__row + .df-money-box__row { border-top: 0; }
.df-money-box__row {
  display: flex;
  text-decoration: none;
  color: inherit;
  padding: 2px var(--df-3);
  border-radius: 2px;
}
.df-money-box__row:hover,
.df-money-box__row:focus-visible {
  background: var(--df-amber-bg);
  outline: 0;
}
.df-money-box__row:focus-visible { box-shadow: inset 0 0 0 1px var(--df-amber-line); }
@media (max-width: 1023px) {
  .df-money-box__row { min-height: 30px; align-items: center; }
}
.df-gridpic {
  display: inline-flex; gap: 3px; padding: 5px;
  background: #0b0b0a; border: 1px solid var(--df-line-soft);
  border-radius: 2px; vertical-align: middle;
}
.df-gridpic__reel {
  display: flex; flex-direction: column; gap: 2px;
  border: 1px solid var(--df-line-soft); border-radius: 10px; background: #070706;
}
.df-gridpic__c {
  width: 22px; height: 20px; display: flex; align-items: center; justify-content: center;
}
.df-gridpic__c svg { width: 62%; height: 62%; fill: var(--df-amber); opacity: .62; }
.df-gridpic__c.is-seven   svg { opacity: .95; }
.df-gridpic__c.is-wild    svg { fill: var(--df-amber-hi); opacity: 1; }
.df-gridpic__c.is-scatter svg { fill: var(--df-bad); opacity: 1; }
@media (max-width: 767px) {
  .df-gridpic__c { width: 17px; height: 16px; }
}
.df-pedit {
  display: grid; gap: var(--df-3);
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  align-items: start;
}
.df-pcard {
  border: 1px solid var(--df-line-soft); border-radius: 10px; background: var(--df-panel-alt, #080f19);
  padding: 10px 11px 11px;
}
.df-pcard > h4 {
  margin: 0 0 8px; padding-bottom: 6px;
  border-bottom: 1px solid var(--df-line-soft);
  font: 700 var(--df-fs-micro)/1 var(--df-font);
  letter-spacing: .16em; text-transform: uppercase; color: var(--df-faint);
}
.df-pcard .df-inline {
  display: flex; flex-direction: column; align-items: stretch; gap: 6px;
}
.df-pcard .df-inline .df-btn { width: 100%; }
.df-pcard .df-faint { font-size: var(--df-fs-micro); line-height: 1.35; }
.df-pcard--danger { border-color: #4a1d18; }
.df-pcard--danger > h4 { color: var(--df-bad); border-bottom-color: #4a1d18; }
.df-pform > .df-btn { align-self: flex-start; }
.df-pcard {
  border: 1px solid var(--df-line); border-radius: 10px;
  background: linear-gradient(180deg, #101010, #080f19);
  padding: 11px 12px 12px;
}
.df-pcard__top { display: flex; align-items: center; gap: 8px; }
.df-pcard__top h4 {
  margin: 0; padding: 0; border: 0;
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: .14em; text-transform: uppercase; color: var(--df-text-strong);
}
.df-pcard__ico {
  width: 26px; height: 26px; flex: 0 0 26px;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--df-amber-line); background: var(--df-amber-bg);
  color: var(--df-amber); font: 700 13px/1 var(--df-mono);
}
.df-pcard__ico--car  { border-color: #2f4a6b; background: #0a0f14; color: #6fb7ff; }
.df-pcard__ico--acc  { border-color: var(--df-line); background: #0f0d08; color: var(--df-amber-hi); }
.df-pcard__ico--acs  { border-color: #3a2018; background: #100a08; color: var(--df-bad); }
.df-pcard__big {
  margin: 12px 0 8px; text-align: right;
  font: 400 clamp(19px, 2.4vw, 25px)/1 var(--df-mono);
  color: var(--df-text-strong); font-variant-numeric: tabular-nums;
}
.df-pcard__big--word { font-family: var(--df-font); font-weight: 700; letter-spacing: .02em; }
.df-pcard__big.is-good { color: var(--df-good); }
.df-pcard__big.is-bad  { color: var(--df-bad); }
.df-pcard__sub {
  display: flex; align-items: baseline; justify-content: space-between; gap: 8px;
  padding-top: 8px; border-top: 1px solid var(--df-line-soft);
  font: 700 var(--df-fs-micro)/1.3 var(--df-font);
  letter-spacing: .1em; text-transform: uppercase; color: var(--df-faint);
}
.df-pcard__sub b {
  font-family: var(--df-mono); letter-spacing: 0; text-transform: none;
  font-variant-numeric: tabular-nums; text-align: right;
}
.df-pcard__sub b.is-good { color: var(--df-good); }
.df-pcard__sub b.is-warn { color: var(--df-amber); }
.df-pcard__sub b.is-bad  { color: var(--df-bad); }
.df-pcard__sub b.is-nil  { color: var(--df-faint); }
.df-pcard .df-inline { margin-top: 10px; gap: 7px; }
.df-btn--card {
  width: 100%; justify-content: center; text-align: center;
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: .12em; text-transform: uppercase; padding: 10px 12px;
}
.df-pcard .df-inline + .df-inline { margin-top: 7px; }
.df-btn--card {
  background: var(--df-amber-bg);
  border: 1px solid var(--df-amber-line);
  color: var(--df-amber);
}
.df-btn--card:hover:not([disabled]) {
  background: #1a1408;
  border-color: var(--df-amber);
  color: var(--df-amber-hi);
}
.df-btn--card:active:not([disabled]) { background: #221a09; }
.df-btn--card:focus-visible {
  outline: 1px solid var(--df-amber-hi); outline-offset: 2px;
  border-color: var(--df-amber);
}
.df-btn--card.df-btn--danger {
  background: var(--df-bad-bg);
  border-color: var(--df-bad-line);
  color: var(--df-bad);
}
.df-btn--card.df-btn--danger:hover:not([disabled]) {
  background: #1d0d0a; border-color: var(--df-bad); color: var(--df-bad);
}
.df-pform .df-field {
  border: 1px solid var(--df-line-soft); border-radius: 10px;
  background: linear-gradient(180deg, #101010, #080f19);
  padding: 8px 9px 9px;
  gap: 6px;
}
.df-pform .df-field > span:first-child {
  font: 700 var(--df-fs-micro)/1.25 var(--df-font);
  letter-spacing: .14em; text-transform: uppercase; color: var(--df-text-strong);
}
.df-pform .df-field > span:first-child .df-faint,
.df-pform .df-field > span:first-child .df-muted {
  letter-spacing: .06em; font-weight: 400; color: var(--df-faint);
}
.df-pform .df-field input,
.df-pform .df-field select,
.df-pform .df-field textarea { width: 100%; }
.df-pform .df-admin-grid {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: var(--df-3);
}
.df-pedit { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.df-pcard { padding: 9px 10px 10px; }
.df-pcard__ico { width: 22px; height: 22px; flex: 0 0 22px; font-size: 11px; }
.df-pcard__big { margin: 9px 0 7px; font-size: clamp(16px, 1.9vw, 21px); }
.df-pcard .df-inline { margin-top: 8px; gap: 6px; }
.df-btn--card { padding: 8px 10px; letter-spacing: .09em; }
@media (max-width: 560px) {
  .df-pform .df-admin-grid { grid-template-columns: 1fr; }
  .df-pedit { grid-template-columns: 1fr; }
}
.df-pform .df-field:has(select) { grid-column: span 2; }
@media (max-width: 560px) {
  .df-pform .df-field:has(select) { grid-column: auto; }
}
.df-pcard { padding: 0; overflow: hidden; }
.df-pcard__head { position: relative; padding: 11px 12px; overflow: hidden; }
.df-pcard__art {
  position: absolute; right: -14px; top: 50%; transform: translateY(-50%);
  width: 96px; height: 96px; opacity: .09; pointer-events: none;
}
.df-pcard__headin { position: relative; }
.df-pcard__headin h4 {
  margin: 0 0 7px; padding: 0; border: 0;
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: .14em; text-transform: uppercase; color: var(--df-text-strong);
}
.df-pcard__head--amber  { background: var(--df-amber-bg); border-bottom: 1px solid var(--df-amber-line); }
.df-pcard__head--amber  .df-pcard__art { stroke: var(--df-amber); }
.df-pcard__head--blue   { background: var(--df-blue-bg); border-bottom: 1px solid var(--df-blue-line); }
.df-pcard__head--blue   .df-pcard__art { stroke: var(--df-blue); }
.df-pcard__head--violet { background: var(--df-violet-bg); border-bottom: 1px solid var(--df-violet-line); }
.df-pcard__head--violet .df-pcard__art { stroke: var(--df-violet); }
.df-pcard__head--red    { background: #100a08; border-bottom: 1px solid #4a1d18; }
.df-pcard__head--red    .df-pcard__art { stroke: var(--df-bad); }
.df-pcard__fold > summary {
  cursor: pointer; list-style: none;
  padding: 8px 12px;
  font: 700 var(--df-fs-micro)/1 var(--df-font);
  letter-spacing: .12em; text-transform: uppercase;
  display: flex; align-items: center; gap: 7px;
}
.df-pcard__fold > summary::-webkit-details-marker { display: none; }
.df-pcard__fold > summary::before { content: "+"; font-family: var(--df-mono); font-size: 12px; }
.df-pcard__fold[open] > summary::before { content: "\2212"; }
.df-pcard__fold[open] > summary { border-bottom: 1px solid var(--df-line-soft); }
.df-pcard__fold--amber  > summary { color: var(--df-amber); }
.df-pcard__fold--blue   > summary { color: #6fb7ff; }
.df-pcard__fold--violet > summary { color: #b07de0; }
.df-pcard__fold--red    > summary { color: var(--df-bad); }
.df-pcard__fold > summary:hover { background: #0e0e0e; }
.df-pcard__fold > summary:focus-visible { outline: 1px solid var(--df-amber-hi); outline-offset: -2px; }
.df-pcard__body { padding: 11px 12px 12px; display: flex; flex-direction: column; gap: 9px; }
.df-pcard__body .df-inline { margin: 0; gap: 8px; }
.df-pcard__note {
  margin: 0; font-size: var(--df-fs-label); line-height: 1.45; color: var(--df-muted);
}
.df-pcard__note b { color: var(--df-text); }
.df-pcard__head .df-pcard__big { margin: 0 0 7px; }
.df-pcard__head .df-pcard__sub { border-top-color: rgba(255,255,255,.07); }
.df-pedit {
  display: block;
  columns: 3;
  column-gap: var(--df-3);
}
.df-pedit > .df-pcard {
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  margin: 0 0 var(--df-3);
  display: block;
}
@media (max-width: 1100px) { .df-pedit { columns: 2; } }
@media (max-width: 700px)  { .df-pedit { columns: 1; } }
.df-pcard:has(.df-pcard__fold[open]) {
  border-color: var(--df-amber);
  box-shadow: 0 0 0 1px rgba(240, 165, 0, .18), 0 8px 26px rgba(0, 0, 0, .6);
}
.df-pcard:has(.df-pcard__fold[open]) .df-pcard__head--amber { background: #17120a; }
.df-pcard:has(.df-pcard__fold[open]) .df-pcard__art { opacity: .16; }
.df-pcard:has(.df-pcard__head--blue):has(.df-pcard__fold[open]) {
  border-color: #6fb7ff; box-shadow: 0 0 0 1px rgba(111, 183, 255, .18), 0 8px 26px rgba(0, 0, 0, .6);
}
.df-pcard:has(.df-pcard__head--blue):has(.df-pcard__fold[open]) .df-pcard__head--blue { background: #0d1620; }
.df-pcard:has(.df-pcard__head--violet):has(.df-pcard__fold[open]) {
  border-color: #b07de0; box-shadow: 0 0 0 1px rgba(176, 125, 224, .18), 0 8px 26px rgba(0, 0, 0, .6);
}
.df-pcard:has(.df-pcard__head--violet):has(.df-pcard__fold[open]) .df-pcard__head--violet { background: #140c1c; }
.df-pcard:has(.df-pcard__head--red):has(.df-pcard__fold[open]) {
  border-color: var(--df-bad); box-shadow: 0 0 0 1px rgba(210, 75, 63, .18), 0 8px 26px rgba(0, 0, 0, .6);
}
.df-pcard:has(.df-pcard__head--red):has(.df-pcard__fold[open]) .df-pcard__head--red { background: #180d0a; }
.df-pcard__fold[open] > summary { background: #0e0e0e; }
.df-pedit {
  display: flex; align-items: flex-start; gap: var(--df-3);
  columns: auto;
}
.df-pedit__col {
  flex: 1 1 0; min-width: 0;
  display: flex; flex-direction: column; gap: var(--df-3);
}
.df-pedit > .df-pcard { margin: 0; }
@media (max-width: 1100px) {
  .df-pedit { flex-wrap: wrap; }
  .df-pedit__col { flex: 1 1 45%; }
}
@media (max-width: 700px) {
  .df-pedit__col { flex: 1 1 100%; }
}
.df-pcard__head { cursor: grab; }
.df-pcard.is-dragging { opacity: .4; cursor: grabbing; }
.df-pcard.is-dragging .df-pcard__head { cursor: grabbing; }
.df-pedit.is-arranging .df-pedit__col {
  outline: 1px dashed var(--df-line-strong); outline-offset: 4px;
}
.df-pedit.is-arranging .df-pedit__col.is-over {
  outline-color: var(--df-amber); background: rgba(240, 165, 0, .03);
}
.df-pedit.is-arranging .df-pedit__col { min-height: 90px; }
.df-pedit__reset {
  margin-top: var(--df-3); background: none; border: 0; padding: 0;
  color: var(--df-faint); font: 400 var(--df-fs-label)/1 var(--df-font);
  text-decoration: underline; text-underline-offset: 3px; cursor: pointer;
}
.df-pedit__reset:hover { color: var(--df-amber); }
.df-pcard__fold > summary.df-pcard__head {
  display: block;
  padding: 11px 12px;
  cursor: pointer;
  font: inherit; letter-spacing: normal; text-transform: none;
  position: relative;
}
.df-pcard__fold > summary.df-pcard__head::before { content: none; }
.df-pcard__fold > summary.df-pcard__head:hover { background: transparent; }
.df-pcard__fold[open] > summary.df-pcard__head { border-bottom: 1px solid var(--df-line-soft); }
.df-pcard__mark {
  position: absolute; top: 9px; right: 10px; z-index: 2;
  width: 16px; height: 16px; display: flex; align-items: center; justify-content: center;
  font: 700 13px/1 var(--df-mono); color: var(--df-faint);
}
.df-pcard__mark::before { content: "+"; }
.df-pcard__fold[open] .df-pcard__mark::before { content: "\2212"; }
.df-pcard__fold--amber  .df-pcard__mark { color: var(--df-amber); }
.df-pcard__fold--blue   .df-pcard__mark { color: #6fb7ff; }
.df-pcard__fold--violet .df-pcard__mark { color: #b07de0; }
.df-pcard__fold--red    .df-pcard__mark { color: var(--df-bad); }
.df-pcard__head--amber:hover  { background: #171208; }
.df-pcard__head--blue:hover   { background: #0d1620; }
.df-pcard__head--violet:hover { background: #140c1c; }
.df-pcard__head--red:hover    { background: #180d0a; }
.df-pcard__fold > summary.df-pcard__head:focus-visible {
  outline: 1px solid var(--df-amber-hi); outline-offset: -2px;
}
.df-pcard__head { cursor: grab; }
.df-pedit { flex-wrap: wrap; }
.df-pcard__fold[open] > .df-pcard__body .df-featlist {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.df-newsedit { display: flex; flex-direction: column; gap: 6px; }
.df-newsedit__row {
  display: grid; grid-template-columns: 62px minmax(0, 1fr) auto auto;
  gap: 6px; align-items: center; margin: 0;
}
.df-newsedit__ord { text-align: right; font-variant-numeric: tabular-nums; }
.df-newsedit__text { width: 100%; }
.df-newsedit__row .df-btn { padding: 8px 12px; white-space: nowrap; }
.df-newsedit__add {
  display: flex; flex-direction: column; gap: 7px;
  margin-top: 11px; padding-top: 11px; border-top: 1px solid var(--df-line-soft);
}
@media (max-width: 700px) {
  .df-newsedit__row { grid-template-columns: 62px minmax(0, 1fr); }
  .df-newsedit__row .df-btn { grid-column: span 1; }
}
.df-sr {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(232px, 1fr));
  gap: var(--df-3);
}
.df-sr__box {
  border: 1px solid var(--df-line); border-radius: 10px;
  background: var(--df-panel-alt);
  display: flex; flex-direction: column;
  min-width: 0;
}
.df-sr__head {
  display: flex; align-items: baseline; gap: var(--df-2);
  padding: var(--df-2) var(--df-3);
  border-bottom: 1px solid var(--df-line-soft);
  background: rgba(255, 255, 255, .02);
}
.df-sr__name {
  font: 700 var(--df-fs-label)/1.3 var(--df-font);
  letter-spacing: .08em; text-transform: uppercase; color: var(--df-amber);
}
.df-sr__top {
  margin-left: auto; font: 700 var(--df-fs-body)/1 var(--df-mono, monospace);
  color: var(--df-text-strong); white-space: nowrap;
}
.df-sr__rows { padding: var(--df-2) var(--df-3) var(--df-3); }
.df-sr__row {
  display: flex; align-items: baseline; gap: var(--df-2);
  padding: 3px 0;
}
.df-sr__row + .df-sr__row { border-top: 1px dotted var(--df-line-soft); }
.df-sr__label { color: var(--df-muted); font-size: var(--df-fs-small); min-width: 0; }
.df-sr__value {
  margin-left: auto; font-family: var(--df-mono, monospace);
  color: var(--df-text); white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.df-sr__value--good { color: var(--df-good); }
.df-sr__value--bad  { color: var(--df-bad); }
.df-sr__value--none { color: var(--df-faint); }
.df-sr__value--kill {
  white-space: normal; text-align: right;
  font-family: var(--df-font); font-size: var(--df-fs-small);
  color: var(--df-muted);
}
.df-sr__row:has(.df-sr__value--kill) .df-sr__label {
  color: var(--df-text); flex: 0 1 auto;
}
.df-sr__box--empty { opacity: .55; }
@media (max-width: 1023px) {
  .df-sr { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: var(--df-2); }
  .df-sr__rows { padding: var(--df-2); }
}
[data-pgrid="service"] .df-pcard {
  transition: border-color .12s ease, box-shadow .12s ease, background-color .12s ease;
}
[data-pgrid="service"] .df-pcard:hover {
  border-color: var(--df-amber);
  box-shadow: 0 0 0 1px rgba(240, 165, 0, .22),
              0 0 18px rgba(240, 165, 0, .20),
              0 6px 20px rgba(0, 0, 0, .55);
  background: #14100a;
}
[data-pgrid="service"] .df-pcard:has(.df-pcard__fold[open]) {
  border-color: var(--df-amber);
  box-shadow: 0 0 0 1px rgba(240, 165, 0, .38),
              0 0 26px rgba(240, 165, 0, .30),
              0 8px 26px rgba(0, 0, 0, .6);
  background: #17120a;
}
[data-pgrid="service"] { margin-top: var(--df-5); }
[data-pgrid="service"] .df-pcard { container-type: inline-size; }
[data-pgrid="service"] .df-pcard__big { font-size: clamp(13px, 9cqi, 21px); }
.df-sr__row:has(.df-sr__value--head) { border-top: 0; padding-top: 11px; }
.df-sr__row .df-sr__value--head { display: none; }
.df-sr__row:has(.df-sr__value--head) .df-sr__label {
  font: 700 var(--df-fs-label)/1.4 var(--df-font);
  letter-spacing: .1em; text-transform: uppercase; color: var(--df-faint);
}
@media (max-width: 767px) {
  [data-pgrid="service"] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--df-2);
    align-items: start;
  }
  [data-pgrid="service"] .df-pedit__col:empty { display: none; }
  [data-pgrid="service"] .df-pedit__col { gap: var(--df-2); }
  [data-pgrid="service"]
  [data-pgrid="service"] .df-pcard__fold > summary.df-pcard__head { padding: 9px; }
  [data-pgrid="service"] .df-pcard__body { padding: 9px; }
  [data-pgrid="service"] .df-pcard__mark { top: 7px; right: 6px; }
  [data-pgrid="service"] .df-pcard__art { width: 64px; height: 64px; right: -10px; }
  [data-pgrid="service"] .df-pcard__big { font-size: clamp(13px, 9cqi, 16px); }
  [data-pgrid="service"] .df-pcard__sub { flex-wrap: wrap; }
  [data-pgrid="service"] .df-pcard__sub b { margin-left: auto; }
  [data-pgrid="service"] .df-sr__row { display: block; padding: 4px 0; }
  [data-pgrid="service"] .df-sr__label { display: block; }
  [data-pgrid="service"] .df-sr__value:not(.df-sr__value--head) {
    display: block; margin-left: 0;
  }
}
.df-pedit__tools {
  display: flex; align-items: center; gap: var(--df-3);
  margin-top: var(--df-2); flex-wrap: wrap;
}
.df-pedit__tools:empty { display: none; }
.df-pedit__lock {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 4px 10px 4px 8px;
  background: var(--df-panel-alt); border: 1px solid var(--df-line); border-radius: 10px;
  color: var(--df-muted); cursor: pointer;
  font: 700 var(--df-fs-label)/1.6 var(--df-font);
  letter-spacing: .09em; text-transform: uppercase;
}
.df-pedit__lock::before {
  content: ""; width: 9px; height: 7px; border-radius: 1px;
  border: 1px solid currentColor; border-top: 0;
  box-shadow: 0 -5px 0 -1px transparent, inset 0 0 0 1px transparent;
  position: relative;
}
.df-pedit__lock.is-on { color: var(--df-amber); border-color: var(--df-amber-line); background: var(--df-amber-bg); }
.df-pedit__lock.is-on::before {
  box-shadow: 0 -4px 0 -1px currentColor, -3px -3px 0 -2px currentColor, 3px -3px 0 -2px currentColor;
}
.df-pedit__lock:not(.is-on)::before {
  box-shadow: 3px -5px 0 -1px currentColor, 6px -3px 0 -2px currentColor;
}
.df-pedit__lock:hover { border-color: var(--df-amber); color: var(--df-amber-hi); }
.df-pedit__lock:focus-visible { outline: 1px solid var(--df-amber-hi); outline-offset: 2px; }
.df-pedit.is-locked .df-pcard { cursor: default; touch-action: pan-y; }
.df-pedit.is-locked .df-pcard__head { cursor: pointer; }
@media (max-width: 767px) {
  [data-pgrid="service"] .df-sr__value { white-space: normal; }
}
.df-cback { margin-top: var(--df-2); }
.df-cback--edit { margin-top: 4px; }
.df-cback--edit .df-ghostback__btn {
  border-color: var(--df-amber-line);
  background: var(--df-amber-bg);
  color: var(--df-amber);
}
.df-cback--edit .df-ghostback__btn:hover,
.df-cback--edit .df-ghostback__btn:focus-visible {
  background: #33260a;
  color: var(--df-amber-hi);
}
.df-lensnote--cmode { color: var(--df-amber); }
body.df-cmode,
body.df-cmode a,
body.df-cmode button,
body.df-cmode label,
body.df-cmode summary,
body.df-cmode input,
body.df-cmode select {
  cursor: text;
}
body.df-cmode .df-cback .df-ghostback__btn,
body.df-cmode .df-cback--edit .df-ghostback__btn,
body.df-cmode .df-cmedit,
body.df-cmode .df-cmedit * {
  cursor: default;
}
body.df-cmode .df-cmedit button { cursor: pointer; }
body.df-cmode .df-cmedit__text { cursor: text; }
body.df-cmode .df-shell p,
body.df-cmode .df-shell h1,
body.df-cmode .df-shell h2,
body.df-cmode .df-shell h3,
body.df-cmode .df-shell td,
body.df-cmode .df-shell th,
body.df-cmode .df-shell li,
body.df-cmode .df-shell a,
body.df-cmode .df-shell button,
body.df-cmode .df-shell span {
  outline: 1px dotted rgba(255, 176, 32, 0.16);
  outline-offset: 1px;
}
body.df-cmode .df-shell :hover {
  outline: 1px solid var(--df-amber);
  outline-offset: 1px;
}
.df-cmedit {
  position: absolute;
  z-index: 9000;
  width: min(340px, calc(100vw - 24px));
  padding: 10px;
  border: 1px solid var(--df-amber);
  background: #0b0906;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.75);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.df-cmedit__head {
  color: var(--df-amber);
  font: 700 var(--df-fs-small)/1.3 var(--df-font);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.df-cmedit__was {
  padding: 4px 6px;
  border-left: 2px solid var(--df-line);
  background: #14100a;
  color: var(--df-muted);
  font: 400 var(--df-fs-micro)/1.45 var(--df-font);
  word-break: break-word;
}
.df-cmedit__text {
  width: 100%;
  padding: 6px;
  border: 1px solid var(--df-line); border-radius: 10px;
  background: #000;
  color: var(--df-text-strong);
  font: 400 var(--df-fs-small)/1.45 var(--df-font);
  resize: vertical;
}
.df-cmedit__scope {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--df-muted);
  font: 400 var(--df-fs-micro)/1.3 var(--df-font);
}
.df-cmedit__row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.df-cmedit__say {
  color: var(--df-muted);
  font: 400 var(--df-fs-micro)/1.4 var(--df-font);
  min-height: 1em;
}
.df-cmedit__say.is-bad { color: var(--df-bad); }
.df-cmlist {
  display: block;
  max-height: 420px;
  overflow-y: auto;
  scrollbar-gutter: stable;
}
.df-cmlist > .df-day:first-child { margin-top: 0; }
.df-cmlist .df-day__n { flex: 0 0 auto; }
.df-cmrow .df-upd__title {
  flex: 1 1 100%;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  font-size: var(--df-fs-base);
  line-height: 1.45;
}
.df-cmrow__was,
.df-cmrow__now { word-break: break-word; }
.df-cmrow__was { font-weight: 400; color: var(--df-faint); text-decoration: line-through; }
.df-cmrow__now { color: var(--df-text-strong); }
.df-cmrow__arrow { color: var(--df-amber); font-family: var(--df-mono); }
.df-cmrow--page { border-left-color: #4a90c2; }
.df-cmrow--page .df-upd__kind { color: #6aa9d6; }
.df-cmrow .df-upd__head { align-items: center; padding: 8px var(--df-3); }
.df-cmrow .df-upd__body { padding: 10px var(--df-3) 10px 26px; }
.df-cmrow__undo { display: inline-flex; }
.df-cmrow .df-upd__meta { gap: 4px var(--df-3); }
.df-market__nudge {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin: 0 0 var(--df-3);
}
.df-btn--nudge {
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.df-btn--nudge.is-up {
  background: var(--df-bad-bg);
  border-color: var(--df-bad-line);
  color: var(--df-bad);
}
.df-btn--nudge.is-up:hover:not([disabled]) {
  border-color: var(--df-bad);
  color: var(--df-bad);
}
.df-btn--nudge.is-down {
  background: var(--df-good-bg);
  border-color: var(--df-good-line);
  color: var(--df-good);
}
.df-btn--nudge.is-down:hover:not([disabled]) {
  border-color: var(--df-good);
  color: var(--df-good);
}
.df-cmrow__src {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: baseline;
}
.df-cmrow__at {
  padding: 1px 5px;
  border: 1px solid var(--df-line); border-radius: 10px;
  background: #000;
  color: var(--df-amber);
  font: 400 var(--df-fs-micro)/1.5 var(--df-mono);
  word-break: break-all;
}
.df-cmrow__at--db {
  border-color: var(--df-good-line);
  color: var(--df-good);
}
.df-cmrow__none {
  color: var(--df-faint);
  font: 400 var(--df-fs-micro)/1.45 var(--df-font);
  font-style: normal;
}
.df-cmedit__design {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--df-muted);
  font: 400 var(--df-fs-micro)/1.3 var(--df-font);
}
.df-cmedit__pick {
  flex: 1 1 auto;
  min-width: 0;
  padding: 3px 4px;
  border: 1px solid var(--df-line); border-radius: 10px;
  background: #000;
  color: var(--df-text);
  font: 400 var(--df-fs-micro)/1.4 var(--df-font);
}
.df-cdesign,
.df-bar.df-cdesign {
  border-left-width: 3px;
  border-left-style: solid;
}
.df-cdesign.df-cd--solid,
.df-bar.df-cdesign.df-cd--solid {
  background: var(--df-amber); color: var(--df-amber-ink);
  border-left-color: var(--df-amber); border-bottom-color: var(--df-amber-line);
}
.df-cdesign.df-cd--green,
.df-bar.df-cdesign.df-cd--green {
  background: var(--df-good); color: #000;
  border-left-color: var(--df-good); border-bottom-color: var(--df-good-line);
}
.df-cdesign.df-cd--red,
.df-bar.df-cdesign.df-cd--red {
  background: var(--df-bad); color: #000;
  border-left-color: var(--df-bad); border-bottom-color: var(--df-bad-line);
}
.df-cdesign.df-cd--muted,
.df-bar.df-cdesign.df-cd--muted {
  background: var(--df-line-strong); color: var(--df-text);
  border-left-color: var(--df-line-strong); border-bottom-color: var(--df-line);
}
.df-cdesign.df-cd--menu,
.df-bar.df-cdesign.df-cd--menu {
  background: linear-gradient(var(--df-menu-1), var(--df-menu-2)); color: var(--df-amber);
  border-left-color: var(--df-amber); border-bottom-color: var(--df-amber-line);
}
.df-cdesign.df-cd--amber,
.df-bar.df-cdesign.df-cd--amber {
  background: var(--df-amber-bg); color: var(--df-amber);
  border-left-color: var(--df-amber); border-bottom-color: var(--df-amber-line);
}
.df-cdesign.df-cd--blue,
.df-bar.df-cdesign.df-cd--blue {
  background: var(--df-blue-bg); color: var(--df-blue);
  border-left-color: var(--df-blue); border-bottom-color: var(--df-blue-line);
}
.df-cdesign.df-cd--violet,
.df-bar.df-cdesign.df-cd--violet {
  background: var(--df-violet-bg); color: var(--df-violet);
  border-left-color: var(--df-violet); border-bottom-color: var(--df-violet-line);
}
.df-cdesign.df-cd--rust,
.df-bar.df-cdesign.df-cd--rust {
  background: var(--df-bad-bg); color: var(--df-bad);
  border-left-color: var(--df-bad); border-bottom-color: var(--df-bad-line);
}
.df-bar.df-cdesign .df-bar__toggle,
.df-bar.df-cdesign .df-bar__count { color: inherit; }
.df-cdesign.df-cd--crgroup,
.df-bar.df-cdesign.df-cd--crgroup {
  background: linear-gradient(#0e1a0c, #0a120a); color: var(--df-good);
  border-left-color: var(--df-good); border-bottom-color: var(--df-good-line);
}
.df-cdesign.df-cd--tile,
.df-bar.df-cdesign.df-cd--tile {
  background: #151515; color: var(--df-text);
  border-left-color: var(--df-line-strong); border-bottom-color: var(--df-line-strong);
}
.df-cdesign[class*="df-cd--fx"],
.df-bar.df-cdesign[class*="df-cd--fx"] {
  position: relative;
  overflow: hidden;
  border-left-width: 3px;
  border-left-style: solid;
}
.df-cdesign.df-cd--fxnotch,
.df-bar.df-cdesign.df-cd--fxnotch {
  background: var(--df-amber-bg); color: var(--df-amber);
  border-left-color: var(--df-amber); border-bottom-color: var(--df-amber-line);
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
}
.df-cdesign.df-cd--fxscan,
.df-bar.df-cdesign.df-cd--fxscan {
  background:
    repeating-linear-gradient(180deg,
      rgba(0,0,0,.35) 0 1px, transparent 1px 3px),
    var(--df-amber-bg);
  color: var(--df-amber);
  border-left-color: var(--df-amber); border-bottom-color: var(--df-amber-line);
}
.df-cdesign.df-cd--fxneon,
.df-bar.df-cdesign.df-cd--fxneon {
  background: #070a0c; color: var(--df-blue);
  border: 1px solid var(--df-blue); border-left-color: var(--df-blue);
  box-shadow: 0 0 0 1px rgba(111,183,255,.25), 0 0 14px rgba(111,183,255,.35),
              inset 0 0 12px rgba(111,183,255,.12);
  text-shadow: 0 0 8px rgba(111,183,255,.75);
}
.df-cdesign.df-cd--fxtape,
.df-bar.df-cdesign.df-cd--fxtape {
  background: var(--df-amber-bg); color: var(--df-amber);
  border-left-color: var(--df-amber); border-bottom-color: var(--df-amber-line);
  padding-left: 26px;
}
.df-cdesign.df-cd--fxtape::before,
.df-bar.df-cdesign.df-cd--fxtape::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 16px;
  background: repeating-linear-gradient(45deg,
    var(--df-amber) 0 6px, #000 6px 12px);
  opacity: .85;
}
.df-cdesign.df-cd--fxribbon,
.df-bar.df-cdesign.df-cd--fxribbon {
  background: linear-gradient(100deg,
    var(--df-amber) 0 58%, var(--df-menu-2) 58.4%);
  color: var(--df-amber-ink);
  border-left-color: var(--df-amber); border-bottom-color: var(--df-amber-line);
}
.df-cdesign.df-cd--fxdouble,
.df-bar.df-cdesign.df-cd--fxdouble {
  background: transparent; color: var(--df-text-strong);
  border: 0; border-left-color: transparent;
  box-shadow: inset 0 -1px 0 var(--df-amber), inset 0 -4px 0 var(--df-line-strong);
  padding-bottom: 8px;
}
.df-cdesign.df-cd--fxsweep,
.df-bar.df-cdesign.df-cd--fxsweep {
  background: linear-gradient(90deg, var(--df-violet-bg) 0%, #0b0906 68%);
  color: var(--df-violet);
  border-left-color: var(--df-violet); border-bottom-color: var(--df-violet-line);
}
.df-cdesign.df-cd--fxbevel,
.df-bar.df-cdesign.df-cd--fxbevel {
  background: #16130d; color: var(--df-amber);
  border-left-color: var(--df-amber-line); border-bottom-color: #000;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14),
              inset 0 -1px 0 rgba(0,0,0,.85),
              0 1px 0 rgba(255,255,255,.04);
}
.df-cdesign.df-cd--fxgrid,
.df-bar.df-cdesign.df-cd--fxgrid {
  background:
    repeating-linear-gradient(90deg, rgba(94,200,79,.16) 0 1px, transparent 1px 10px),
    repeating-linear-gradient(180deg, rgba(94,200,79,.16) 0 1px, transparent 1px 10px),
    #08120a;
  color: var(--df-good);
  border-left-color: var(--df-good); border-bottom-color: var(--df-good-line);
}
.df-cdesign.df-cd--fxblade,
.df-bar.df-cdesign.df-cd--fxblade {
  background: #0d0b07; color: var(--df-text-strong);
  border-left: 0; border-bottom-color: var(--df-line);
  padding-left: 22px;
}
.df-cdesign.df-cd--fxblade::before,
.df-bar.df-cdesign.df-cd--fxblade::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 12px;
  background: var(--df-bad);
  clip-path: polygon(0 0, 100% 0, 60% 100%, 0 100%);
}
.df-cmedit__designs {
  display: flex;
  flex-direction: column;
  gap: 3px;
  max-height: 210px;
  overflow-y: auto;
  scrollbar-gutter: stable;
  padding: 2px;
}
.df-cmedit__swatch {
  width: 100%;
  flex: 0 0 auto;
  text-align: left;
  padding: 3px 8px;
  font: 700 var(--df-fs-micro)/1.5 var(--df-font);
  letter-spacing: .06em;
  text-transform: uppercase;
  cursor: pointer;
}
.df-cmedit__swatch.is-on {
  outline: 2px solid var(--df-text-strong);
  outline-offset: 1px;
}
.df-cmedit__pick--hidden {
  position: absolute;
  width: 1px; height: 1px;
  opacity: 0;
  pointer-events: none;
}
.df-cmedit__swatch { transition: box-shadow .12s, transform .12s; }
.df-cmedit__swatch:hover,
.df-cmedit__swatch:focus-visible {
  box-shadow: 0 0 0 1px var(--df-amber), 0 0 10px rgba(240, 165, 0, .55);
  transform: translateX(2px);
  z-index: 1;
}
.df-cmedit__swatch.is-on:hover,
.df-cmedit__swatch.is-on:focus-visible {
  box-shadow: 0 0 0 1px var(--df-text-strong), 0 0 10px rgba(240, 165, 0, .55);
}
@media (prefers-reduced-motion: reduce) {
  .df-cmedit__swatch { transition: none; }
  .df-cmedit__swatch:hover { transform: none; }
}
.df-cdesign.df-cd--fxstripe,
.df-bar.df-cdesign.df-cd--fxstripe {
  background:
    repeating-linear-gradient(135deg, rgba(240,165,0,.22) 0 8px, transparent 8px 20px),
    #14100a;
  color: var(--df-amber-hi);
  border-left-color: var(--df-amber);
  border-bottom: 1px solid var(--df-amber-line);
}
.df-cdesign.df-cd--fxrivet,
.df-bar.df-cdesign.df-cd--fxrivet {
  background:
    radial-gradient(circle at 9px 50%, #4a4a4a 0 2px, #000 2px 3px, transparent 3px),
    radial-gradient(circle at calc(100% - 9px) 50%, #4a4a4a 0 2px, #000 2px 3px, transparent 3px),
    linear-gradient(180deg, #1d1d1d, #101010);
  color: var(--df-text-strong);
  padding-left: 22px; padding-right: 22px;
  border: 1px solid var(--df-line); border-radius: 10px;
  border-left-color: var(--df-line-strong);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 2px 0 rgba(0,0,0,.9);
}
.df-cdesign.df-cd--fxglass,
.df-bar.df-cdesign.df-cd--fxglass {
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02) 55%, rgba(0,0,0,.25));
  color: var(--df-text-strong);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,.14);
  border-left-color: rgba(255,255,255,.35);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 6px 18px rgba(0,0,0,.6);
}
.df-cdesign.df-cd--fxcut,
.df-bar.df-cdesign.df-cd--fxcut {
  background: var(--df-panel);
  color: var(--df-amber);
  border-left-color: var(--df-amber);
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
  box-shadow: inset -1px 0 0 var(--df-amber-line), inset 0 -1px 0 var(--df-amber-line);
}
.df-cdesign.df-cd--fxcircuit,
.df-bar.df-cdesign.df-cd--fxcircuit {
  background:
    linear-gradient(90deg, transparent 0 60%, rgba(94,200,79,.18) 60% 60.4%, transparent 60.4%),
    repeating-linear-gradient(90deg, rgba(94,200,79,.05) 0 1px, transparent 1px 9px),
    repeating-linear-gradient(0deg, rgba(94,200,79,.05) 0 1px, transparent 1px 9px),
    #060b06;
  color: var(--df-good);
  border-left-color: var(--df-good-line);
  border-bottom: 1px solid var(--df-good-line);
}
.df-cdesign.df-cd--fxstamp,
.df-bar.df-cdesign.df-cd--fxstamp {
  background: #140a09;
  color: var(--df-bad);
  border: 1px solid var(--df-bad-line);
  border-left-color: var(--df-bad);
  outline: 1px dashed rgba(210,75,63,.55);
  outline-offset: -5px;
  text-shadow: 0 0 1px rgba(210,75,63,.8);
}
.df-cdesign.df-cd--fxsplit,
.df-bar.df-cdesign.df-cd--fxsplit {
  background: linear-gradient(90deg, var(--df-amber) 0 38%, #0e0c07 38%);
  color: var(--df-amber-ink);
  border-left-color: var(--df-amber);
  padding-left: 12px;
}
.df-cdesign.df-cd--fxarrow,
.df-bar.df-cdesign.df-cd--fxarrow {
  background: var(--df-blue-bg);
  color: var(--df-blue);
  border-left-color: var(--df-blue);
  padding-right: 30px;
}
.df-cdesign.df-cd--fxarrow::after,
.df-bar.df-cdesign.df-cd--fxarrow::after {
  content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 22px;
  background: var(--df-blue); opacity: .8;
  clip-path: polygon(0 0, 60% 0, 100% 50%, 60% 100%, 0 100%);
}
.df-cdesign.df-cd--fxdots,
.df-bar.df-cdesign.df-cd--fxdots {
  background:
    radial-gradient(rgba(240,165,0,.35) 1px, transparent 1.4px) 0 0 / 5px 5px,
    #100e0a;
  color: var(--df-text-strong);
  border-left-color: var(--df-muted);
}
.df-cdesign.df-cd--fxfold,
.df-bar.df-cdesign.df-cd--fxfold {
  background: #0c1521;
  color: var(--df-text);
  border-left-color: var(--df-line-strong);
}
.df-cdesign.df-cd--fxfold::after,
.df-bar.df-cdesign.df-cd--fxfold::after {
  content: ""; position: absolute; right: 0; top: 0;
  border-style: solid; border-width: 0 16px 16px 0;
  border-color: transparent #000 transparent transparent;
  filter: drop-shadow(-1px 1px 0 var(--df-line-strong));
}
.df-cdesign.df-cd--fxburn,
.df-bar.df-cdesign.df-cd--fxburn {
  background:
    linear-gradient(0deg, rgba(210,75,63,.30), rgba(240,165,0,.05) 45%, transparent 70%),
    #0d0907;
  color: var(--df-amber-hi);
  border-left-color: var(--df-bad);
  border-bottom: 1px solid rgba(240,165,0,.55);
  box-shadow: inset 0 -8px 14px rgba(240,165,0,.18);
  text-shadow: 0 1px 6px rgba(210,75,63,.6);
}
.df-cdesign.df-cd--fxstatic,
.df-bar.df-cdesign.df-cd--fxstatic {
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 3px),
    #080f19;
  color: var(--df-muted);
  border-left-color: var(--df-line-strong);
  text-shadow: 1px 0 0 rgba(210,75,63,.35), -1px 0 0 rgba(111,183,255,.35);
}
.df-cdesign.df-cd--fxpulse,
.df-bar.df-cdesign.df-cd--fxpulse {
  background: var(--df-violet-bg);
  color: var(--df-violet);
  border: 1px solid var(--df-violet-line);
  border-left-color: var(--df-violet);
  animation: df-cd-pulse 2.4s ease-in-out infinite;
}
@keyframes df-cd-pulse {
  0%, 100% { box-shadow: none; }
  50% { box-shadow: 0 0 14px rgba(176,125,224,.45), inset 0 0 14px rgba(176,125,224,.16); }
}
.df-cdesign.df-cd--fxmarquee,
.df-bar.df-cdesign.df-cd--fxmarquee {
  background:
    linear-gradient(90deg, transparent, rgba(240,165,0,.22), transparent) 0 0 / 40% 100% no-repeat,
    var(--df-menu-2);
  color: var(--df-amber);
  border-left-color: var(--df-amber-line);
  animation: df-cd-marquee 3.2s linear infinite;
}
@keyframes df-cd-marquee {
  from { background-position: -45% 0, 0 0; }
  to   { background-position: 115% 0, 0 0; }
}
.df-cdesign.df-cd--fxplate,
.df-bar.df-cdesign.df-cd--fxplate {
  background: linear-gradient(180deg, #2a2a2a 0 48%, var(--df-cell) 48%, #232323);
  color: #d9d4cc;
  font-family: var(--df-mono);
  letter-spacing: .18em;
  border-left-color: #555;
  border-top: 1px solid #3d3d3d;
  border-bottom: 1px solid #000;
  text-shadow: 0 -1px 0 rgba(0,0,0,.9), 0 1px 0 rgba(255,255,255,.10);
}
.df-cdesign.df-cd--fxcorner,
.df-bar.df-cdesign.df-cd--fxcorner {
  background: var(--df-panel-alt);
  color: var(--df-text-strong);
  border-left-color: var(--df-line);
  padding-left: 18px; padding-right: 18px;
}
.df-cdesign.df-cd--fxcorner::before,
.df-bar.df-cdesign.df-cd--fxcorner::before,
.df-cdesign.df-cd--fxcorner::after,
.df-bar.df-cdesign.df-cd--fxcorner::after {
  content: ""; position: absolute; top: 4px; bottom: 4px; width: 8px;
  border: 1px solid var(--df-amber);
}
.df-cdesign.df-cd--fxcorner::before,
.df-bar.df-cdesign.df-cd--fxcorner::before { left: 6px; border-right: 0; }
.df-cdesign.df-cd--fxcorner::after,
.df-bar.df-cdesign.df-cd--fxcorner::after  { right: 6px; border-left: 0; }
.df-cdesign.df-cd--fxwire,
.df-bar.df-cdesign.df-cd--fxwire {
  background: transparent;
  color: var(--df-blue);
  letter-spacing: .3em;
  font-weight: 400;
  border: 1px solid var(--df-blue-line);
  border-left-color: var(--df-blue);
}
.df-cdesign.df-cd--fxpunch,
.df-bar.df-cdesign.df-cd--fxpunch {
  background: var(--df-bad);
  color: #1a0d0b;
  border-left-color: #7a2a22;
  padding-left: 16px;
  text-shadow: 0 1px 0 rgba(255,255,255,.18);
}
.df-cdesign.df-cd--fxpunch::before,
.df-bar.df-cdesign.df-cd--fxpunch::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 6px;
  background: repeating-linear-gradient(0deg, #1a0d0b 0 3px, transparent 3px 6px);
}
.df-cdesign.df-cd--fxladder,
.df-bar.df-cdesign.df-cd--fxladder {
  background: #0c0c0c;
  color: var(--df-text);
  border-left-color: var(--df-good);
  padding-left: 20px;
}
.df-cdesign.df-cd--fxladder::before,
.df-bar.df-cdesign.df-cd--fxladder::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 12px;
  background: repeating-linear-gradient(0deg, rgba(94,200,79,.55) 0 2px, transparent 2px 6px);
  opacity: .7;
}
.df-cdesign.df-cd--fxvhs,
.df-bar.df-cdesign.df-cd--fxvhs {
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), transparent) 0 0 / 100% 6px no-repeat,
    #090909;
  color: #e6e1d8;
  border-left-color: var(--df-violet);
  text-shadow: 1.5px 0 0 rgba(210,75,63,.55), -1.5px 0 0 rgba(111,183,255,.55);
  animation: df-cd-vhs 4s linear infinite;
}
@keyframes df-cd-vhs {
  from { background-position: 0 -10%, 0 0; }
  to   { background-position: 0 110%, 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .df-cdesign.df-cd--fxpulse,
  .df-bar.df-cdesign.df-cd--fxpulse,
  .df-cdesign.df-cd--fxmarquee,
  .df-bar.df-cdesign.df-cd--fxmarquee,
  .df-cdesign.df-cd--fxvhs,
  .df-bar.df-cdesign.df-cd--fxvhs { animation: none; }
  .df-cdesign.df-cd--fxpulse,
  .df-bar.df-cdesign.df-cd--fxpulse {
    box-shadow: 0 0 14px rgba(176,125,224,.45), inset 0 0 14px rgba(176,125,224,.16);
  }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; }
}
body[data-motion="off"] *,
body[data-motion="off"] *::before,
body[data-motion="off"] *::after { animation: none !important; }
.df-set__note--rm { display: none; }
@media (prefers-reduced-motion: reduce) {
  .df-set__note--rm { display: block; color: #8b857b; }
}
body[data-motion-off~="news"] .df-crawl__run,
body[data-motion-off~="news"] .df-crawl__dot { animation: none !important; }
body[data-motion-off~="news"] .df-crawl__dup { display: none; }
body[data-motion-off~="news"] .df-crawl__win { overflow-x: auto; scrollbar-width: none; }
body[data-motion-off~="news"] .df-crawl__win::-webkit-scrollbar { display: none; }
body[data-motion-off~="ready"] .df-promo,
body[data-motion-off~="ready"] .df-dot { animation: none !important; }
body[data-motion-off~="headers"] .df-cd--fxpulse,
body[data-motion-off~="headers"] .df-cd--fxmarquee,
body[data-motion-off~="headers"] .df-cd--fxvhs { animation: none !important; }
body[data-motion-off~="agency"] .df-dispatch__cur,
body[data-motion-off~="agency"] .df-hitcard { animation: none !important; }
body[data-motion-off~="updates"] .df-updnotice { animation: none !important; }
.df-set__where {
  font: 400 10px/1 Verdana, sans-serif; letter-spacing: .06em; text-transform: uppercase;
  color: #5a554d; margin-left: 8px; white-space: nowrap;
}
.df-toggle--row {
  border-top: 1px solid var(--df-line);
  padding-top: var(--df-8);
  margin-top: var(--df-8);
}
@media (min-width: 1024px) {
  .df-banner { height: 160px; }
}
.df-uinfo__tray {
  display: grid; grid-template-columns: repeat(5, 1fr);
  background: #08080a;
  border-top: 1px solid #000;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, .7);
}
.df-uinfo__tray > div { padding: 10px; border-left: 1px solid #131316; }
.df-uinfo__tray > div:nth-child(5n+1) { border-left: 0; }
.df-uinfo__tray-l {
  display: block;
  font: 700 9px/1.7 var(--df-font); letter-spacing: .14em; text-transform: uppercase;
  color: var(--df-muted);
}
.df-uinfo__tray-v {
  font: 400 17px/1.2 var(--df-font); color: var(--df-amber);
  font-variant-numeric: tabular-nums;
}
@media (max-width: 767px) {
  .df-uinfo__tray { grid-template-columns: repeat(2, 1fr); }
  .df-uinfo__tray > div { border-left: 1px solid #131316; }
  .df-uinfo__tray > div:nth-child(5n+1) { border-left: 1px solid #131316; }
  .df-uinfo__tray > div:nth-child(2n+1) { border-left: 0; }
}
@media (min-width: 1024px) {
  .df-uinfo__media { flex-basis: 292px; }
}
.df-service { display: inline-flex; align-items: center; gap: var(--df-3); }
.df-row--service { align-items: center; }
.df-row--service .df-row__value { display: flex; align-items: center; }
.df-cty.df-ty--display { font-family: var(--df-display) !important; }
.df-cty.df-ty--body    { font-family: var(--df-font) !important; }
.df-cty.df-ty--mono    { font-family: ui-monospace, Menlo, Consolas, monospace !important; }
.df-cty.df-ty--bold    { font-weight: 700 !important; }
.df-cty.df-ty--normal  { font-weight: 400 !important; }
.df-cty.df-ty--light   { font-weight: 300 !important; }
.df-cty.df-ty--italic  { font-style: italic !important; }
.df-cty.df-ty--caps    { text-transform: uppercase !important; }
.df-cty.df-ty--small   { font-variant-caps: small-caps !important; text-transform: lowercase !important; }
.df-cty.df-ty--lower   { text-transform: none !important; }
.df-cty.df-ty--wide    { letter-spacing: .14em !important; }
.df-cty.df-ty--tight   { letter-spacing: -.02em !important; }
.df-cty.df-ty--big     { font-size: 1.34em !important; }
.df-cty.df-ty--huge    { font-size: 1.9em !important; }
.df-cty.df-ty--tiny    { font-size: .78em !important; }
.df-cty.df-ty--glow    { text-shadow: 0 0 10px currentColor, 0 0 22px currentColor !important; }
.df-cty.df-ty--shadow  { text-shadow: 0 2px 0 rgba(0,0,0,.75) !important; }
.df-cty.df-ty--under   { text-decoration: underline !important; text-underline-offset: 3px !important; }
.df-cty.df-ty--strike  { text-decoration: line-through !important; }
:root {
  --df-theme-amber:   #4db8ff;
}
@keyframes df-badge-pulse   { 0%,100% { opacity: .55; stroke-width: 4 } 50% { opacity: 1; stroke-width: 6 } }
@keyframes df-badge-sweep   { from { transform: translateX(-180px) } to { transform: translateX(620px) } }
@keyframes df-badge-glow    { 0%,100% { filter: drop-shadow(0 0 2px currentColor) } 50% { filter: drop-shadow(0 0 16px currentColor) } }
@keyframes df-badge-jitter  { 0%,100% { transform: translate(0,0) } 20% { transform: translate(-3px,1px) } 40% { transform: translate(2px,-2px) } 60% { transform: translate(-1px,2px) } 80% { transform: translate(3px,0) } }
@keyframes df-badge-strobe  { 0%,42%,48%,100% { opacity: 1 } 45% { opacity: .18 } 70% { opacity: .6 } }
@keyframes df-badge-crawl   { from { transform: translateX(0) } to { transform: translateX(18px) } }
@keyframes df-badge-spin    { to { transform: rotate(360deg) } }
@keyframes df-badge-drip    { 0% { transform: translateY(-6px); opacity: .3 } 60% { opacity: 1 } 100% { transform: translateY(14px); opacity: 0 } }
@keyframes df-badge-chroma  { 0%,100% { transform: translateX(0) } 50% { transform: translateX(4px) } }
@keyframes df-badge-chroma2 { 0%,100% { transform: translateX(0) } 50% { transform: translateX(-4px) } }
@keyframes df-badge-radar   { from { transform: translateX(120px) } to { transform: translateX(600px) } }
@keyframes df-badge-charge  { 0% { width: 0 } 70% { width: 420px } 100% { width: 0 } }
@keyframes df-badge-blink   { 0%,49% { opacity: 1 } 50%,100% { opacity: .12 } }
@keyframes df-badge-shear   { 0%,100% { transform: skewX(0) } 50% { transform: skewX(-4deg) } }
@keyframes df-badge-ghost   { 0%,100% { opacity: 0; transform: translate(0,0) } 50% { opacity: .45; transform: translate(7px,-4px) } }
@keyframes df-badge-pop     { 0%,100% { transform: scale(1); opacity: .75 } 50% { transform: scale(1.06); opacity: 1 } }
@keyframes df-badge-wipe    { from { transform: translateX(-720px) } to { transform: translateX(720px) } }
@keyframes df-badge-grindA  { to { transform: translateX(20px) } }
@keyframes df-badge-grindB  { to { transform: translateX(-20px) } }
@keyframes df-badge-alarm   { 0%,100% { opacity: .35 } 50% { opacity: 1 } }
@keyframes df-badge-orbit   { to { transform: rotate(360deg) } }
.df-cbadge svg,
.df-cbadge svg *,
.df-title,
.df-title::before,
.df-title::after { animation-play-state: paused !important; }
.df-cbadge:hover svg,
.df-cbadge:hover svg *,
.df-cbadge:focus-within svg,
.df-cbadge:focus-within svg *,
.df-title:hover,
.df-title:hover::before,
.df-title:hover::after { animation-play-state: running !important; }
.df-title:focus-visible,
.df-title:focus-visible::before,
.df-title:focus-visible::after { animation-play-state: running !important; }
.df-cbadges {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
  margin: 0 0 16px;
}
.df-cbadges__one { margin: 0; }
.df-cbadges__pick {
  display: block;
  width: 100%;
  padding: 0;
  text-align: left;
  cursor: pointer;
  background: var(--df-panel-2, #111114);
  color: inherit;
  font: inherit;
  border: 1px solid var(--df-line, #26262a);
  border-radius: 0;
}
.df-cbadges__pick:hover { border-color: var(--df-good, #5ec84f); }
.df-cbadges__pick:focus-visible {
  outline: 2px solid var(--df-good, #5ec84f);
  outline-offset: 2px;
}
.df-cbadge { display: block; line-height: 0; }
.df-cbadge svg {
  display: block;
  width: 100%;
  height: auto;
  border-bottom: 1px solid var(--df-line, #26262a);
}
.df-cbadges__name {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 8px 10px 2px;
  font: 700 var(--df-fs-base, 11px)/1.4 var(--df-font, Verdana, sans-serif);
  color: var(--df-text, #cfcac2);
}
.df-cbadges__note {
  display: block;
  padding: 0 10px 10px;
  font-size: 11px;
  line-height: 1.5;
  color: var(--df-faint, #5a554d);
}
.df-cbadges__one.is-on .df-cbadges__pick { border-color: var(--df-good, #5ec84f); }
.df-cbadges__inuse {
  margin-left: auto;
  font: 700 10px/1 Verdana, sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--df-good, #5ec84f);
}
body[data-motion-off~="badges"] .df-cbadge svg,
body[data-motion-off~="badges"] .df-cbadge svg * { animation: none !important; }
.df-chips__pair {
  display: flex; align-items: center; gap: var(--df-3);
  margin: 0 0 var(--df-4); padding: var(--df-3) var(--df-4);
  background: var(--df-panel-alt); border: 1px solid var(--df-line-soft); border-radius: 10px;
}
.df-chips__pair > span:first-child { margin-left: 0; }
.df-chips__hint { color: var(--df-faint); font-size: var(--df-fs-small); }
.df-chips__head {
  margin: var(--df-5) 0 var(--df-2);
  color: var(--df-muted); font: 700 var(--df-fs-label)/1.3 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
}
.df-fchips {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(184px, 1fr));
  gap: var(--df-2);
}
.df-chips__one { margin: 0; }
.df-chips__pick {
  display: block; width: 100%; text-align: left; cursor: pointer;
  padding: var(--df-2) var(--df-3);
  background: var(--df-panel); border: 1px solid var(--df-line-soft); border-radius: 10px;
  color: var(--df-text); font: inherit;
}
.df-chips__pick:hover { border-color: var(--df-line-strong); background: var(--df-row); }
.df-chips__one.is-on .df-chips__pick { border-color: var(--df-good-line); background: var(--df-good-bg); }
.df-chips__swatch {
  display: flex; align-items: center; min-height: 22px; margin-bottom: var(--df-1);
}
.df-chips__swatch > span { margin-left: 0; }
.df-chips__name {
  display: block; color: var(--df-text-strong);
  font: 700 var(--df-fs-label)/1.4 var(--df-font); letter-spacing: .04em;
}
.df-chips__moves {
  margin-left: var(--df-1); padding: 0 3px;
  border: 1px solid var(--df-line); border-radius: 10px; color: var(--df-faint);
  font: 400 var(--df-fs-micro)/1.5 var(--df-font); font-style: normal;
  letter-spacing: .06em; text-transform: uppercase;
}
.df-chips__inuse {
  margin-left: var(--df-1); color: var(--df-good);
  font: 700 var(--df-fs-micro)/1.5 var(--df-font);
  letter-spacing: .06em; text-transform: uppercase;
}
.df-chips__note {
  display: block; margin-top: 2px; color: var(--df-faint);
  font: 400 var(--df-fs-small)/1.4 var(--df-font);
}
.df-title-tag {
  position: relative;
  isolation: isolate;
  letter-spacing: .04em;
}
.df-title-tag > i {
  font-style: normal; display: inline-block; margin-left: 5px; padding: 0 4px;
  font: 700 8px/13px Verdana; letter-spacing: .1em;
}
.df-title-tag::before, .df-title-tag::after { content: ""; position: absolute; pointer-events: none; }
.df-title-tag::before { inset: 0; z-index: -1; }
body[data-motion-off~="titles"] .df-title-tag,
body[data-motion-off~="titles"] .df-title-tag::before,
body[data-motion-off~="titles"] .df-title-tag::after { animation: none !important; }
@media (prefers-reduced-motion: reduce) {
  .df-title-tag, .df-title-tag::before, .df-title-tag::after { animation: none !important; }
}
body[data-motion-off~="chips"] .df-badge-creator,
body[data-motion-off~="chips"] .df-badge-creator::before,
body[data-motion-off~="chips"] .df-badge-creator::after,
body[data-motion-off~="chips"] .df-badge-admin,
body[data-motion-off~="chips"] .df-badge-admin::before,
body[data-motion-off~="chips"] .df-badge-admin::after { animation: none !important; }
@keyframes dft-pulse{0%,100%{box-shadow:0 0 4px rgba(255,255,255,.10)}50%{box-shadow:0 0 12px rgba(255,255,255,.28)}}
@keyframes dft-breathe{0%,100%{filter:brightness(.88)}50%{filter:brightness(1.18)}}
@keyframes dft-ramp{0%,100%{border-color:#2e2e2e}50%{border-color:#8b857b}}
@keyframes dft-hue{to{filter:hue-rotate(360deg)}}
@keyframes dft-warm{0%,100%{filter:brightness(.72) saturate(.7)}55%{filter:brightness(1.15) saturate(1.1)}}
@keyframes dft-throb{0%,72%,100%{transform:scale(1)}78%{transform:scale(1.035)}84%{transform:scale(1)}90%{transform:scale(1.02)}}
@keyframes dft-shimmer{0%,100%{text-shadow:0 0 2px rgba(255,255,255,.18)}50%{text-shadow:0 0 7px rgba(255,255,255,.5)}}
@keyframes dft-wobble{0%,88%,100%{rotate:-.8deg}94%{rotate:.5deg}}
@keyframes dft-creep{0%,100%{filter:brightness(.9) saturate(.8)}50%{filter:brightness(1.1) saturate(1.3)}}
@keyframes dft-flicker{0%,88%,92%,100%{opacity:1}90%{opacity:.45}91%{opacity:.85}}
@keyframes dft-tide{0%,100%{background-position:0 100%}50%{background-position:0 0}}
@keyframes dft-fade{0%,100%{opacity:1}50%{opacity:.55}}
@keyframes dft-sweep{0%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes dft-scan{0%{top:-5px}100%{top:100%}}
@keyframes dft-blink{0%,74%{opacity:.25}80%,86%{opacity:1}}
@keyframes dft-spin{to{transform:rotate(360deg)}}
@keyframes dft-static{0%{transform:translateY(0)}33%{transform:translateY(-1px)}66%{transform:translateY(1px)}}
@keyframes dft-spark{0%,82%{opacity:.2}86%{opacity:1}90%{opacity:.3}94%{opacity:.9}}
@keyframes dft-slide{to{background-position:120px 0}}
@keyframes dft-holo{0%,100%{background-position:0 0}50%{background-position:100% 0}}
.df-t--neonamber{background:#0f0d08;border-color:var(--df-amber);color:var(--df-amber-hi);box-shadow:0 0 6px rgba(240,165,0,0.5),inset 0 0 5px rgba(240,165,0,0.28);text-shadow:0 0 5px rgba(240,165,0,0.75)}
.df-t--neonblue{background:#0a0f14;border-color:#6fb7ff;color:#bfe0ff;box-shadow:0 0 6px rgba(111,183,255,0.5),inset 0 0 5px rgba(111,183,255,0.28);text-shadow:0 0 5px rgba(111,183,255,0.75)}
.df-t--neongreen{background:#0e1a0c;border-color:#5ec84f;color:#a9dfa0;box-shadow:0 0 6px rgba(94,200,79,0.5),inset 0 0 5px rgba(94,200,79,0.28);text-shadow:0 0 5px rgba(94,200,79,0.75)}
.df-t--neonred{background:#1a0d0b;border-color:#d24b3f;color:#f0a09a;box-shadow:0 0 6px rgba(210,75,63,0.5),inset 0 0 5px rgba(210,75,63,0.28);text-shadow:0 0 5px rgba(210,75,63,0.75)}
.df-t--neonviolet{background:#0d0812;border-color:#b07de0;color:#dcc4f5;box-shadow:0 0 6px rgba(176,125,224,0.5),inset 0 0 5px rgba(176,125,224,0.28);text-shadow:0 0 5px rgba(176,125,224,0.75)}
.df-t--neoncyan{background:#071413;border-color:#4fd8d0;color:#b6f0ec;box-shadow:0 0 6px rgba(79,216,208,0.5),inset 0 0 5px rgba(79,216,208,0.28);text-shadow:0 0 5px rgba(79,216,208,0.75)}
.df-t--neonpink{background:#160b11;border-color:#e878b0;color:#f8c2dc;box-shadow:0 0 6px rgba(232,120,176,0.5),inset 0 0 5px rgba(232,120,176,0.28);text-shadow:0 0 5px rgba(232,120,176,0.75)}
.df-t--neonlime{background:#101505;border-color:#a8d84f;color:#ddf0a8;box-shadow:0 0 6px rgba(168,216,79,0.5),inset 0 0 5px rgba(168,216,79,0.28);text-shadow:0 0 5px rgba(168,216,79,0.75)}
.df-t--neonorange{background:#160b06;border-color:#ff7a3c;color:#ffc2a0;box-shadow:0 0 6px rgba(255,122,60,0.5),inset 0 0 5px rgba(255,122,60,0.28);text-shadow:0 0 5px rgba(255,122,60,0.75)}
.df-t--neonteal{background:#071118;border-color:#3fa8d8;color:#a8dcf0;box-shadow:0 0 6px rgba(63,168,216,0.5),inset 0 0 5px rgba(63,168,216,0.28);text-shadow:0 0 5px rgba(63,168,216,0.75)}
.df-t--neongold{background:var(--df-menu-2);border-color:#d8b84f;color:#cfe8ff;box-shadow:0 0 6px rgba(216,184,79,0.5),inset 0 0 5px rgba(216,184,79,0.28);text-shadow:0 0 5px rgba(216,184,79,0.75)}
.df-t--neonice{background:#0a0e13;border-color:#a8c8e8;color:#e0eefc;box-shadow:0 0 6px rgba(168,200,232,0.5),inset 0 0 5px rgba(168,200,232,0.28);text-shadow:0 0 5px rgba(168,200,232,0.75)}
.df-t--signamber{background:#050505;border-color:rgba(240,165,0,0.55);color:var(--df-amber-hi);text-shadow:0 0 3px var(--df-amber),0 0 9px rgba(240,165,0,0.8);box-shadow:0 0 12px rgba(240,165,0,0.3);animation:dft-flicker 9s steps(1) infinite}
.df-t--signblue{background:#050505;border-color:rgba(111,183,255,0.55);color:#bfe0ff;text-shadow:0 0 3px #6fb7ff,0 0 9px rgba(111,183,255,0.8);box-shadow:0 0 12px rgba(111,183,255,0.3)}
.df-t--signgreen{background:#050505;border-color:rgba(94,200,79,0.55);color:#a9dfa0;text-shadow:0 0 3px #5ec84f,0 0 9px rgba(94,200,79,0.8);box-shadow:0 0 12px rgba(94,200,79,0.3)}
.df-t--signred{background:#050505;border-color:rgba(210,75,63,0.55);color:#f0a09a;text-shadow:0 0 3px #d24b3f,0 0 9px rgba(210,75,63,0.8);box-shadow:0 0 12px rgba(210,75,63,0.3)}
.df-t--signviolet{background:#050505;border-color:rgba(176,125,224,0.55);color:#dcc4f5;text-shadow:0 0 3px #b07de0,0 0 9px rgba(176,125,224,0.8);box-shadow:0 0 12px rgba(176,125,224,0.3);animation:dft-flicker 9s steps(1) infinite}
.df-t--signcyan{background:#050505;border-color:rgba(79,216,208,0.55);color:#b6f0ec;text-shadow:0 0 3px #4fd8d0,0 0 9px rgba(79,216,208,0.8);box-shadow:0 0 12px rgba(79,216,208,0.3)}
.df-t--signpink{background:#050505;border-color:rgba(232,120,176,0.55);color:#f8c2dc;text-shadow:0 0 3px #e878b0,0 0 9px rgba(232,120,176,0.8);box-shadow:0 0 12px rgba(232,120,176,0.3)}
.df-t--signlime{background:#050505;border-color:rgba(168,216,79,0.55);color:#ddf0a8;text-shadow:0 0 3px #a8d84f,0 0 9px rgba(168,216,79,0.8);box-shadow:0 0 12px rgba(168,216,79,0.3)}
.df-t--signorange{background:#050505;border-color:rgba(255,122,60,0.55);color:#ffc2a0;text-shadow:0 0 3px #ff7a3c,0 0 9px rgba(255,122,60,0.8);box-shadow:0 0 12px rgba(255,122,60,0.3);animation:dft-flicker 9s steps(1) infinite}
.df-t--signteal{background:#050505;border-color:rgba(63,168,216,0.55);color:#a8dcf0;text-shadow:0 0 3px #3fa8d8,0 0 9px rgba(63,168,216,0.8);box-shadow:0 0 12px rgba(63,168,216,0.3)}
.df-t--signgold{background:#050505;border-color:rgba(216,184,79,0.55);color:#cfe8ff;text-shadow:0 0 3px #d8b84f,0 0 9px rgba(216,184,79,0.8);box-shadow:0 0 12px rgba(216,184,79,0.3)}
.df-t--signice{background:#050505;border-color:rgba(168,200,232,0.55);color:#e0eefc;text-shadow:0 0 3px #a8c8e8,0 0 9px rgba(168,200,232,0.8);box-shadow:0 0 12px rgba(168,200,232,0.3)}
.df-t--inkamber{background:var(--df-amber);border-color:var(--df-amber);color:#000;font-weight:700;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.df-t--inkblue{background:#6fb7ff;border-color:#6fb7ff;color:#000;font-weight:700;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.df-t--inkgreen{background:#5ec84f;border-color:#5ec84f;color:#000;font-weight:700;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.df-t--inkred{background:#d24b3f;border-color:#d24b3f;color:#000;font-weight:700;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.df-t--inkviolet{background:#b07de0;border-color:#b07de0;color:#000;font-weight:700;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.df-t--inkcyan{background:#4fd8d0;border-color:#4fd8d0;color:#000;font-weight:700;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.df-t--inkpink{background:#e878b0;border-color:#e878b0;color:#000;font-weight:700;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.df-t--inklime{background:#a8d84f;border-color:#a8d84f;color:#000;font-weight:700;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.df-t--inkorange{background:#ff7a3c;border-color:#ff7a3c;color:#000;font-weight:700;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.df-t--inkteal{background:#3fa8d8;border-color:#3fa8d8;color:#000;font-weight:700;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.df-t--inkgold{background:#d8b84f;border-color:#d8b84f;color:#000;font-weight:700;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.df-t--inkice{background:#a8c8e8;border-color:#a8c8e8;color:#000;font-weight:700;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.df-t--haloamber{background:#0f0d08;border-color:var(--df-line);color:var(--df-amber-hi);box-shadow:0 0 10px rgba(240,165,0,0.35)}
.df-t--haloblue{background:#0a0f14;border-color:#2f4a6b;color:#bfe0ff;box-shadow:0 0 10px rgba(111,183,255,0.35)}
.df-t--halogreen{background:#0e1a0c;border-color:#3d6b36;color:#a9dfa0;box-shadow:0 0 10px rgba(94,200,79,0.35)}
.df-t--halored{background:#1a0d0b;border-color:#7a2a22;color:#f0a09a;box-shadow:0 0 10px rgba(210,75,63,0.35)}
.df-t--haloviolet{background:#0d0812;border-color:#3d2a52;color:#dcc4f5;box-shadow:0 0 10px rgba(176,125,224,0.35)}
.df-t--halocyan{background:#071413;border-color:#1f5a56;color:#b6f0ec;box-shadow:0 0 10px rgba(79,216,208,0.35)}
.df-t--halopink{background:#160b11;border-color:#6b2f4e;color:#f8c2dc;box-shadow:0 0 10px rgba(232,120,176,0.35)}
.df-t--halolime{background:#101505;border-color:#57701f;color:#ddf0a8;box-shadow:0 0 10px rgba(168,216,79,0.35)}
.df-t--haloorange{background:#160b06;border-color:#7a3517;color:#ffc2a0;box-shadow:0 0 10px rgba(255,122,60,0.35)}
.df-t--haloteal{background:#071118;border-color:#1e5570;color:#a8dcf0;box-shadow:0 0 10px rgba(63,168,216,0.35)}
.df-t--halogold{background:var(--df-menu-2);border-color:var(--df-line-strong);color:#cfe8ff;box-shadow:0 0 10px rgba(216,184,79,0.35)}
.df-t--haloice{background:#0a0e13;border-color:#3a4e63;color:#e0eefc;box-shadow:0 0 10px rgba(168,200,232,0.35)}
.df-t--gradamber{background:linear-gradient(180deg,rgba(240,165,0,0.55),#0f0d08);border-color:var(--df-line);color:var(--df-amber-hi);box-shadow:inset 0 1px 0 rgba(255,209,102,0.25)}
.df-t--gradblue{background:linear-gradient(180deg,rgba(111,183,255,0.55),#0a0f14);border-color:#2f4a6b;color:#bfe0ff;box-shadow:inset 0 1px 0 rgba(191,224,255,0.25)}
.df-t--gradgreen{background:linear-gradient(180deg,rgba(94,200,79,0.55),#0e1a0c);border-color:#3d6b36;color:#a9dfa0;box-shadow:inset 0 1px 0 rgba(169,223,160,0.25)}
.df-t--gradred{background:linear-gradient(180deg,rgba(210,75,63,0.55),#1a0d0b);border-color:#7a2a22;color:#f0a09a;box-shadow:inset 0 1px 0 rgba(240,160,154,0.25)}
.df-t--gradviolet{background:linear-gradient(180deg,rgba(176,125,224,0.55),#0d0812);border-color:#3d2a52;color:#dcc4f5;box-shadow:inset 0 1px 0 rgba(220,196,245,0.25)}
.df-t--gradcyan{background:linear-gradient(180deg,rgba(79,216,208,0.55),#071413);border-color:#1f5a56;color:#b6f0ec;box-shadow:inset 0 1px 0 rgba(182,240,236,0.25)}
.df-t--gradpink{background:linear-gradient(180deg,rgba(232,120,176,0.55),#160b11);border-color:#6b2f4e;color:#f8c2dc;box-shadow:inset 0 1px 0 rgba(248,194,220,0.25)}
.df-t--gradlime{background:linear-gradient(180deg,rgba(168,216,79,0.55),#101505);border-color:#57701f;color:#ddf0a8;box-shadow:inset 0 1px 0 rgba(221,240,168,0.25)}
.df-t--gradorange{background:linear-gradient(180deg,rgba(255,122,60,0.55),#160b06);border-color:#7a3517;color:#ffc2a0;box-shadow:inset 0 1px 0 rgba(255,194,160,0.25)}
.df-t--gradteal{background:linear-gradient(180deg,rgba(63,168,216,0.55),#071118);border-color:#1e5570;color:#a8dcf0;box-shadow:inset 0 1px 0 rgba(168,220,240,0.25)}
.df-t--gradgold{background:linear-gradient(180deg,rgba(216,184,79,0.55),var(--df-menu-2));border-color:var(--df-line-strong);color:#cfe8ff;box-shadow:inset 0 1px 0 rgba(240,224,168,0.25)}
.df-t--gradice{background:linear-gradient(180deg,rgba(168,200,232,0.55),#0a0e13);border-color:#3a4e63;color:#e0eefc;box-shadow:inset 0 1px 0 rgba(224,238,252,0.25)}
.df-t--pplaid{background:#0d0812;border-color:#3d2a52;color:#dcc4f5;overflow:hidden}
.df-t--pplaid::before{background:linear-gradient(90deg,rgba(176,125,224,0.3) 0 3px,transparent 3px 11px),linear-gradient(180deg,rgba(176,125,224,0.3) 0 2px,transparent 2px 9px)}
.df-t--pwave{background:#071413;border-color:#1f5a56;color:#b6f0ec;overflow:hidden}
.df-t--pwave::before{background:repeating-radial-gradient(circle at 50% 120%,rgba(79,216,208,0.3) 0 2px,transparent 2px 7px)}
.df-t--ppip{background:#160b11;border-color:#6b2f4e;color:#f8c2dc;overflow:hidden}
.df-t--ppip::before{background:radial-gradient(rgba(232,120,176,0.3) 0 1.6px,transparent 1.8px) 0 0/9px 9px}
.df-t--pbars{background:#101505;border-color:#57701f;color:#ddf0a8;overflow:hidden}
.df-t--pbars::before{background:repeating-linear-gradient(90deg,rgba(168,216,79,0.3) 0 2px,transparent 2px 8px)}
.df-t--pstep{background:#160b06;border-color:#7a3517;color:#ffc2a0;overflow:hidden}
.df-t--pstep::before{background:repeating-linear-gradient(160deg,rgba(255,122,60,0.3) 0 4px,transparent 4px 10px)}
.df-t--phalftone{background:#071118;border-color:#1e5570;color:#a8dcf0;overflow:hidden}
.df-t--phalftone::before{background:radial-gradient(rgba(63,168,216,0.3) 0 1.8px,transparent 2px) 0 0/6px 6px,radial-gradient(rgba(63,168,216,0.3) 0 1px,transparent 1.2px) 3px 3px/6px 6px}
.df-t--plattice{background:var(--df-menu-2);border-color:var(--df-line-strong);color:#cfe8ff;overflow:hidden}
.df-t--plattice::before{background:repeating-linear-gradient(45deg,rgba(216,184,79,0.3) 0 1px,transparent 1px 8px),repeating-linear-gradient(135deg,rgba(216,184,79,0.3) 0 1px,transparent 1px 8px)}
.df-t--pfade{background:#0a0e13;border-color:#3a4e63;color:#e0eefc;overflow:hidden}
.df-t--pfade::before{background:repeating-linear-gradient(90deg,rgba(168,200,232,0.3) 0 1px,transparent 1px 4px);-webkit-mask-image:linear-gradient(90deg,transparent 45%,#000 78%,transparent 92%);mask-image:linear-gradient(90deg,transparent 45%,#000 78%,transparent 92%)}
.df-t--glassamber{background:linear-gradient(180deg,rgba(240,165,0,0.2),rgba(255,255,255,.03) 55%,rgba(0,0,0,.28));border-color:rgba(255,209,102,0.3);color:var(--df-amber-hi);backdrop-filter:blur(4px);box-shadow:inset 0 1px 0 rgba(255,209,102,0.35)}
.df-t--glassblue{background:linear-gradient(180deg,rgba(111,183,255,0.2),rgba(255,255,255,.03) 55%,rgba(0,0,0,.28));border-color:rgba(191,224,255,0.3);color:#bfe0ff;backdrop-filter:blur(4px);box-shadow:inset 0 1px 0 rgba(191,224,255,0.35)}
.df-t--glassgreen{background:linear-gradient(180deg,rgba(94,200,79,0.2),rgba(255,255,255,.03) 55%,rgba(0,0,0,.28));border-color:rgba(169,223,160,0.3);color:#a9dfa0;backdrop-filter:blur(4px);box-shadow:inset 0 1px 0 rgba(169,223,160,0.35)}
.df-t--glassred{background:linear-gradient(180deg,rgba(210,75,63,0.2),rgba(255,255,255,.03) 55%,rgba(0,0,0,.28));border-color:rgba(240,160,154,0.3);color:#f0a09a;backdrop-filter:blur(4px);box-shadow:inset 0 1px 0 rgba(240,160,154,0.35)}
.df-t--glassviolet{background:linear-gradient(180deg,rgba(176,125,224,0.2),rgba(255,255,255,.03) 55%,rgba(0,0,0,.28));border-color:rgba(220,196,245,0.3);color:#dcc4f5;backdrop-filter:blur(4px);box-shadow:inset 0 1px 0 rgba(220,196,245,0.35)}
.df-t--glasscyan{background:linear-gradient(180deg,rgba(79,216,208,0.2),rgba(255,255,255,.03) 55%,rgba(0,0,0,.28));border-color:rgba(182,240,236,0.3);color:#b6f0ec;backdrop-filter:blur(4px);box-shadow:inset 0 1px 0 rgba(182,240,236,0.35)}
.df-t--glasspink{background:linear-gradient(180deg,rgba(232,120,176,0.2),rgba(255,255,255,.03) 55%,rgba(0,0,0,.28));border-color:rgba(248,194,220,0.3);color:#f8c2dc;backdrop-filter:blur(4px);box-shadow:inset 0 1px 0 rgba(248,194,220,0.35)}
.df-t--glasslime{background:linear-gradient(180deg,rgba(168,216,79,0.2),rgba(255,255,255,.03) 55%,rgba(0,0,0,.28));border-color:rgba(221,240,168,0.3);color:#ddf0a8;backdrop-filter:blur(4px);box-shadow:inset 0 1px 0 rgba(221,240,168,0.35)}
.df-t--glassorange{background:linear-gradient(180deg,rgba(255,122,60,0.2),rgba(255,255,255,.03) 55%,rgba(0,0,0,.28));border-color:rgba(255,194,160,0.3);color:#ffc2a0;backdrop-filter:blur(4px);box-shadow:inset 0 1px 0 rgba(255,194,160,0.35)}
.df-t--glassteal{background:linear-gradient(180deg,rgba(63,168,216,0.2),rgba(255,255,255,.03) 55%,rgba(0,0,0,.28));border-color:rgba(168,220,240,0.3);color:#a8dcf0;backdrop-filter:blur(4px);box-shadow:inset 0 1px 0 rgba(168,220,240,0.35)}
.df-t--duoambercyan{background:linear-gradient(105deg,rgba(240,165,0,0.5) 0 48%,rgba(79,216,208,0.5) 52% 100%);border-color:var(--df-line);color:#f2efe9;text-shadow:0 1px 0 rgba(0,0,0,.6)}
.df-t--duobluepink{background:linear-gradient(105deg,rgba(111,183,255,0.5) 0 48%,rgba(232,120,176,0.5) 52% 100%);border-color:#2f4a6b;color:#f2efe9;text-shadow:0 1px 0 rgba(0,0,0,.6)}
.df-t--duogreenlime{background:linear-gradient(105deg,rgba(94,200,79,0.5) 0 48%,rgba(168,216,79,0.5) 52% 100%);border-color:#3d6b36;color:#f2efe9;text-shadow:0 1px 0 rgba(0,0,0,.6)}
.df-t--duoredorange{background:linear-gradient(105deg,rgba(210,75,63,0.5) 0 48%,rgba(255,122,60,0.5) 52% 100%);border-color:#7a2a22;color:#f2efe9;text-shadow:0 1px 0 rgba(0,0,0,.6)}
.df-t--duovioletteal{background:linear-gradient(105deg,rgba(176,125,224,0.5) 0 48%,rgba(63,168,216,0.5) 52% 100%);border-color:#3d2a52;color:#f2efe9;text-shadow:0 1px 0 rgba(0,0,0,.6)}
.df-t--duocyangold{background:linear-gradient(105deg,rgba(79,216,208,0.5) 0 48%,rgba(216,184,79,0.5) 52% 100%);border-color:#1f5a56;color:#f2efe9;text-shadow:0 1px 0 rgba(0,0,0,.6)}
.df-t--duopinkice{background:linear-gradient(105deg,rgba(232,120,176,0.5) 0 48%,rgba(168,200,232,0.5) 52% 100%);border-color:#6b2f4e;color:#f2efe9;text-shadow:0 1px 0 rgba(0,0,0,.6)}
.df-t--duolimeamber{background:linear-gradient(105deg,rgba(168,216,79,0.5) 0 48%,rgba(240,165,0,0.5) 52% 100%);border-color:#57701f;color:#f2efe9;text-shadow:0 1px 0 rgba(0,0,0,.6)}
.df-t--duoorangeblue{background:linear-gradient(105deg,rgba(255,122,60,0.5) 0 48%,rgba(111,183,255,0.5) 52% 100%);border-color:#7a3517;color:#f2efe9;text-shadow:0 1px 0 rgba(0,0,0,.6)}
.df-t--duotealgreen{background:linear-gradient(105deg,rgba(63,168,216,0.5) 0 48%,rgba(94,200,79,0.5) 52% 100%);border-color:#1e5570;color:#f2efe9;text-shadow:0 1px 0 rgba(0,0,0,.6)}
.df-t--edash{background:#1a0d0b;border-color:#d24b3f;color:#f0a09a;border-style:dashed}
.df-t--edot{background:#0d0812;border-color:#b07de0;color:#dcc4f5;border-style:dotted}
.df-t--edbl{background:#071413;border-color:#4fd8d0;color:#b6f0ec;border-style:double;border-width:3px}
.df-t--einset{background:#160b11;border-color:#e878b0;color:#f8c2dc;box-shadow:inset 0 2px 4px rgba(0,0,0,.9),inset 0 -1px 0 rgba(255,255,255,.07);border-color:#1b1b1b}
.df-t--eout{background:#101505;border-color:#a8d84f;color:#ddf0a8;box-shadow:0 2px 0 rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.12)}
.df-t--enotch{background:#160b06;border-color:#ff7a3c;color:#ffc2a0;clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px)}
.df-t--etag{background:#071118;border-color:#3fa8d8;color:#a8dcf0;clip-path:polygon(6px 0,100% 0,100% 100%,6px 100%,0 50%);padding-left:11px}
.df-t--earrow{background:var(--df-menu-2);border-color:#d8b84f;color:#cfe8ff;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,0 100%);padding-right:11px}
.df-t--ebanner{background:#0a0e13;border-color:#a8c8e8;color:#e0eefc;clip-path:polygon(0 0,100% 0,calc(100% - 5px) 50%,100% 100%,0 100%,5px 50%);padding:2px 10px}
.df-t--eunder{background:#0f0d08;border-color:var(--df-amber);color:var(--df-amber-hi);background:transparent;border:none;border-bottom:2px solid currentColor;padding:2px 3px}
.df-t--erules{background:#0a0f14;border-color:#6fb7ff;color:#bfe0ff;background:transparent;border-left:none;border-right:none;border-width:1px 0}
.df-t--etick{background:#0e1a0c;border-color:#5ec84f;color:#a9dfa0;background:transparent;border:none;padding:3px 8px}
.df-t--etick::before{inset:0;background:linear-gradient(#5ec84f,#5ec84f) 0 0/5px 1px no-repeat,linear-gradient(#5ec84f,#5ec84f) 0 0/1px 5px no-repeat,linear-gradient(#5ec84f,#5ec84f) 100% 0/5px 1px no-repeat,linear-gradient(#5ec84f,#5ec84f) 100% 0/1px 5px no-repeat,linear-gradient(#5ec84f,#5ec84f) 0 100%/5px 1px no-repeat,linear-gradient(#5ec84f,#5ec84f) 0 100%/1px 5px no-repeat,linear-gradient(#5ec84f,#5ec84f) 100% 100%/5px 1px no-repeat,linear-gradient(#5ec84f,#5ec84f) 100% 100%/1px 5px no-repeat}
.df-t--eleftbar{background:#1a0d0b;border-color:#d24b3f;color:#f0a09a;border-left-width:3px;padding-left:8px}
.df-t--erightbar{background:#0d0812;border-color:#b07de0;color:#dcc4f5;border-right-width:3px;padding-right:8px}
.df-t--eskew{background:#071413;border-color:#4fd8d0;color:#b6f0ec;transform:skewX(-9deg);padding:2px 8px}
.df-t--eround{background:#160b11;border-color:#e878b0;color:#f8c2dc;border-radius:999px;padding:2px 9px}
.df-t--apulse{background:#101505;border-color:#57701f;color:#ddf0a8;box-shadow:0 0 6px rgba(168,216,79,0.28);overflow:hidden;animation:dft-pulse 8s ease-in-out infinite}
.df-t--abreathe{background:#160b06;border-color:#7a3517;color:#ffc2a0;box-shadow:0 0 6px rgba(255,122,60,0.28);overflow:hidden;animation:dft-breathe 10s ease-in-out infinite}
.df-t--asheen{background:#071118;border-color:#1e5570;color:#a8dcf0;box-shadow:0 0 6px rgba(63,168,216,0.28);overflow:hidden;animation:none}
.df-t--asheen::before{background:linear-gradient(100deg,transparent 30%,rgba(168,220,240,0.3) 50%,transparent 70%);animation:dft-sweep 9s linear infinite}
.df-t--ascan{background:var(--df-menu-2);border-color:var(--df-line-strong);color:#cfe8ff;box-shadow:0 0 6px rgba(216,184,79,0.28);overflow:hidden;animation:none}
.df-t--ascan::before{left:0;right:0;height:5px;background:linear-gradient(180deg,transparent,rgba(240,224,168,0.3),transparent);animation:dft-scan 8s linear infinite}
.df-t--ablink{background:#0a0e13;border-color:#3a4e63;color:#e0eefc;box-shadow:0 0 6px rgba(168,200,232,0.28);overflow:hidden;animation:none;padding-right:14px}
.df-t--ablink::after{right:5px;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#a8c8e8;box-shadow:0 0 5px #a8c8e8;animation:dft-blink 6s steps(1) infinite}
.df-t--aramp{background:#0f0d08;border-color:var(--df-line);color:var(--df-amber-hi);box-shadow:0 0 6px rgba(240,165,0,0.28);overflow:hidden;animation:dft-ramp 12s ease-in-out infinite}
.df-t--ahue{background:#0a0f14;border-color:#2f4a6b;color:#bfe0ff;box-shadow:0 0 6px rgba(111,183,255,0.28);overflow:hidden;animation:dft-hue 24s linear infinite}
.df-t--aglowup{background:#0e1a0c;border-color:#3d6b36;color:#a9dfa0;box-shadow:0 0 6px rgba(94,200,79,0.28);overflow:hidden;animation:dft-warm 14s ease-in-out infinite}
.df-t--athrob{background:#1a0d0b;border-color:#7a2a22;color:#f0a09a;box-shadow:0 0 6px rgba(210,75,63,0.28);overflow:hidden;animation:dft-throb 9s ease-in-out infinite}
.df-t--aedgechase{background:#0d0812;border-color:#3d2a52;color:#dcc4f5;box-shadow:0 0 6px rgba(176,125,224,0.28);overflow:hidden;animation:none}
.df-t--aedgechase::before{inset:-1px;background:conic-gradient(from 0deg,transparent 0 70%,rgba(176,125,224,0.9) 85%,transparent 100%);animation:dft-spin 10s linear infinite;-webkit-mask:linear-gradient(#000,#000) content-box exclude,linear-gradient(#000,#000);mask:linear-gradient(#000,#000) content-box exclude,linear-gradient(#000,#000);padding:1px}
.df-t--ashimmer{background:#071413;border-color:#1f5a56;color:#b6f0ec;box-shadow:0 0 6px rgba(79,216,208,0.28);overflow:hidden;animation:dft-shimmer 7s ease-in-out infinite}
.df-t--awobble{background:#160b11;border-color:#6b2f4e;color:#f8c2dc;box-shadow:0 0 6px rgba(232,120,176,0.28);overflow:hidden;animation:dft-wobble 13s ease-in-out infinite}
.df-t--astatic{background:#101505;border-color:#57701f;color:#ddf0a8;box-shadow:0 0 6px rgba(168,216,79,0.28);overflow:hidden;animation:none}
.df-t--astatic::before{background:repeating-linear-gradient(0deg,rgba(221,240,168,0.16) 0 1px,transparent 1px 3px);animation:dft-static 5s steps(3) infinite}
.df-t--aradar{background:#160b06;border-color:#7a3517;color:#ffc2a0;box-shadow:0 0 6px rgba(255,122,60,0.28);overflow:hidden;animation:none}
.df-t--aradar::before{background:conic-gradient(from 0deg,rgba(255,122,60,0.35) 0 20deg,transparent 20deg 360deg);animation:dft-spin 12s linear infinite}
.df-t--acreep{background:#071118;border-color:#1e5570;color:#a8dcf0;box-shadow:0 0 6px rgba(63,168,216,0.28);overflow:hidden;animation:dft-creep 16s ease-in-out infinite}
.df-t--aflick{background:var(--df-menu-2);border-color:var(--df-line-strong);color:#cfe8ff;box-shadow:0 0 6px rgba(216,184,79,0.28);overflow:hidden;animation:dft-flicker 11s steps(1) infinite}
.df-t--atide{background:#0a0e13;border-color:#3a4e63;color:#e0eefc;box-shadow:0 0 6px rgba(168,200,232,0.28);overflow:hidden;animation:dft-tide 15s ease-in-out infinite}
.df-t--aspark{background:#0f0d08;border-color:var(--df-line);color:var(--df-amber-hi);box-shadow:0 0 6px rgba(240,165,0,0.28);overflow:hidden;animation:none;padding-left:12px}
.df-t--aspark::after{left:4px;top:50%;width:3px;height:3px;margin-top:-1.5px;background:var(--df-amber-hi);box-shadow:0 0 6px var(--df-amber);animation:dft-spark 7s steps(1) infinite}
.df-t--afadeio{background:#0a0f14;border-color:#2f4a6b;color:#bfe0ff;box-shadow:0 0 6px rgba(111,183,255,0.28);overflow:hidden;animation:dft-fade 18s ease-in-out infinite}
.df-t--aslide{background:#0e1a0c;border-color:#3d6b36;color:#a9dfa0;box-shadow:0 0 6px rgba(94,200,79,0.28);overflow:hidden;animation:none}
.df-t--aslide::before{background:repeating-linear-gradient(135deg,rgba(94,200,79,0.28) 0 5px,transparent 5px 12px);animation:dft-slide 14s linear infinite}
.df-t--mtar{background:#08080a;border-color:#1b1b1e;color:#a9a7a2;overflow:hidden}
.df-t--mtar::before{background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.09) 48%,transparent 62%)}
.df-t--mbone{background:#e6e0d2;border-color:#b8b0a0;color:#26231d;overflow:hidden}
.df-t--mbone::before{background:repeating-linear-gradient(70deg,rgba(0,0,0,.06) 0 1px,transparent 1px 9px)}
.df-t--mleaf{background:#1a1405;border-color:var(--df-line-strong);color:#f4e2a8;overflow:hidden}
.df-t--mleaf::before{background:repeating-linear-gradient(30deg,rgba(240,224,168,.18) 0 2px,transparent 2px 6px)}
.df-t--muv{background:#0a0614;border-color:#3a1f6b;color:#c9a8ff;overflow:hidden}
.df-t--muv::before{background:radial-gradient(50px 24px at 50% 130%,rgba(150,90,255,.45),transparent 70%)}
.df-t--msmoke{background:#0e0e0f;border-color:#292929;color:#c4c0b8;overflow:hidden}
.df-t--msmoke::before{background:radial-gradient(50px 20px at 30% 60%,rgba(255,255,255,.09),transparent 70%),radial-gradient(40px 16px at 75% 40%,rgba(255,255,255,.06),transparent 70%)}
.df-t--moil{background:#08080a;border-color:#23232a;color:#dcd8f0;overflow:hidden}
.df-t--moil::before{background:linear-gradient(100deg,rgba(111,183,255,.22),rgba(176,125,224,.22) 40%,rgba(79,216,208,.22) 70%,transparent)}
.df-t--msand{background:#151109;border-color:#4a3a1d;color:#e0cfa8;overflow:hidden}
.df-t--msand::before{background:repeating-linear-gradient(180deg,rgba(224,207,168,.06) 0 1px,transparent 1px 3px)}
.df-t--mslate{background:#14181a;border-color:#232a2c;color:#e6e9e4;overflow:hidden}
.df-t--mslate::before{background:repeating-linear-gradient(102deg,rgba(255,255,255,.05) 0 2px,transparent 2px 7px)}
.df-t--mconcrete{background:#0d1725;border-color:#2b2b2b;color:#c0bcb4;overflow:hidden}
.df-t--mconcrete::before{background:radial-gradient(40px 20px at 20% 30%,rgba(255,255,255,.05),transparent 70%),radial-gradient(30px 14px at 80% 70%,rgba(0,0,0,.4),transparent 70%)}
.df-t--mvelvet{background:#12060c;border-color:#4a1a30;color:#f0c4d8;overflow:hidden}
.df-t--mvelvet::before{background:linear-gradient(180deg,rgba(232,120,176,.28),transparent 70%)}
.df-t--mcircuit{background:#060c0a;border-color:#1d4a3a;color:#9ef0d0;overflow:hidden}
.df-t--mcircuit::before{background:linear-gradient(90deg,rgba(79,216,208,.25) 0 1px,transparent 1px 9px),linear-gradient(180deg,rgba(79,216,208,.18) 0 1px,transparent 1px 7px)}
.df-t--mhazard{background:#14100a;border-color:var(--df-line);color:var(--df-amber-hi);overflow:hidden}
.df-t--mhazard::before{background:repeating-linear-gradient(135deg,rgba(240,165,0,.22) 0 5px,transparent 5px 12px)}
.df-t--mvhs{background:#0a0a10;border-color:#2a2a3a;color:#dcd8f0;overflow:hidden}
.df-t--mvhs::before{background:repeating-linear-gradient(0deg,rgba(111,183,255,.12) 0 1px,transparent 1px 3px)}
.df-t--mradio{background:#080c0e;border-color:#24343a;color:#b6d8e0;overflow:hidden}
.df-t--mradio::before{background:repeating-linear-gradient(90deg,rgba(182,216,224,.14) 0 1px,transparent 1px 5px)}
.df-t--mledger{background:#0d0d0a;border-color:#3a3a28;color:#dcd8b8;overflow:hidden}
.df-t--mledger::before{background:linear-gradient(180deg,transparent 60%,rgba(220,216,184,.2) 60% 61%,transparent 61%)}
.df-t--mnewsprint{background:#d9d3c4;border-color:#9a968a;color:#14120f;overflow:hidden}
.df-t--mnewsprint::before{background:repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 1px,transparent 1px 2px)}
.df-t--mblueprint{background:#0a1a2e;border-color:#2f4a6b;color:#cfe4f7;overflow:hidden}
.df-t--mblueprint::before{background:linear-gradient(90deg,rgba(207,228,247,.14) 0 1px,transparent 1px 6px),linear-gradient(180deg,rgba(207,228,247,.14) 0 1px,transparent 1px 6px)}
.df-t--mthermal{background:#dedbd2;border-color:#9a968a;color:#2a2a28;overflow:hidden}
.df-t--mthermal::before{background:linear-gradient(90deg,transparent 70%,rgba(0,0,0,.08))}
.df-t--mxray{background:#04080c;border-color:#1a3a4a;color:#c8f0ff;overflow:hidden}
.df-t--mxray::before{background:radial-gradient(50px 26px at 50% 50%,rgba(160,240,255,.28),transparent 72%)}
.df-t--mmoss{background:#0a1008;border-color:#2a4a1a;color:#c0e0a0;overflow:hidden}
.df-t--mmoss::before{background:radial-gradient(30px 12px at 20% 110%,rgba(120,200,80,.35),transparent 70%),radial-gradient(24px 10px at 80% -10%,rgba(120,200,80,.3),transparent 70%)}
.df-t--mchrome2{background:#20242a;border-color:#0d0e10;color:#f2f5f9;overflow:hidden}
.df-t--mchrome2::before{background:linear-gradient(180deg,#6a7280 0 45%,#20242a 45% 55%,#2f4a66 55%)}
.df-t--utier{background:#0a0f14;border-color:#2f4a6b;color:#bfe0ff}
.df-t--utier>i{background:#6fb7ff;color:#000}
.df-t--ucount{background:#0e1a0c;border-color:#3d6b36;color:#a9dfa0}
.df-t--ucount>i{background:#5ec84f;color:#000}
.df-t--ustar{background:#1a0d0b;border-color:#7a2a22;color:#f0a09a;padding-left:13px}
.df-t--ustar::after{left:5px;top:50%;width:5px;height:5px;margin-top:-2.5px;background:#d24b3f;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.df-t--udotlead{background:#0d0812;border-color:#3d2a52;color:#dcc4f5;padding-left:12px}
.df-t--udotlead::after{left:5px;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#b07de0;box-shadow:0 0 4px #b07de0}
.df-t--ukeyed{background:#071413;border-color:#1f5a56;color:#b6f0ec;padding-right:13px}
.df-t--ukeyed::after{right:5px;top:50%;width:5px;height:2px;margin-top:-1px;background:#4fd8d0;box-shadow:3px -2px 0 -1px #4fd8d0}
.df-t--ulocked{background:var(--df-menu-2);border-color:#1c1c1c;color:#4f4b45;border-style:dashed}
.df-t--unew{background:#101505;border-color:#57701f;color:#ddf0a8}
.df-t--unew>i{background:#a8d84f;color:#000}
.df-t--urare{background:#160b06;border-color:#7a3517;color:#ffc2a0}
.df-t--urare>i{background:#ff7a3c;color:#000}
.df-t--uevent{background:#071118;border-color:#1e5570;color:#a8dcf0}
.df-t--uevent>i{background:#3fa8d8;color:#000}
.df-t--ustaff{background:transparent;border-color:#d8b84f;color:#d8b84f;box-shadow:inset 0 0 0 1px rgba(216,184,79,0.25)}
.df-t--ulegacy{background:#0a0e13;border-color:#3a4e63;color:#e0eefc}
.df-t--ulegacy>i{background:#a8c8e8;color:#000}
.df-t--useason{background:#0f0d08;border-color:var(--df-line);color:var(--df-amber-hi)}
.df-t--useason>i{background:var(--df-amber);color:#000}
.df-t--usheet{background:linear-gradient(100deg,#34343a 0 36%,#0c0c0f 36%);border-color:#55555e;color:#ececf0}
.df-t--ugarage{background:repeating-linear-gradient(180deg,#1c2026 0 3px,#121418 3px 6px);border-color:#3c434c;color:#d4dce4}
.df-t--uplate{background:#e6c34a;border-color:#15130c;color:#111;font-weight:800}
.df-t--glassgold{background:linear-gradient(180deg,rgba(216,184,79,.20),rgba(255,255,255,.03) 55%,rgba(0,0,0,.28));border-color:rgba(240,224,168,.3);color:#cfe8ff;backdrop-filter:blur(4px);box-shadow:inset 0 1px 0 rgba(240,224,168,.35)}
.df-t--glassice{background:linear-gradient(180deg,rgba(168,200,232,.20),rgba(255,255,255,.03) 55%,rgba(0,0,0,.28));border-color:rgba(224,238,252,.3);color:#e0eefc;backdrop-filter:blur(4px);box-shadow:inset 0 1px 0 rgba(224,238,252,.35)}
.df-t--sgilded{background:#0a0a08;border-color:var(--df-line-strong);color:#f4e2a8;box-shadow:inset 0 0 0 1px rgba(244,226,168,.25),0 0 8px rgba(216,184,79,.22)}
.df-t--sobsidian{background:linear-gradient(160deg,#15151a,#050507);border-color:#23232a;border-left-color:#c8ccd8;color:#dcd8d0;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.df-t--sholo{background:linear-gradient(100deg,rgba(111,183,255,.35),rgba(176,125,224,.35) 35%,rgba(79,216,208,.35) 65%,rgba(232,120,176,.35));border-color:#3a3a4a;color:#f4f2ff;text-shadow:0 1px 0 rgba(0,0,0,.6);background-size:200% 100%;animation:dft-holo 18s ease-in-out infinite}
.df-t--sstrobe{background:#120a06;border-color:#4a2a10;color:#ffd0a0;overflow:hidden}
.df-t--sstrobe::before{background:radial-gradient(40px 20px at 50% 130%,rgba(255,140,40,.5),transparent 72%);animation:dft-fade 6s ease-in-out infinite}
.df-t--edbl    { border-style: solid; border-width: 1px;
                 box-shadow: inset 0 0 0 2px #071413, inset 0 0 0 3px #4fd8d0; }
.df-t--ebanner { padding: 1px 10px; }
.df-t--eunder  { padding: 1px 3px; }
.df-t--etick   { padding: 2px 8px; }
.df-t--eskew   { padding: 1px 8px; }
.df-t--eround  { padding: 1px 9px; }
.df-title__plate { display: flex; margin-bottom: 2px; }
.df-title__plate > .df-title-tag { margin-left: 0; align-self: flex-start; }
.df-title.is-locked .df-title__plate { opacity: .5; }
.df-tierpips { display: inline-flex; gap: 3px; flex: 0 0 auto; }
.df-tierpips i {
  width: 9px; height: 9px; background: #000; border: 1px solid var(--df-line); border-radius: 10px;
}
.df-tierpips i.is-on { background: var(--tier); border-color: var(--tier); }
@media (max-width: 1023px) {
  input[type="text"], input[type="password"], input[type="email"],
  input[type="number"], input[type="search"], input[type="tel"],
  input[type="url"], input[type="date"], input[type="datetime-local"],
  input[type="time"], input[type="month"], input[type="week"],
  input:not([type]),
  select:not([hidden]), textarea:not([hidden]) {
    font-size: 16px;
  }
}
* { touch-action: manipulation; }
button,
[class^="df-btn"], [class*=" df-btn"],
.df-navgroup a,
.df-tabbar a,
label {
  -webkit-user-select: none; user-select: none;
}
@media (max-width: 1023px) {
  .df-teller__field { min-height: 46px; }
  .df-teller__input { padding: 0; align-self: stretch; }
  .df-teller__max   { align-self: stretch; min-width: 46px; padding: 0 var(--df-3);
                      font-size: var(--df-fs-small); }
  .df-teller__go    { min-height: 46px; font-size: var(--df-fs-body); }
  .df-teller__note  { font-size: var(--df-fs-base); }
}
@media (max-width: 767px) {
  .df-teller__form  { flex-wrap: wrap; gap: var(--df-4); }
  .df-teller__field { flex: 1 1 100%; }
  .df-teller__go    { flex: 1 1 100%; }
}
@media (max-width: 1023px) {
  .df-navgroup a,
  .df-tabbar a,
  button,
  summary,
  label:has(> input[type="radio"]), label:has(> input[type="checkbox"]),
  input[type="radio"], input[type="checkbox"],
  [class^="df-btn"], [class*=" df-btn"] {
    position: relative;
  }
  .df-navgroup a::after,
  .df-tabbar a::after,
  button::after,
  summary::after,
  label:has(> input[type="radio"])::after, label:has(> input[type="checkbox"])::after,
  input[type="radio"]::after, input[type="checkbox"]::after,
  [class^="df-btn"]::after, [class*=" df-btn"]::after {
    content: "";
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    width: 100%; height: 100%;
    min-height: 44px;
    z-index: 0;
  }
}
@media (max-width: 1023px) {
  .df-shout__del button { min-width: 44px; min-height: 44px; }
  .df-chips .df-chip { min-height: 44px; }
  .df-radios .df-radio { min-height: 44px; padding: 0 var(--df-3); }
  .df-onoff { min-height: 44px; padding: 0 var(--df-4); }
  .df-btn { min-height: 44px; }
}
@media (max-width: 1023px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  select,
  textarea {
    min-height: 44px;
  }
}
@media (max-width: 1023px) {
  .df-ideatab,
  .df-updtab,
  .df-crumbs > a,
  .df-legaltabs a {
    display: inline-flex; align-items: center; justify-content: center;
    min-height: 44px;
  }
}
@media (max-width: 1023px) {
  .df-banner__city {
    display: inline-flex; align-items: flex-end;
    min-height: 44px;
  }
  .df-tour__skip {
    min-width: 44px; min-height: 44px;
    padding: 0 var(--df-3);
  }
}
@media (max-width: 1023px) {
  .df-swipe .df-shell__main > .df-now {
    display: flex; gap: 1px;
    margin: 0; padding: 0;
    background: var(--df-line);
    border-bottom: 1px solid var(--df-line);
    order: 2;
    flex: none;
  }
  .df-swipe .df-shell__main > .df-now > .df-statline { display: none; }
  .df-swipe .df-shell__main > .df-now > .df-now__row {
    flex: 1 1 0; min-width: 0;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center; gap: 3px;
    min-height: 52px; padding: 7px 2px 6px;
    background: var(--df-panel);
    text-decoration: none;
  }
  .df-swipe .df-shell__main > .df-now > .df-now__row .df-now__dot { display: none; }
  .df-swipe .df-shell__main > .df-now .df-now__name {
    font: 700 8px/1 var(--df-font);
    letter-spacing: .06em; text-transform: uppercase;
    color: var(--df-faint);
    max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .df-swipe .df-shell__main > .df-now .df-now__state {
    font: 700 11px/1 var(--df-mono);
    font-variant-numeric: tabular-nums;
    color: var(--df-muted);
  }
  .df-swipe .df-shell__main > .df-now > .df-now__row.is-go {
    background: color-mix(in srgb, var(--df-good) 10%, var(--df-panel));
  }
  .df-swipe .df-shell__main > .df-now > .df-now__row.is-go .df-now__state {
    color: var(--df-good);
  }
  .df-swipe .df-shell__main > .df-now > .df-now__row.is-go .df-now__name {
    color: color-mix(in srgb, var(--df-good) 55%, var(--df-faint));
  }
}
@media (min-width: 1024px) {
  .df-nowmore { margin-top: 0; }
}
.df-ocbody  { padding: var(--df-5); }
.df-ocblurb { margin: 0 0 var(--df-5); color: var(--df-muted);
                font: 400 var(--df-fs-body)/1.6 var(--df-font); }
.df-ocwho   { display: flex; flex-wrap: wrap; gap: var(--df-2); margin-bottom: var(--df-5); }
.df-ocman   { display: inline-flex; align-items: center; gap: 5px;
                padding: 4px var(--df-3); border: 1px solid var(--df-line); border-radius: 10px;
                background: var(--df-panel-alt); color: var(--df-muted);
                font: 400 var(--df-fs-small)/1 var(--df-font); }
.df-ocman.is-up { border-color: var(--df-good-line); background: var(--df-good-bg);
                    color: var(--df-good); }
.df-ocman b { color: var(--df-amber); font-weight: 400; }
.df-ocnote  { margin: 0 0 var(--df-4); color: var(--df-text);
                font: 400 var(--df-fs-body)/1.6 var(--df-font); }
.df-ocnote b { color: var(--df-amber); font-weight: 400; }
.df-octrain { display: block; margin-top: var(--df-2); color: var(--df-blue);
                font: 400 var(--df-fs-small)/1.5 var(--df-font); }
.df-ocempty { color: var(--df-faint); }
.df-ocblown { color: var(--df-bad); }
.df-ocrow   { display: flex; align-items: center; gap: var(--df-5);
                padding: var(--df-4) var(--df-5);
                border-bottom: 1px solid var(--df-line-soft); }
.df-ocrow:last-child { border-bottom: 0; }
.df-ocrow.is-locked  { opacity: .5; }
.df-ocrow__name  { flex: 1 1 auto; min-width: 0; color: var(--df-text-strong);
                     font: 700 var(--df-fs-body)/1.4 var(--df-font); }
.df-ocrow__blurb { display: block; color: var(--df-faint); font-weight: 400;
                     font-size: var(--df-fs-small); line-height: 1.5; margin-top: 2px; }
.df-ocrow__where { display: block; margin-top: 3px; color: var(--df-muted);
                     font: 400 var(--df-fs-small)/1 var(--df-font); }
.df-ocrow__where.is-here { color: var(--df-amber); }
.df-ocrow__mid   { flex: 0 0 auto; display: flex; flex-direction: column;
                     align-items: flex-end; gap: 2px; }
.df-ocrow__size  { color: var(--df-muted); font: 400 var(--df-fs-small)/1 var(--df-font); }
.df-ocrow__pay   { color: var(--df-good); font: 700 var(--df-fs-body)/1 var(--df-mono);
                     font-variant-numeric: tabular-nums; }
.df-ocrow__xp    { color: var(--df-blue); font: 400 var(--df-fs-small)/1 var(--df-mono);
                     font-variant-numeric: tabular-nums; }
.df-ocrow__go    { flex: 0 0 auto; }
.df-ocrow__locked { color: var(--df-faint); font: 400 var(--df-fs-small)/1 var(--df-font); }
@media (max-width: 767px) {
  .df-ocrow { flex-wrap: wrap; gap: var(--df-3); }
  .df-ocrow__name { flex: 1 1 100%; }
  .df-ocrow__mid  { flex: 1 1 auto; flex-direction: row; align-items: center;
                      gap: var(--df-4); }
  .df-ocrow__go   { flex: 1 1 100%; max-width: 100%; margin-left: 0; }
  .df-ocseats .df-ocseat { flex: 1 1 28%; }
}
@media (max-width: 767px) {
  .df-bar { min-width: 0; overflow-wrap: anywhere; }
}
.df-updbar {
  display: flex; align-items: center; gap: var(--df-3);
  min-height: 44px;
  margin-bottom: var(--df-4); padding: var(--df-2) var(--df-4);
  border: 1px solid var(--df-line-strong); border-radius: 10px; border-left: 3px solid var(--df-amber);
  background: var(--df-amber-bg);
  text-decoration: none;
}
.df-updbar:hover { background: #1a1408; border-color: var(--df-amber-line); }
.df-updbar__tag {
  flex: 0 0 auto;
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: .12em; text-transform: uppercase;
  padding: 4px 7px; border: 1px solid var(--df-amber); color: var(--df-amber);
}
.df-updbar__text {
  flex: 1 1 auto; min-width: 0;
  font-size: var(--df-fs-base); color: var(--df-text);
}
.df-updbar__count {
  flex: 0 0 auto;
  font: 700 var(--df-fs-body)/1 var(--df-mono);
  font-variant-numeric: tabular-nums; color: var(--df-amber);
}
@media (max-width: 560px) {
  .df-updbar__count { display: none; }
  .df-updbar__text  { font-size: var(--df-fs-small); line-height: 1.4; }
}
.df-updbar--mail { display: none; }
@media (max-width: 1023px) {
  .df-updbar--mail {
    display: flex;
    border-left-color: var(--df-good);
    background: var(--df-good-bg);
  }
  .df-updbar--mail:hover { background: var(--df-good-bg); border-color: var(--df-good-line); }
  .df-updbar--mail .df-updbar__tag   { border-color: var(--df-good); color: var(--df-good); }
  .df-updbar--mail .df-updbar__count { color: var(--df-good); }
}
@media (max-width: 560px) {
  .df-updbar--mail .df-updbar__count { display: block; }
}
.df-ocbar__where { float: right; font-weight: 400; text-transform: none;
                     letter-spacing: 0; color: var(--df-amber-ink); opacity: .8; }
.df-ocgo { display: flex; flex-wrap: wrap; gap: var(--df-3); }
.df-quests { display: grid; gap: var(--df-5);
             grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); }
.df-quest { position: relative; overflow: hidden;
            display: flex; flex-direction: column;
            border: 1px solid var(--df-line-strong); border-radius: 10px; background: var(--df-panel-alt);
            padding: var(--df-6); }
.df-quest--done  { border-color: var(--df-good-line); padding-bottom: 48px; }
.df-quest--ready { border-color: var(--df-amber); }
.df-quest__ref { margin-top: 0; font: 400 var(--df-fs-micro)/1 var(--df-mono);
                 color: var(--df-faint); letter-spacing: .18em; text-transform: uppercase; }
.df-quest--ready .df-quest__ref { color: var(--df-amber); }
.df-quest--done  .df-quest__ref { color: var(--df-good); }
.df-quest__name { margin-top: var(--df-3);
  font: 700 var(--df-fs-num)/1.2 var(--df-font);
                  letter-spacing: .05em; text-transform: uppercase; }
.df-quest__blurb { margin: var(--df-3) 0 0; font: 400 var(--df-fs-body)/1.5 var(--df-font);
                   color: var(--df-text); }
.df-quest__how   { margin: var(--df-2) 0 0; font: 400 var(--df-fs-small)/1.5 var(--df-font);
                   color: var(--df-muted); }
.df-quest__facts { display: grid; grid-template-columns: auto 1fr;
                   gap: 2px var(--df-5); margin: var(--df-5) 0 0;
                   padding-top: var(--df-4); border-top: 1px solid var(--df-line-soft);
                   font: 400 var(--df-fs-small)/1.7 var(--df-mono); }
.df-quest__facts dt { color: var(--df-faint); letter-spacing: .08em; text-transform: uppercase; }
.df-quest__facts dd { margin: 0; text-align: right; color: var(--df-text);
                      font-variant-numeric: tabular-nums; }
.df-quest--done .df-quest__facts dd { color: var(--df-good); }
.df-quest__left { margin: var(--df-4) 0 0; font: 400 var(--df-fs-small)/1.5 var(--df-font);
                  color: var(--df-faint); }
.df-quest__form { margin-top: auto; padding-top: var(--df-5); }
.df-quest__go { width: 100%; min-height: 44px; padding: 8px var(--df-5); cursor: pointer;
                border: 1px solid var(--df-amber-line); background: var(--df-amber-bg);
                color: var(--df-amber); font: 700 var(--df-fs-body)/1 var(--df-font);
                letter-spacing: .08em; text-transform: uppercase; }
.df-quest__go:hover { background: var(--df-amber); border-color: var(--df-amber);
                      color: var(--df-amber-ink); }
.df-quest__stamp { position: absolute; right: 10px; bottom: 10px; pointer-events: none;
                   transform: rotate(-8deg); opacity: .85;
                   border: 2px solid var(--df-good); color: var(--df-good);
                   padding: 2px 8px; font: 700 var(--df-fs-label)/1.4 var(--df-mono);
                   letter-spacing: .2em; text-transform: uppercase; }
.df-story { display: flex; flex-wrap: wrap; gap: var(--df-5); align-items: flex-start; }
.df-story__side { flex: 1 1 260px; min-width: 0; display: flex; flex-direction: column; gap: var(--df-3); }
.df-story__main { flex: 3 1 380px; min-width: 0; display: flex; flex-direction: column; gap: var(--df-4); }
.df-story__tabs { display: flex; gap: 1px; }
.df-story__tab { flex: 1; text-align: center; padding: 9px var(--df-3); min-height: 44px;
                 display: flex; align-items: center; justify-content: center;
                 font: 700 var(--df-fs-small)/1 var(--df-font); letter-spacing: .06em;
                 text-transform: uppercase; border: 1px solid var(--df-line); border-radius: 10px; }
.df-story__tab--on  { background: var(--df-panel); color: var(--df-amber); border-bottom-color: var(--df-amber); }
.df-story__tab--off { background: var(--df-panel-alt); color: var(--df-disabled); }
.df-act { border: 1px solid var(--df-line); border-radius: 10px; background: var(--df-panel); }
.df-act--here { border-color: var(--df-amber-line); }
.df-act--here .df-act__name { color: var(--df-amber); }
.df-act__head { cursor: pointer; list-style: none; padding: var(--df-5); min-height: 66px;
                display: grid; grid-template-columns: 1fr auto; gap: 2px var(--df-3);
                align-items: center; }
.df-act__head::-webkit-details-marker { display: none; }
.df-act__name  { grid-column: 1; font: 700 var(--df-fs-lead)/1.1 var(--df-font);
                 letter-spacing: .08em; text-transform: uppercase; color: var(--df-text-strong); }
.df-act__sub   { grid-column: 1; font: 400 var(--df-fs-label)/1.2 var(--df-mono);
                 letter-spacing: .14em; text-transform: uppercase; color: var(--df-muted); }
.df-act__count { grid-column: 2; grid-row: 1 / span 2; font: 400 var(--df-fs-small)/1 var(--df-mono);
                 color: var(--df-muted); font-variant-numeric: tabular-nums; }
.df-story__giveup {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--df-2) var(--df-3);
  margin-top: var(--df-3); padding: var(--df-3) var(--df-4);
  background: var(--df-panel); border: 1px solid var(--df-line); border-radius: 10px;
}
.df-story__quit {
  flex: 0 0 auto; min-height: 32px; padding: 4px var(--df-3);
  background: none; border: 1px solid var(--df-line-strong); border-radius: 10px;
  color: var(--df-muted); cursor: pointer;
  font: 400 var(--df-fs-base)/1.3 var(--df-font);
}
.df-story__quit:hover { color: var(--df-bad); border-color: var(--df-bad-line); }
.df-story__quitnote {
  flex: 1 1 200px; min-width: 0;
  font-size: var(--df-fs-small); line-height: 1.5; color: var(--df-muted);
}
@media (max-width: 1023px) {
  .df-story__quit { min-height: 44px; padding: 8px var(--df-4); }
  .df-story__quitnote { flex-basis: 100%; }
}
.df-act__row { display: flex; gap: var(--df-3); align-items: flex-start;
               padding: 10px var(--df-5); min-height: 44px; text-decoration: none;
               border-top: 1px solid var(--df-line-soft); color: var(--df-text); }
.df-act__row--on   { background: var(--df-amber-bg); border-left: 2px solid var(--df-amber); }
.df-act__row--shut { color: var(--df-faint); }
.df-act__mark  { flex: 0 0 14px; font-size: var(--df-fs-small); line-height: 1.5; }
.df-act__title { font: 400 var(--df-fs-body)/1.4 var(--df-font); min-width: 0; }
.df-act__need  { display: block; font-style: normal; color: var(--df-bad);
                 font: 400 var(--df-fs-small)/1.4 var(--df-mono); }
.df-story__head { padding: var(--df-6); }
.df-story__name { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: var(--df-4);
                  font: 700 var(--df-fs-lead)/1.2 var(--df-font); color: var(--df-text-strong); }
.df-story__flag { font: 400 var(--df-fs-label)/1 var(--df-mono); letter-spacing: .08em;
                  text-transform: uppercase; padding: 4px 8px;
                  border: 1px solid var(--df-amber-line); background: var(--df-amber-bg);
                  color: var(--df-amber); }
.df-story__flag--done { border-color: var(--df-good-line); background: var(--df-good-bg); color: var(--df-good); }
.df-story__flag--shut { border-color: var(--df-line); background: var(--df-panel-alt); color: var(--df-faint); }
.df-story__blurb { margin: var(--df-4) 0 0; font: 400 var(--df-fs-body)/1.6 var(--df-font); color: var(--df-text); }
.df-story__said { display: flex; gap: var(--df-5); padding: var(--df-5);
                  border: 1px solid var(--df-bad-line); border-left-width: 3px;
                  background: var(--df-bad-bg); }
.df-story__face { flex: 0 0 72px; height: 72px; object-fit: cover; border: 1px solid var(--df-line); border-radius: 10px; }
.df-story__who  { font: 700 var(--df-fs-body)/1.2 var(--df-font); color: var(--df-text-strong); }
.df-story__line { margin: var(--df-3) 0 0; font: 400 var(--df-fs-body)/1.5 var(--df-font); }
.df-story__rule { display: flex; align-items: center; gap: var(--df-4);
                  font: 700 var(--df-fs-label)/1 var(--df-font); letter-spacing: .16em;
                  text-transform: uppercase; color: var(--df-muted); }
.df-story__rule::before, .df-story__rule::after {
                  content: ""; flex: 1; height: 1px; background: var(--df-line); }
.df-story__cta { display: block; width: 100%; min-height: 44px; padding: 11px var(--df-5);
                 cursor: pointer; text-align: left;
                 border: 1px solid var(--df-amber-line); background: var(--df-amber-bg);
                 color: var(--df-amber); font: 700 var(--df-fs-body)/1.3 var(--df-font); }
.df-story__cta:hover { background: var(--df-amber); border-color: var(--df-amber); color: var(--df-amber-ink); }
.df-story__cta--go   { border-color: var(--df-good-line); background: var(--df-good-bg); color: var(--df-good); }
.df-story__cta--go:hover { background: var(--df-good); border-color: var(--df-good); color: #000; }
.df-story__cta--done, .df-story__cta--shut {
                 cursor: default; border-color: var(--df-line); background: var(--df-panel-alt);
                 color: var(--df-faint); font-weight: 400; }
.df-obj { display: flex; gap: var(--df-5); align-items: center;
          border: 1px solid var(--df-line); border-radius: 10px; background: var(--df-panel); padding: var(--df-5); }
.df-obj__nr   { flex: 0 0 26px; height: 26px; display: grid; place-items: center;
                border: 1px solid var(--df-line-strong); border-radius: 10px; background: var(--df-panel-alt);
                font: 700 var(--df-fs-small)/1 var(--df-mono); color: var(--df-muted); }
.df-obj__body { flex: 1; min-width: 0; }
.df-obj__text { font: 400 var(--df-fs-body)/1.3 var(--df-font); }
.df-obj__bar  { margin-top: var(--df-3); height: 3px; background: var(--df-line); }
.df-obj__bar > span { display: block; height: 100%; background: var(--df-amber); }
.df-obj__n    { flex: 0 0 auto; font: 400 var(--df-fs-small)/1 var(--df-mono);
                color: var(--df-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.df-story__loot { display: flex; flex-wrap: wrap; gap: var(--df-4); }
.df-loot { position: relative; width: 128px; border: 1px solid var(--df-amber-line);
           background: var(--df-panel-alt); padding: var(--df-4); }
.df-loot__n { position: absolute; top: 0; right: 0; padding: 2px 6px;
              background: var(--df-amber); color: var(--df-amber-ink);
              font: 700 var(--df-fs-label)/1.4 var(--df-mono); }
.df-loot__art  { height: 72px; display: grid; place-items: center;
                 font-size: 30px; color: var(--df-amber); background: var(--df-panel); }
.df-loot__name { margin-top: var(--df-3); font: 400 var(--df-fs-small)/1.35 var(--df-font);
                 color: var(--df-text); }
.df-loot--use { display: flex; flex-direction: column; }
.df-loot__go { margin-top: var(--df-4); width: 100%; min-height: 44px; cursor: pointer;
               border: 1px solid var(--df-good-line); background: var(--df-good-bg);
               color: var(--df-good); font: 700 var(--df-fs-small)/1 var(--df-font);
               letter-spacing: .06em; text-transform: uppercase; padding: 8px var(--df-3); }
.df-loot__go:hover { background: var(--df-good); border-color: var(--df-good); color: #000; }
.df-act__head--art { background-size: cover; background-position: center right;
                     background-repeat: no-repeat; position: relative; }
.df-act__head--art::before {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(90deg,
        rgba(13,13,13,0.94) 0%, rgba(13,13,13,0.82) 42%, rgba(13,13,13,0.30) 100%);
}
.df-act__head--art > * { position: relative; z-index: 1; }
.df-dial {
  margin: 0 0 var(--df-3);
}
.df-dial + .df-dial {
  padding-top: var(--df-2);
  border-top: 1px solid var(--df-line-soft);
}
.df-dial__name {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--df-2);
  margin: 0 0 6px;
  font-size: 13px;
  color: var(--df-text);
}
.df-dial__now {
  font-variant-numeric: tabular-nums;
  font-size: 12px;
  color: var(--df-muted);
}
.df-dial__now.is-set {
  color: var(--df-amber);
  font-weight: 600;
}
.df-dial__steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  margin: 0 0 var(--df-2);
}
.df-dial__row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  margin: 0 0 6px;
}
.df-dial--master .df-dial__name {
  font-size: 14px;
  font-weight: 600;
  color: var(--df-text-strong);
}
.df-dial--master .df-dial__now {
  font-size: 13px;
  color: var(--df-text);
}
.df-dial__flag {
  padding: 6px 8px;
  border-left: 2px solid var(--df-amber);
  background: var(--df-amber-bg);
  color: var(--df-amber-ink);
}
.df-table--gear tr.is-owned td { background: rgba(240, 165, 0, .04); }
.df-bar--bad { background: var(--df-bad-bg); color: var(--df-bad); }
.df-bar-fill.is-low { background: var(--df-bad); }
.df-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.df-reward__form {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: flex-end;
}
.df-reward__amount {
  width: 11ch;
  min-width: 0;
  font-variant-numeric: tabular-nums;
  text-align: right;
}
@media (max-width: 620px) {
  .df-reward__form { flex-direction: column; align-items: stretch; gap: 4px; }
  .df-reward__amount { width: 100%; text-align: left; }
}
.df-reward__head { margin: 0 0 var(--df-3); }
.df-reward__list {
  margin-top: var(--df-3);
  border-top: 1px solid var(--df-line);
  padding-top: var(--df-3);
}
.df-reward__row {
  display: flex;
  justify-content: space-between;
  gap: var(--df-3);
  font: 400 var(--df-fs-small)/1.8 var(--df-font);
  color: var(--df-muted);
}
.df-reward__row .df-mono { font-variant-numeric: tabular-nums; }
.df-ocgrid { display: flex; flex-direction: column; gap: var(--df-4); }
.df-oc {
  position: relative;
  border: 1px solid var(--df-line-strong); border-radius: 10px;
  background: var(--df-panel);
  background-size: cover;
  background-position: center;
}
.df-oc--art .df-oc__in {
  background: linear-gradient(90deg,
    rgba(6, 6, 6, .93) 0%, rgba(6, 6, 6, .88) 42%, rgba(6, 6, 6, .58) 72%,
    rgba(6, 6, 6, .18) 100%);
}
.df-oc--art { background-color: #080f19; }
.df-oc--art::before {
  content: ""; position: absolute; inset: 0;
  background: inherit; background-size: cover; background-position: center;
  filter: brightness(1.55) contrast(1.06);
  pointer-events: none;
}
.df-oc--art .df-oc__in { position: relative; }
.df-oc__in { padding: var(--df-4) var(--df-5); }
.df-oc__top { display: flex; align-items: baseline; gap: var(--df-3); }
.df-oc__name {
  flex: 1 1 auto; min-width: 0; margin: 0;
  font: 700 var(--df-fs-lead)/1.2 var(--df-font);
  letter-spacing: .04em; color: var(--df-text-strong);
}
.df-oc__tier {
  flex: 0 0 auto;
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
  padding: 4px 7px; border: 1px solid var(--df-line-strong); border-radius: 10px; color: var(--df-muted);
}
.df-oc__blurb {
  margin: 6px 0 var(--df-3);
  font-size: var(--df-fs-base); line-height: 1.5; color: var(--df-muted);
  max-width: 46em;
}
.df-oc__tags { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: var(--df-3); }
.df-oc__tag {
  padding: 3px 7px;
  border: 1px solid var(--df-line-strong); border-radius: 10px; background: rgba(0, 0, 0, .45);
  font: 400 var(--df-fs-small)/1.5 var(--df-font); color: var(--df-text);
  font-variant-numeric: tabular-nums;
}
.df-oc__tag--cash { border-color: var(--df-amber-line); color: var(--df-amber); font-weight: 700; }
.df-oc__tag--item { border-color: var(--df-good-line); color: var(--df-good); }
.df-oc__foot {
  display: flex; flex-wrap: wrap; align-items: center;
  gap: var(--df-2) var(--df-4);
}
.df-oc__facts {
  flex: 1 1 auto; min-width: 0;
  font-size: var(--df-fs-small); color: var(--df-faint);
}
.df-oc__form { flex: 0 0 auto; margin: 0; }
.df-oc__wait { flex: 0 0 auto; font-size: var(--df-fs-small); color: var(--df-faint); }
@media (max-width: 1023px) {
  .df-oc--art .df-oc__in {
    background: linear-gradient(180deg,
      rgba(6, 6, 6, .93) 0%, rgba(6, 6, 6, .90) 60%, rgba(6, 6, 6, .82) 100%);
  }
  .df-oc__in { padding: var(--df-4); }
  .df-oc__facts { flex-basis: 100%; }
  .df-oc__form { flex-basis: 100%; }
  .df-oc__form .df-btn { width: 100%; min-height: 44px; }
}
.df-roles { margin: var(--df-4) 0; border: 1px solid var(--df-line); border-radius: 10px; background: var(--df-panel-alt); }
.df-roles__head {
  padding: 7px var(--df-4); border-bottom: 1px solid var(--df-line);
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase; color: var(--df-muted);
}
.df-roles__row {
  display: grid; grid-template-columns: 1fr auto auto auto;
  gap: var(--df-3); align-items: baseline;
  padding: 8px var(--df-4); border-bottom: 1px solid var(--df-line-soft);
  font-size: var(--df-fs-base);
}
.df-roles__row:last-of-type { border-bottom: 0; }
.df-roles__name { color: var(--df-text-strong); font-weight: 700; }
.df-roles__stat { color: var(--df-faint); text-transform: uppercase;
                  font: 400 var(--df-fs-label)/1.4 var(--df-mono); letter-spacing: .1em; }
.df-roles__who  { color: var(--df-amber); }
.df-roles__odds { color: var(--df-muted); font-variant-numeric: tabular-nums; min-width: 3.5em;
                  text-align: right; }
.df-roles__more { margin: 0; padding: 8px var(--df-4); border-top: 1px solid var(--df-line);
                  font-size: var(--df-fs-small); color: var(--df-faint); }
.df-runlog { padding: var(--df-3) 0; }
.df-runlog__row {
  display: grid; grid-template-columns: 1fr auto auto 1.6em;
  gap: var(--df-3); align-items: baseline;
  padding: 7px var(--df-4);
  font-size: var(--df-fs-base); color: var(--df-text);
}
.df-runlog__role { font-weight: 700; color: var(--df-text-strong); }
.df-runlog__who  { color: var(--df-amber); }
.df-runlog__stat { color: var(--df-faint); font: 400 var(--df-fs-label)/1.4 var(--df-mono);
                   letter-spacing: .1em; text-transform: uppercase; }
.df-runlog__mark { color: var(--df-good); text-align: right; }
.df-runlog__row.is-off .df-runlog__mark { color: var(--df-bad); }
.df-runlog__row.is-off { background: var(--df-bad-bg); }
@media (max-width: 1023px) {
  .df-roles__row, .df-runlog__row { grid-template-columns: 1fr auto; }
  .df-roles__stat, .df-runlog__stat { grid-column: 1; }
  .df-roles__odds, .df-runlog__mark { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
}
.df-updall {
  flex: 0 0 auto; margin-left: var(--df-3);
  padding: 3px var(--df-3); min-height: 26px;
  background: rgba(0, 0, 0, .16);
  border: 1px solid currentColor;
  color: var(--df-amber-ink); cursor: pointer;
  font: 700 var(--df-fs-label)/1.4 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
}
.df-updall:hover { background: rgba(0, 0, 0, .34); }
@media (max-width: 1023px) {
  .df-updall { min-height: 44px; padding: 8px var(--df-4); }
}
.df-geartile {
  display: flex; flex-direction: column; gap: 2px;
  width: 100%; min-height: 96px;
  padding: var(--df-3);
  background: var(--df-panel);
  border: 1px solid var(--df-line-strong); border-radius: 10px;
  color: var(--df-text);
  font: 400 var(--df-fs-body)/1.25 var(--df-font);
  text-align: left; cursor: pointer;
}
.df-geartile:hover { border-color: var(--df-amber); }
.df-geartile:focus-visible { outline: 2px solid var(--df-amber); outline-offset: 1px; }
.df-geartile.is-owned { border-color: var(--df-good); }
.df-geartile.is-dear { opacity: .62; }
.df-geartile__tier {
  align-self: flex-start;
  padding: 1px 5px;
  background: var(--df-amber); color: var(--df-amber-ink);
  font: 700 var(--df-fs-label)/1.4 var(--df-font);
  letter-spacing: var(--df-track-label);
}
.df-geartile__name  { font-weight: 700; }
.df-geartile__pow   { color: var(--df-muted); font-size: var(--df-fs-label); }
.df-geartile__price { margin-top: auto; font-family: var(--df-mono); }
.df-geartile__own   { color: var(--df-good); font-size: var(--df-fs-label); }
.df-gearbox {
  position: fixed; inset: 0; z-index: 60;
  display: flex; align-items: center; justify-content: center;
  padding: var(--df-4);
  background: rgba(0, 0, 0, .62);
}
.df-gearbox[hidden] { display: none; }
body.df-gearbox-open { overflow: hidden; }
.df-gearbox__sheet {
  position: relative;
  width: 100%; max-width: 380px;
  max-height: 88vh; overflow-y: auto;
  padding: var(--df-4);
  background: var(--df-panel);
  border: 1px solid var(--df-amber-line);
}
.df-gearbox__x {
  position: absolute; top: 4px; right: 4px;
  width: 40px; height: 40px;
  background: none; border: 0;
  color: var(--df-muted); font-size: 18px; cursor: pointer;
}
.df-gearbox__x:hover { color: var(--df-text); }
.df-gearbox__tier {
  display: inline-block; padding: 1px 6px;
  background: var(--df-amber); color: var(--df-amber-ink);
  font: 700 var(--df-fs-label)/1.4 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
}
.df-gearbox__name { margin: var(--df-3) 0 0; font-size: 20px; color: var(--df-text); }
.df-gearbox__kind { color: var(--df-muted); font-size: var(--df-fs-label); }
.df-gearbox__facts { display: grid; gap: 0; margin: var(--df-4) 0 0; }
.df-gearbox__facts > div {
  display: flex; justify-content: space-between; gap: var(--df-3);
  padding: 6px 0; border-bottom: 1px solid var(--df-line);
}
.df-gearbox__facts dt { color: var(--df-muted); font-size: var(--df-fs-label); }
.df-gearbox__facts dd { margin: 0; font-family: var(--df-mono); }
.df-gearbox__room { margin: var(--df-3) 0 0; color: var(--df-muted); font-size: var(--df-fs-label); }
.df-gearbox__room.is-full { color: var(--df-bad); }
.df-gearbox__form  { margin-top: var(--df-4); }
.df-gearbox__count { display: flex; align-items: center; justify-content: space-between;
                     gap: var(--df-3); color: var(--df-muted); font-size: var(--df-fs-label); }
.df-gearbox__count .df-input { width: 8em; text-align: right; }
.df-gearbox__go { display: flex; gap: var(--df-3); margin-top: var(--df-3); }
.df-gearbox__go .df-btn { flex: 1 1 0; }
.df-gearbox__go .df-btn[disabled] { opacity: .5; cursor: not-allowed; }
.df-gearbox__total { margin: var(--df-3) 0 0; color: var(--df-muted);
                     font-family: var(--df-mono); font-size: var(--df-fs-label); }
@media (max-width: 1023px) {
  .df-geartile { min-height: 104px; }
  .df-gearbox__go .df-btn { min-height: 44px; }
  .df-gearbox__count .df-input { min-height: 44px; }
}
.df-gtajobs { display: flex; flex-direction: column;
              margin: 0; padding: 0; list-style: none;
              background: var(--df-panel);
              border: 1px solid var(--df-line-strong); border-radius: 10px; }
.df-gtajob {
  padding: 11px var(--df-5);
  border-bottom: 1px solid var(--df-line-soft);
}
.df-gtajob:last-child { border-bottom: 0; }
.df-gtajob.is-locked { opacity: .55; }
.df-gtajob__main { display: flex; align-items: center; gap: var(--df-6); }
.df-gtajob__words { flex: 1 1 38%; min-width: 0; }
.df-gtajob__go    { flex: 0 0 auto; }
.df-gtajob__name {
  font: 700 15.5px/1.25 Georgia, 'Times New Roman', serif;
  color: var(--df-amber);
}
.df-gtajob__blurb {
  margin-top: 2px;
  color: var(--df-faint);
  font-size: var(--df-fs-label);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.df-gtajob__facts {
  flex: 0 0 auto;
  display: flex; flex-wrap: wrap; align-items: center; gap: 4px var(--df-6);
  color: var(--df-muted);
  font-size: var(--df-fs-label);
}
.df-gtajob__facts .df-num--cash { color: var(--df-good); font-family: var(--df-mono);
                                  font-weight: 700; }
.df-gtajob__odd { text-align: center; }
.df-gtajob__odd b { display: block; font-size: 13px; color: var(--df-text);
                    font-family: Georgia, 'Times New Roman', serif; }
.df-gtajob__odd small { display: block; font-size: 9px; letter-spacing: .12em;
                        text-transform: uppercase; color: var(--df-faint); }
.df-gtajob__btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  width: 40px; height: 40px;
  border: 1px solid var(--df-amber); border-radius: 50%;
  background: none; color: var(--df-amber);
  cursor: pointer; padding: 0;
}
.df-gtajob__btn svg { width: 19px; height: 19px; fill: currentColor; flex: 0 0 auto; }
.df-gtajob__btn:hover { background: var(--df-amber); color: var(--df-amber-ink); }
.df-gtajob__btnword { display: none; }
@media (max-width: 1023px) {
  .df-gtajob__main { flex-direction: column; align-items: stretch; gap: var(--df-3); }
  .df-gtajob__blurb { white-space: normal; }
  .df-gtajob__go   { width: 100%; }
  .df-gtajob__go form { width: 100%; }
  .df-gtajob__btn  { width: 100%; min-height: 44px; height: auto; border-radius: 22px; }
  .df-gtajob__btnword { display: inline; font: 700 12px/1 Georgia, 'Times New Roman', serif;
                        letter-spacing: .16em; text-transform: uppercase; }
}
.df-garage {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: var(--df-3);
  margin: 0; padding: 0; list-style: none;
}
.df-garagecar {
  display: flex; flex-direction: column;
  background: var(--df-panel);
  border: 1px solid var(--df-line-strong); border-radius: 10px;
  overflow: hidden;
}
.df-garagecar__art {
  display: block; width: 100%; aspect-ratio: 4 / 3;
  object-fit: cover;
  background: var(--df-bg);
  border-bottom: 1px solid var(--df-line);
}
.df-garagecar__art--none {
  background: linear-gradient(160deg, var(--df-menu-hi), var(--df-bg));
}
.df-garagecar__body {
  display: flex; flex-direction: column; gap: 2px;
  padding: var(--df-3);
}
.df-garagecar__name {
  font: 700 var(--df-fs-body)/1.25 var(--df-font);
  color: var(--df-text);
}
.df-garagecar__count { color: var(--df-muted); font-weight: 400; }
.df-garagecar__from {
  color: var(--df-muted);
  font-size: var(--df-fs-label);
}
.df-garagecar__value {
  margin-top: 2px;
  color: var(--df-good);
  font-family: var(--df-mono);
}
.df-garagecar__sell { width: 100%; margin-top: var(--df-3); }
@media (max-width: 1023px) {
  .df-garagecar__sell { min-height: 44px; }
}
.df-act.is-done { border-color: var(--df-good); }
.df-act.is-done .df-act__count { color: var(--df-good); }
.df-act.is-done .df-act__name  { color: var(--df-good); }
.df-act--here.is-done .df-act__name { color: var(--df-amber); }
.df-act__row.is-done .df-act__mark  { color: var(--df-good); }
.df-act__row.is-done .df-act__title { color: var(--df-good); }
@media (min-width: 1024px) {
  .df-chatbox {
    left: auto; top: auto;
    right: var(--df-4);
    bottom: calc(var(--df-pin-h, 34px) - 1px);
    transform: none;
    width: min(380px, 34vw);
    height: min(420px, 58vh);
    border-bottom: 0;
  }
  .df-chatbox__side { display: none; }
}
.df-chatbox__side {
  border-left: 0;
  border-right: 1px solid var(--df-line);
}
.df-chatbox__acts { display: flex; align-items: center; gap: var(--df-2); }
.df-chatbox__acts:empty { display: none; }
.df-mailx__split { display: flex; min-height: 320px; }
.df-mailx__list {
  flex: 0 0 232px;
  display: flex; flex-direction: column;
  border-right: 1px solid var(--df-line);
  background: var(--df-panel-alt);
  overflow-y: auto;
}
.df-mailx__row {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "who n" "last when";
  gap: 1px var(--df-2);
  padding: 8px var(--df-3);
  border-bottom: 1px solid var(--df-line-soft);
  text-decoration: none;
}
.df-mailx__row:hover { background: var(--df-menu-hi); }
.df-mailx__row.is-on {
  background: var(--df-menu-1);
  box-shadow: inset 2px 0 0 var(--df-amber);
}
.df-mailx__who  { grid-area: who; font-weight: 700; color: var(--df-text); }
.df-mailx__last {
  grid-area: last; min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  color: var(--df-muted); font-size: var(--df-fs-label);
}
.df-mailx__when {
  grid-area: when; align-self: end;
  font: 400 var(--df-fs-label)/1 var(--df-mono); color: var(--df-faint);
}
.df-mailx__row.is-new .df-mailx__who { color: var(--df-good); }
.df-mailx__n {
  grid-area: n; align-self: center; justify-self: end;
  background: var(--df-good); color: #06210a;
  font: 700 var(--df-fs-label)/1 var(--df-mono);
  padding: 3px 6px; border-radius: 9px;
}
.df-mailx__none {
  padding: var(--df-4); color: var(--df-faint); font-size: var(--df-fs-label);
}
.df-mailx__read {
  flex: 1 1 auto; min-width: 0;
  display: flex; flex-direction: column;
}
.df-mailx__head {
  display: flex; align-items: center; gap: var(--df-3);
  padding: 7px var(--df-4);
  border-bottom: 1px solid var(--df-line);
}
.df-mailx__name {
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
  color: var(--df-amber);
}
.df-mailx__back { display: none; }
.df-mailx__msgs { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: var(--df-4);
                  flex-direction: column-reverse; }
.df-mailx__empty {
  flex: 1 1 auto; display: grid; place-items: center;
  padding: var(--df-4); color: var(--df-faint); font-size: var(--df-fs-label);
}
@media (max-width: 1023px) {
  .df-mailx__split { display: block; min-height: 0; }
  .df-mailx__list  { flex: none; width: auto; border-right: 0; }
  .df-mailx:not(.is-reading) .df-mailx__read { display: none; }
  .df-mailx.is-reading .df-mailx__list { display: none; }
  .df-mailx__back {
    display: inline-block;
    color: var(--df-muted); text-decoration: none;
    font-size: var(--df-fs-label);
  }
  .df-mailx__back:hover { color: var(--df-amber); }
  .df-mailx__row { min-height: 44px; align-content: center; }
}
.df-chatbox .df-cw__head { display: none; }
@media (max-width: 1023px) {
  .df-chatbox:not(.has-rooms) .df-chatbox__side { display: none; }
}
.df-act.is-locked { border-color: var(--df-line); background: transparent; }
.df-act.is-locked .df-act__name { color: var(--df-muted); }
.df-act.is-locked .df-act__sub  { color: var(--df-faint); font-style: italic; }
.df-act.is-locked .df-act__head--art::before {
    background: linear-gradient(90deg,
        rgba(13,13,13,0.97) 0%, rgba(13,13,13,0.93) 42%, rgba(13,13,13,0.74) 100%);
}
.df-person__why {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--df-fs-small);
  text-align: center;
}
.df-loot__art--img {
  display: block;
  height: auto;
  aspect-ratio: 8 / 5;
  object-fit: cover;
  width: calc(100% + var(--df-4) + var(--df-4));
  margin: calc(var(--df-4) * -1) calc(var(--df-4) * -1) 0;
  border-bottom: 1px solid var(--df-amber-line);
  background: var(--df-bg);
}
.df-geartile { position: relative; overflow: hidden; }
.df-geartile__art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 75% 50%;
  pointer-events: none;
}
.df-geartile::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(100deg,
      rgba(13, 13, 13, 0.93) 0%,
      rgba(13, 13, 13, 0.86) 38%,
      rgba(13, 13, 13, 0.34) 100%);
  pointer-events: none;
}
.df-geartile:not(:has(.df-geartile__art))::after { background: none; }
.df-geartile > span { position: relative; z-index: 1; }
.df-banner__art {
  object-fit: cover;
  object-position: 50% 50%;
}
.df-pcard__fold[open] > summary::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 300;
  background: rgba(0, 0, 0, .74);
  cursor: default;
}
.df-pcard__fold[open] > .df-pcard__body {
  position: fixed;
  z-index: 301;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(1180px, calc(100vw - 24px));
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  overscroll-behavior: contain;
  background: var(--df-panel);
  border: 1px solid var(--df-amber-line);
  box-shadow: 0 24px 64px rgba(0, 0, 0, .72);
  padding: 0 14px 14px;
}
.df-pcard__pop {
  position: sticky;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--df-4);
  margin: 0 -14px 12px;
  padding: 10px 14px;
  background: var(--df-panel);
  border-bottom: 1px solid var(--df-line-strong);
}
.df-pcard__poptitle {
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--df-amber);
}
.df-pcard__popshut {
  flex: 0 0 auto;
  width: 30px; height: 30px;
  display: grid; place-items: center;
  background: none;
  border: 1px solid var(--df-line-strong); border-radius: 10px;
  color: var(--df-muted);
  font: 400 18px/1 var(--df-font);
  cursor: pointer;
}
.df-pcard__popshut:hover { color: var(--df-text); border-color: var(--df-amber); }
.df-pcard__popshut:focus-visible { outline: 1px solid var(--df-amber); outline-offset: 1px; }
.df-pcard__fold[open] > summary { border-bottom: 0; }
.df-pcard__fold[open] > .df-pcard__body .df-whogrid {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.df-pcard__fold[open] > .df-pcard__body .df-cbadges {
  grid-template-columns: repeat(auto-fill, minmax(128px, 1fr));
  gap: var(--df-2);
  margin-bottom: var(--df-4);
}
.df-pcard__fold[open] > .df-pcard__body .df-fchips {
  grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
}
.df-pcard__fold[open] > .df-pcard__body:has(.df-dial) {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  align-content: start;
  align-items: start;
}
.df-pcard__fold[open] > .df-pcard__body:has(.df-dial) > :not(.df-dial) {
  grid-column: 1 / -1;
}
@media (max-width: 1023px) {
  .df-pcard__popshut {
    width: 44px;
    height: 44px;
    font-size: 22px;
  }
  .df-pcard__pop { padding: 6px 12px; }
  .df-pcard__fold[open] > .df-pcard__body { padding: 0 12px 12px; }
  .df-pcard__pop { margin: 0 -12px 10px; }
}
@media (min-width: 1024px) {
  .df-pcard__fold[open] > .df-pcard__body {
    left: calc(50% + (var(--df-col-left) - var(--df-col-right)) / 2);
    width: calc(min(100vw, var(--df-shell-max)) - var(--df-col-left) - var(--df-col-right) - 28px);
  }
}
.df-navgroup .df-bar,
.df-navgroup .df-nav a,
.df-navgroup .df-nav span,
.df-navgroup .df-nav button,
.df-tabbar a {
  font-family: Georgia, 'Times New Roman', serif;
}
.df-navgroup .df-nav a .df-nav__count {
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 700;
  color: var(--df-amber);
  margin: 0 0 0 auto;
  vertical-align: baseline;
}
.df-navgroup .df-nav a:hover .df-nav__count { color: var(--df-amber-hi); }
.df-navgroup .df-nav a .df-nav__count ~ .df-nav__ready { margin-left: var(--df-3); }
.df-navgroup .df-nav a .df-nav__ready {
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 700;
}
.df-navgroup .df-nav a .df-nav__count--timer,
.df-tabbar a .df-nav__count--timer {
  background: none;
  color: #d32f2f;
  border-radius: 0;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 700;
  margin-left: auto;
}
.df-navgroup .df-nav a:hover .df-nav__count--timer,
.df-tabbar a.is-active .df-nav__count--timer {
  color: #ff5252;
  background: none;
}
.df-navgroup .df-nav a .df-nav__count--ready,
.df-tabbar a .df-nav__count--ready {
  background: none;
  color: #4caf50;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 700;
  margin-left: auto;
}
.df-navgroup .df-nav a:hover .df-nav__count--ready { color: #66bb6a; }
.df-navgroup .df-nav a .df-nav__count--dot {
  min-width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #d32f2f;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  margin-left: auto;
  font-size: 11px;
  line-height: 1;
  top: 0;
}
.df-navgroup .df-nav a:hover .df-nav__count--dot { color: #fff; background: #e64a4a; }
.df-navgroup .df-nav a .df-nav__count--dot:empty { display: none; }
@media (max-width: 1023px) {
  .df-tabbar a {
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 2px;
    min-height: 64px;
    padding: 7px 2px 6px;
    font-size: 10.5px;
    letter-spacing: .07em;
    text-transform: uppercase;
  }
  .df-tabbar__ico {
    width: 22px;
    height: 22px;
    fill: currentColor;
    flex: 0 0 auto;
  }
  .df-tabbar a .df-nav__count--timer,
  .df-tabbar a .df-nav__count--ready {
    margin-left: 0;
    font-size: 11px;
    line-height: 1;
    top: 0;
  }
  .df-tabbar a.is-active {
    box-shadow: inset 0 3px 0 var(--df-amber);
    color: var(--df-amber-hi);
  }
}
.df-now__ico { display: none; }
@media (max-width: 1023px) {
  .df-swipe .df-shell__main > .df-now > .df-now__row {
    min-height: 64px;
    gap: 2px;
    padding: 7px 1px 6px;
  }
  .df-swipe .df-shell__main > .df-now > .df-now__row .df-now__ico {
    display: block;
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
    fill: var(--df-muted);
  }
  .df-swipe .df-shell__main > .df-now .df-now__name {
    font: 700 8.5px/1 Georgia, 'Times New Roman', serif;
    letter-spacing: .02em;
  }
  .df-swipe .df-shell__main > .df-now .df-now__state {
    font: 700 11px/1 Georgia, 'Times New Roman', serif;
  }
  .df-swipe .df-shell__main > .df-now > .df-now__row.is-go .df-now__ico {
    fill: var(--df-good);
  }
}
.df-shell__main .df-bar:not(.df-cdesign),
.df-land .df-bar:not(.df-cdesign) {
  background: none;
  color: var(--df-amber);
  font-family: Georgia, 'Times New Roman', serif;
  letter-spacing: .18em;
  justify-content: center;
  align-items: center;
  gap: var(--df-4);
  padding: 8px var(--df-5) 6px;
}
.df-shell__main .df-bar:not(.df-cdesign)::before,
.df-shell__main .df-bar:not(.df-cdesign)::after,
.df-land .df-bar:not(.df-cdesign)::before,
.df-land .df-bar:not(.df-cdesign)::after {
  content: "";
  flex: 1 1 auto;
  min-width: 12px;
  height: 1px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--df-amber) 50%, transparent));
}
.df-shell__main .df-bar:not(.df-cdesign)::after,
.df-land .df-bar:not(.df-cdesign)::after {
  background: linear-gradient(90deg, color-mix(in srgb, var(--df-amber) 50%, transparent), transparent);
}
.df-shell__main summary.df-bar:not(.df-cdesign):hover,
.df-shell__main a.df-bar:not(.df-cdesign):hover { color: var(--df-amber-hi); }
.df-shell__main .df-bar:not(.df-cdesign) .df-reset__btn {
  color: inherit;
  border-color: color-mix(in srgb, currentColor 45%, transparent);
}
.df-shell__main .df-bar:not(.df-cdesign) .df-reset__btn:hover {
  background: none;
  color: var(--df-text-strong);
  border-color: currentColor;
}
.df-shell__main .df-bar--muted:not(.df-cdesign) {
  color: var(--df-muted);
}
.df-shell__main .df-bar--muted:not(.df-cdesign)::before,
.df-shell__main .df-bar--muted:not(.df-cdesign)::after {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--df-muted) 45%, transparent));
}
.df-shell__main .df-bar--muted:not(.df-cdesign)::after {
  background: linear-gradient(90deg, color-mix(in srgb, var(--df-muted) 45%, transparent), transparent);
}
.df-shell__main .df-bar--good:not(.df-cdesign) {
  color: var(--df-good);
}
.df-shell__main .df-bar--good:not(.df-cdesign)::before,
.df-shell__main .df-bar--good:not(.df-cdesign)::after {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--df-good) 50%, transparent));
}
.df-shell__main .df-bar--good:not(.df-cdesign)::after {
  background: linear-gradient(90deg, color-mix(in srgb, var(--df-good) 50%, transparent), transparent);
}
.df-shell__main .df-bar--bad:not(.df-cdesign),
.df-shell__main .df-bar--danger:not(.df-cdesign) {
  color: var(--df-bad);
}
.df-shell__main .df-bar--bad:not(.df-cdesign)::before,
.df-shell__main .df-bar--bad:not(.df-cdesign)::after,
.df-shell__main .df-bar--danger:not(.df-cdesign)::before,
.df-shell__main .df-bar--danger:not(.df-cdesign)::after {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--df-bad) 50%, transparent));
}
.df-shell__main .df-bar--bad:not(.df-cdesign)::after,
.df-shell__main .df-bar--danger:not(.df-cdesign)::after {
  background: linear-gradient(90deg, color-mix(in srgb, var(--df-bad) 50%, transparent), transparent);
}
.df-shell__main .df-bar--admin:not(.df-cdesign) {
  background: none;
  border-left: 0;
  color: var(--df-bad);
}
.df-shell__main .df-bar--admin:not(.df-cdesign)::before,
.df-shell__main .df-bar--admin:not(.df-cdesign)::after {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--df-bad) 50%, transparent));
}
.df-shell__main .df-bar--admin:not(.df-cdesign)::after {
  background: linear-gradient(90deg, color-mix(in srgb, var(--df-bad) 50%, transparent), transparent);
}
.df-shell__main .df-bar--creator:not(.df-cdesign) {
  background: none;
  border-left: 0;
  color: var(--df-good);
}
.df-shell__main .df-bar--creator:not(.df-cdesign)::before,
.df-shell__main .df-bar--creator:not(.df-cdesign)::after {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--df-good) 50%, transparent));
}
.df-shell__main .df-bar--creator:not(.df-cdesign)::after {
  background: linear-gradient(90deg, color-mix(in srgb, var(--df-good) 50%, transparent), transparent);
}
.df-shell__main .df-bar--highlight-1:not(.df-cdesign) { background: none; color: var(--df-highlight-1); }
.df-shell__main .df-bar--highlight-2:not(.df-cdesign) { background: none; color: var(--df-highlight-2); }
.df-shell__main .df-bar--highlight-1:not(.df-cdesign)::before,
.df-shell__main .df-bar--highlight-1:not(.df-cdesign)::after {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--df-highlight-1) 50%, transparent));
}
.df-shell__main .df-bar--highlight-1:not(.df-cdesign)::after {
  background: linear-gradient(90deg, color-mix(in srgb, var(--df-highlight-1) 50%, transparent), transparent);
}
.df-shell__main .df-bar--highlight-2:not(.df-cdesign)::before,
.df-shell__main .df-bar--highlight-2:not(.df-cdesign)::after {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--df-highlight-2) 50%, transparent));
}
.df-shell__main .df-bar--highlight-2:not(.df-cdesign)::after {
  background: linear-gradient(90deg, color-mix(in srgb, var(--df-highlight-2) 50%, transparent), transparent);
}
.df-crewlist { list-style: none; margin: 0; padding: 0; }
.df-crewrow {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--df-2) var(--df-4);
  padding: 8px var(--df-5);
  border-bottom: 1px solid var(--df-line-soft);
  font-size: var(--df-fs-base);
}
.df-crewrow:last-child { border-bottom: 0; }
.df-crewrow.is-held { background: #0d1109; }
.df-crewrow__name  { flex: 1 1 12ch; min-width: 0; color: var(--df-text); }
.df-crewrow__what  { flex: 2 1 20ch; min-width: 0; color: var(--df-muted); font-size: var(--df-fs-label); }
.df-crewrow__rank  { flex: 0 0 auto; color: var(--df-amber); font-size: var(--df-fs-label);
                     letter-spacing: .06em; text-transform: uppercase; }
.df-crewrow__n     { flex: 0 0 auto; color: var(--df-faint); font-size: var(--df-fs-label);
                     font-variant-numeric: tabular-nums; }
.df-crewrow__bank  { flex: 0 0 auto; font-family: var(--df-mono); color: var(--df-amber-hi);
                     font-variant-numeric: tabular-nums; }
.df-crewrow__acts  { flex: 0 0 auto; display: flex; flex-wrap: wrap; gap: var(--df-2); }
.df-crewrow__size  { flex: 0 0 auto; font-family: var(--df-mono); color: var(--df-amber-hi);
                     font-variant-numeric: tabular-nums; }
.df-crewrow__tag {
  flex: 0 0 auto;
  font: 700 var(--df-fs-label)/1 var(--df-mono);
  letter-spacing: .08em;
  background: #1a1206; color: var(--df-amber-hi);
  border: 1px solid var(--df-amber-line);
  padding: 3px 5px;
}
.df-crewform { display: flex; flex-wrap: wrap; gap: var(--df-3); padding: 0 var(--df-5) var(--df-5); }
.df-crewform .df-input { flex: 1 1 16ch; min-width: 0; }
.df-input--tag { flex: 0 0 7ch; text-transform: uppercase; text-align: center; }
.df-crewbank .df-input { flex: 0 1 14ch; min-width: 0; }
.df-crewcut { display: flex; align-items: center; gap: var(--df-2);
              color: var(--df-muted); font-size: var(--df-fs-label); }
@media (max-width: 1023px) {
  .df-crewrow { align-items: flex-start; }
  .df-crewrow__what { flex: 1 1 100%; }
  .df-crewrow__acts { flex: 1 1 100%; }
  .df-crewrow__acts .df-btn { flex: 1 1 auto; }
  .df-crewbank .df-input { flex: 1 1 10ch; }
}
.df-crewtag {
  display: inline-block;
  margin-left: 5px;
  padding: 2px 5px;
  background: #16120a;
  color: var(--df-amber-hi);
  border: 1px solid var(--df-amber-line);
  font: 700 var(--df-fs-label)/1.25 var(--df-mono);
  letter-spacing: .08em;
  white-space: nowrap;
  vertical-align: baseline;
}
.df-row__value > .df-crewtag:first-child { margin-left: 0; }
.df-crewfeed { list-style: none; margin: 0; padding: 0; }
.df-crewfeed__row {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  align-items: baseline;
  gap: 0 10px;
  padding: 8px 12px;
  border-bottom: 1px solid var(--df-line);
}
.df-crewfeed__row:last-child { border-bottom: 0; }
.df-crewfeed__kind {
  font-size: var(--df-fs-micro);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--df-muted);
}
.df-crewfeed__what { min-width: 0; }
.df-crewfeed__title { display: block; }
.df-crewfeed__body {
  display: block;
  font-size: var(--df-fs-micro);
  color: var(--df-muted);
}
.df-crewfeed__amt { font-variant-numeric: tabular-nums; white-space: nowrap; }
.df-crewfeed__amt.is-in  { color: var(--df-good); }
.df-crewfeed__amt.is-out { color: var(--df-bad); }
.df-crewfeed__when {
  font-size: var(--df-fs-micro);
  color: var(--df-muted);
  white-space: nowrap;
}
@media (max-width: 480px) {
  .df-crewfeed__row { grid-template-columns: 1fr auto; }
  .df-crewfeed__kind { grid-row: 1; grid-column: 1; }
  .df-crewfeed__amt  { grid-row: 1; grid-column: 2; text-align: right; }
  .df-crewfeed__what { grid-row: 2; grid-column: 1 / -1; }
  .df-crewfeed__when { grid-row: 3; grid-column: 1 / -1; text-align: right; }
}
a.df-crewtag { text-decoration: none; }
a.df-crewtag:hover { border-color: var(--df-amber); color: var(--df-amber-hi); }
.df-panel--tight { padding: 0; overflow: hidden; }
.df-invsearch { padding: 10px 12px; gap: 8px; }
.df-invsearch .df-input { flex: 1 1 auto; min-width: 0; }
.df-crewdesc { display: block; padding: 12px; }
.df-crewdesc__box {
  display: block;
  width: 100%;
  min-width: 0;
  resize: vertical;
  min-height: 6em;
  line-height: 1.45;
  font: inherit;
}
a.df-stat__value--go,
a.df-crewrow__name--go { text-decoration: none; }
a.df-stat__value--go { display: block; color: var(--df-text); }
a.df-stat__value--go:hover,
a.df-crewrow__name--go:hover { color: var(--df-amber-hi); text-decoration: none; }
.df-autopick { position: relative; flex: 1 1 auto; min-width: 0; }
.df-autopick__now {
  cursor: pointer;
  list-style: none;
  padding: 3px 22px 3px 8px;
  border: 1px solid var(--df-line-strong); border-radius: 10px;
  background: #14120c;
  color: var(--df-text);
  font: var(--df-fs-base)/1.6 var(--df-font);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.df-autopick__now::-webkit-details-marker { display: none; }
.df-autopick__now::marker { content: ''; }
.df-autopick__now::after {
  content: '';
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -2px;
  border: 4px solid transparent;
  border-top-color: var(--df-muted);
}
.df-autopick[open] .df-autopick__now::after {
  margin-top: -6px;
  border-top-color: transparent;
  border-bottom-color: var(--df-amber);
}
.df-autopick[open] .df-autopick__now { border-color: var(--df-amber); }
.df-autopick__list {
  position: absolute;
  z-index: 40;
  left: 0;
  right: 0;
  top: calc(100% + 2px);
  max-height: 320px;
  overflow-y: auto;
  border: 1px solid var(--df-amber);
  background: #14120c;
}
.df-autopick__row {
  display: flex;
  align-items: baseline;
  gap: 7px;
  padding: 4px 8px;
  cursor: pointer;
  border-bottom: 1px solid var(--df-line-soft);
}
.df-autopick__row:last-child { border-bottom: 0; }
.df-autopick__row:hover { background: #1d1a10; }
.df-autopick__row input { flex: 0 0 auto; margin: 0; }
.df-autopick__n {
  flex: 0 0 auto;
  color: var(--df-muted);
  font-size: var(--df-fs-micro);
  font-variant-numeric: tabular-nums;
}
.df-autopick__name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--df-text);
}
.df-autopick__row:has(input:checked) { background: #1d1a10; }
.df-autopick__row:has(input:checked) .df-autopick__name { color: var(--df-amber); }
.df-autopick__row:focus-within { outline: 1px solid var(--df-amber); }
@media (max-width: 767px) {
  .df-autopick__row { padding: 8px; }
  .df-autopick__list {
    position: static;
    max-height: none;
    overflow: visible;
    margin-top: 2px;
  }
}
.df-online__list {
  display: block;
  padding-top: 4px; padding-bottom: 4px;
}
.df-online__list[hidden] { display: none !important; }
.df-online__pick { display: inline-flex; align-items: center; gap: 3px; padding: 0 8px; font-size: 11px; color: var(--df-muted, #8a857c); white-space: nowrap; }
.df-online__pick button { background: none; border: 0; padding: 0 2px; font: inherit; color: var(--df-amber); cursor: pointer; }
.df-online__pick button.is-on { font-weight: 700; color: #FFB45D; }
.df-online__name { white-space: nowrap; }
.df-online__name.is-me { font-weight: 700; color: #fff; }
.df-online__name.is-crew { text-decoration: underline; }
.df-online__name.is-buddy { font-style: italic; font-weight: 700; }
.df-online__sep { color: #5a554c; }
.df-online__said { display: none; }
b.df-online__sep { color: #8a857c; }
button.df-online__tag { border: 0; cursor: default; }
.df-online__chev { display: none; }
@media (max-width: 1023px) {
  .df-online { max-height: var(--df-online-h); overflow: hidden; }
  .df-online .df-online__list {
    white-space: normal; overflow-x: visible; overflow-y: visible;
    flex-wrap: wrap;
  }
  .df-online.is-open {
    max-height: none;
    border-bottom: 1px solid var(--df-line-strong);
    box-shadow: 0 8px 18px rgba(0, 0, 0, .55);
  }
  .df-online.is-open .df-online__list {
    max-height: 60vh; overflow-y: auto;
  }
  button.df-online__tag { cursor: pointer; }
  .df-online__chev {
    display: inline-block; margin-left: 6px;
    width: 0; height: 0;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
  }
  .df-online.is-open .df-online__chev {
    border-top: 0; border-bottom: 5px solid currentColor;
  }
}
.df-pagehead {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--df-line); border-radius: 10px;
}
.df-warsides {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--df-3);
  padding: var(--df-3) var(--df-4) var(--df-4);
}
.df-warside {
  border: 1px solid var(--df-line); border-radius: 10px;
  background: var(--df-panel-alt);
  min-width: 0;
}
.df-warside.is-held { border-color: var(--df-amber); }
.df-warside__head {
  display: flex; align-items: baseline; gap: var(--df-2);
  padding: var(--df-3);
  border-bottom: 1px solid var(--df-line);
}
.df-warside__name {
  flex: 1 1 auto; min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font: 700 var(--df-fs-body)/1.2 var(--df-font);
}
.df-warside__total {
  flex: 0 0 auto;
  font: 700 var(--df-fs-num)/1 var(--df-mono);
  font-variant-numeric: tabular-nums;
  color: var(--df-amber);
}
.df-warside__list { list-style: none; margin: 0; padding: 0; }
.df-warside__row {
  display: flex; align-items: baseline; gap: var(--df-2);
  padding: var(--df-2) var(--df-3);
  border-bottom: 1px solid var(--df-line);
}
.df-warside__row:last-child { border-bottom: 0; }
.df-warside__who { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.df-warside__pts {
  flex: 0 0 auto;
  font-family: var(--df-mono);
  font-variant-numeric: tabular-nums;
  color: var(--df-muted);
}
.df-warside__none {
  margin: 0; padding: var(--df-3);
  font: 400 var(--df-fs-label)/1.5 var(--df-font);
  color: var(--df-faint);
}
@media (max-width: 767px) {
  .df-warsides { grid-template-columns: 1fr; }
}
.df-crewrow__edit {
  appearance: none;
  border: 1px solid var(--df-line); border-radius: 10px;
  background: transparent;
  color: var(--df-faint);
  font: 700 9.5px/1 var(--df-font);
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 3px 6px;
  cursor: pointer;
}
.df-crewrow__edit:hover,
.df-crewrow__edit:focus-visible { color: var(--df-amber); border-color: var(--df-amber); }
.df-namedlg {
  border: 1px solid var(--df-amber);
  background: var(--df-panel);
  color: var(--df-text);
  padding: 0;
  width: min(360px, calc(100vw - 32px));
}
.df-namedlg::backdrop { background: rgba(0, 0, 0, .66); }
dialog.df-namedlg:not([open]) { display: none; }
.df-namedlg__head {
  padding: 10px 12px;
  border-bottom: 1px solid var(--df-line);
  background: var(--df-amber);
  color: var(--df-amber-ink);
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.df-namedlg__body { padding: 12px; }
.df-namedlg__body .df-input { width: 100%; }
.df-namedlg__acts {
  display: flex; gap: 8px; justify-content: flex-end;
  padding: 0 12px 12px;
}
@media (max-width: 767px) {
  .df-crewrow__edit { min-height: 32px; padding: 6px 10px; }
  .df-namedlg__acts .df-btn { min-height: 44px; flex: 1 1 auto; }
}
.df-memgrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
  gap: var(--df-3);
  padding: var(--df-3) var(--df-4) var(--df-4);
}
.df-memcard {
  border: 1px solid var(--df-line); border-radius: 10px;
  background: var(--df-panel-alt);
  padding: var(--df-3);
  min-width: 0;
}
.df-memcard.is-held { border-color: var(--df-amber); }
.df-memcard__head { display: flex; align-items: baseline; gap: var(--df-2); }
.df-memcard__who {
  flex: 1 1 auto; min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-weight: 700;
}
.df-memcard__edit {
  flex: 0 0 auto;
  appearance: none;
  border: 1px solid var(--df-line); border-radius: 10px;
  background: transparent;
  color: var(--df-faint);
  font: 700 9.5px/1 var(--df-font);
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 3px 6px;
  cursor: pointer;
}
.df-memcard__edit:hover,
.df-memcard__edit:focus-visible { color: var(--df-amber); border-color: var(--df-amber); }
.df-memcard__sub {
  display: flex; align-items: baseline; gap: var(--df-2);
  margin: 3px 0 var(--df-3);
  min-width: 0;
}
.df-memcard__title {
  min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font: 700 10px/1.3 var(--df-font);
  letter-spacing: .08em; text-transform: uppercase;
  color: var(--df-amber);
}
.df-memcard__rank {
  margin-left: auto; flex: 0 0 auto;
  font: 400 var(--df-fs-label)/1.3 var(--df-font);
  color: var(--df-muted);
}
.df-memcard__figs {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: var(--df-2) var(--df-3);
  margin: 0;
}
.df-memcard__figs > div { min-width: 0; }
.df-memcard__figs dt {
  font: 700 9.5px/1 var(--df-font);
  letter-spacing: .1em; text-transform: uppercase;
  color: var(--df-faint);
}
.df-memcard__figs dd {
  margin: 2px 0 0;
  font: 400 var(--df-fs-label)/1.2 var(--df-mono);
  font-variant-numeric: tabular-nums;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.df-namedlg__label {
  display: block;
  font: 700 9.5px/1 var(--df-font);
  letter-spacing: .1em; text-transform: uppercase;
  color: var(--df-faint);
  margin-bottom: 6px;
}
.df-namedlg__body--top { border-top: 1px solid var(--df-line); }
.df-namedlg__row { display: flex; flex-wrap: wrap; gap: 6px; }
@media (max-width: 767px) {
  .df-memgrid { grid-template-columns: 1fr; }
  .df-memcard__edit { min-height: 32px; padding: 6px 10px; }
  .df-namedlg__row .df-btn { min-height: 44px; flex: 1 1 auto; }
}
.df-cprof {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
}
.df-cprof__about {
  padding: var(--df-4);
  border-right: 1px solid var(--df-line);
  min-width: 0;
}
.df-cprof__art {
  display: block;
  width: 100%;
  max-width: 432px;
  aspect-ratio: 432 / 180;
  object-fit: fill;
  margin-bottom: var(--df-3);
  border: 1px solid var(--df-line); border-radius: 10px;
}
.df-cprof__tag {
  display: inline-block;
  padding: 2px 7px;
  border: 1px solid var(--df-amber);
  color: var(--df-amber);
  font: 700 10px/1.4 var(--df-mono);
  letter-spacing: .1em;
}
.df-cprof__name {
  margin: 6px 0 0;
  font: 700 var(--df-fs-h1, 22px)/1.1 var(--df-font);
}
.df-cprof__desc {
  margin: var(--df-3) 0 var(--df-4);
  font: 400 var(--df-fs-body)/1.6 var(--df-font);
  color: var(--df-muted);
  overflow-wrap: anywhere;
}
.df-cprof__facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--df-3) var(--df-4);
  margin: 0;
}
.df-cprof__facts > div { min-width: 0; }
.df-cprof__facts dt {
  font: 700 9.5px/1 var(--df-font);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--df-faint);
}
.df-cprof__facts dd {
  margin: 3px 0 0;
  font: 400 var(--df-fs-body)/1.2 var(--df-mono);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.df-cprof__war { color: #e0603f; }
.df-cprof__you {
  margin: var(--df-4) 0 0;
  font: 400 var(--df-fs-label)/1.5 var(--df-font);
  color: var(--df-muted);
}
.df-cprof__crew { padding: var(--df-4); min-width: 0; }
.df-cprof__rhead {
  font: 700 9.5px/1 var(--df-font);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--df-faint);
  margin-bottom: var(--df-3);
}
.df-cprof__roster { list-style: none; margin: 0; padding: 0; }
.df-cprof__roster li {
  display: flex;
  align-items: baseline;
  gap: var(--df-3);
  padding: 7px 0;
  border-bottom: 1px solid var(--df-line);
  min-width: 0;
  overflow: hidden;
}
.df-cprof__roster li:last-child { border-bottom: 0; }
.df-cprof__who {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.df-cprof__title {
  flex: 0 1 auto;
  margin-left: auto;
  max-width: 44%;
  min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font: 700 9.5px/1 var(--df-font);
  font-style: normal;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--df-amber);
}
@media (max-width: 767px) {
  .df-cprof { grid-template-columns: 1fr; }
  .df-cprof__about {
    border-right: 0;
    border-bottom: 1px solid var(--df-line);
  }
}
.df-cprof__frame { max-width: 470px; }
.df-perms {
  list-style: none;
  margin: 0 0 var(--df-3);
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px var(--df-3);
}
.df-perms li { min-width: 0; }
.df-perms label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font: 400 var(--df-fs-label)/1.4 var(--df-font);
  min-width: 0;
}
.df-perms input[type="checkbox"] { flex: 0 0 auto; width: 16px; height: 16px; }
.df-perms span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 767px) {
  .df-perms { grid-template-columns: 1fr; }
  .df-perms label { min-height: 32px; }
}
.df-garagecar--lockup { border-color: var(--df-amber); }
.df-garagecar__tag {
  display: inline-block;
  margin: 2px 0 4px;
  padding: 1px 6px;
  border: 1px solid var(--df-amber);
  color: var(--df-amber);
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.df-lu {
  text-align: center;
  padding: 24px 20px 22px;
  margin: 12px;
  background: linear-gradient(180deg, #1b1710, #15120c);
  border: 1px solid #3a301a;
  outline: 1px solid #000;
  outline-offset: -5px;
}
.df-lu__row {
  display: flex;
  gap: 6px;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 0 18px;
}
.df-lu__sheet {
  width: 44px;
  height: 30px;
  border: 1px dashed var(--df-line);
  background: #0d0d0d;
}
.df-lu__sheet.is-found {
  border: 1px solid var(--df-amber);
  background: rgba(240, 165, 0, .12);
}
.df-lu__kicker {
  font: 700 17px/1.2 Georgia, 'Times New Roman', serif;
  letter-spacing: .06em;
  color: var(--df-amber-hi);
  margin: 0 0 10px;
}
.df-lu__line {
  color: var(--df-muted);
  margin: 0 auto 18px;
  max-width: 42ch;
  line-height: 1.55;
}
.df-lu__btn {
  position: relative;
  display: inline-block;
  cursor: pointer;
  background: none;
  border: 1px solid var(--df-amber);
  border-radius: 2px;
  color: var(--df-amber);
  font: 700 12px/1 Georgia, 'Times New Roman', serif;
  letter-spacing: .22em;
  text-transform: uppercase;
  padding: 13px 30px;
}
.df-lu__btn::before {
  content: "";
  position: absolute;
  inset: 3px;
  border: 1px solid rgba(240, 165, 0, .35);
  pointer-events: none;
}
.df-lu__btn:hover { background: var(--df-amber); color: var(--df-amber-ink); }
.df-lu__count {
  font-size: .72rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--df-faint);
  margin-top: 16px;
}
.df-lu__clock {
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: .06em;
  font-family: Georgia, 'Times New Roman', serif;
  font-variant-numeric: tabular-nums;
  color: var(--df-amber);
}
.df-lu__sub {
  color: var(--df-muted);
  font-size: .8rem;
  margin: 14px auto 0;
  max-width: 46ch;
}
.df-nav__out {
  font-size: .74em;
  opacity: .6;
  margin-left: 1px;
}
.df-nav a,
.df-nav span {
  white-space: nowrap;
  padding-left: 8px;
  padding-right: 8px;
}
.df-indev {
  text-align: center;
  padding: 34px 20px;
}
.df-indev__tag {
  display: inline-block;
  border: 1px solid var(--df-amber);
  color: var(--df-amber);
  padding: 6px 16px;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.df-indev__line {
  margin: 14px auto 0;
  max-width: 42ch;
  color: var(--df-muted);
  font-size: .85rem;
  line-height: 1.55;
}
.df-stockup   { color: #4caf50; white-space: nowrap; }
.df-stockdown { color: #d32f2f; white-space: nowrap; }
.df-sheetj__trade .df-btn {
  display: block;
  width: 100%;
  padding: 14px 0;
  margin-top: 8px;
  font-size: 1rem;
  text-align: center;
}
.df-cprof__won {
  display: inline-block;
  min-width: 20px;
  padding: 1px 8px;
  border-radius: 9px;
  background: var(--df-amber);
  color: var(--df-amber-ink);
  font-weight: 700;
  text-align: center;
}
.df-cmedit__allheads {
  margin-left: auto;
  padding: 2px 8px;
  background: none;
  border: 1px solid var(--df-line-strong); border-radius: 10px;
  color: var(--df-muted);
  font: inherit;
  cursor: pointer;
  white-space: nowrap;
}
.df-cmedit__allheads:hover { border-color: var(--df-amber); color: var(--df-text); }
.df-cmedit__allheads.is-on {
  background: var(--df-amber);
  border-color: var(--df-amber);
  color: var(--df-amber-ink);
  font-weight: 700;
}
.df-sband {
  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
  padding: 10px 14px; background: #1a1509; border-bottom: 1px solid var(--df-line);
  font-size: .78rem; color: var(--df-muted);
}
.df-sband b { color: var(--df-text); }
.df-sband__bar { flex: 1 1 140px; min-width: 120px; height: 8px;
                 background: #000; border: 1px solid var(--df-line); border-radius: 10px; position: relative; }
.df-sband__bar i { position: absolute; top: 0; bottom: 0; left: 0; background: var(--df-amber); display: block; }
.df-sranges { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 10px; }
.df-srange { display: inline-flex; align-items: center; gap: 6px; font-size: .74rem;
             color: var(--df-muted); text-decoration: none; }
.df-srange i { width: 10px; height: 10px; border-radius: 50%; flex: none;
               border: 1px solid var(--df-faint); display: inline-block; }
.df-srange--on { color: var(--df-text); }
.df-srange--on i { border-color: var(--df-amber); box-shadow: inset 0 0 0 2px var(--df-amber); }
.df-srange__note { font-size: .68rem; color: var(--df-faint); margin-left: auto; }
.df-sfacts { display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; margin-top: 10px; }
.df-sfacts--one { grid-template-columns: 1fr; }
.df-sfacts > div { display: flex; justify-content: space-between; align-items: baseline;
                   gap: 10px; padding: 3px 0; font-size: .76rem;
                   border-bottom: 1px solid rgba(255,255,255,.04); }
.df-sfacts span { color: var(--df-muted); }
.df-sfacts b { color: var(--df-text); font-variant-numeric: tabular-nums; text-align: right; }
.df-sfacts b small { font-size: .82em; opacity: .8; }
.df-sgraph { position: relative; display: block; }
.df-sgraph__rule { position: absolute; top: 0; bottom: 20px; width: 1px;
                   background: var(--df-amber); opacity: .7; pointer-events: none; }
.df-sgraph__read {
  position: absolute; top: 4px; pointer-events: none; white-space: nowrap;
  background: #000; border: 1px solid var(--df-amber); color: var(--df-text);
  font: 700 .7rem/1.4 var(--df-font); padding: 3px 7px;
}
.df-sgraph__read b { color: var(--df-amber); }
@media (max-width: 1023px) {
  .df-sfacts { grid-template-columns: 1fr; }
}
.df-sfacts b.df-good { color: var(--df-good); }
.df-sfacts b.df-bad  { color: var(--df-bad); }
.df-sfacts b.df-good small,
.df-sfacts b.df-bad  small { color: inherit; opacity: .85; }
.df-sfacts > div:has(b.df-good) span { color: var(--df-good); opacity: .75; }
.df-sfacts > div:has(b.df-bad)  span { color: var(--df-bad);  opacity: .75; }
.df-sband__what b:first-of-type { color: var(--df-amber); }
.df-sfact {
  display: flex; justify-content: space-between; align-items: baseline;
  gap: 10px; padding: 3px 0; font-size: .76rem; position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, .04);
}
.df-sfact > span { color: var(--df-muted); border-bottom: 1px dotted var(--df-faint); cursor: help; }
.df-sfact > b { color: var(--df-text); font-variant-numeric: tabular-nums; text-align: right; }
.df-sfact > b small { font-size: .82em; opacity: .8; }
.df-sfact:hover { background: rgba(255, 255, 255, .03); }
.df-sfact:focus { outline: none; }
.df-sfact:focus-visible { outline: 1px solid var(--df-amber); outline-offset: 1px; }
.df-sfact__why {
  position: absolute; left: 0; right: 0; bottom: calc(100% + 4px); z-index: 40;
  display: none; font-style: normal; font-size: .74rem; line-height: 1.5;
  background: #000; border: 1px solid var(--df-amber); color: var(--df-text);
  padding: 7px 9px; box-shadow: 0 6px 18px rgba(0, 0, 0, .6);
}
.df-sfact:hover .df-sfact__why,
.df-sfact:focus .df-sfact__why,
.df-sfact:focus-within .df-sfact__why { display: block; }
.df-sfacts > .df-sfact:nth-child(1) .df-sfact__why,
.df-sfacts > .df-sfact:nth-child(2) .df-sfact__why {
  bottom: auto; top: calc(100% + 4px);
}
.df-sfact > b.df-good { color: var(--df-good); }
.df-sfact > b.df-bad  { color: var(--df-bad); }
.df-sfact:has(b.df-good) > span { color: var(--df-good); opacity: .75; }
.df-sfact:has(b.df-bad)  > span { color: var(--df-bad);  opacity: .75; }
.df-sttune__head,
.df-sttune {
  display: grid; align-items: center; gap: 8px;
  grid-template-columns: minmax(0, 1fr) 92px 62px 88px 88px 78px 62px;
}
.df-sttune__head {
  padding: 6px 8px; border-bottom: 1px solid var(--df-line);
}
.df-sttune__head span {
  font: 700 var(--df-fs-micro)/1 var(--df-font); letter-spacing: .12em;
  text-transform: uppercase; color: var(--df-muted);
}
.df-sttune {
  padding: 6px 8px; border-bottom: 1px solid rgba(255, 255, 255, .05); margin: 0;
}
.df-sttune:hover { background: rgba(255, 255, 255, .03); }
.df-sttune__who { min-width: 0; line-height: 1.3; }
.df-sttune__who b { display: block; font-size: .8rem; color: var(--df-text);
                    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.df-sttune__who i { display: block; font-style: normal; font-size: .68rem; color: var(--df-amber); }
.df-sttune__fix { font-size: .72rem; color: var(--df-muted); font-variant-numeric: tabular-nums; }
.df-sttune .df-input {
  width: 100%; min-width: 0; padding: 4px 6px; font-size: .76rem;
  font-variant-numeric: tabular-nums;
}
.df-sttune .df-btn { width: 100%; padding: 4px 0; }
@media (max-width: 900px) {
  .df-sttune__head { display: none; }
  .df-sttune { grid-template-columns: minmax(0, 1fr) 1fr 1fr; }
  .df-sttune__who { grid-column: 1 / -1; }
}
.df-de__i {
  display: inline-flex; align-items: center; justify-content: center;
  width: 15px; height: 15px; border-radius: 50%; cursor: help;
  border: 1px solid var(--df-line-strong); color: var(--df-muted);
  font-size: .62rem; margin-left: 7px; vertical-align: middle;
}
.df-de__i:hover { color: var(--df-amber); border-color: var(--df-amber-line); }
.df-de__body   { padding: var(--df-5); }
.df-de__kicker {
  font-size: .66rem; letter-spacing: .22em; text-transform: uppercase;
  color: var(--df-muted); margin: 0 0 8px; text-align: center;
}
.df-de__line { color: var(--df-text); line-height: 1.6; margin: 0 0 14px; }
.df-de__sub  { color: var(--df-muted); font-size: .82rem; line-height: 1.6; margin: 12px 0 0; }
.df-de--hour { text-align: center; padding: 22px 20px; }
.df-de__city {
  font-family: var(--df-display); font-size: 2.1rem; letter-spacing: .04em;
  color: var(--df-amber); margin: 4px 0 2px; text-transform: uppercase;
}
.df-de__x {
  display: inline-block; padding: 3px 10px; margin: 0 0 12px;
  background: var(--df-bad-bg); border: 1px solid var(--df-bad-line);
  color: var(--df-bad); font-size: .72rem; letter-spacing: .16em; text-transform: uppercase;
}
.df-de__clock {
  font-family: var(--df-mono); font-size: 2.4rem; color: var(--df-text-strong);
  margin: 6px 0 0; letter-spacing: .04em;
}
.df-de--hour.is-on .df-de__clock { color: var(--df-good); }
.df-de__clocklab {
  font-size: .68rem; letter-spacing: .16em; text-transform: uppercase;
  color: var(--df-faint); margin: 0 0 14px;
}
.df-de__flag { margin: 12px 0; font-size: .86rem; }
.df-de__flag--good { color: var(--df-good); }
.df-de__flag--bad  { color: var(--df-bad); }
.df-de__who { display: flex; gap: 6px; justify-content: center; flex-wrap: wrap; margin: 16px 0 0; }
.df-de__chip {
  font-size: .72rem; padding: 3px 9px; border: 1px solid var(--df-good-line);
  color: var(--df-good); background: var(--df-good-bg);
}
.df-de__haultop { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.df-de__goal    { color: var(--df-muted); font-size: .82rem; white-space: nowrap; }
.df-de__track {
  height: 22px; background: #080f19; border: 1px solid var(--df-line); border-radius: 10px;
  margin: 12px 0 8px; position: relative; overflow: hidden;
}
.df-de__fill { height: 100%; background: linear-gradient(90deg, #6b4a12, var(--df-amber)); }
.df-de__mine { position: absolute; inset: 0 auto 0 0; background: rgba(255, 255, 255, .16); }
.df-de__names {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 4px 18px; margin: 14px 0 0;
}
.df-de__name { display: flex; justify-content: space-between; gap: 10px; font-size: .8rem; color: var(--df-muted); }
.df-de__name b { color: var(--df-text); font-weight: 500; }
.df-de__name.is-me, .df-de__name.is-me b { color: var(--df-amber); }
.df-de__twist { display: flex; gap: 16px; align-items: flex-start; }
.df-de__stamp {
  flex: 0 0 96px; text-align: center; padding: 10px 6px;
  border: 1px solid var(--df-violet-line); background: var(--df-violet-bg);
}
.df-de__day  { font-size: .62rem; letter-spacing: .14em; text-transform: uppercase; color: var(--df-muted); }
.df-de__what { font-size: .8rem; color: var(--df-violet); margin-top: 4px; }
.df-de__week { display: flex; gap: 4px; margin: 16px 0 0; flex-wrap: wrap; }
.df-de__pip {
  font-size: .66rem; padding: 2px 7px; border: 1px solid var(--df-line); border-radius: 10px;
  color: var(--df-faint); background: #080f19;
}
.df-de__pip.is-now { color: var(--df-violet); border-color: var(--df-violet-line); background: var(--df-violet-bg); }
.df-de__days { display: flex; gap: 6px; margin: 0 0 16px; flex-wrap: wrap; }
.df-de__d {
  width: 44px; height: 48px; border: 1px solid var(--df-line); border-radius: 10px;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  background: #080f19; color: var(--df-faint); font-size: .6rem; letter-spacing: .06em;
}
.df-de__d b { font-family: var(--df-mono); font-size: .95rem; font-weight: 400; }
.df-de__d.is-done  { border-color: var(--df-good-line);  background: var(--df-good-bg);  color: var(--df-good); }
.df-de__d.is-today { border-color: var(--df-amber-line); background: var(--df-amber-bg); color: var(--df-amber); }
.df-de__gets { display: grid; gap: 6px; }
.df-de__get {
  display: flex; gap: 10px; align-items: baseline; padding: 7px 10px;
  background: var(--df-row); border-left: 2px solid var(--df-line);
  font-size: .84rem; color: var(--df-muted);
}
.df-de__get b { color: var(--df-text); font-weight: 500; white-space: nowrap; }
.df-de__get.is-on { border-left-color: var(--df-good); }
.df-de__get.is-on b { color: var(--df-good); }
.df-de__when { margin-left: auto; font-size: .76rem; color: var(--df-faint); white-space: nowrap; }
.df-want { display: grid; gap: 10px; }
.df-want__row {
  display: flex; gap: 12px; align-items: center; padding: 12px 14px;
  border: 1px solid var(--df-line); border-radius: 10px; background: var(--df-row);
}
.df-want__row.is-taken { opacity: .5; }
.df-want__mug {
  flex: 0 0 46px; height: 46px; background: #0d1725; border: 1px solid var(--df-line-strong); border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--df-display); font-size: 1.1rem; color: var(--df-faint);
}
.df-want__of    { flex: 1 1 auto; min-width: 0; }
.df-want__name  { color: var(--df-text-strong); font-weight: 500; }
.df-want__where { color: var(--df-muted); font-size: .78rem; margin-top: 2px; }
.df-want__end   { text-align: right; flex: 0 0 auto; }
.df-want__pot   { color: var(--df-amber); white-space: nowrap; }
.df-want__by    { color: var(--df-faint); font-size: .72rem; }
.df-want__go    { color: var(--df-faint); font-size: .72rem; }
.df-want__form  { margin: 4px 0 0; }
.df-want__gone {
  font-size: .68rem; letter-spacing: .14em; text-transform: uppercase;
  color: var(--df-bad); white-space: nowrap;
}
@media (max-width: 560px) {
  .df-de__twist   { flex-direction: column; }
  .df-de__stamp   { flex: 0 0 auto; width: 100%; }
  .df-want__row   { flex-wrap: wrap; }
  .df-want__of    { flex: 1 1 60%; }
  .df-want__end   { flex: 1 1 100%; text-align: left; }
  .df-de__haultop { flex-direction: column; gap: 2px; }
}
a.df-btn--alt { color: var(--df-action); background: transparent; }
a.df-btn--alt:hover { color: var(--df-action-ink); background: var(--df-action); }
.df-nav .df-tabmv__row {
  cursor: default;
  border-left: 2px solid var(--df-amber-line);
  background: var(--df-amber-bg);
}
.df-tabmv {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 3px 6px 7px 14px;
  margin: 0 0 4px;
  flex-wrap: wrap;
}
.df-tabmv button {
  font: inherit;
  font-size: .68rem;
  line-height: 1;
  padding: 3px 6px;
  cursor: pointer;
  color: var(--df-muted);
  background: #101010;
  border: 1px solid var(--df-line-strong); border-radius: 10px;
}
.df-tabmv button:hover {
  color: var(--df-amber);
  border-color: var(--df-amber-line);
}
.df-tabmv select {
  font: inherit;
  font-size: .68rem;
  padding: 2px 3px;
  max-width: 86px;
  color: var(--df-text);
  background: #101010;
  border: 1px solid var(--df-line-strong); border-radius: 10px;
}
.df-tabmv__back {
  color: var(--df-faint) !important;
  border-color: var(--df-line) !important;
}
.df-tabmv__back:hover {
  color: var(--df-bad) !important;
  border-color: var(--df-bad-line) !important;
}
.df-tabmv button::before,
.df-tabmv select::before,
.df-tabmv span::before { content: none; }
.df-js .df-tabmv { display: none; }
.df-nav .df-tabmv__row { cursor: grab; }
.df-nav .df-tabmv__row:active { cursor: grabbing; }
.df-nav .df-tabmv__row.is-dragging { opacity: .4; }
.df-nav.is-over {
  outline: 1px dashed var(--df-amber-line);
  outline-offset: -2px;
}
.df-js .df-nav { min-height: 12px; }
@media (max-width: 1023px) {
  .df-online:not(.is-open) .df-online__list { display: none; }
  .df-online:not(.is-open) button.df-online__tag {
    display: flex; align-items: center; justify-content: space-between;
    width: 100%; height: var(--df-online-h);
    padding: 0 12px;
  }
  .df-online.is-open .df-online__list {
    display: block; padding: 6px 10px; white-space: normal;
  }
  .df-online.is-open .df-online__list[hidden] { display: none !important; }
}
@media (max-width: 1023px) {
  .df-story__main.is-picked {
    position: fixed;
    inset: var(--df-online-h) 0 var(--df-tabbar-h) 0;
    z-index: 60;
    margin: 0;
    padding: 0 var(--df-4) var(--df-6);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: var(--df-bg);
    border-top: 1px solid var(--df-line-strong);
  }
  .df-story__main.is-picked .df-story__back {
    position: sticky; top: 0; z-index: 1;
    display: block;
    margin: 0 calc(var(--df-4) * -1) var(--df-4);
    padding: 12px var(--df-4);
    min-height: 44px;
    background: var(--df-panel);
    border-bottom: 1px solid var(--df-line-strong);
    color: var(--df-amber);
    font-size: .8rem;
    letter-spacing: .06em;
  }
}
@media (min-width: 1024px) {
  .df-story__back { display: none; }
}
@media (max-width: 1023px) {
  .df-bar-track   { grid-column: 1 / -1; grid-row: 2; height: 4px; margin: 1px 0; }
}
.df-updtabs--wrap { flex-wrap: wrap; row-gap: 4px; }
.df-job { position: relative; overflow: hidden; }
.df-job::after {
  content: '';
  position: absolute;
  inset: 0;
  width: var(--df-jobtint, 0%);
  background: linear-gradient(90deg, rgba(240,165,0,.13), rgba(240,165,0,.02));
  pointer-events: none;
  z-index: 0;
}
.df-job > * { position: relative; z-index: 1; }
.df-job:hover::after { background: linear-gradient(90deg, rgba(240,165,0,.18), rgba(240,165,0,.04)); }
.df-jobbars { display: inline-flex; gap: var(--df-3); align-items: flex-end; }
.df-jobbar {
  position: relative;
  flex: 0 0 62px;
  padding-top: 6px;
  font-size: .58rem;
  letter-spacing: .06em;
  color: var(--df-faint);
  white-space: nowrap;
}
.df-jobbar::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--df-line);
}
.df-jobbar i { position: absolute; top: 0; left: 0; height: 3px; display: block; }
.df-jobbar b { color: var(--df-text); font-size: .68rem; margin-right: 3px; }
.df-jobbar--off i { background: var(--df-stat-off); }
.df-jobbar--def i { background: var(--df-stat-def); }
.df-jobbar--stl i { background: var(--df-stat-stl); }
.df-job__pays {
  flex: 0 0 200px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding-left: var(--df-4);
  border-left: 1px solid var(--df-line);
}
.df-pay {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: .68rem;
  color: var(--df-muted);
  border-left: 2px solid var(--df-line);
  padding: 1px 0 1px 7px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.df-pay b { margin-left: auto; color: inherit; padding-left: 6px; }
.df-pay--item.is-got { color: #ffd98a; border-left-color: var(--df-amber); }
.df-pay--prop.is-got { color: #b8e8a8; border-left-color: #5ec84f; }
@media (max-width: 1023px) {
  .df-job__pays {
    flex: 1 1 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding-left: 0;
    border-left: 0;
  }
  .df-pay { flex: 0 1 auto; }
  .df-jobbars { flex-wrap: wrap; }
  .df-jobbar { flex: 1 1 68px; }
}
.df-tip { cursor: help; }
.df-tip .df-stat__label {
  border-bottom: 1px dotted var(--df-line);
  display: inline-block;
  padding-bottom: 1px;
}
.df-tip:hover .df-stat__label { border-bottom-color: var(--df-amber); color: var(--df-text); }
@media (max-width: 1023px) {
  .df-tip { cursor: default; }
  .df-tip .df-stat__label { border-bottom: 0; padding-bottom: 0; }
}
.df-teller__fills {
  flex: 0 0 100%;
  display: none;
  gap: var(--df-2);
}
.df-js .df-teller__fills { display: flex; }
.df-js .df-teller__fills .df-teller__max { flex: 1 1 0; display: block; }
.df-teller__chip {
  flex: 1 1 0;
  background: none;
  border: 1px solid var(--df-line-strong); border-radius: 10px;
  padding: 7px var(--df-2);
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: var(--df-track-label);
  color: var(--df-muted);
  cursor: pointer;
  white-space: nowrap;
}
.df-teller__chip:hover { color: var(--df-amber); border-color: var(--df-amber-line); }
.df-teller__chip:focus-visible { outline: 2px solid var(--df-amber); outline-offset: 1px; }
.df-teller__input {
  font-variant-numeric: tabular-nums;
}
.df-trk__table { width: 100%; border-collapse: collapse; }
.df-trk__table th {
  text-align: left;
  padding: 0 var(--df-3) 6px;
  border-bottom: 1px solid var(--df-line);
  color: var(--df-faint);
  font: 700 var(--df-fs-label)/1.4 var(--df-font);
  letter-spacing: var(--df-track-label);
  text-transform: uppercase;
  white-space: nowrap;
}
.df-trk__table td {
  padding: 7px var(--df-3);
  border-bottom: 1px solid var(--df-line-soft);
  vertical-align: middle;
}
.df-trk__row.is-shut td { opacity: .55; }
.df-trk__row:hover td   { background: var(--df-row); }
.df-trk__row.is-open td { background: var(--df-amber-bg); opacity: 1; }
.df-trk__title a { color: var(--df-text-strong); font-weight: 700; }
.df-trk__title a:hover { color: var(--df-amber); }
.df-trk__who  { color: var(--df-muted); white-space: nowrap; }
.df-trk__when { color: var(--df-faint); white-space: nowrap; }
.df-trk__reps { color: var(--df-faint); text-align: right; width: 58px; }
.df-trk__st   { white-space: nowrap; width: 1%; }
.df-trk__n { width: 62px; }
.df-trk__vote {
  display: inline-flex; align-items: center; gap: 3px;
  min-width: 44px; justify-content: center;
  padding: 4px 6px;
  background: #121212;
  border: 1px solid var(--df-line-strong); border-radius: 10px;
  color: var(--df-muted);
  font: 700 var(--df-fs-body)/1 var(--df-mono);
  cursor: pointer;
}
.df-trk__vote:hover { border-color: var(--df-amber); color: var(--df-amber); }
.df-trk__vote.is-on {
  background: var(--df-amber); border-color: var(--df-amber); color: var(--df-amber-ink);
}
.df-trk__arrow { font-size: 8px; }
.df-trk__open > td {
  padding: var(--df-3) var(--df-3) var(--df-5);
  background: var(--df-panel);
  border-bottom: 1px solid var(--df-line);
}
.df-trk__small { display: none; }
@media (max-width: 1023px) {
  .df-trk__who, .df-trk__when, .df-trk__reps { display: none; }
  .df-trk__small {
    display: block;
    margin-top: 2px;
    color: var(--df-faint);
    font-size: .74rem;
  }
  .df-trk__table th { font-size: 8px; }
  .df-trk__table td { padding: 8px var(--df-2); }
}
.df-navgroup .df-nav a .df-nav__count--idea {
  margin-left: auto;
  margin-top: 0;
  vertical-align: baseline;
  padding-left: var(--df-3);
  font-family: var(--df-mono);
  white-space: nowrap;
  position: relative;
  top: -3px;
  color: var(--df-faint);
  transition: color .18s ease, text-shadow .18s ease;
}
.df-navgroup .df-nav a .df-nav__count--idea.is-new {
  color: var(--df-amber);
  text-shadow: 0 0 6px color-mix(in srgb, var(--df-amber) 75%, transparent),
               0 0 12px color-mix(in srgb, var(--df-amber) 35%, transparent);
}
.df-navgroup .df-nav a:has(.df-nav__count--idea.is-new) { color: var(--df-amber-hi); }
.df-agnum--cash { color: var(--df-amber); }
.df-agnum--xp   { color: var(--df-blue); }
.df-agkill { display: flex; gap: var(--df-4); align-items: baseline; }
.df-agkill span { display: inline-flex; align-items: baseline; gap: 3px; }
.df-agkill i {
  font-style: normal;
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: var(--df-track-label);
  text-transform: uppercase;
  opacity: .7;
}
.df-agkill--off { color: var(--df-stat-off); }
.df-agkill--def { color: var(--df-stat-def); }
.df-agkill--stl { color: var(--df-stat-stl); }
@media (max-width: 1023px) {
  .df-agkill { gap: var(--df-3); }
  .df-agkill i { display: none; }
}
.df-agplate {
  position: relative;
  overflow: hidden;
  background: #07070a;
  border: 1px solid var(--df-line); border-radius: 10px;
}
.df-agplate::before {
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(circle at 50% 46%,
      color-mix(in srgb, var(--df-agc, var(--df-amber)) 22%, transparent) 0%,
      transparent 68%),
    linear-gradient(135deg,
      color-mix(in srgb, var(--df-agc, var(--df-amber)) 9%, transparent) 0%,
      transparent 55%);
  pointer-events: none;
}
.df-agplate::after {
  content: "";
  position: absolute; inset: 5px;
  border: 1px solid color-mix(in srgb, var(--df-agc, var(--df-amber)) 22%, transparent);
  pointer-events: none;
}
.df-agplate__in { position: relative; z-index: 1; width: 100%; }
.df-agplate__ghost {
  position: absolute; inset: 0; z-index: 0;
  display: flex; align-items: center; justify-content: center;
  font: 400 clamp(28px, 30cqw, 90px)/1 var(--df-display);
  text-transform: uppercase;
  color: var(--df-agc, var(--df-amber));
  opacity: .055;
  white-space: nowrap;
  pointer-events: none;
  container-type: inline-size;
}
.df-agplate__name {
  display: block;
  font: 400 var(--df-fs-lead)/1.05 var(--df-display);
  text-transform: uppercase;
  color: #fff;
  text-shadow:
    0 0 4px var(--df-agc, var(--df-amber)),
    0 0 12px color-mix(in srgb, var(--df-agc, var(--df-amber)) 70%, transparent),
    0 0 26px color-mix(in srgb, var(--df-agc, var(--df-amber)) 40%, transparent);
  word-break: break-word;
}
.df-agplate__sub {
  display: block;
  margin-top: 4px;
  color: var(--df-agc, var(--df-amber));
  font: 700 var(--df-fs-label)/1.3 var(--df-font);
  letter-spacing: var(--df-track-label);
  text-transform: uppercase;
  opacity: .8;
}
.df-agplate--live { aspect-ratio: 22 / 7; border-color: color-mix(in srgb, var(--df-agc) 45%, transparent); }
.df-agplate--live .df-agplate__name { font-size: clamp(26px, 6vw, 46px); }
.df-agplate--tile,
.df-agth__i.df-agplate {
  display: flex; align-items: center; justify-content: center;
  text-align: center; padding: var(--df-2);
}
.df-agplate--tile { aspect-ratio: 1; }
.df-agplate--tile .df-agplate__name { font-size: var(--df-fs-body); }
.df-agplate--tile .df-agplate__sub  { font-size: 8px; }
.df-agplate.is-shut { filter: grayscale(1) brightness(.55); }
.df-agplate.is-shut .df-agplate__name { text-shadow: none; }
.df-agtab__strip {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
  gap: var(--df-2);
  overflow-x: visible;
  padding-bottom: var(--df-1);
}
.df-agth { width: auto; flex: none; }
.df-agth__i { height: 62px; }
.df-agth.is-shut .df-agth__i { position: relative; }
.df-agth.is-shut .df-agth__i::before,
.df-agth.is-shut .df-agth__i::after {
  content: ""; position: absolute; left: 12%; right: 12%; top: 50%;
  height: 2px; background: var(--df-bad); opacity: .75; z-index: 2;
}
.df-agth.is-shut .df-agth__i::before { transform: rotate(32deg); }
.df-agth.is-shut .df-agth__i::after  { transform: rotate(-32deg); }
.df-agth.df-agplate {
  display: flex; flex-direction: column; justify-content: center;
  min-height: 74px; padding: var(--df-3) var(--df-2);
  text-align: center;
}
.df-agth.df-agplate .df-agth__n {
  font: 400 var(--df-fs-body)/1.15 var(--df-display);
  text-transform: uppercase;
  color: #fff;
  text-shadow:
    0 0 3px var(--df-agc, var(--df-amber)),
    0 0 10px color-mix(in srgb, var(--df-agc, var(--df-amber)) 65%, transparent);
}
.df-agth.df-agplate .df-agth__m { margin-top: 3px; }
.df-agth.is-shut { position: relative; }
.df-agth.is-shut::before,
.df-agth.is-shut::after {
  content: ""; position: absolute; left: 10%; right: 10%; top: 50%;
  height: 2px; background: var(--df-bad); opacity: .7; z-index: 3;
}
.df-agth.is-shut::before { transform: rotate(20deg); }
.df-agth.is-shut::after  { transform: rotate(-20deg); }
.df-agth.is-shut .df-agth__n { text-shadow: none; color: var(--df-muted); }
.df-hitcard.df-agplate {
  display: flex;
  align-items: stretch;
  gap: var(--df-4);
  height: auto;
  min-height: 0;
  padding: var(--df-4);
}
.df-hitcard .df-hitcard__hud {
  position: static;
  flex: 1 1 auto;
  min-width: 0;
  padding: 0;
  gap: var(--df-3);
}
.df-hitcard .df-hitcard__scrim { display: none; }
.df-hitcard .df-agplate__ghost { justify-content: flex-end; padding-right: var(--df-5); }
.df-agwall__mug {
  position: relative; z-index: 1;
  flex: 0 0 108px;
  min-height: 86px;
  display: flex; align-items: center; justify-content: center;
  text-align: center;
  padding: var(--df-2);
  border: 1px solid color-mix(in srgb, var(--df-agc, var(--df-amber)) 40%, transparent);
  background: rgba(0, 0, 0, .45);
}
.df-agwall__mugtx {
  font: 400 19px/1.05 var(--df-display);
  text-transform: uppercase;
  color: #fff;
  text-shadow:
    0 0 3px var(--df-agc, var(--df-amber)),
    0 0 12px color-mix(in srgb, var(--df-agc, var(--df-amber)) 65%, transparent);
}
.df-hitcard__x { left: auto; right: auto; width: 108px; }
.df-agwall { margin: var(--df-5) 0 0; }
.df-agwall__head {
  display: flex; align-items: baseline; gap: var(--df-3);
  padding-bottom: var(--df-2);
  border-bottom: 1px solid var(--df-line);
  margin-bottom: var(--df-3);
}
.df-agwall__head span {
  color: var(--df-faint);
  font: 700 var(--df-fs-label)/1.4 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
}
.df-agwall__head em { color: var(--df-muted); font-style: normal; font-size: .78rem; }
.df-agwall__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
  gap: var(--df-2);
}
.df-agwall__more { margin: var(--df-3) 0 0; color: var(--df-faint); font-size: .78rem; }
@media (max-width: 1023px) {
  .df-hitcard.df-agplate { flex-direction: column; }
  .df-agwall__mug { flex: 0 0 auto; min-height: 54px; }
  .df-hitcard__x { display: none; }
  .df-agwall__grid { grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); }
}
.df-agtab > .df-agwall { order: 4; }
.df-hitcard.df-agplate.is-live { border-color: var(--df-bad); }
.df-hitcard__eye {
  color: var(--df-bad);
  font: 700 var(--df-fs-label)/1.4 var(--df-font);
  letter-spacing: var(--df-track-label);
  text-transform: uppercase;
}
.df-hitcard:not(.is-live) .df-hitcard__eye { color: var(--df-faint); }
.df-hitcard__line {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 7px;
  margin-top: 4px;
  font-family: var(--df-mono);
}
.df-hitcard__line .df-hitcard__k {
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
  color: var(--df-faint);
}
.df-hitcard__clock { color: var(--df-bad); font-size: var(--df-fs-lead); font-weight: 700; }
.df-hitcard__shots { color: var(--df-text-strong); }
.df-hitcard__out   { color: var(--df-bad); }
.df-hitcard__travel,
.df-hitcard__ready { margin-top: 6px; }
.df-agtab .df-summary { gap: var(--df-6); }
.df-ocseats { display: flex; flex-wrap: wrap; gap: 4px; }
.df-ocseat {
  display: flex; flex-direction: column; align-items: center; gap: 1px;
  min-width: 76px;
  padding: 5px 6px;
  background: none;
  border: 1px solid var(--df-line-strong); border-radius: 10px;
  color: var(--df-muted);
  cursor: pointer;
  font-family: var(--df-font);
}
.df-ocseat b { font: 700 var(--df-fs-label)/1.2 var(--df-font);
               letter-spacing: var(--df-track-label); text-transform: uppercase; }
.df-ocseat i { font-style: normal; font-size: .7rem; color: var(--df-faint); }
.df-ocseat:hover { border-color: var(--df-amber); color: var(--df-amber); }
.df-ocseat:focus-visible { outline: 2px solid var(--df-amber); outline-offset: 1px; }
.df-ocseat.is-took { border-style: dashed; opacity: .55; cursor: default; }
.df-ocseat.is-took:hover { border-color: var(--df-line-strong); color: var(--df-muted); }
@media (max-width: 1023px) {
  .df-ocseat { min-width: 64px; }
}
.df-ocgrid__note {
  margin: 0 0 var(--df-3);
  color: var(--df-muted);
  font-size: .8rem;
}
.df-oc__seats { display: flex; flex-wrap: wrap; gap: 4px; margin: var(--df-3) 0 0; }
.df-oc__seat {
  display: inline-flex; flex-direction: column; align-items: center; gap: 1px;
  min-width: 62px;
  padding: 3px 5px;
  background: rgba(0, 0, 0, .45);
  border: 1px solid var(--df-line-strong); border-radius: 10px;
}
.df-oc__seat b {
  font: 700 var(--df-fs-label)/1.2 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
}
.df-oc__seat i { font-style: normal; font-size: .66rem; color: var(--df-faint); }
.df-oc__seat--off b { color: var(--df-stat-off); }
.df-oc__seat--def b { color: var(--df-stat-def); }
.df-oc__seat--stl b { color: var(--df-stat-stl); }
.df-ocask {
  margin: var(--df-3) 0 0;
  border-top: 1px solid var(--df-line);
  padding-top: var(--df-3);
  text-align: right;
}
.df-ocask__body { text-align: left; }
.df-ocask__sum {
  cursor: pointer;
  color: var(--df-amber);
  font: 700 var(--df-fs-label)/1.4 var(--df-font);
  letter-spacing: var(--df-track-label);
  text-transform: uppercase;
  list-style: none;
}
.df-ocask__sum::-webkit-details-marker { display: none; }
.df-ocask__sum::before { content: "+ "; }
.df-ocask[open] .df-ocask__sum::before { content: "\2212 "; }
.df-ocask__body { padding-top: var(--df-3); }
.df-ocask__note { margin: 0 0 var(--df-3); color: var(--df-faint); font-size: .78rem; }
.df-ocask__who { display: flex; flex-wrap: wrap; gap: 4px; }
.df-ocgrid { display: grid; gap: var(--df-2); }
.df-oc.df-agplate {
  position: relative;
  overflow: hidden;
  background: #07070a;
  border: 1px solid color-mix(in srgb, var(--df-agc) 42%, transparent);
  padding: 0;
}
.df-oc__in { position: relative; z-index: 1; padding: var(--df-4); }
.df-oc__name {
  margin: 0;
  font: 400 22px/1 var(--df-display);
  text-transform: uppercase;
  color: #fff;
  text-shadow:
    0 0 4px var(--df-agc),
    0 0 16px color-mix(in srgb, var(--df-agc) 70%, transparent),
    0 0 34px color-mix(in srgb, var(--df-agc) 35%, transparent);
}
.df-oc .df-agplate__ghost {
  justify-content: flex-end;
  padding-right: var(--df-4);
  font-size: clamp(34px, 9vw, 72px);
  opacity: .085;
}
.df-oc__foot {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--df-3);
  margin-top: var(--df-4);
}
.df-oc__cash { color: var(--df-amber); font-family: var(--df-mono); font-weight: 700; }
.df-oc__xp   { color: var(--df-blue);  font-family: var(--df-mono); }
.df-oc__item { color: var(--df-good); font-size: .78rem; }
.df-oc__form { margin-left: auto; }
@media (max-width: 1023px) {
  .df-oc__name { font-size: 19px; }
  .df-oc .df-agplate__ghost { font-size: clamp(28px, 14vw, 50px); }
  .df-oc__form { margin-left: 0; width: 100%; }
}
.df-ocask__none { margin: 0; color: var(--df-faint); font-size: .78rem; }
.df-bosslab {
  display: block;
  color: var(--df-faint);
  font: 700 var(--df-fs-label)/1.4 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
}
.df-statsplit {
  display: flex; flex-wrap: wrap; gap: 2px var(--df-3);
  margin-top: 5px;
}
.df-statsplit span {
  display: flex; align-items: baseline; gap: 4px;
  font-family: var(--df-mono); font-size: .72rem; color: var(--df-muted);
}
.df-statsplit i {
  font-style: normal;
  font-family: var(--df-font); font-weight: 700; font-size: 9px;
  letter-spacing: var(--df-track-label); text-transform: uppercase;
  color: var(--df-faint);
}
@media (max-width: 1023px) {
  .df-statsplit { flex-direction: column; gap: 1px; }
}
.df-summary--pay { border-top: 1px solid var(--df-line); }
@media (max-width: 1023px) {
  .df-summary--pay { display: grid; grid-template-columns: 1fr 1fr; }
}
.df-shelf { border: 1px solid var(--df-line); border-radius: 10px; background: var(--df-panel); }
.df-shelf__worth {
  display: flex; flex-wrap: wrap; gap: var(--df-3) var(--df-5);
  padding: var(--df-4) var(--df-5);
  border-bottom: 1px solid var(--df-line);
  background: #0b0b0e;
}
.df-shelf__worth span {
  display: block; color: var(--df-faint);
  font: 700 9px var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
}
.df-shelf__worth b { font: 400 20px/1.2 var(--df-mono); color: var(--df-text-strong); }
.df-shelf__worth b.money { color: var(--df-amber); }
.df-shelf__in { display: grid; grid-template-columns: 92px 1fr; }
.df-shelf__rail { border-right: 1px solid var(--df-line); padding: var(--df-3) 0; }
.df-shelf__k {
  display: flex; flex-direction: column; align-items: center; gap: 2px;
  padding: 9px 4px;
  color: var(--df-faint); text-decoration: none; text-align: center;
  box-shadow: inset 2px 0 0 transparent;
}
.df-shelf__k span  { font-size: 18px; line-height: 1; }
.df-shelf__k small {
  font: 700 9px var(--df-font); letter-spacing: .04em; text-transform: uppercase;
  white-space: nowrap;
}
.df-shelf__k em {
  font-style: normal; font-family: var(--df-mono); font-size: .66rem;
  color: var(--df-line-strong); line-height: 1.25;
}
.df-shelf__k:hover { color: var(--df-text); background: rgba(255,255,255,.02); }
.df-shelf__k:hover em { color: var(--df-faint); }
.df-shelf__k.is-on {
  color: var(--df-amber);
  background: var(--df-amber-bg);
  box-shadow: inset 2px 0 0 var(--df-amber);
}
.df-shelf__k.is-on em { color: var(--df-amber); opacity: .75; }
.df-shelf__pane { min-width: 0; padding: var(--df-4) var(--df-4) var(--df-5); }
.df-shelf__pane > .df-bar:first-child { margin-top: 0; }
@media (max-width: 1023px) {
  .df-shelf__in { grid-template-columns: 1fr; }
  .df-shelf__rail {
    display: flex; overflow-x: auto; scrollbar-width: none;
    border-right: 0; border-bottom: 1px solid var(--df-line); padding: 0;
  }
  .df-shelf__rail::-webkit-scrollbar { display: none; }
  .df-shelf__k { flex: 0 0 auto; min-width: 74px; box-shadow: inset 0 -2px 0 transparent; }
  .df-shelf__k.is-on { box-shadow: inset 0 -2px 0 var(--df-amber); }
  .df-shelf__pane { padding: var(--df-3) var(--df-3) var(--df-4); }
  .df-shelf__worth b { font-size: 17px; }
}
.df-shelf__k.is-ready small { color: var(--df-good); }
.df-shelf__k.is-ready::after {
  content: "";
  position: absolute; top: 6px; right: 8px;
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--df-good);
}
.df-shelf__k { position: relative; }
.df-pop {
  position: fixed; inset: 0; z-index: 60;
  display: flex; align-items: flex-start; justify-content: center;
  padding: 4vh var(--df-4);
  overflow-y: auto;
}
.df-pop__back {
  position: fixed; inset: 0;
  background: rgba(0, 0, 0, .72);
  backdrop-filter: blur(2px);
}
.df-pop__box {
  position: relative;
  width: 100%; max-width: 640px;
  background: var(--df-bg);
  border: 1px solid var(--df-amber-line);
  box-shadow: 0 18px 60px rgba(0, 0, 0, .7);
  padding: var(--df-4);
}
.df-pop__shut {
  position: absolute; top: 6px; right: 10px; z-index: 1;
  color: var(--df-faint); text-decoration: none;
  font: 400 22px/1 var(--df-font);
}
.df-pop__shut:hover { color: var(--df-amber); }
@media (max-width: 1023px) {
  .df-pop { padding: 0; }
  .df-pop__box { max-width: none; min-height: 100%; border: 0; padding: var(--df-3); }
}
.df-shelf__in:has(.df-shelf__rail--wide) { grid-template-columns: 138px 1fr; }
.df-shelf__rail--wide .df-shelf__k { padding-top: 7px; padding-bottom: 7px; }
.df-shelf__rail--wide .df-shelf__k small {
  font-size: 12px; letter-spacing: .01em; text-transform: none;
}
.df-ach { list-style: none; margin: 0; padding: 0; }
.df-ach__row {
  display: grid;
  grid-template-columns: 22px 1fr auto;
  gap: var(--df-3);
  align-items: center;
  padding: 9px 2px;
  border-bottom: 1px solid var(--df-line);
}
.df-ach__row:last-child { border-bottom: 0; }
.df-ach__mark { font-size: 14px; line-height: 1; color: var(--df-faint); text-align: center; }
.df-ach__row.is-got .df-ach__mark { color: var(--df-good); }
.df-ach__main { min-width: 0; }
.df-ach__name { font: 600 13px/1.3 var(--df-font); color: var(--df-text); }
.df-ach__row.is-got .df-ach__name { color: var(--df-text-strong); }
.df-ach__line { font: 400 11px/1.4 var(--df-font); color: var(--df-faint); }
.df-ach__right { text-align: right; white-space: nowrap; }
.df-ach__have { font: 400 13px/1.2 var(--df-mono); font-variant-numeric: tabular-nums; }
.df-ach__have span { font-size: 11px; opacity: .55; }
.df-ach__have.is-far   { color: var(--df-faint); }
.df-ach__have.is-part  { color: var(--df-amber); }
.df-ach__have.is-close { color: var(--df-good); }
.df-ach__done { font: 600 11px/1.2 var(--df-font); color: var(--df-good); text-transform: uppercase; letter-spacing: .06em; }
.df-ach__pays { font: 400 10px/1.4 var(--df-mono); color: var(--df-faint); opacity: .7; }
@media (max-width: 1023px) {
  .df-shelf__in:has(.df-shelf__rail--wide) { grid-template-columns: 1fr; }
  .df-shelf__rail--wide .df-shelf__k { min-width: 92px; }
  .df-ach__row { grid-template-columns: 18px 1fr auto; gap: var(--df-2); }
  .df-ach__line { font-size: 10px; }
}
.df-wiki { max-width: 760px; }
.df-wiki p {
  font: 400 12px/1.75 var(--df-font); color: var(--df-text); margin: 0 0 var(--df-4);
}
.df-wiki__lead {
  font-size: 13px !important; color: var(--df-text-strong) !important;
  border-left: 2px solid var(--df-amber); padding-left: var(--df-4);
}
.df-wiki__note {
  font-size: 11px !important; color: var(--df-faint) !important;
  border-left: 2px solid var(--df-line); padding-left: var(--df-4);
}
.df-wiki b { color: var(--df-amber); font-weight: 600; }
.df-wiki h3 {
  font: 400 14px/1.2 var(--df-display); color: var(--df-amber);
  letter-spacing: .04em; text-transform: uppercase;
  margin: var(--df-7) 0 var(--df-3);
  padding-bottom: 5px; border-bottom: 1px solid var(--df-line);
}
.df-wiki h3:first-of-type { margin-top: var(--df-5); }
.df-wiki__dl {
  display: grid; grid-template-columns: 168px 1fr; gap: 2px var(--df-4);
  margin: 0 0 var(--df-4);
}
.df-wiki__dl dt {
  font: 600 11px/1.6 var(--df-font); color: var(--df-text-strong);
  padding: 5px 0; border-top: 1px solid var(--df-line);
}
.df-wiki__dl dd {
  font: 400 11px/1.65 var(--df-font); color: var(--df-muted);
  margin: 0; padding: 5px 0; border-top: 1px solid var(--df-line);
}
.df-wiki__dl dt:first-child, .df-wiki__dl dt:first-child + dd { border-top: 0; }
.df-wiki__t { width: 100%; border-collapse: collapse; margin: 0 0 var(--df-4); }
.df-wiki__t th {
  font: 600 9px/1.2 var(--df-font); color: var(--df-faint); text-align: left;
  text-transform: uppercase; letter-spacing: var(--df-track-label);
  padding: 5px 8px 5px 0; border-bottom: 1px solid var(--df-line);
}
.df-wiki__t td {
  font: 400 11px/1.6 var(--df-font); color: var(--df-muted);
  padding: 5px 8px 5px 0; border-bottom: 1px solid var(--df-line);
}
.df-wiki__t tr td:first-child { color: var(--df-text); font-weight: 600; }
@media (max-width: 767px) {
  .df-wiki__dl { grid-template-columns: 1fr; gap: 0; }
  .df-wiki__dl dd { padding-top: 0; border-top: 0; padding-bottom: var(--df-3); }
}
.df-wiki__warn {
  font: 600 12px/1.7 var(--df-font) !important; color: var(--df-amber) !important;
  background: #1a1305; border: 1px solid #8a6410;
  padding: var(--df-3) var(--df-4);
}
.df-garagesell { margin: 0 0 var(--df-4); padding: 0 var(--df-4); }
:root { --df-prof-w: 900px; }
.df-uinfo--wide { max-width: var(--df-prof-w); }
.df-uinfo__grid--wide .df-uinfo__rows { flex: 1 1 100%; }
.df-lke {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 9000;
  max-height: 62vh; overflow-y: auto;
  background: var(--df-panel); border-top: 2px solid var(--df-amber);
  box-shadow: 0 -14px 40px rgba(0,0,0,.72);
  font-family: var(--df-font);
}
.df-lke[hidden] { display: none; }
.df-lke__head {
  display: flex; align-items: center; gap: var(--df-3);
  padding: 8px var(--df-4); border-bottom: 1px solid var(--df-line);
  background: #0d1725; position: sticky; top: 0; z-index: 2;
}
.df-lke__sel {
  font: 400 12px/1.3 var(--df-mono); color: var(--df-amber);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1 1 auto;
}
.df-lke__n { font: 400 11px/1.3 var(--df-mono); color: var(--df-faint); flex: 0 0 auto; }
.df-lke__x {
  background: none; border: 0; color: var(--df-faint); font-size: 20px;
  line-height: 1; cursor: pointer; padding: 0 4px;
}
.df-lke__x:hover { color: var(--df-text-strong); }
.df-lke__row {
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
  padding: 8px var(--df-4); border-bottom: 1px solid var(--df-line);
}
.df-lke__lab {
  font: 600 9px/1.2 var(--df-font); color: var(--df-faint);
  text-transform: uppercase; letter-spacing: var(--df-track-label); margin-left: 6px;
}
.df-lke__row .df-lke__lab:first-child { margin-left: 0; }
.df-lke__pill {
  background: #0d1725; border: 1px solid var(--df-line); border-radius: 10px; color: var(--df-muted);
  font: 400 11px/1.2 var(--df-font); padding: 4px 9px; cursor: pointer;
}
.df-lke__pill.is-on { background: #1a1305; border-color: #8a6410; color: var(--df-amber); }
.df-lke__grp { padding: 8px var(--df-4); border-bottom: 1px solid var(--df-line); }
.df-lke__grp > b {
  display: block; font: 600 9px/1.2 var(--df-font); color: var(--df-faint);
  text-transform: uppercase; letter-spacing: var(--df-track-label); margin-bottom: 6px;
}
.df-lke__props { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 5px; }
.df-lke__p {
  display: grid; grid-template-columns: 1fr auto; align-items: center;
  gap: 2px 4px; border: 1px solid var(--df-line); border-radius: 10px; background: #101010; padding: 4px 6px;
}
.df-lke__p > span {
  grid-column: 1 / -1;
  font: 400 9px/1.2 var(--df-mono); color: var(--df-faint);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.df-lke__p input {
  background: var(--df-input); border: 1px solid var(--df-line); border-radius: 10px; color: var(--df-text);
  font: 400 11px/1.3 var(--df-mono); padding: 3px 5px; width: 100%; min-width: 0;
}
.df-lke__p input:focus { outline: 1px solid var(--df-amber); border-color: var(--df-amber); }
.df-lke__p.is-set { border-color: #8a6410; background: #14100a; }
.df-lke__p.is-set > span { color: var(--df-amber); }
.df-lke__p.is-risky > span::after { content: ' !'; color: #d97706; font-weight: 700; }
.df-lke__off {
  background: none; border: 0; color: var(--df-faint); cursor: pointer;
  font-size: 13px; line-height: 1; padding: 0 2px;
}
.df-lke__off:hover { color: var(--df-bad); }
.df-lke__foot {
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
  padding: 8px var(--df-4); background: #0d1725;
  position: sticky; bottom: 0; border-top: 1px solid var(--df-line);
}
.df-lke__gap { flex: 1 1 auto; }
.df-lke__btn {
  background: #1a1305; border: 1px solid var(--df-line); border-radius: 10px; color: var(--df-text);
  font: 600 11px/1.2 var(--df-font); padding: 6px 10px; cursor: pointer;
}
.df-lke__btn:hover { border-color: var(--df-amber); color: var(--df-amber); }
.df-lke__btn--bad { color: #e57373; }
.df-lke__btn--bad:hover { border-color: var(--df-bad); color: var(--df-bad); }
.df-lke__btn--go { background: var(--df-amber); border-color: var(--df-amber); color: #1a1305; }
.df-lke__btn--go:hover { background: var(--df-amber-hi); border-color: var(--df-amber-hi); color: #1a1305; }
.df-lke__say { padding: 0 var(--df-4) 8px; font: 400 11px/1.5 var(--df-font); min-height: 6px; }
.df-lke__say.is-ok  { color: var(--df-good); }
.df-lke__say.is-bad { color: var(--df-bad); }
.df-lke__ring {
  position: absolute; z-index: 8999; pointer-events: none;
  border: 2px dashed var(--df-amber); box-shadow: 0 0 0 9999px rgba(0,0,0,.18);
}
.df-lke__ring[hidden] { display: none; }
@media (max-width: 1023px) {
  .df-lke { max-height: 70vh; }
  .df-lke__props { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
  .df-lke__foot { gap: 4px; }
  .df-lke__btn { padding: 8px 9px; }
}
.df-lke__help {
  position: sticky; top: 37px; z-index: 2;
  padding: 6px var(--df-4);
  background: var(--df-menu-2); border-bottom: 1px solid var(--df-line);
  font: 400 11px/1.5 var(--df-font); color: var(--df-muted);
  min-height: 15px;
}
.df-lke__help b {
  color: var(--df-amber); font: 400 11px/1.5 var(--df-mono); margin-right: 6px;
}
.df-lke__help.is-risky { color: #f0b357; }
.df-lke__help.is-risky::after {
  content: ' This one can move a page off the screen or hide it.';
  color: #d97706;
}
.df-lke__p { grid-template-columns: 1fr auto auto; }
.df-lke__p select {
  grid-column: 1 / -1;
  background: #0d1725; border: 1px solid var(--df-line); border-radius: 10px; color: var(--df-muted);
  font: 400 10px/1.3 var(--df-mono); padding: 3px 4px; width: 100%; min-width: 0;
  margin-bottom: 3px;
}
.df-lke__p select:focus { outline: 1px solid var(--df-amber); }
.df-lke__p.is-set select { color: var(--df-amber); border-color: #8a6410; }
.df-lke__chip {
  width: 18px; height: 18px; border: 1px solid var(--df-line); border-radius: 10px; display: block;
  background-image: linear-gradient(45deg, #333 25%, transparent 25%),
                    linear-gradient(-45deg, #333 25%, transparent 25%);
  background-size: 8px 8px;
}
.df-lke.is-min {
  max-height: 37px;
  overflow: hidden;
}
.df-lke__min {
  margin-left: auto;
  background: transparent;
  border: 1px solid var(--df-line); border-radius: 10px;
  color: var(--df-amber);
  font: 400 11px/1 var(--df-font);
  padding: 4px 8px;
  cursor: pointer;
}
.df-lke__min:hover { border-color: var(--df-amber); color: var(--df-amber-hi); }
.df-lke__head .df-lke__n { margin-left: 0; }
.df-pwin {
  position: fixed; inset: 0; z-index: 8000;
  display: flex; align-items: flex-start; justify-content: center;
  padding: var(--df-5) var(--df-4);
  overflow-y: auto;
}
.df-pwin__back {
  position: fixed; inset: 0;
  background: rgba(0, 0, 0, .72);
  cursor: default;
}
.df-pwin__box {
  position: relative;
  width: 100%; max-width: 1000px;
  margin: auto 0;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .8);
}
.df-pwin__box .df-pcard-grid {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.df-pwin__box details[open] .df-pcard__body { z-index: 8100; }
@media (max-width: 767px) {
  .df-pwin { padding: var(--df-3) var(--df-2); }
  .df-pwin__box { max-width: none; }
}
.df-give__list[hidden],
.df-give__many[hidden],
.df-give__note[hidden] { display: none; }
.df-give { display: flex; flex-direction: column; align-items: stretch; gap: 10px; }
.df-give .df-field { width: 100%; }
.df-give select,
.df-give input[type="number"] { width: 100%; }
.df-dock__bar { display: flex; gap: 6px; align-items: flex-end; }
.df-dock__pin--crew .df-dock__pin-dot { color: var(--df-good); }
@media (max-width: 767px) {
  .df-dock__pin--crew { display: none; }
}
.df-chatbox__head { cursor: pointer; }
.df-chatbox__head button { cursor: pointer; }
.df-chatbox__title { user-select: none; }
.df-dc__lead { font-size: var(--df-fs-lead); color: #d8d8d8; margin: 0 0 var(--df-5); }
.df-dc__grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--df-4); margin-bottom: var(--df-5);
}
.df-dc__card {
  border: 1px solid var(--df-line); border-radius: 10px; background: #0b0b0d;
  padding: var(--df-4);
}
.df-dc__card h3 {
  margin: 0 0 var(--df-2);
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: .14em; text-transform: uppercase; color: var(--df-amber);
}
.df-dc__card p { margin: 0 0 var(--df-2); color: #c8c8c8; }
.df-dc__card p:last-child { margin-bottom: 0; }
.df-dc__also { font-size: var(--df-fs-small); color: var(--df-muted); }
.df-dc__go {
  text-align: center;
  padding: var(--df-5) 0 var(--df-4);
  border-top: 1px solid var(--df-line);
}
.df-btn--go {
  font-size: var(--df-fs-lead);
  padding: 12px 28px;
}
.df-dc__note { margin: var(--df-3) 0 0; font-size: var(--df-fs-small); color: var(--df-muted); }
.df-dc__rules {
  margin: 0; padding-top: var(--df-4);
  border-top: 1px solid var(--df-line);
  font-size: var(--df-fs-small); color: var(--df-muted);
}
.df-updtabs--wrap { flex-wrap: wrap; row-gap: 4px; }
.df-job { position: relative; overflow: hidden; }
.df-job::after {
  content: '';
  position: absolute;
  inset: 0;
  width: var(--df-jobtint, 0%);
  background: linear-gradient(90deg, rgba(240,165,0,.13), rgba(240,165,0,.02));
  pointer-events: none;
  z-index: 0;
}
.df-job > * { position: relative; z-index: 1; }
.df-job:hover::after { background: linear-gradient(90deg, rgba(240,165,0,.18), rgba(240,165,0,.04)); }
.df-jobbars { display: inline-flex; gap: var(--df-3); align-items: flex-end; }
.df-jobbar {
  position: relative;
  flex: 0 0 62px;
  padding-top: 6px;
  font-size: .58rem;
  letter-spacing: .06em;
  color: var(--df-faint);
  white-space: nowrap;
}
.df-jobbar::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--df-line);
}
.df-jobbar i { position: absolute; top: 0; left: 0; height: 3px; display: block; }
.df-jobbar b { color: var(--df-text); font-size: .68rem; margin-right: 3px; }
.df-jobbar--off i { background: var(--df-stat-off); }
.df-jobbar--def i { background: var(--df-stat-def); }
.df-jobbar--stl i { background: var(--df-stat-stl); }
.df-job__pays {
  flex: 0 0 200px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding-left: var(--df-4);
  border-left: 1px solid var(--df-line);
}
.df-pay {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: .68rem;
  color: var(--df-muted);
  border-left: 2px solid var(--df-line);
  padding: 1px 0 1px 7px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.df-pay b { margin-left: auto; color: inherit; padding-left: 6px; }
.df-pay--item.is-got { color: #ffd98a; border-left-color: var(--df-amber); }
.df-pay--prop.is-got { color: #b8e8a8; border-left-color: #5ec84f; }
@media (max-width: 1023px) {
  .df-job__pays {
    flex: 1 1 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding-left: 0;
    border-left: 0;
  }
  .df-pay { flex: 0 1 auto; }
  .df-jobbars { flex-wrap: wrap; }
  .df-jobbar { flex: 1 1 68px; }
}
.df-tip { cursor: help; }
.df-tip .df-stat__label {
  border-bottom: 1px dotted var(--df-line);
  display: inline-block;
  padding-bottom: 1px;
}
.df-tip:hover .df-stat__label { border-bottom-color: var(--df-amber); color: var(--df-text); }
@media (max-width: 1023px) {
  .df-tip { cursor: default; }
  .df-tip .df-stat__label { border-bottom: 0; padding-bottom: 0; }
}
.df-teller__fills {
  flex: 0 0 100%;
  display: none;
  gap: var(--df-2);
}
.df-js .df-teller__fills { display: flex; }
.df-js .df-teller__fills .df-teller__max { flex: 1 1 0; display: block; }
.df-teller__chip {
  flex: 1 1 0;
  background: none;
  border: 1px solid var(--df-line-strong); border-radius: 10px;
  padding: 7px var(--df-2);
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: var(--df-track-label);
  color: var(--df-muted);
  cursor: pointer;
  white-space: nowrap;
}
.df-teller__chip:hover { color: var(--df-amber); border-color: var(--df-amber-line); }
.df-teller__chip:focus-visible { outline: 2px solid var(--df-amber); outline-offset: 1px; }
.df-teller__input {
  font-variant-numeric: tabular-nums;
}
.df-trk__table { width: 100%; border-collapse: collapse; }
.df-trk__table th {
  text-align: left;
  padding: 0 var(--df-3) 6px;
  border-bottom: 1px solid var(--df-line);
  color: var(--df-faint);
  font: 700 var(--df-fs-label)/1.4 var(--df-font);
  letter-spacing: var(--df-track-label);
  text-transform: uppercase;
  white-space: nowrap;
}
.df-trk__table td {
  padding: 7px var(--df-3);
  border-bottom: 1px solid var(--df-line-soft);
  vertical-align: middle;
}
.df-trk__row.is-shut td { opacity: .55; }
.df-trk__row:hover td   { background: var(--df-row); }
.df-trk__row.is-open td { background: var(--df-amber-bg); opacity: 1; }
.df-trk__title a { color: var(--df-text-strong); font-weight: 700; }
.df-trk__title a:hover { color: var(--df-amber); }
.df-trk__who  { color: var(--df-muted); white-space: nowrap; }
.df-trk__when { color: var(--df-faint); white-space: nowrap; }
.df-trk__reps { color: var(--df-faint); text-align: right; width: 58px; }
.df-trk__st   { white-space: nowrap; width: 1%; }
.df-trk__n { width: 62px; }
.df-trk__vote {
  display: inline-flex; align-items: center; gap: 3px;
  min-width: 44px; justify-content: center;
  padding: 4px 6px;
  background: #121212;
  border: 1px solid var(--df-line-strong); border-radius: 10px;
  color: var(--df-muted);
  font: 700 var(--df-fs-body)/1 var(--df-mono);
  cursor: pointer;
}
.df-trk__vote:hover { border-color: var(--df-amber); color: var(--df-amber); }
.df-trk__vote.is-on {
  background: var(--df-amber); border-color: var(--df-amber); color: var(--df-amber-ink);
}
.df-trk__arrow { font-size: 8px; }
.df-trk__open > td {
  padding: var(--df-3) var(--df-3) var(--df-5);
  background: var(--df-panel);
  border-bottom: 1px solid var(--df-line);
}
.df-trk__small { display: none; }
@media (max-width: 1023px) {
  .df-trk__who, .df-trk__when, .df-trk__reps { display: none; }
  .df-trk__small {
    display: block;
    margin-top: 2px;
    color: var(--df-faint);
    font-size: .74rem;
  }
  .df-trk__table th { font-size: 8px; }
  .df-trk__table td { padding: 8px var(--df-2); }
}
.df-navgroup .df-nav a .df-nav__count--idea {
  margin-left: auto;
  margin-top: 0;
  vertical-align: baseline;
  padding-left: var(--df-3);
  font-family: var(--df-mono);
  white-space: nowrap;
  position: relative;
  top: -3px;
  color: var(--df-faint);
  transition: color .18s ease, text-shadow .18s ease;
}
.df-navgroup .df-nav a .df-nav__count--idea.is-new {
  color: var(--df-amber);
  text-shadow: 0 0 6px color-mix(in srgb, var(--df-amber) 75%, transparent),
               0 0 12px color-mix(in srgb, var(--df-amber) 35%, transparent);
}
.df-navgroup .df-nav a:has(.df-nav__count--idea.is-new) { color: var(--df-amber-hi); }
.df-agnum--cash { color: var(--df-amber); }
.df-agnum--xp   { color: var(--df-blue); }
.df-agkill { display: flex; gap: var(--df-4); align-items: baseline; }
.df-agkill span { display: inline-flex; align-items: baseline; gap: 3px; }
.df-agkill i {
  font-style: normal;
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: var(--df-track-label);
  text-transform: uppercase;
  opacity: .7;
}
.df-agkill--off { color: var(--df-stat-off); }
.df-agkill--def { color: var(--df-stat-def); }
.df-agkill--stl { color: var(--df-stat-stl); }
@media (max-width: 1023px) {
  .df-agkill { gap: var(--df-3); }
  .df-agkill i { display: none; }
}
.df-agplate {
  position: relative;
  overflow: hidden;
  background: #07070a;
  border: 1px solid var(--df-line); border-radius: 10px;
}
.df-agplate::before {
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(circle at 50% 46%,
      color-mix(in srgb, var(--df-agc, var(--df-amber)) 22%, transparent) 0%,
      transparent 68%),
    linear-gradient(135deg,
      color-mix(in srgb, var(--df-agc, var(--df-amber)) 9%, transparent) 0%,
      transparent 55%);
  pointer-events: none;
}
.df-agplate::after {
  content: "";
  position: absolute; inset: 5px;
  border: 1px solid color-mix(in srgb, var(--df-agc, var(--df-amber)) 22%, transparent);
  pointer-events: none;
}
.df-agplate__in { position: relative; z-index: 1; width: 100%; }
.df-agplate__ghost {
  position: absolute; inset: 0; z-index: 0;
  display: flex; align-items: center; justify-content: center;
  font: 400 clamp(28px, 30cqw, 90px)/1 var(--df-display);
  text-transform: uppercase;
  color: var(--df-agc, var(--df-amber));
  opacity: .055;
  white-space: nowrap;
  pointer-events: none;
  container-type: inline-size;
}
.df-agplate__name {
  display: block;
  font: 400 var(--df-fs-lead)/1.05 var(--df-display);
  text-transform: uppercase;
  color: #fff;
  text-shadow:
    0 0 4px var(--df-agc, var(--df-amber)),
    0 0 12px color-mix(in srgb, var(--df-agc, var(--df-amber)) 70%, transparent),
    0 0 26px color-mix(in srgb, var(--df-agc, var(--df-amber)) 40%, transparent);
  word-break: break-word;
}
.df-agplate__sub {
  display: block;
  margin-top: 4px;
  color: var(--df-agc, var(--df-amber));
  font: 700 var(--df-fs-label)/1.3 var(--df-font);
  letter-spacing: var(--df-track-label);
  text-transform: uppercase;
  opacity: .8;
}
.df-agplate--live { aspect-ratio: 22 / 7; border-color: color-mix(in srgb, var(--df-agc) 45%, transparent); }
.df-agplate--live .df-agplate__name { font-size: clamp(26px, 6vw, 46px); }
.df-agplate--tile,
.df-agth__i.df-agplate {
  display: flex; align-items: center; justify-content: center;
  text-align: center; padding: var(--df-2);
}
.df-agplate--tile { aspect-ratio: 1; }
.df-agplate--tile .df-agplate__name { font-size: var(--df-fs-body); }
.df-agplate--tile .df-agplate__sub  { font-size: 8px; }
.df-agplate.is-shut { filter: grayscale(1) brightness(.55); }
.df-agplate.is-shut .df-agplate__name { text-shadow: none; }
.df-agtab__strip {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
  gap: var(--df-2);
  overflow-x: visible;
  padding-bottom: var(--df-1);
}
.df-agth { width: auto; flex: none; }
.df-agth__i { height: 62px; }
.df-agth.is-shut .df-agth__i { position: relative; }
.df-agth.is-shut .df-agth__i::before,
.df-agth.is-shut .df-agth__i::after {
  content: ""; position: absolute; left: 12%; right: 12%; top: 50%;
  height: 2px; background: var(--df-bad); opacity: .75; z-index: 2;
}
.df-agth.is-shut .df-agth__i::before { transform: rotate(32deg); }
.df-agth.is-shut .df-agth__i::after  { transform: rotate(-32deg); }
.df-agth.df-agplate {
  display: flex; flex-direction: column; justify-content: center;
  min-height: 74px; padding: var(--df-3) var(--df-2);
  text-align: center;
}
.df-agth.df-agplate .df-agth__n {
  font: 400 var(--df-fs-body)/1.15 var(--df-display);
  text-transform: uppercase;
  color: #fff;
  text-shadow:
    0 0 3px var(--df-agc, var(--df-amber)),
    0 0 10px color-mix(in srgb, var(--df-agc, var(--df-amber)) 65%, transparent);
}
.df-agth.df-agplate .df-agth__m { margin-top: 3px; }
.df-agth.is-shut { position: relative; }
.df-agth.is-shut::before,
.df-agth.is-shut::after {
  content: ""; position: absolute; left: 10%; right: 10%; top: 50%;
  height: 2px; background: var(--df-bad); opacity: .7; z-index: 3;
}
.df-agth.is-shut::before { transform: rotate(20deg); }
.df-agth.is-shut::after  { transform: rotate(-20deg); }
.df-agth.is-shut .df-agth__n { text-shadow: none; color: var(--df-muted); }
.df-hitcard.df-agplate {
  display: flex;
  align-items: stretch;
  gap: var(--df-4);
  height: auto;
  min-height: 0;
  padding: var(--df-4);
}
.df-hitcard .df-hitcard__hud {
  position: static;
  flex: 1 1 auto;
  min-width: 0;
  padding: 0;
  gap: var(--df-3);
}
.df-hitcard .df-hitcard__scrim { display: none; }
.df-hitcard .df-agplate__ghost { justify-content: flex-end; padding-right: var(--df-5); }
.df-agwall__mug {
  position: relative; z-index: 1;
  flex: 0 0 108px;
  min-height: 86px;
  display: flex; align-items: center; justify-content: center;
  text-align: center;
  padding: var(--df-2);
  border: 1px solid color-mix(in srgb, var(--df-agc, var(--df-amber)) 40%, transparent);
  background: rgba(0, 0, 0, .45);
}
.df-agwall__mugtx {
  font: 400 19px/1.05 var(--df-display);
  text-transform: uppercase;
  color: #fff;
  text-shadow:
    0 0 3px var(--df-agc, var(--df-amber)),
    0 0 12px color-mix(in srgb, var(--df-agc, var(--df-amber)) 65%, transparent);
}
.df-hitcard__x { left: auto; right: auto; width: 108px; }
.df-agwall { margin: var(--df-5) 0 0; }
.df-agwall__head {
  display: flex; align-items: baseline; gap: var(--df-3);
  padding-bottom: var(--df-2);
  border-bottom: 1px solid var(--df-line);
  margin-bottom: var(--df-3);
}
.df-agwall__head span {
  color: var(--df-faint);
  font: 700 var(--df-fs-label)/1.4 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
}
.df-agwall__head em { color: var(--df-muted); font-style: normal; font-size: .78rem; }
.df-agwall__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
  gap: var(--df-2);
}
.df-agwall__more { margin: var(--df-3) 0 0; color: var(--df-faint); font-size: .78rem; }
@media (max-width: 1023px) {
  .df-hitcard.df-agplate { flex-direction: column; }
  .df-agwall__mug { flex: 0 0 auto; min-height: 54px; }
  .df-hitcard__x { display: none; }
  .df-agwall__grid { grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); }
}
.df-agtab > .df-agwall { order: 4; }
.df-hitcard.df-agplate.is-live { border-color: var(--df-bad); }
.df-hitcard__eye {
  color: var(--df-bad);
  font: 700 var(--df-fs-label)/1.4 var(--df-font);
  letter-spacing: var(--df-track-label);
  text-transform: uppercase;
}
.df-hitcard:not(.is-live) .df-hitcard__eye { color: var(--df-faint); }
.df-hitcard__line {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 7px;
  margin-top: 4px;
  font-family: var(--df-mono);
}
.df-hitcard__line .df-hitcard__k {
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
  color: var(--df-faint);
}
.df-hitcard__clock { color: var(--df-bad); font-size: var(--df-fs-lead); font-weight: 700; }
.df-hitcard__shots { color: var(--df-text-strong); }
.df-hitcard__out   { color: var(--df-bad); }
.df-hitcard__travel,
.df-hitcard__ready { margin-top: 6px; }
.df-agtab .df-summary { gap: var(--df-6); }
.df-ocseats { display: flex; flex-wrap: wrap; gap: 4px; }
.df-ocseat {
  display: flex; flex-direction: column; align-items: center; gap: 1px;
  min-width: 76px;
  padding: 5px 6px;
  background: none;
  border: 1px solid var(--df-line-strong); border-radius: 10px;
  color: var(--df-muted);
  cursor: pointer;
  font-family: var(--df-font);
}
.df-ocseat b { font: 700 var(--df-fs-label)/1.2 var(--df-font);
               letter-spacing: var(--df-track-label); text-transform: uppercase; }
.df-ocseat i { font-style: normal; font-size: .7rem; color: var(--df-faint); }
.df-ocseat:hover { border-color: var(--df-amber); color: var(--df-amber); }
.df-ocseat:focus-visible { outline: 2px solid var(--df-amber); outline-offset: 1px; }
.df-ocseat.is-took { border-style: dashed; opacity: .55; cursor: default; }
.df-ocseat.is-took:hover { border-color: var(--df-line-strong); color: var(--df-muted); }
@media (max-width: 1023px) {
  .df-ocseat { min-width: 64px; }
}
.df-ocgrid__note {
  margin: 0 0 var(--df-3);
  color: var(--df-muted);
  font-size: .8rem;
}
.df-oc__seats { display: flex; flex-wrap: wrap; gap: 4px; margin: var(--df-3) 0 0; }
.df-oc__seat {
  display: inline-flex; flex-direction: column; align-items: center; gap: 1px;
  min-width: 62px;
  padding: 3px 5px;
  background: rgba(0, 0, 0, .45);
  border: 1px solid var(--df-line-strong); border-radius: 10px;
}
.df-oc__seat b {
  font: 700 var(--df-fs-label)/1.2 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
}
.df-oc__seat i { font-style: normal; font-size: .66rem; color: var(--df-faint); }
.df-oc__seat--off b { color: var(--df-stat-off); }
.df-oc__seat--def b { color: var(--df-stat-def); }
.df-oc__seat--stl b { color: var(--df-stat-stl); }
.df-ocask {
  margin: var(--df-3) 0 0;
  border-top: 1px solid var(--df-line);
  padding-top: var(--df-3);
  text-align: right;
}
.df-ocask__body { text-align: left; }
.df-ocask__sum {
  cursor: pointer;
  color: var(--df-amber);
  font: 700 var(--df-fs-label)/1.4 var(--df-font);
  letter-spacing: var(--df-track-label);
  text-transform: uppercase;
  list-style: none;
}
.df-ocask__sum::-webkit-details-marker { display: none; }
.df-ocask__sum::before { content: "+ "; }
.df-ocask[open] .df-ocask__sum::before { content: "\2212 "; }
.df-ocask__body { padding-top: var(--df-3); }
.df-ocask__note { margin: 0 0 var(--df-3); color: var(--df-faint); font-size: .78rem; }
.df-ocask__who { display: flex; flex-wrap: wrap; gap: 4px; }
.df-ocgrid { display: grid; gap: var(--df-2); }
.df-oc.df-agplate {
  position: relative;
  overflow: hidden;
  background: #07070a;
  border: 1px solid color-mix(in srgb, var(--df-agc) 42%, transparent);
  padding: 0;
}
.df-oc__in { position: relative; z-index: 1; padding: var(--df-4); }
.df-oc__name {
  margin: 0;
  font: 400 22px/1 var(--df-display);
  text-transform: uppercase;
  color: #fff;
  text-shadow:
    0 0 4px var(--df-agc),
    0 0 16px color-mix(in srgb, var(--df-agc) 70%, transparent),
    0 0 34px color-mix(in srgb, var(--df-agc) 35%, transparent);
}
.df-oc .df-agplate__ghost {
  justify-content: flex-end;
  padding-right: var(--df-4);
  font-size: clamp(34px, 9vw, 72px);
  opacity: .085;
}
.df-oc__foot {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--df-3);
  margin-top: var(--df-4);
}
.df-oc__cash { color: var(--df-amber); font-family: var(--df-mono); font-weight: 700; }
.df-oc__xp   { color: var(--df-blue);  font-family: var(--df-mono); }
.df-oc__item { color: var(--df-good); font-size: .78rem; }
.df-oc__form { margin-left: auto; }
@media (max-width: 1023px) {
  .df-oc__name { font-size: 19px; }
  .df-oc .df-agplate__ghost { font-size: clamp(28px, 14vw, 50px); }
  .df-oc__form { margin-left: 0; width: 100%; }
}
.df-ocask__none { margin: 0; color: var(--df-faint); font-size: .78rem; }
.df-bosslab {
  display: block;
  color: var(--df-faint);
  font: 700 var(--df-fs-label)/1.4 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
}
.df-statsplit {
  display: flex; flex-wrap: wrap; gap: 2px var(--df-3);
  margin-top: 5px;
}
.df-statsplit span {
  display: flex; align-items: baseline; gap: 4px;
  font-family: var(--df-mono); font-size: .72rem; color: var(--df-muted);
}
.df-statsplit i {
  font-style: normal;
  font-family: var(--df-font); font-weight: 700; font-size: 9px;
  letter-spacing: var(--df-track-label); text-transform: uppercase;
  color: var(--df-faint);
}
@media (max-width: 1023px) {
  .df-statsplit { flex-direction: column; gap: 1px; }
}
.df-summary--pay { border-top: 1px solid var(--df-line); }
@media (max-width: 1023px) {
  .df-summary--pay { display: grid; grid-template-columns: 1fr 1fr; }
}
.df-shelf { border: 1px solid var(--df-line); border-radius: 10px; background: var(--df-panel); }
.df-shelf__worth {
  display: flex; flex-wrap: wrap; gap: var(--df-3) var(--df-5);
  padding: var(--df-4) var(--df-5);
  border-bottom: 1px solid var(--df-line);
  background: #0b0b0e;
}
.df-shelf__worth span {
  display: block; color: var(--df-faint);
  font: 700 9px var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
}
.df-shelf__worth b { font: 400 20px/1.2 var(--df-mono); color: var(--df-text-strong); }
.df-shelf__worth b.money { color: var(--df-amber); }
.df-shelf__in { display: grid; grid-template-columns: 92px 1fr; }
.df-shelf__rail { border-right: 1px solid var(--df-line); padding: var(--df-3) 0; }
.df-shelf__k {
  display: flex; flex-direction: column; align-items: center; gap: 2px;
  padding: 9px 4px;
  color: var(--df-faint); text-decoration: none; text-align: center;
  box-shadow: inset 2px 0 0 transparent;
}
.df-shelf__k span  { font-size: 18px; line-height: 1; }
.df-shelf__k small {
  font: 700 9px var(--df-font); letter-spacing: .04em; text-transform: uppercase;
  white-space: nowrap;
}
.df-shelf__k em {
  font-style: normal; font-family: var(--df-mono); font-size: .66rem;
  color: var(--df-line-strong); line-height: 1.25;
}
.df-shelf__k:hover { color: var(--df-text); background: rgba(255,255,255,.02); }
.df-shelf__k:hover em { color: var(--df-faint); }
.df-shelf__k.is-on {
  color: var(--df-amber);
  background: var(--df-amber-bg);
  box-shadow: inset 2px 0 0 var(--df-amber);
}
.df-shelf__k.is-on em { color: var(--df-amber); opacity: .75; }
.df-shelf__pane { min-width: 0; padding: var(--df-4) var(--df-4) var(--df-5); }
.df-shelf__pane > .df-bar:first-child { margin-top: 0; }
@media (max-width: 1023px) {
  .df-shelf__in { grid-template-columns: 1fr; }
  .df-shelf__rail {
    display: flex; overflow-x: auto; scrollbar-width: none;
    border-right: 0; border-bottom: 1px solid var(--df-line); padding: 0;
  }
  .df-shelf__rail::-webkit-scrollbar { display: none; }
  .df-shelf__k { flex: 0 0 auto; min-width: 74px; box-shadow: inset 0 -2px 0 transparent; }
  .df-shelf__k.is-on { box-shadow: inset 0 -2px 0 var(--df-amber); }
  .df-shelf__pane { padding: var(--df-3) var(--df-3) var(--df-4); }
  .df-shelf__worth b { font-size: 17px; }
}
.df-shelf__k.is-ready small { color: var(--df-good); }
.df-shelf__k.is-ready::after {
  content: "";
  position: absolute; top: 6px; right: 8px;
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--df-good);
}
.df-shelf__k { position: relative; }
.df-pop {
  position: fixed; inset: 0; z-index: 60;
  display: flex; align-items: flex-start; justify-content: center;
  padding: 4vh var(--df-4);
  overflow-y: auto;
}
.df-pop__back {
  position: fixed; inset: 0;
  background: rgba(0, 0, 0, .72);
  backdrop-filter: blur(2px);
}
.df-pop__box {
  position: relative;
  width: 100%; max-width: 640px;
  background: var(--df-bg);
  border: 1px solid var(--df-amber-line);
  box-shadow: 0 18px 60px rgba(0, 0, 0, .7);
  padding: var(--df-4);
}
.df-pop__shut {
  position: absolute; top: 6px; right: 10px; z-index: 1;
  color: var(--df-faint); text-decoration: none;
  font: 400 22px/1 var(--df-font);
}
.df-pop__shut:hover { color: var(--df-amber); }
@media (max-width: 1023px) {
  .df-pop { padding: 0; }
  .df-pop__box { max-width: none; min-height: 100%; border: 0; padding: var(--df-3); }
}
.df-shelf__in:has(.df-shelf__rail--wide) { grid-template-columns: 138px 1fr; }
.df-shelf__rail--wide .df-shelf__k { padding-top: 7px; padding-bottom: 7px; }
.df-shelf__rail--wide .df-shelf__k small {
  font-size: 12px; letter-spacing: .01em; text-transform: none;
}
.df-ach { list-style: none; margin: 0; padding: 0; }
.df-ach__row {
  display: grid;
  grid-template-columns: 22px 1fr auto;
  gap: var(--df-3);
  align-items: center;
  padding: 9px 2px;
  border-bottom: 1px solid var(--df-line);
}
.df-ach__row:last-child { border-bottom: 0; }
.df-ach__mark { font-size: 14px; line-height: 1; color: var(--df-faint); text-align: center; }
.df-ach__row.is-got .df-ach__mark { color: var(--df-good); }
.df-ach__main { min-width: 0; }
.df-ach__name { font: 600 13px/1.3 var(--df-font); color: var(--df-text); }
.df-ach__row.is-got .df-ach__name { color: var(--df-text-strong); }
.df-ach__line { font: 400 11px/1.4 var(--df-font); color: var(--df-faint); }
.df-ach__right { text-align: right; white-space: nowrap; }
.df-ach__have { font: 400 13px/1.2 var(--df-mono); font-variant-numeric: tabular-nums; }
.df-ach__have span { font-size: 11px; opacity: .55; }
.df-ach__have.is-far   { color: var(--df-faint); }
.df-ach__have.is-part  { color: var(--df-amber); }
.df-ach__have.is-close { color: var(--df-good); }
.df-ach__done { font: 600 11px/1.2 var(--df-font); color: var(--df-good); text-transform: uppercase; letter-spacing: .06em; }
.df-ach__pays { font: 400 10px/1.4 var(--df-mono); color: var(--df-faint); opacity: .7; }
@media (max-width: 1023px) {
  .df-shelf__in:has(.df-shelf__rail--wide) { grid-template-columns: 1fr; }
  .df-shelf__rail--wide .df-shelf__k { min-width: 92px; }
  .df-ach__row { grid-template-columns: 18px 1fr auto; gap: var(--df-2); }
  .df-ach__line { font-size: 10px; }
}
.df-wiki { max-width: 760px; }
.df-wiki p {
  font: 400 12px/1.75 var(--df-font); color: var(--df-text); margin: 0 0 var(--df-4);
}
.df-wiki__lead {
  font-size: 13px !important; color: var(--df-text-strong) !important;
  border-left: 2px solid var(--df-amber); padding-left: var(--df-4);
}
.df-wiki__note {
  font-size: 11px !important; color: var(--df-faint) !important;
  border-left: 2px solid var(--df-line); padding-left: var(--df-4);
}
.df-wiki b { color: var(--df-amber); font-weight: 600; }
.df-wiki h3 {
  font: 400 14px/1.2 var(--df-display); color: var(--df-amber);
  letter-spacing: .04em; text-transform: uppercase;
  margin: var(--df-7) 0 var(--df-3);
  padding-bottom: 5px; border-bottom: 1px solid var(--df-line);
}
.df-wiki h3:first-of-type { margin-top: var(--df-5); }
.df-wiki__dl {
  display: grid; grid-template-columns: 168px 1fr; gap: 2px var(--df-4);
  margin: 0 0 var(--df-4);
}
.df-wiki__dl dt {
  font: 600 11px/1.6 var(--df-font); color: var(--df-text-strong);
  padding: 5px 0; border-top: 1px solid var(--df-line);
}
.df-wiki__dl dd {
  font: 400 11px/1.65 var(--df-font); color: var(--df-muted);
  margin: 0; padding: 5px 0; border-top: 1px solid var(--df-line);
}
.df-wiki__dl dt:first-child, .df-wiki__dl dt:first-child + dd { border-top: 0; }
.df-wiki__t { width: 100%; border-collapse: collapse; margin: 0 0 var(--df-4); }
.df-wiki__t th {
  font: 600 9px/1.2 var(--df-font); color: var(--df-faint); text-align: left;
  text-transform: uppercase; letter-spacing: var(--df-track-label);
  padding: 5px 8px 5px 0; border-bottom: 1px solid var(--df-line);
}
.df-wiki__t td {
  font: 400 11px/1.6 var(--df-font); color: var(--df-muted);
  padding: 5px 8px 5px 0; border-bottom: 1px solid var(--df-line);
}
.df-wiki__t tr td:first-child { color: var(--df-text); font-weight: 600; }
@media (max-width: 767px) {
  .df-wiki__dl { grid-template-columns: 1fr; gap: 0; }
  .df-wiki__dl dd { padding-top: 0; border-top: 0; padding-bottom: var(--df-3); }
}
.df-wiki__warn {
  font: 600 12px/1.7 var(--df-font) !important; color: var(--df-amber) !important;
  background: #1a1305; border: 1px solid #8a6410;
  padding: var(--df-3) var(--df-4);
}
.df-garagesell { margin: 0 0 var(--df-4); padding: 0 var(--df-4); }
:root { --df-prof-w: 900px; }
.df-uinfo--wide { max-width: var(--df-prof-w); }
.df-uinfo__grid--wide .df-uinfo__rows { flex: 1 1 100%; }
.df-lke {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 9000;
  max-height: 62vh; overflow-y: auto;
  background: var(--df-panel); border-top: 2px solid var(--df-amber);
  box-shadow: 0 -14px 40px rgba(0,0,0,.72);
  font-family: var(--df-font);
}
.df-lke[hidden] { display: none; }
.df-lke__head {
  display: flex; align-items: center; gap: var(--df-3);
  padding: 8px var(--df-4); border-bottom: 1px solid var(--df-line);
  background: #0d1725; position: sticky; top: 0; z-index: 2;
}
.df-lke__sel {
  font: 400 12px/1.3 var(--df-mono); color: var(--df-amber);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1 1 auto;
}
.df-lke__n { font: 400 11px/1.3 var(--df-mono); color: var(--df-faint); flex: 0 0 auto; }
.df-lke__x {
  background: none; border: 0; color: var(--df-faint); font-size: 20px;
  line-height: 1; cursor: pointer; padding: 0 4px;
}
.df-lke__x:hover { color: var(--df-text-strong); }
.df-lke__row {
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
  padding: 8px var(--df-4); border-bottom: 1px solid var(--df-line);
}
.df-lke__lab {
  font: 600 9px/1.2 var(--df-font); color: var(--df-faint);
  text-transform: uppercase; letter-spacing: var(--df-track-label); margin-left: 6px;
}
.df-lke__row .df-lke__lab:first-child { margin-left: 0; }
.df-lke__pill {
  background: #0d1725; border: 1px solid var(--df-line); border-radius: 10px; color: var(--df-muted);
  font: 400 11px/1.2 var(--df-font); padding: 4px 9px; cursor: pointer;
}
.df-lke__pill.is-on { background: #1a1305; border-color: #8a6410; color: var(--df-amber); }
.df-lke__grp { padding: 8px var(--df-4); border-bottom: 1px solid var(--df-line); }
.df-lke__grp > b {
  display: block; font: 600 9px/1.2 var(--df-font); color: var(--df-faint);
  text-transform: uppercase; letter-spacing: var(--df-track-label); margin-bottom: 6px;
}
.df-lke__props { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 5px; }
.df-lke__p {
  display: grid; grid-template-columns: 1fr auto; align-items: center;
  gap: 2px 4px; border: 1px solid var(--df-line); border-radius: 10px; background: #101010; padding: 4px 6px;
}
.df-lke__p > span {
  grid-column: 1 / -1;
  font: 400 9px/1.2 var(--df-mono); color: var(--df-faint);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.df-lke__p input {
  background: var(--df-input); border: 1px solid var(--df-line); border-radius: 10px; color: var(--df-text);
  font: 400 11px/1.3 var(--df-mono); padding: 3px 5px; width: 100%; min-width: 0;
}
.df-lke__p input:focus { outline: 1px solid var(--df-amber); border-color: var(--df-amber); }
.df-lke__p.is-set { border-color: #8a6410; background: #14100a; }
.df-lke__p.is-set > span { color: var(--df-amber); }
.df-lke__p.is-risky > span::after { content: ' !'; color: #d97706; font-weight: 700; }
.df-lke__off {
  background: none; border: 0; color: var(--df-faint); cursor: pointer;
  font-size: 13px; line-height: 1; padding: 0 2px;
}
.df-lke__off:hover { color: var(--df-bad); }
.df-lke__foot {
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
  padding: 8px var(--df-4); background: #0d1725;
  position: sticky; bottom: 0; border-top: 1px solid var(--df-line);
}
.df-lke__gap { flex: 1 1 auto; }
.df-lke__btn {
  background: #1a1305; border: 1px solid var(--df-line); border-radius: 10px; color: var(--df-text);
  font: 600 11px/1.2 var(--df-font); padding: 6px 10px; cursor: pointer;
}
.df-lke__btn:hover { border-color: var(--df-amber); color: var(--df-amber); }
.df-lke__btn--bad { color: #e57373; }
.df-lke__btn--bad:hover { border-color: var(--df-bad); color: var(--df-bad); }
.df-lke__btn--go { background: var(--df-amber); border-color: var(--df-amber); color: #1a1305; }
.df-lke__btn--go:hover { background: var(--df-amber-hi); border-color: var(--df-amber-hi); color: #1a1305; }
.df-lke__say { padding: 0 var(--df-4) 8px; font: 400 11px/1.5 var(--df-font); min-height: 6px; }
.df-lke__say.is-ok  { color: var(--df-good); }
.df-lke__say.is-bad { color: var(--df-bad); }
.df-lke__ring {
  position: absolute; z-index: 8999; pointer-events: none;
  border: 2px dashed var(--df-amber); box-shadow: 0 0 0 9999px rgba(0,0,0,.18);
}
.df-lke__ring[hidden] { display: none; }
@media (max-width: 1023px) {
  .df-lke { max-height: 70vh; }
  .df-lke__props { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
  .df-lke__foot { gap: 4px; }
  .df-lke__btn { padding: 8px 9px; }
}
.df-lke__help {
  position: sticky; top: 37px; z-index: 2;
  padding: 6px var(--df-4);
  background: var(--df-menu-2); border-bottom: 1px solid var(--df-line);
  font: 400 11px/1.5 var(--df-font); color: var(--df-muted);
  min-height: 15px;
}
.df-lke__help b {
  color: var(--df-amber); font: 400 11px/1.5 var(--df-mono); margin-right: 6px;
}
.df-lke__help.is-risky { color: #f0b357; }
.df-lke__help.is-risky::after {
  content: ' This one can move a page off the screen or hide it.';
  color: #d97706;
}
.df-lke__p { grid-template-columns: 1fr auto auto; }
.df-lke__p select {
  grid-column: 1 / -1;
  background: #0d1725; border: 1px solid var(--df-line); border-radius: 10px; color: var(--df-muted);
  font: 400 10px/1.3 var(--df-mono); padding: 3px 4px; width: 100%; min-width: 0;
  margin-bottom: 3px;
}
.df-lke__p select:focus { outline: 1px solid var(--df-amber); }
.df-lke__p.is-set select { color: var(--df-amber); border-color: #8a6410; }
.df-lke__chip {
  width: 18px; height: 18px; border: 1px solid var(--df-line); border-radius: 10px; display: block;
  background-image: linear-gradient(45deg, #333 25%, transparent 25%),
                    linear-gradient(-45deg, #333 25%, transparent 25%);
  background-size: 8px 8px;
}
.df-lke.is-min {
  max-height: 37px;
  overflow: hidden;
}
.df-lke__min {
  margin-left: auto;
  background: transparent;
  border: 1px solid var(--df-line); border-radius: 10px;
  color: var(--df-amber);
  font: 400 11px/1 var(--df-font);
  padding: 4px 8px;
  cursor: pointer;
}
.df-lke__min:hover { border-color: var(--df-amber); color: var(--df-amber-hi); }
.df-lke__head .df-lke__n { margin-left: 0; }
.df-pwin {
  position: fixed; inset: 0; z-index: 8000;
  display: flex; align-items: flex-start; justify-content: center;
  padding: var(--df-5) var(--df-4);
  overflow-y: auto;
}
.df-pwin__back {
  position: fixed; inset: 0;
  background: rgba(0, 0, 0, .72);
  cursor: default;
}
.df-pwin__box {
  position: relative;
  width: 100%; max-width: 1000px;
  margin: auto 0;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .8);
}
.df-pwin__box .df-pcard-grid {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.df-pwin__box details[open] .df-pcard__body { z-index: 8100; }
@media (max-width: 767px) {
  .df-pwin { padding: var(--df-3) var(--df-2); }
  .df-pwin__box { max-width: none; }
}
.df-give__list[hidden],
.df-give__many[hidden],
.df-give__note[hidden] { display: none; }
.df-give { display: flex; flex-direction: column; align-items: stretch; gap: 10px; }
.df-give .df-field { width: 100%; }
.df-give select,
.df-give input[type="number"] { width: 100%; }
.df-dock__bar { display: flex; gap: 6px; align-items: flex-end; }
.df-dock__pin--crew .df-dock__pin-dot { color: var(--df-good); }
@media (max-width: 767px) {
  .df-dock__pin--crew { display: none; }
}
.df-chatbox__head { cursor: pointer; }
.df-chatbox__head button { cursor: pointer; }
.df-chatbox__title { user-select: none; }
.df-dc__lead { font-size: var(--df-fs-lead); color: #d8d8d8; margin: 0 0 var(--df-5); }
.df-dc__grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--df-4); margin-bottom: var(--df-5);
}
.df-dc__card {
  border: 1px solid var(--df-line); border-radius: 10px; background: #0b0b0d;
  padding: var(--df-4);
}
.df-dc__card h3 {
  margin: 0 0 var(--df-2);
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: .14em; text-transform: uppercase; color: var(--df-amber);
}
.df-dc__card p { margin: 0 0 var(--df-2); color: #c8c8c8; }
.df-dc__card p:last-child { margin-bottom: 0; }
.df-dc__also { font-size: var(--df-fs-small); color: var(--df-muted); }
.df-dc__go {
  text-align: center;
  padding: var(--df-5) 0 var(--df-4);
  border-top: 1px solid var(--df-line);
}
.df-btn--go {
  font-size: var(--df-fs-lead);
  padding: 12px 28px;
}
.df-dc__note { margin: var(--df-3) 0 0; font-size: var(--df-fs-small); color: var(--df-muted); }
.df-dc__rules {
  margin: 0; padding-top: var(--df-4);
  border-top: 1px solid var(--df-line);
  font-size: var(--df-fs-small); color: var(--df-muted);
}
@media (min-width: 1024px) {
:root {
  --df-crawl-h:  31px;
  --df-online-h: 31px;
  --df-pinrow-h: 31px;
}
.df-crawl {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 55;
  height: var(--df-crawl-h);
  box-sizing: border-box;
}
.df-online {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 55;
  height: var(--df-online-h);
  box-sizing: border-box;
  margin: 0;
}
.df-shell {
  padding-top: var(--df-crawl-h);
  padding-bottom: var(--df-online-h);
  min-height: calc(100vh - var(--df-crawl-h) - var(--df-online-h));
}
@supports (height: 100dvh) {
  .df-shell { min-height: calc(100dvh - var(--df-crawl-h) - var(--df-online-h)); }
}
.df-dock { bottom: var(--df-online-h); }
.df-dock__bar { margin-bottom: 3px; }
.df-chatbox { bottom: calc(var(--df-online-h) + 3px + var(--df-pin-h, 34px) - 1px); }
.df-online__list { padding-right: 11px; }
}
.df-dock__pin { cursor: grab; user-select: none; touch-action: none; }
.df-dock__pin.is-dragging { cursor: grabbing; opacity: .92; }
body > .df-dock__pin { pointer-events: auto; }
.df-cw__btn--home {
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: .08em; text-transform: uppercase;
  padding: 3px 5px; border: 1px solid var(--df-line); border-radius: 10px;
}
.df-cw__btn--home:hover { color: var(--df-amber); border-color: var(--df-amber-line); }
@media (min-width: 1024px) {
  body[data-menus="wide"] .df-shell {
    max-width: none;
    border-left: 0;
    border-right: 0;
  }
  body[data-menus="wide"] .df-shell__page {
    max-width: calc(var(--df-shell-max) - var(--df-col-left) - var(--df-col-right) - 2px);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1024px) {
  .df-banner__art {
    position: absolute; inset: 0; z-index: 0;
    width: 100%; height: 100%;
    object-fit: cover; object-position: 0% 50%;
  }
  .df-banner::after { content: none; }
  .df-banner__word {
    position: static; z-index: 3;
    flex: 1 1 auto; min-width: 0;
    padding: 0; background: none; border: 0;
  }
  .df-banner__word .df-auth__sub {
    position: absolute; right: var(--df-5); top: var(--df-3);
    z-index: 3; margin: 0;
  }
  .df-banner__where {
    position: absolute; right: 0; bottom: 0; z-index: 3;
    align-self: auto;
  }
}
.df-shell__page {
  padding: 0;
  background: var(--df-panel);
  border: 1px solid var(--df-line-strong); border-radius: 10px;
}
.df-winbar {
  display: flex; align-items: center; justify-content: space-between; gap: var(--df-4);
  padding: 7px var(--df-4);
  background: #0c1521;
  border-bottom: 1px solid var(--df-line-strong);
  font: 700 var(--df-fs-label)/1 var(--df-font);
  text-transform: uppercase;
}
.df-winbar__name { letter-spacing: .18em; color: var(--df-amber); }
.df-winbar__mark { letter-spacing: .1em;  color: var(--df-muted); }
.df-page__body { padding: var(--df-6); }
:root {
  --df-panel-rgb:     11, 20, 31;
  --df-panel-alt-rgb:  8, 15, 25;
  --df-panel:     rgba(var(--df-panel-rgb),     1);
  --df-panel-alt: rgba(var(--df-panel-alt-rgb), 1);
}
@media (max-width: 1023px) {
  .df-banner { height: 90px; }
  .df-banner__where { display: flex; position: absolute; right: 0; bottom: 0; z-index: 3; }
  .df-banner .df-auth__sub { display: none; }
  .df-banner__art { object-position: 0% 50%; }
}
.df-land {
  margin: 0;
  min-height: 100vh;
  background: #05070c;
}
.df-land__top {
  display: flex; align-items: center; justify-content: space-between; gap: var(--df-6);
  padding: var(--df-4) var(--df-6);
  background: rgba(6, 7, 11, .92);
  border-bottom: 1px solid var(--df-line);
}
.df-land__mark {
  font: 400 24px/1 var(--df-display); text-transform: uppercase;
  color: var(--df-amber); letter-spacing: .02em;
}
.df-land__nav { display: flex; align-items: center; gap: var(--df-5); flex-wrap: wrap; }
.df-land__nav a {
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--df-muted); text-decoration: none;
}
.df-land__nav a:hover { color: var(--df-text); }
.df-land__nav .df-land__reg { color: var(--df-text); }
.df-land__nav .df-land__in {
  padding: 7px 12px; color: var(--df-amber-ink); background: var(--df-amber);
}
.df-land__nav .df-land__in:hover { color: var(--df-amber-ink); opacity: .9; }
.df-land__hero { position: relative; border-bottom: 1px solid var(--df-line); background: #05070c; }
.df-land__hero img {
  display: block; width: 100%; height: 160px;
  object-fit: cover; object-position: 0% 50%;
}
.df-land__wrap {
  max-width: var(--df-shell-max);
  margin: 0 auto;
  padding: var(--df-7) var(--df-6) var(--df-8);
  display: flex; flex-direction: column; gap: var(--df-6);
}
.df-land__row { display: flex; gap: var(--df-6); align-items: stretch; flex-wrap: wrap; }
.df-land__row > * { flex: 1 1 320px; min-width: 0; }
.df-land__about p { margin: 0 0 var(--df-5); color: var(--df-text); font-size: var(--df-fs-body); }
.df-land__about p:last-child { margin-bottom: 0; }
.df-land__ver {
  font: 400 var(--df-fs-label)/1 var(--df-mono) !important;
  letter-spacing: .22em; text-transform: uppercase; color: var(--df-muted) !important;
}
.df-land__clocks { display: flex; gap: 0; border: 1px solid var(--df-line); border-radius: 10px; }
.df-land__clocks > div {
  flex: 1 1 0; padding: var(--df-5) var(--df-3); text-align: center;
  border-left: 1px solid var(--df-line);
}
.df-land__clocks > div:first-child { border-left: 0; }
.df-land__clocks b {
  display: block; font: 400 30px/1 var(--df-mono); color: var(--df-amber);
  font-variant-numeric: tabular-nums;
}
.df-land__clocks span {
  display: block; margin-top: var(--df-3);
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: .16em; text-transform: uppercase; color: var(--df-muted);
}
.df-land__note { margin: var(--df-5) 0 0; font-size: var(--df-fs-small); color: var(--df-muted); }
.df-land__note b { color: var(--df-text); }
.df-land__grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
  gap: 1px; background: var(--df-line); border: 1px solid var(--df-line); border-radius: 10px;
}
.df-land__grid > div { background: var(--df-panel); padding: var(--df-5) var(--df-3); text-align: center; }
.df-land__grid b {
  display: block; font: 400 22px/1 var(--df-mono); color: var(--df-amber);
  font-variant-numeric: tabular-nums;
}
.df-land__grid span {
  display: block; margin-top: var(--df-2);
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: .14em; text-transform: uppercase; color: var(--df-muted);
}
.df-land__table { width: 100%; }
.df-land__table td, .df-land__table th { padding: var(--df-3) var(--df-4); }
.df-land__upd { list-style: none; margin: 0; padding: 0; }
.df-land__upd li { padding: var(--df-4) 0; border-bottom: 1px solid var(--df-line); }
.df-land__upd li:last-child { border-bottom: 0; padding-bottom: 0; }
.df-land__upd i {
  font-style: normal; display: block; margin-bottom: 3px;
  font: 700 var(--df-fs-label)/1 var(--df-mono);
  letter-spacing: .18em; text-transform: uppercase; color: var(--df-amber);
}
.df-land__upd b { display: block; color: var(--df-text); font-size: var(--df-fs-body); }
.df-land__upd span { display: block; margin-top: 3px; color: var(--df-faint); font-size: var(--df-fs-small); }
.df-land .df-auth { margin-top: 0; }
@media (max-width: 1023px) {
  .df-land__top { flex-direction: column; align-items: flex-start; gap: var(--df-4); }
  .df-land__hero img { height: 90px; }
  .df-land__wrap { padding: var(--df-6) var(--df-4) var(--df-7); }
  .df-land__clocks b { font-size: 24px; }
}
.df-modal { display: none; }
.df-modal:target,
.df-modal.is-open {
  display: flex; align-items: center; justify-content: center;
  position: fixed; inset: 0; z-index: 90;
  padding: var(--df-6);
}
.df-modal__back {
  position: absolute; inset: 0; z-index: 0;
  background: rgba(3, 4, 7, .82);
  cursor: default;
}
.df-modal__box {
  position: relative; z-index: 1;
  width: 100%; max-width: 340px;
  margin: 0;
  max-height: 100%; overflow-y: auto;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .8);
}
.df-modal__x {
  color: var(--df-amber-ink); text-decoration: none;
  font: 400 16px/1 var(--df-font);
  padding: 0 2px;
}
.df-modal__x:hover { opacity: .7; }
.df-feats {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
  gap: 1px;
  background: var(--df-line);
  border: 1px solid var(--df-line); border-radius: 10px;
}
.df-feat {
  position: relative;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: var(--df-3);
  padding: var(--df-5) var(--df-2);
  background: var(--df-panel);
  text-decoration: none;
  color: var(--df-muted);
  text-align: center;
}
.df-feat:hover,
.df-feat:focus { background: var(--df-menu-hi); color: var(--df-text); outline: none; }
.df-feat__i { width: 22px; height: 22px; flex: 0 0 auto; }
.df-feat__i path {
  fill: none; stroke: currentColor; stroke-width: 1.6;
  stroke-linecap: round; stroke-linejoin: round;
}
.df-feat:hover .df-feat__i,
.df-feat:focus .df-feat__i { color: var(--df-amber); }
.df-feat__n {
  font: 700 var(--df-fs-label)/1.3 var(--df-font);
  letter-spacing: .1em; text-transform: uppercase;
}
.df-feat__tip {
  position: absolute; left: 50%; bottom: calc(100% + 6px);
  transform: translateX(-50%);
  z-index: 20;
  width: 232px;
  padding: var(--df-4);
  background: #080f19;
  border: 1px solid var(--df-amber-line);
  box-shadow: 0 10px 26px rgba(0, 0, 0, .8);
  text-align: left;
  visibility: hidden; opacity: 0;
  transition: opacity .12s ease;
  pointer-events: none;
}
.df-feat:hover .df-feat__tip,
.df-feat:focus .df-feat__tip { visibility: visible; opacity: 1; }
.df-feat__tip b {
  display: block;
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: .14em; text-transform: uppercase; color: var(--df-amber);
}
.df-feat__tip em {
  display: block; margin-top: var(--df-3);
  font: 400 var(--df-fs-lead)/1 var(--df-mono); font-style: normal;
  color: var(--df-text); font-variant-numeric: tabular-nums;
}
.df-feat__tip span {
  display: block; margin-top: var(--df-3);
  font: 400 var(--df-fs-small)/1.5 var(--df-font); color: var(--df-faint);
  letter-spacing: 0; text-transform: none;
}
.df-feats > .df-feat:nth-child(-n+8) .df-feat__tip {
  bottom: auto; top: calc(100% + 6px);
}
@media (max-width: 1023px) {
  .df-feats { grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); }
  .df-feat__tip { width: 200px; }
}
@media (max-width: 1023px) {
  .df-banner { height: 72px; }
  .df-swipe .df-shell__main > .df-now {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .df-swipe .df-shell__main > .df-now::-webkit-scrollbar { display: none; }
  .df-swipe .df-shell__main > .df-now > .df-now__row {
    flex: 1 0 68px;
    min-height: 54px;
    padding: 6px 1px 5px;
    scroll-snap-align: start;
  }
  .df-swipe .df-shell__main > .df-now > .df-now__row .df-now__ico {
    width: 20px;
    height: 20px;
  }
}
.df-now__row:not(.df-now__row--desk) { display: none; }
@media (max-width: 1023px) {
  .df-swipe .df-shell__main > .df-now > .df-now__row        { display: none; }
  .df-swipe .df-shell__main > .df-now > .df-now__row--phone { display: flex; }
}
.df-pp__zone {
  align-self: stretch;
  margin: 10px 0 0;
  border: 1px solid var(--df-line); border-radius: 10px;
  background: var(--df-panel-alt);
}
.df-pp__zone--off { border-style: dashed; background: transparent; }
.df-pp__head {
  padding: 5px 8px;
  font: 700 10px/1 var(--df-font);
  letter-spacing: .1em; text-transform: uppercase;
  color: var(--df-faint);
  border-bottom: 1px solid var(--df-line);
}
.df-pp__head span {
  float: right; color: var(--df-amber);
  font: 700 10px/1 var(--df-mono);
}
.df-pp__rack {
  display: flex; flex-wrap: wrap; gap: 4px;
  padding: 6px; min-height: 52px;
}
.df-pp__rack.is-over { background: color-mix(in srgb, var(--df-amber) 10%, transparent); }
.df-pp__chip {
  display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 3px;
  width: 76px; min-height: 46px; padding: 5px 3px;
  border: 1px solid var(--df-line-strong); border-radius: 10px;
  background: var(--df-panel);
  color: var(--df-muted);
  font: 700 8.5px/1 Georgia, 'Times New Roman', serif;
  letter-spacing: .02em; text-transform: uppercase;
  cursor: grab;
}
.df-pp__chip svg { width: 18px; height: 18px; fill: currentColor; }
.df-pp__chip span {
  max-width: 100%; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis;
}
.df-pp__chip:hover { border-color: var(--df-amber); color: var(--df-amber); }
.df-pp__chip.is-held {
  border-color: var(--df-amber);
  background: color-mix(in srgb, var(--df-amber) 18%, var(--df-panel));
  color: var(--df-amber);
}
.df-pp__chip.is-dragging { opacity: .4; }
.df-pp__hint { margin-top: 8px; }
.df-pp__hint.is-held { color: var(--df-amber); }
.df-par { position: relative; height: 6px; background: #151515;
          border: 1px solid var(--df-line); border-radius: 10px; }
.df-par__you   { position: absolute; inset: 0 auto 0 0; background: var(--df-amber); opacity: .55; }
.df-par__swing { position: absolute; top: 0; bottom: 0;
                 background: repeating-linear-gradient(90deg,
                   rgba(230,230,230,.30) 0 3px, transparent 3px 6px); }
.df-par__mark  { position: absolute; top: -3px; bottom: -3px; width: 2px; background: #e6e6e6; }
.df-ladder__row {
  display: grid;
  grid-template-columns: 26px 1fr 158px 92px;
  gap: 12px; align-items: center;
  padding: 10px 12px;
  border-bottom: 1px solid var(--df-line);
}
.df-ladder__row:last-child { border-bottom: 0; }
.df-ladder__row.is-out { opacity: .5; }
.df-ladder__n     { font: 700 12px/1 var(--df-mono); color: var(--df-faint); text-align: right; }
.df-ladder__name  { font: 400 16px/1.1 var(--df-display); color: #c6d2de; text-transform: uppercase; }
.df-ladder__blurb { color: #8f8a82; font-size: 11.5px; margin-top: 3px; }
.df-ladder__want  { font: 700 8px/1.4 var(--df-font); letter-spacing: .09em;
                    text-transform: uppercase; color: var(--df-faint); margin-top: 5px; }
.df-ladder__go    { margin: 0; }
.df-ladder__go .df-btn { width: 100%; }
.df-res { border: 1px solid var(--df-line-strong); border-radius: 10px; background: var(--df-panel-alt); }
.df-res__head {
  padding: 9px 14px; border-bottom: 1px solid var(--df-line);
  font: 700 9.5px/1 var(--df-font); letter-spacing: .14em; text-transform: uppercase;
}
.df-res--won  .df-res__head { color: var(--df-good);
                              background: color-mix(in srgb, var(--df-good) 12%, transparent); }
.df-res--lost .df-res__head { color: var(--df-amber); }
.df-res--dnf  .df-res__head { color: #b4553f;
                              background: color-mix(in srgb, #b4553f 12%, transparent); }
.df-res__body { padding: 14px; }
.df-res__sum { display: flex; align-items: flex-end; gap: 10px; flex-wrap: wrap; }
.df-res__big { font: 400 42px/0.85 var(--df-display); color: #fff; }
.df-res--won .df-res__big { color: var(--df-good); }
.df-res--dnf .df-res__big { color: #b4553f; }
.df-res__vs  { color: #8f8a82; font-size: 11.5px; padding-bottom: 4px; }
.df-res__maths { margin-top: 12px; display: flex; border: 1px solid var(--df-line); border-radius: 10px; }
.df-res__cell  { flex: 1 1 0; padding: 8px 6px; text-align: center;
                 border-right: 1px solid var(--df-line); }
.df-res__cell:last-child { border-right: 0; }
.df-res__cell b { display: block; font: 700 16px/1 var(--df-mono); color: #c6d2de; }
.df-res__cell.is-roll b { color: var(--df-amber); }
.df-res__cell.is-kit  b { color: var(--df-good); }
.df-res__cell span {
  display: block; margin-top: 4px;
  font: 700 8px/1 var(--df-font); letter-spacing: .1em;
  text-transform: uppercase; color: var(--df-faint);
}
.df-res__note { margin: 12px 0 0; color: #8f8a82; font-size: 11.5px; }
.df-res__prize {
  margin-top: 12px; padding: 9px 11px;
  border: 1px solid var(--df-good);
  background: color-mix(in srgb, var(--df-good) 10%, transparent);
  color: var(--df-good); font: 700 12px/1 var(--df-font); letter-spacing: .05em;
}
.df-racecar { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }
.df-racecar__art  { width: 200px; height: auto; flex: 0 0 auto;
                    border: 1px solid var(--df-line); border-radius: 10px; }
.df-racecar__body { flex: 1 1 220px; min-width: 0; }
.df-racecar__name { font: 400 20px/1 var(--df-display); color: #c6d2de; text-transform: uppercase; }
.df-racecar__stats { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 8px;
                     font-size: 11.5px; color: #8f8a82; }
.df-racecar__stats b { color: #c6d2de; font: 700 13px/1 var(--df-mono); }
.df-racecar__stats i { color: var(--df-faint); font-style: normal; font-size: 10.5px; }
.df-racecar__kit  { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-top: 8px;
                    font: 700 9px/1.5 var(--df-font); letter-spacing: .07em;
                    text-transform: uppercase; color: var(--df-faint); }
.df-racecar__kit .is-on { color: var(--df-good); }
.df-racecar__go { flex: 0 0 auto; }
.df-shop { display: none; position: fixed; inset: 0; z-index: 60; }
.df-shop:target { display: block; }
.df-shop__back { position: absolute; inset: 0; background: rgba(0,0,0,.72); }
.df-shop__box {
  position: relative; z-index: 1;
  width: min(560px, calc(100vw - 24px));
  max-height: calc(100vh - 48px); overflow-y: auto;
  margin: 24px auto;
}
.df-shop__shut {
  position: absolute; top: 6px; right: 10px; z-index: 2;
  color: var(--df-faint); font-size: 20px; line-height: 1; text-decoration: none;
}
.df-shop__shut:hover { color: var(--df-amber); }
.df-shop__head {
  margin: 16px 0 6px; padding-bottom: 5px;
  border-bottom: 1px solid var(--df-line);
  font: 700 9.5px/1 var(--df-font); letter-spacing: .14em;
  text-transform: uppercase; color: var(--df-amber);
}
.df-shop__head:first-child { margin-top: 0; }
.df-shop__cars { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.df-shop__parts { display: flex; flex-direction: column; gap: 6px; }
.df-shop__part {
  display: grid; grid-template-columns: 96px 38px 1fr 62px 46px;
  gap: 8px; align-items: center;
}
.df-shop__partname { font-size: 11.5px; color: #c6d2de; }
.df-shop__partnum  { font: 700 14px/1 var(--df-mono); color: var(--df-amber); text-align: right; }
.df-shop__partlvl  { font: 700 10px/1 var(--df-mono); color: var(--df-faint); }
.df-shop__bar      { height: 6px; background: #151515; border: 1px solid var(--df-line); border-radius: 10px; }
.df-shop__bar div  { height: 100%; background: var(--df-amber); opacity: .55; }
.df-shop__kit { display: flex; flex-direction: column; }
.df-shop__row {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 8px 0; border-bottom: 1px solid var(--df-line);
}
.df-shop__row:last-child { border-bottom: 0; }
.df-shop__row b     { color: #c6d2de; font-size: 12px; }
.df-shop__lvl       { font: 700 10px/1 var(--df-mono); color: var(--df-faint); margin-left: 6px; }
.df-shop__lvl.is-on { color: var(--df-good); }
.df-shop__note      { color: #8f8a82; font-size: 11px; margin-top: 3px; }
.df-shop__maxed     { font: 700 9px/1 var(--df-font); letter-spacing: .1em;
                      text-transform: uppercase; color: var(--df-faint); }
.df-shop__tune { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: flex-end; }
.df-shop__tune label { font-size: 11.5px; color: #8f8a82; }
.df-shop__tune select { margin-left: 5px; }
.df-shop__liv { display: flex; flex-wrap: wrap; gap: 6px; }
.df-swatch {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 78px; padding: 7px 8px;
  border: 1px solid var(--df-line-strong); border-radius: 10px; background: var(--df-panel);
  color: var(--df-muted); cursor: pointer;
  font: 700 8.5px/1 var(--df-font); letter-spacing: .08em; text-transform: uppercase;
}
.df-swatch:hover:not(:disabled) { border-color: var(--df-amber); color: var(--df-amber); }
.df-swatch.is-on { border-color: var(--df-good); color: var(--df-good); }
.df-swatch:disabled { opacity: .4; cursor: default; }
@media (max-width: 640px) {
  .df-ladder__row {
    grid-template-columns: 22px 1fr;
    grid-template-areas: "n main" ". odds" ". go";
    row-gap: 8px;
  }
  .df-ladder__n    { grid-area: n; }
  .df-ladder__main { grid-area: main; }
  .df-ladder__odds { grid-area: odds; }
  .df-ladder__go   { grid-area: go; }
  .df-res__maths   { flex-wrap: wrap; }
  .df-res__cell    { flex: 1 0 33%; }
  .df-shop__part   { grid-template-columns: 1fr 38px 46px; row-gap: 4px; }
  .df-shop__bar,
  .df-shop__partlvl { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  .df-shop__part {
    grid-template-columns: 1fr 44px 48px;
    grid-template-areas:
      "name num btn"
      "bar  bar bar"
      "lvl  lvl lvl";
    row-gap: 5px;
    align-items: center;
  }
  .df-shop__partname { grid-area: name; }
  .df-shop__partnum  { grid-area: num; }
  .df-shop__bar      { grid-area: bar; }
  .df-shop__partlvl  { grid-area: lvl; }
  .df-shop__part > form,
  .df-shop__part > .df-shop__maxed { grid-area: btn; justify-self: end; }
}
.df-jail__head {
  display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap;
  padding-bottom: 12px; margin-bottom: 12px;
  border-bottom: 1px solid var(--df-line);
}
.df-jail__clock {
  font: 400 44px/0.85 var(--df-display);
  color: #b4553f;
  font-variant-numeric: tabular-nums;
}
.df-jail__why { color: #8f8a82; font-size: 12px; }
.df-jail__ways { display: flex; gap: 12px; flex-wrap: wrap; }
.df-jail__way {
  flex: 1 1 220px;
  border: 1px solid var(--df-line); border-radius: 10px; background: var(--df-panel-alt);
  padding: 12px;
}
.df-jail__wayhead {
  font: 700 9.5px/1 var(--df-font); letter-spacing: .14em;
  text-transform: uppercase; color: var(--df-amber);
  padding-bottom: 6px; margin-bottom: 8px;
  border-bottom: 1px solid var(--df-line);
}
.df-jail__note  { color: #8f8a82; font-size: 11.5px; margin: 0 0 10px; }
.df-jail__price {
  font: 400 26px/1 var(--df-display); color: #c6d2de; margin-bottom: 10px;
}
.df-jail__price--odds { color: var(--df-good); }
.df-plan__head {
  margin: 16px 0 8px; padding-bottom: 5px;
  border-bottom: 1px solid var(--df-line);
  font: 700 9.5px/1 var(--df-font); letter-spacing: .14em;
  text-transform: uppercase; color: var(--df-amber);
}
.df-plan__body > .df-plan__head:first-child,
.df-plan .df-plan__head:first-child { margin-top: 0; }
.df-plan__opts { display: flex; gap: 8px; flex-wrap: wrap; }
.df-plan__opt  { flex: 1 1 210px; margin: 0; display: flex; }
.df-pick {
  flex: 1 1 auto; text-align: left; cursor: pointer;
  display: flex; flex-direction: column; gap: 5px;
  padding: 10px 11px;
  border: 1px solid var(--df-line-strong); border-radius: 10px;
  background: var(--df-panel);
  color: var(--df-muted); font: inherit;
}
.df-pick:hover:not(:disabled) { border-color: var(--df-amber); }
.df-pick.is-on {
  border-color: var(--df-amber);
  background: color-mix(in srgb, var(--df-amber) 12%, var(--df-panel));
}
.df-pick:disabled { opacity: .55; cursor: default; }
.df-pick__n { font: 700 12px/1.1 var(--df-font); color: #c6d2de; letter-spacing: .03em; }
.df-pick.is-on .df-pick__n { color: var(--df-amber); }
.df-pick__d { color: #8f8a82; font-size: 11px; }
.df-pick__m { font: 700 10px/1.3 var(--df-mono); color: var(--df-faint); }
.df-pick__m .is-good { color: var(--df-good); }
.df-pick__m .is-bad  { color: #b4553f; }
.df-ladder__road { display: flex; gap: 3px; flex-wrap: wrap; margin-top: 6px; }
.df-seg {
  font: 700 8px/1 var(--df-font); letter-spacing: .06em; text-transform: uppercase;
  padding: 4px 6px; border: 1px solid var(--df-line); border-radius: 10px;
  color: var(--df-faint); background: var(--df-panel-alt);
}
.df-seg--straight { color: #3f9fd8; }
.df-seg--corner   { color: #7fa6c9; }
.df-seg--launch   { color: #b98ac9; }
.df-seg--rough    { color: #b4553f; }
.df-form {
  font: 700 11px/1 var(--df-mono); letter-spacing: .03em;
}
.df-form--walk  { color: var(--df-good); }
.df-form--fav   { color: var(--df-good); opacity: .85; }
.df-form--even  { color: var(--df-amber); }
.df-form--under { color: #c9884f; }
.df-form--out   { color: #b4553f; }
.df-ladder__vs  { margin-top: 5px; font: 700 10px/1 var(--df-mono); color: var(--df-faint); }
.df-ladder__vs b { color: #c6d2de; }
.df-racelog { list-style: none; margin: 0 0 12px; padding: 0;
              border: 1px solid var(--df-line); border-radius: 10px; background: var(--df-menu-2); }
.df-racelog__l {
  display: flex; gap: 9px; align-items: baseline;
  padding: 7px 10px; border-bottom: 1px solid var(--df-line);
  font-size: 12px; color: #b7b2aa;
}
.df-racelog__l:last-child { border-bottom: 0; }
.df-racelog__t { flex: 0 0 auto; font: 700 10px/1.4 var(--df-mono); color: var(--df-faint); }
.df-racelog__l--good  .df-racelog__x { color: var(--df-good); }
.df-racelog__l--bad   .df-racelog__x { color: #c9884f; }
.df-racelog__l--crash .df-racelog__x { color: #b4553f; font-weight: 700; }
.df-racelog__l--cop   .df-racelog__x { color: #7fa6c9; font-weight: 700; }
.df-racelog__l--nos   .df-racelog__x { color: var(--df-amber); font-weight: 700; }
.df-racelog__l--flag  .df-racelog__x { color: #c6d2de; }
.df-res--cop  .df-res__head { color: #7fa6c9;
                              background: color-mix(in srgb, #7fa6c9 12%, transparent); }
@media (max-width: 640px) {
  .df-plan__opt { flex: 1 1 100%; }
}
.df-shop__partname i {
  display: block; font-style: normal;
  font: 700 8.5px/1.5 var(--df-font); letter-spacing: .08em;
  text-transform: uppercase; color: var(--df-faint);
}
.df-shop__partnote {
  grid-column: 1 / -1;
  color: #7c776f; font-size: 10.5px;
  margin: -2px 0 6px; padding-bottom: 6px;
  border-bottom: 1px solid var(--df-line);
}
.df-shop__short { color: #b4553f; }
.df-rpop { display: none; position: fixed; inset: 0; z-index: 70; }
.df-rpop.is-open { display: block; }
.df-rpop__back { position: absolute; inset: 0; background: rgba(0,0,0,.78); }
.df-rpop__box {
  position: relative; z-index: 1;
  width: min(600px, calc(100vw - 24px));
  max-height: calc(100vh - 48px); overflow-y: auto;
  margin: 24px auto;
}
.df-rpop__done { display: block; width: 100%; margin-top: 14px; text-align: center; }
.df-circ__top {
  display: flex; gap: 14px; align-items: stretch; flex-wrap: wrap;
}
.df-circ__gap {
  flex: 0 0 auto; min-width: 130px;
  display: flex; flex-direction: column; justify-content: center;
  padding: 10px 14px; border: 1px solid var(--df-line); border-radius: 10px; background: var(--df-menu-2);
}
.df-circ__gap b { font: 700 26px/1 var(--df-font); color: #c6d2de; }
.df-circ__gap b.is-good { color: var(--df-good); }
.df-circ__gap b.is-bad  { color: #b4553f; }
.df-circ__gap span { margin-top: 4px; font-size: 10.5px; color: var(--df-faint); }
.df-heat { flex: 1 1 220px; padding: 10px 12px;
           border: 1px solid var(--df-line); border-radius: 10px; background: var(--df-menu-2); }
.df-heat.is-hot { border-color: #7fa6c9; }
.df-heat__head {
  display: flex; justify-content: space-between; align-items: baseline;
  font: 700 9.5px/1.4 var(--df-font); letter-spacing: .1em;
  text-transform: uppercase; color: var(--df-faint);
}
.df-heat__head b { font-size: 12px; letter-spacing: 0; color: #c6d2de; }
.df-heat__track {
  position: relative; height: 9px; margin: 7px 0 8px;
  border: 1px solid var(--df-line); border-radius: 10px; overflow: hidden;
  background: linear-gradient(90deg, #6f7c4a 0%, #c8a04a 55%, #b4553f 100%);
}
.df-heat__fill {
  position: absolute; top: 0; right: 0; bottom: 0;
  background: #0d1725;
}
.df-heat__mark {
  position: absolute; top: -2px; bottom: -2px; width: 1px;
  background: #c6d2de; opacity: .55;
}
.df-heat__note { font-size: 10.5px; line-height: 1.45; color: #7c776f; }
.df-heat.is-hot .df-heat__note { color: #9fbdd6; }
.df-heat__note b { color: #7fa6c9; }
.df-circ__road { display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 12px; }
.df-circ__leg {
  flex: 1 1 auto; padding: 6px 8px; text-align: center;
  border: 1px solid var(--df-line); border-radius: 10px; background: var(--df-menu-2);
  font-size: 10.5px; color: #5f5b55;
}
.df-circ__leg b { display: block; font: 700 12px/1.3 var(--df-mono); color: inherit; }
.df-circ__leg.is-done { color: #7c776f; border-color: #2a2a2a; }
.df-circ__leg.is-now  {
  color: var(--df-amber); border-color: var(--df-amber);
  background: color-mix(in srgb, var(--df-amber) 10%, transparent);
}
.df-pick--cop { border-color: #7fa6c9 !important; }
.df-pick--cop .df-pick__n { color: #7fa6c9; }
.df-pick__left {
  font-style: normal; font-weight: 700; font-size: 9px;
  letter-spacing: .06em; text-transform: uppercase; color: var(--df-faint);
}
.df-circ__quit { margin-top: 12px; }
.df-hand { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
.df-hand__card {
  flex: 1 1 150px; padding: 9px 11px;
  border: 1px solid var(--df-line); border-radius: 10px; background: var(--df-menu-2); opacity: .5;
}
.df-hand__card.is-on { opacity: 1; border-color: var(--df-amber); }
.df-hand__card b { font: 700 20px/1 var(--df-font); color: #5f5b55; }
.df-hand__card.is-on b { color: var(--df-amber); }
.df-hand__n {
  display: block; margin: 4px 0 3px;
  font: 700 11px/1.2 var(--df-font); color: #c6d2de;
}
.df-hand__d { display: block; font-size: 10.5px; line-height: 1.45; color: #7c776f; }
.df-pool { display: flex; flex-direction: column; }
.df-pool__row {
  display: flex; gap: 12px; align-items: center; flex-wrap: wrap;
  padding: 10px 12px; border-top: 1px solid var(--df-line);
}
.df-pool__row:first-child { border-top: 0; }
.df-pool__row.is-shut { opacity: .55; }
.df-pool__who { flex: 1 1 200px; display: flex; flex-direction: column; gap: 2px; }
.df-pool__who b { font: 700 12px/1.2 var(--df-font); color: #c6d2de; }
.df-pool__who span { font-size: 10.5px; }
.df-pool__bet { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.df-pool__done { font-size: 11px; color: var(--df-good); }
.df-pool__done.df-muted { color: var(--df-faint); }
.df-input--sm { width: auto; min-width: 92px; padding: 5px 8px; font-size: 11.5px; }
.df-res__pool { margin-top: 12px; border: 1px solid var(--df-line); border-radius: 10px; background: var(--df-menu-2); }
.df-res__poolhead {
  padding: 7px 10px; border-bottom: 1px solid var(--df-line);
  font: 700 9.5px/1.4 var(--df-font); letter-spacing: .1em;
  text-transform: uppercase; color: var(--df-faint);
}
.df-res__poolrow {
  display: flex; gap: 10px; align-items: baseline; justify-content: space-between;
  padding: 6px 10px; border-bottom: 1px solid var(--df-line); font-size: 11.5px;
}
.df-res__poolrow:last-child { border-bottom: 0; }
.df-res__poolrow b.is-good { color: var(--df-good); }
.df-res__poolrow b.is-bad  { color: #b4553f; }
@media (max-width: 640px) {
  .df-circ__top   { flex-direction: column; }
  .df-circ__gap   { min-width: 0; }
  .df-circ__leg   { flex: 1 1 30%; }
  .df-pool__bet   { width: 100%; }
  .df-pool__bet .df-btn { flex: 1 1 auto; }
}
:root {
  --df-st-power:  #cfcac2;
  --df-st-pierce: #e2703a;
  --df-st-crit:   #4db8ff;
  --df-st-multi:  #4ec9c9;
  --df-st-vamp:   #5ec84f;
  --df-st-dodge:  #6f9fd8;
  --df-st-brk:    #9aa8b4;
  --df-st-poison: #a06fd8;
}
.df-kill { border-color: var(--df-good); }
.df-kill__in { padding: 16px 18px; text-align: center; }
.df-kill__n {
  font: 400 32px/1 var(--df-display); color: #fff; text-transform: uppercase;
  text-shadow: 0 0 4px var(--df-good), 0 0 18px rgba(94,200,79,.45);
}
.df-kill__t { margin-top: 4px; color: var(--df-muted); font-size: .85rem; }
.df-kill__line {
  max-width: 46ch; margin: 12px auto 14px;
  color: var(--df-text); font-size: .9rem; line-height: 1.65;
}
.df-kill__grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
  gap: 1px; background: var(--df-line); border: 1px solid var(--df-line); border-radius: 10px;
  text-align: center;
}
.df-kill__grid > div { background: var(--df-panel); padding: 8px 10px; }
.df-kill__grid b { display: block; font-family: var(--df-mono); color: var(--df-text-strong); }
.df-kill__grid b.is-good  { color: var(--df-good); }
.df-kill__grid b.is-amber { color: var(--df-amber); }
.df-kill__grid span {
  display: block; margin-top: 3px; color: var(--df-faint);
  font: 700 var(--df-fs-label)/1.3 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
}
.df-kill__drop {
  margin: 12px 0 0; padding: 8px 10px;
  border: 1px solid var(--df-amber); background: var(--df-amber-bg);
  color: var(--df-text); font-size: .82rem; line-height: 1.6;
}
.df-kill__next { margin: 12px 0 0; color: var(--df-muted); font-size: .82rem; line-height: 1.65; }
@media (max-width: 767px) {
  .df-kill__n { font-size: 24px; }
}
.df-note--tight { margin: 0 0 8px; font-size: .8rem; line-height: 1.55; }
.df-build__top { border-bottom: 1px solid var(--df-line); }
.df-fold { border-top: 1px solid var(--df-line); }
.df-fold:first-of-type { border-top: 0; }
.df-fold__s {
  display: flex; align-items: baseline; gap: 10px;
  padding: 9px 12px; cursor: pointer;
  list-style: none;
  user-select: none;
}
.df-fold__s::-webkit-details-marker { display: none; }
.df-fold__s::before {
  content: '';
  flex: 0 0 auto; width: 0; height: 0; margin-right: 2px;
  border-left: 5px solid var(--df-faint);
  border-top: 4px solid transparent; border-bottom: 4px solid transparent;
  transform: translateY(-1px);
  transition: transform .12s ease;
}
.df-fold[open] > .df-fold__s::before {
  transform: rotate(90deg) translateX(-1px);
  border-left-color: var(--df-amber);
}
.df-fold__s:hover::before { border-left-color: var(--df-amber); }
.df-fold__n {
  font: 700 10px/1.4 var(--df-font); letter-spacing: var(--df-track-label);
  text-transform: uppercase; color: var(--df-text-strong);
}
.df-fold[open] > .df-fold__s .df-fold__n { color: var(--df-amber); }
.df-fold__v {
  margin-left: auto; color: var(--df-faint);
  font: 400 .76rem/1.4 var(--df-font);
}
.df-fold__v.is-on   { color: var(--df-good); }
.df-fold__v.is-warn { color: var(--df-amber); }
.df-fold > .df-panel__body { border-top: 1px solid var(--df-line); }
.df-stock { margin-top: var(--df-4); padding-top: var(--df-3); border-top: 1px solid var(--df-line); }
.df-stock .df-set__note { margin-top: 6px; }
.df-kill__drop--what {
  margin-top: 0;
  border-top: 0;
  background: none;
  border-color: var(--df-amber-line);
  color: var(--df-muted);
  font-size: .78rem;
}
.df-kill__drop--what b { color: var(--df-text); font-weight: 600; }
.df-kill__drop--what b.is-good { color: var(--df-good); }
.df-kill__grade {
  margin-right: 6px;
  color: var(--df-faint);
  font: 700 .62rem/1.5 var(--df-mono);
  letter-spacing: .06em;
  text-transform: uppercase;
}
.df-ladder th.df-sortcol a {
  color: var(--df-muted);
  text-decoration: none;
  border-bottom: 1px dotted var(--df-line);
}
.df-ladder th.df-sortcol a:hover { color: var(--df-amber); border-bottom-color: var(--df-amber); }
.df-ladder th.df-sortcol.is-on { color: var(--df-amber); }
.df-ladder th.df-sortcol.is-on i { font-style: normal; opacity: .7; }
.df-ladder td.df-num { font-family: var(--df-mono); font-variant-numeric: tabular-nums; }
.df-ladder .df-none { color: var(--df-faint); opacity: .55; }
.df-ladder tr.is-you { background: var(--df-amber-bg); }
.df-ladder__bits { gap: var(--df-3); color: var(--df-muted); font-size: .78rem; }
.df-ladder__bits b { color: var(--df-text); font-family: var(--df-mono); }
.df-t--chwhite{background:#0c1521;border-color:#5a5a58;color:#efeee8}
.df-t--chblue{background:#0e1218;border-color:#42566e;color:#c4d8f0}
.df-t--chred{background:#160e0e;border-color:#6e4040;color:#f0c2c2}
.df-t--chyellow{background:#151206;border-color:#6e6030;color:#f0e2a8}
.df-t--chgreen{background:#0c1410;border-color:#3c6a4c;color:#bfe8cc}
.df-t--chfade{background:#111214;border-color:#3e4348;color:#a8adb4}
.df-t--chdoor{background:#121010;border-color:#4e463e;border-left-color:#c8bca8;color:#ded6c8}
.df-t--chpave{background:linear-gradient(180deg,#16191c,#0e1113);border-color:#454c52;color:#cdd4da}
.df-t--chtally{background:repeating-linear-gradient(90deg,#121316 0 2px,#191b1f 2px 9px);border-color:#4c5158;color:#dfe3e8}
.df-t--charrow{background:#101315;border-color:#465058;border-right-color:#dfe8ee;color:#d4dde4}
.df-t--chsmudge{background:linear-gradient(100deg,#141518,#1d2024 45%,#141518);border-color:#2f4a66;color:#ccd2d8}
.df-t--chwash{background:#0f1113;border-color:#383d42;color:#9aa2a8;overflow:hidden}
.df-t--chwash::before{background:linear-gradient(180deg,transparent,rgba(160,180,200,.14));animation:dft-fade 11s ease-in-out infinite}
.df-t--stamparr{background:#0e1216;border-color:#3f5f7a;color:#bcd8ee;box-shadow:inset 0 0 0 1px rgba(188,216,238,.14)}
.df-t--stampdep{background:#160f16;border-color:#6a4070;color:#e0c0e8;box-shadow:inset 0 0 0 1px rgba(224,192,232,.14)}
.df-t--stamptra{background:#0f1410;border-color:#3f6a48;color:#c0e8c8}
.df-t--stampvis{background:linear-gradient(180deg,#191307,#0d0a04);border-color:#7a6428;color:#e8d59a}
.df-t--stampref{background:#170a0a;border-color:#8a2222;color:#ff9e9e}
.df-t--stampover{background:linear-gradient(45deg,#141018,#101418);border-color:#4a4a6a;color:#cfcfe8}
.df-t--stampfron{background:#121412;border-color:#4e5a48;color:#ccd8c4}
.df-t--stampsea{background:linear-gradient(180deg,#08161c,#040c10);border-color:#2c6a7a;color:#a8dce8}
.df-t--stampair{background:#0d1014;border-color:#526478;color:#d0dae6}
.df-t--stampdip{background:linear-gradient(180deg,#101828,#080c14);border-color:#3a5a9a;color:#c0d4ff;box-shadow:inset 0 1px 0 rgba(192,212,255,.2)}
.df-t--stampfull{background:repeating-linear-gradient(35deg,#101216 0 4px,#171a20 4px 8px);border-color:#525a66;color:#d8dee6}
.df-t--stampalt{background:#131013;border-color:#5e4a5e;color:#ddc8dd;text-shadow:0 0 4px rgba(221,200,221,.3)}
.df-t--bncotton{background:#16150f;border-color:#5e5a44;color:#e6e2cc}
.df-t--bnguil{background:repeating-linear-gradient(70deg,#0f1410 0 2px,#141a15 2px 5px);border-color:#3f6a4c;color:#c8e8d0}
.df-t--bnwater{background:linear-gradient(120deg,#141613,#1c1f1a 50%,#141613);border-color:#4e5a4a;color:#d8e0d4}
.df-t--bnthread{background:#101312;border-color:#3e4a48;border-left-color:#cfd8d4;color:#d4dcd8}
.df-t--bnserial{background:#0f1114;border-color:#2f4a66;color:#dfe4ea;font-variant-numeric:tabular-nums}
.df-t--bnfoil{background:linear-gradient(100deg,rgba(200,220,255,.24),rgba(255,220,180,.24) 40%,rgba(200,255,220,.24));border-color:#6a727e;color:#f0f4f8;background-size:200% 100%;animation:dft-holo 12s ease-in-out infinite}
.df-t--bnbundle{background:linear-gradient(180deg,#1a1a12,#0e0e08);border-color:#6e6a3a;color:#e8e4b0;box-shadow:inset 0 -2px 0 rgba(232,228,176,.2)}
.df-t--bnold{background:#151310;border-color:#5a4e3e;color:#ded2bc}
.df-t--bnbearer{background:linear-gradient(180deg,#0e1418,#080c0e);border-color:#3a5a66;color:#bcdce8}
.df-t--bnlarge{background:linear-gradient(180deg,#1c1608,#0e0b04);border-color:#8a7028;color:#f0dc98;box-shadow:0 0 7px rgba(138,112,40,.3)}
.df-t--bnsheet{background:repeating-linear-gradient(90deg,#131611 0 10px,#0e110c 10px 11px);border-color:#4a5642;color:#d8e0d0}
.df-t--bnplate{background:linear-gradient(180deg,#3a3428,#151208);border-color:#a08840;color:#f4e6b8;box-shadow:inset 0 1px 0 rgba(244,230,184,.35)}
.df-t--mfstencil{background:#121110;border-color:#5a5348;color:#ded6c8}
.df-t--mfcrate{background:linear-gradient(180deg,#191309,#0d0a05);border-color:#7a5e2c;color:#e6ce98}
.df-t--mfbond{background:#0f1216;border-color:#40546a;color:#c4d6ea}
.df-t--mffragile{background:#160e0e;border-color:#7a3030;color:#f0bcbc}
.df-t--mfupway{background:#101410;border-color:#3f6a48;border-bottom-color:#8ad8a0;color:#c8e8ce}
.df-t--mfperish{background:linear-gradient(180deg,var(--df-menu-2),#0a0803);border-color:#7a6a20;color:#eadc90}
.df-t--mfsealed{background:repeating-linear-gradient(60deg,#131111 0 5px,#191515 5px 10px);border-color:#6a4a3a;color:#e0c8b8}
.df-t--mfheavy{background:linear-gradient(180deg,#1a1a1c,#0c0c0e);border-color:#5a5a62;color:#d8d8e0;box-shadow:inset 0 -2px 0 rgba(0,0,0,.6)}
.df-t--mfwrong{background:#0e1418;border-color:#3a6070;color:#bcdae8}
.df-t--mfundec{background:#0c0d10;border-color:#333842;color:#b8bec8}
.df-t--mfprio{background:linear-gradient(180deg,#1c1204,#0e0902);border-color:#c08010;color:#ffd694;box-shadow:0 0 7px rgba(192,128,16,.3)}
.df-t--mfhold{background:linear-gradient(100deg,rgba(122,94,44,.4),rgba(60,80,100,.4) 50%,rgba(122,94,44,.4));border-color:#7a6a44;color:#f0e4cc;background-size:220% 100%;animation:dft-holo 18s ease-in-out infinite}
.df-t--brremand{background:repeating-linear-gradient(90deg,#0e0f11 0 3px,#191b1f 3px 12px);border-color:#2f4a66;color:#cdd3da}
.df-t--brnight{background:repeating-linear-gradient(90deg,#0c0d0f 0 3px,#16181c 3px 12px);border-color:#3e444c;color:#b8bec6}
.df-t--brregular{background:repeating-linear-gradient(90deg,#100f0c 0 3px,#1b1a16 3px 12px);border-color:#5a5244;color:#ddd4c2}
.df-t--brlong{background:repeating-linear-gradient(90deg,#0d0e10 0 3px,#181a1e 3px 14px);border-color:#525862;color:#ccd2da}
.df-t--brsolo{background:#0a0b0d;border-color:#2e343c;color:#a8aeb6}
.df-t--bryard{background:linear-gradient(180deg,#0e1418,#0a0e11);border-color:#3e5460;color:#bcd0da}
.df-t--brtrusty{background:repeating-linear-gradient(90deg,#0f110d 0 3px,#181c15 3px 12px);border-color:#4c6248;color:#c8dcc0}
.df-t--brtunnel{background:linear-gradient(90deg,#0a0b0c,#141618 60%,#0a0b0c);border-color:#3a4048;color:#c0c6ce}
.df-t--bropen{background:repeating-linear-gradient(90deg,#0f100f 0 3px,#1a1d1a 3px 18px);border-color:#4e5a4c;color:#cfdac8}
.df-t--brnone{background:#0e0f11;border-color:#3c424a;color:#c6ccd4;overflow:hidden}
.df-t--brnone::before{background:repeating-linear-gradient(90deg,rgba(180,190,200,.16) 0 3px,transparent 3px 12px);animation:dft-fade 10s ease-in-out infinite}
.df-achpop {
  position: absolute; left: 20px; bottom: 10px; z-index: 4;
  display: flex; flex-direction: column; gap: 4px;
  pointer-events: none;
}
.df-achpop__one {
  pointer-events: auto;
  display: flex; align-items: baseline; gap: 8px;
  max-width: 460px; padding: 5px 10px;
  border: 1px solid var(--df-amber-line);
  background: rgba(10, 8, 4, .88);
  box-shadow: 0 4px 14px -6px rgba(0, 0, 0, .9);
  text-decoration: none;
  animation: df-achpop 7s ease-out var(--df-achpop-wait, 0ms) forwards;
}
.df-achpop__one:hover { border-color: var(--df-amber); }
.df-achpop__tag {
  flex: 0 0 auto;
  color: var(--df-amber);
  font: 700 var(--df-fs-label)/1.4 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
}
.df-achpop__n {
  flex: 0 0 auto;
  color: var(--df-text-strong);
  font: 700 var(--df-fs-base)/1.4 var(--df-font);
}
.df-achpop__l {
  min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
  color: var(--df-muted); font-size: .74rem;
}
@keyframes df-achpop {
  0%   { opacity: 0; transform: translateY(6px); }
  4%   { opacity: 1; transform: translateY(0); }
  82%  { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(-4px); visibility: hidden; }
}
body[data-motion="off"] .df-achpop__one,
body[data-motion-off~="titles"] .df-achpop__one {
  animation: df-achpop-plain 7s linear var(--df-achpop-wait, 0ms) forwards !important;
}
@keyframes df-achpop-plain {
  0%, 88% { opacity: 1; }
  100%    { opacity: 0; visibility: hidden; }
}
@media (max-width: 767px) {
  .df-achpop { left: 10px; right: 10px; bottom: 6px; }
  .df-achpop__one { max-width: none; }
  .df-achpop__l { display: none; }
}
.df-mip .df-panel__body { padding-top: var(--df-2); }
.df-miprow {
  display: grid;
  grid-template-columns: 150px 1fr auto auto;
  align-items: baseline;
  gap: var(--df-3);
  padding: 7px var(--df-3);
  border-top: 1px solid var(--df-line-soft);
}
.df-miprow:first-of-type { border-top: 0; }
.df-miprow.is-known { opacity: .55; }
.df-miprow__ip {
  font: 700 var(--df-fs-base)/1.4 var(--df-mono);
  color: var(--df-text-strong);
}
.df-miprow__who {
  min-width: 0;
  color: var(--df-muted);
  font-size: .8rem;
  line-height: 1.5;
}
.df-miprow__n {
  min-width: 24px; text-align: right;
  font: 700 var(--df-fs-base)/1.4 var(--df-mono);
  color: var(--df-amber);
}
.df-miprow.is-known .df-miprow__n { color: var(--df-muted); }
@media (max-width: 767px) {
  .df-miprow { grid-template-columns: 1fr auto; row-gap: 2px; }
  .df-miprow__ip  { grid-column: 1; }
  .df-miprow__n   { grid-column: 2; grid-row: 1; }
  .df-miprow__who { grid-column: 1 / -1; }
  .df-miprow form { grid-column: 1 / -1; }
}
.df-scw .df-miprow__ip a { color: inherit; text-decoration: none; }
.df-scw .df-miprow__ip a:hover { text-decoration: underline; }
.df-cellrow {
  display: grid;
  grid-template-columns: 1fr auto auto auto;
  align-items: baseline;
  gap: var(--df-3);
  padding: 7px var(--df-3);
  border-top: 1px solid var(--df-line-soft);
}
.df-cellrow:first-of-type { border-top: 0; }
.df-cellrow__why {
  min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
  color: var(--df-muted); font-size: .78rem;
}
.df-cellrow__t {
  font: 700 var(--df-fs-base)/1.4 var(--df-mono);
  font-variant-numeric: tabular-nums;
  color: var(--df-amber);
}
.df-cellrow__none { color: var(--df-muted); }
@media (max-width: 767px) {
  .df-cellrow { grid-template-columns: 1fr auto; row-gap: 2px; }
  .df-cellrow__who  { grid-column: 1; }
  .df-cellrow__t    { grid-column: 2; grid-row: 1; }
  .df-cellrow__why  { grid-column: 1 / -1; }
  .df-cellrow form,
  .df-cellrow__none { grid-column: 1 / -1; }
}
.df-ico {
  display: block;
  width: 16px; height: 16px;
  flex: 0 0 auto;
  vertical-align: -2px;
}
.df-shelf__k .df-ico { width: 22px; height: 22px; margin: 0 auto 2px; }
.df-evfight {
  margin-top: var(--df-3);
  border: 1px solid var(--df-line);
  border-radius: 4px;
  overflow: hidden;
}
.df-evfight__head {
  display: flex; flex-wrap: wrap; gap: var(--df-3);
  align-items: baseline; justify-content: space-between;
  padding: var(--df-2) var(--df-3);
  background: var(--df-panel-alt);
  border-bottom: 1px solid var(--df-line-soft);
}
.df-evfight__who { font-size: var(--df-fs-base); color: var(--df-muted); }
.df-evfight__out {
  font: 700 var(--df-fs-micro)/1 var(--df-font);
  letter-spacing: .1em; text-transform: uppercase; color: var(--df-text-strong);
}
.df-evfight__note {
  margin: 0; padding: var(--df-2) var(--df-3);
  font-size: var(--df-fs-small); color: var(--df-faint);
}
.df-evfight__log {
  margin: 0; padding: 0 var(--df-3) var(--df-3) var(--df-8);
  font-size: var(--df-fs-base); line-height: 1.6; color: var(--df-text);
  max-height: 20rem; overflow-y: auto;
}
.df-evfight__log li { padding: 1px 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.df-evfight__log li:first-child { color: var(--df-muted); }
.df-ev--k-fight    { --df-ev-tag: #ff5a5a; }
.df-ev--k-admin    { --df-ev-tag: #ff8f3f; }
.df-ev--k-rank     { --df-ev-tag: #f0b429; }
.df-ev--k-money    { --df-ev-tag: #c8d92e; }
.df-ev--k-oc       { --df-ev-tag: #2ecf9b; }
.df-ev--k-crew     { --df-ev-tag: #2fc6d4; }
.df-ev--k-college  { --df-ev-tag: #7fd6a8; }
.df-ev--k-property { --df-ev-tag: #3fa9e8; }
.df-ev--k-jail     { --df-ev-tag: #6d8cff; }
.df-ev--k-title    { --df-ev-tag: #a97bff; }
.df-ev--k-city     { --df-ev-tag: #d96bf0; }
.df-ev--k-steal    { --df-ev-tag: #ff4f9d; }
.df-ev--k-system   { --df-ev-tag: #8d949e; }
.df-ev--k-gift     { --df-ev-tag: #8fd4ff; }
.df-ev--k-stocks   { --df-ev-tag: #4fd1c5; }
.df-ev--tag             { border-left-color: var(--df-ev-tag, var(--df-line-strong)); }
.df-ev--tag .df-ev__src { color: var(--df-ev-tag, var(--df-line-strong)); }
.df-stwhere {
  display: flex; flex-direction: column; gap: var(--df-2);
  padding-bottom: var(--df-3);
  border-bottom: 1px solid var(--df-line-soft);
  margin-bottom: var(--df-3);
}
.df-stwhere__city {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--df-2) var(--df-3);
}
.df-stwhere__name {
  font: 700 var(--df-fs-label)/1.2 var(--df-font);
  color: var(--df-text-strong);
}
.df-stwhere__bits { font-size: var(--df-fs-base); color: var(--df-muted); }
.df-stwhere__band { margin: 0; font-size: var(--df-fs-base); color: var(--df-faint); }
.df-sttally {
  display: grid; gap: var(--df-2) var(--df-4);
  grid-template-columns: repeat(auto-fit, minmax(84px, 1fr));
}
.df-sttally__cell { border-top: 1px solid var(--df-line-soft); padding-top: var(--df-2); }
.df-sttally__cell .df-stat__value { font-variant-numeric: tabular-nums; }
.df-warside__head {
  background: var(--df-line-strong);
  color: var(--df-text);
  padding: 5px var(--df-3);
  font: 700 var(--df-fs-small)/1 var(--df-font);
  letter-spacing: .1em;
  text-transform: uppercase;
  border-bottom: 0;
}
.df-warside__head .df-warside__pts { opacity: .65; font-weight: 400; }
.df-crewtax {
  display: flex; align-items: center; gap: var(--df-3);
  padding: var(--df-3); border-top: 1px solid var(--df-line-soft);
}
.df-perks { display: flex; flex-direction: column; gap: var(--df-2); }
.df-perks__row {
  display: flex; align-items: stretch; gap: var(--df-3);
  border-left: 4px solid var(--df-faint);
  background: var(--df-panel-alt);
  padding: var(--df-2) var(--df-3) var(--df-2) var(--df-2);
}
.df-perks__row--1  { border-left-color: #ff5a5a; }
.df-perks__row--2  { border-left-color: #ff8f3f; }
.df-perks__row--3  { border-left-color: #f0b429; }
.df-perks__row--4  { border-left-color: #c8d92e; }
.df-perks__row--5  { border-left-color: #5fd44e; }
.df-perks__row--6  { border-left-color: #2ecf9b; }
.df-perks__row--7  { border-left-color: #2fc6d4; }
.df-perks__row--8  { border-left-color: #3fa9e8; }
.df-perks__row--9  { border-left-color: #a97bff; }
.df-perks__row--10 { border-left-color: #ff4f9d; }
.df-perks__name {
  flex: 1 1 auto; min-width: 0;
  display: flex; flex-direction: column; justify-content: center; gap: 2px;
}
.df-perks__title {
  font: 700 var(--df-fs-small)/1.2 var(--df-font);
  letter-spacing: .1em; text-transform: uppercase; color: var(--df-text);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.df-perks__does {
  font-size: var(--df-fs-base); color: var(--df-muted);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.df-perks__now { font-size: var(--df-fs-micro); color: var(--df-faint); letter-spacing: .06em; }
.df-perks__tiles { display: flex; gap: var(--df-2); flex: 0 0 auto; }
.df-perks__tile {
  position: relative;
  width: 46px; height: 46px; flex: 0 0 auto;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--df-line-strong); border-radius: 3px;
  background: var(--df-line-strong); color: var(--df-muted);
  cursor: pointer; padding: 0;
}
.df-perks__tile .df-ico { width: 22px; height: 22px; }
.df-perks__lv {
  position: absolute; left: 3px; bottom: 1px;
  font: 700 var(--df-fs-micro)/1 var(--df-font); opacity: .8;
}
.df-perks__tile.is-owned {
  background: var(--df-amber-bg); border-color: var(--df-amber);
  color: var(--df-amber);
}
.df-perks__tile.is-next {
  border-color: var(--df-amber-line); color: var(--df-text-strong);
}
.df-perks__tile.is-locked { opacity: .75; color: var(--df-faint); }
.df-perks__tile:hover  { border-color: var(--df-amber-line); }
.df-perks__tile:focus-visible {
  outline: 1px solid var(--df-amber-line); outline-offset: 1px;
}
@media (max-width: 1023px) {
  .df-perks__row   { flex-direction: column; gap: var(--df-2); }
  .df-perks__tiles { width: 100%; justify-content: space-between; }
  .df-perks__tile  { flex: 1 1 0; }
}
.df-perkbox {
  border: 1px solid var(--df-line); border-radius: 4px;
  background: var(--df-panel); color: var(--df-text);
  padding: 0; width: min(420px, calc(100vw - 2rem));
}
.df-perkbox::backdrop { background: rgba(0, 0, 0, .6); }
.df-perkbox__in { display: flex; flex-direction: column; }
.df-perkbox__body { padding: var(--df-3); }
.df-perkbox__what {
  margin: 0 0 var(--df-3); font-size: var(--df-fs-body); color: var(--df-text-strong);
}
.df-perkbox__note {
  margin: var(--df-3) 0 0; font-size: var(--df-fs-base); color: var(--df-faint);
}
.df-perkbox__foot {
  display: flex; justify-content: flex-end; gap: var(--df-3);
  padding: var(--df-3); border-top: 1px solid var(--df-line-soft);
}
.df-teller__card.is-locked { opacity: .6; }
.df-crewtax {
  display: flex; flex-direction: column; align-items: center; gap: var(--df-2);
  padding: var(--df-4) var(--df-3) var(--df-3);
  margin-top: var(--df-4);
  border-top: 1px solid var(--df-line-soft);
  text-align: center;
}
.df-crewtax__form { display: flex; align-items: center; gap: var(--df-3); }
.df-crewtax .df-teller__note { margin: 0; }
dialog.df-perkbox:not([open]) { display: none; }
.df-own { margin: 10px 0 0; }
.df-own__top {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 10px; padding: 6px 0 5px; cursor: pointer;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
  list-style: none;
}
.df-own__top::-webkit-details-marker { display: none; }
.df-own__top b::before {
  content: "\25B8"; display: inline-block; width: 1em;
  opacity: .55; transition: transform .12s ease;
}
.df-own[open] > .df-own__top b::before { transform: rotate(90deg); }
.df-own__top:hover b { color: #fff; }
.df-own__top b { font-size: .95rem; letter-spacing: .02em; }
.df-own__none { margin: 5px 0 0; opacity: .45; font-size: .85rem; }
.df-own__row {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px;
  padding: 4px 0; border-bottom: 1px solid rgba(255, 255, 255, .05);
}
.df-own__name { font-weight: 600; }
.df-own__detail {
  flex: 1 1 260px; min-width: 0; opacity: .75;
  font-size: .85rem; overflow-wrap: anywhere;
}
.df-own__pager {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
  padding: 8px 0 2px;
}
.df-own__count { margin-right: 6px; opacity: .55; font-size: .8rem; }
.df-own__page {
  min-width: 30px; padding: 3px 8px; cursor: pointer;
  font: inherit; font-size: .82rem; line-height: 1.5;
  color: inherit; background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .14); border-radius: 4px;
}
.df-own__page:hover { background: rgba(255, 255, 255, .12); }
.df-own__page[aria-current="true"] {
  background: rgba(255, 255, 255, .2); border-color: rgba(255, 255, 255, .36);
  font-weight: 700;
}
.df-own__row[hidden] { display: none; }
.df-give__row { cursor: pointer; }
.df-give__row:hover { background: rgba(255, 255, 255, .05); }
.df-give__row:focus-visible { outline: 2px solid var(--df-amber, var(--df-amber)); outline-offset: -2px; }
.df-give__row.is-picked { background: rgba(240, 165, 0, .14); }
.df-give__row.is-picked .df-own__name { color: #fff; }
.df-own__list .df-give__row.is-filtered { display: none; }
.df-own__list.is-filtering .df-give__row { display: none; }
.df-own__list.is-filtering .df-give__row:not(.is-filtered) { display: flex; }
.df-own__list.is-filtering .df-own__pager { display: none; }
.df-own__filter {
  display: flex; align-items: center; gap: 8px; padding: 8px 0 2px;
}
.df-own__filter input {
  flex: 1 1 auto; min-width: 0; padding: 4px 8px;
  font: inherit; font-size: .85rem; color: inherit;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .16); border-radius: 4px;
}
.df-own__page--step { min-width: 26px; font-weight: 700; }
.df-own__page[disabled] { opacity: .3; cursor: default; }
.df-own__gap { opacity: .4; padding: 0 2px; }
.df-give__key {
  flex: 0 0 auto; margin-left: auto; opacity: .4;
  font-size: .75rem; font-family: ui-monospace, Menlo, Consolas, monospace;
}
:root {
  --df-shield: #6f9fd8;
  --df-enrage: #d08a3c;
}
.df-kill__last {
  display: flex; align-items: baseline; gap: var(--df-3); flex-wrap: wrap;
  margin: var(--df-4) 0; padding-top: var(--df-4);
  border-top: 1px solid var(--df-line);
}
.df-kill__lab {
  color: var(--df-faint);
  font: 700 var(--df-fs-label)/1 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
}
.df-kill__last b { color: var(--df-amber); font-family: var(--df-mono); font-size: 1.15rem; }
.df-kill__sub { color: var(--df-faint); font-size: 13px; }
.df-blog { margin-top: var(--df-5); border: 1px solid var(--df-line); border-radius: 10px; background: #0a0806; }
.df-blog__h {
  display: flex; justify-content: space-between; align-items: baseline;
  padding: 5px 8px; border-bottom: 1px solid var(--df-line);
  background: var(--df-panel-alt); color: var(--df-faint);
  font: 700 var(--df-fs-label)/1.4 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
}
.df-blog__h span { color: var(--df-line-strong); }
.df-blog__r {
  display: flex; gap: 8px; align-items: baseline;
  padding: 5px 8px; border-bottom: 1px solid #17130e;
  font-size: 12px; line-height: 1.45; color: var(--df-text);
}
.df-blog__r:last-child { border-bottom: 0; }
.df-blog__t {
  flex: 0 0 34px; color: var(--df-faint);
  font: 700 var(--df-fs-label)/1.6 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
}
.df-blog__r.is-kit { background: rgba(240, 165, 0, .07); }
.df-blog__r.is-kit .df-blog__t { color: var(--df-amber); }
.df-blog__r.is-say {
  background: rgba(210, 75, 63, .12); color: #fff;
  font-style: italic; box-shadow: inset 2px 0 0 var(--df-bad);
}
.df-blog__r.is-say .df-blog__t { color: var(--df-bad); font-style: normal; }
.df-blog__r.is-end {
  background: rgba(94, 200, 79, .10); color: var(--df-text-strong);
}
.df-blog__r.is-end .df-blog__t { color: var(--df-good); }
.df-ladder th:nth-child(n+3),
.df-ladder td:nth-child(n+3) { width: 62px; }
.df-ladder thead th:nth-child(n+3) { white-space: normal; line-height: 1.25; }
.df-ladder tbody td:nth-child(n+3) { white-space: nowrap; }
.df-ladder th:nth-child(-n+2),
.df-ladder td:nth-child(-n+2) { white-space: nowrap; }
body[data-cells] {
  --df-bg: #0a0d11;
}
body[data-cells]::before {
  background-color: #0a0d11;
  background-image:
    radial-gradient(120% 100% at 50% 45%, rgba(0,0,0,.25) 30%, rgba(0,0,0,.85) 100%),
    linear-gradient(rgba(5,7,10,.45), rgba(5,7,10,.6)),
    url('images/cells/wall.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 767px) { body[data-cells]::before { background-image: radial-gradient(120% 100% at 50% 45%, rgba(0,0,0,.25) 30%, rgba(0,0,0,.85) 100%), linear-gradient(rgba(5,7,10,.45), rgba(5,7,10,.6)), url('images/cells/wall-sm.png'); } }
body[data-cells] .df-panel,
body[data-cells] .df-card {
  background: rgba(8, 11, 15, .82);
  border-color: rgba(150, 170, 200, .17);
}
body[data-cells] .df-bar {
  background: rgba(10, 14, 19, .9);
  border-bottom-color: rgba(150, 170, 200, .17);
}
body[data-cells] .df-pagehead__t,
body[data-cells] .df-bar > span:first-child {
  color: #9fb3cc;
}
body[data-cells] .df-btn--primary {
  background: var(--df-amber);
  border-color: var(--df-amber);
}
body[data-cells] .df-muted,
body[data-cells] .df-de__sub { color: #8fa3ba; }
body[data-cells] .df-faint   { color: #74879d; }
body[data-cells] .df-shell__left,
body[data-cells] .df-shell__right {
  background: rgba(8, 11, 15, .8);
  border-color: rgba(150, 170, 200, .15);
}
body[data-cells] .df-banner__art {
  filter: brightness(.8) contrast(1.05);
}
body[data-cells] {
  --df-amber: #8fa8c4;
  --df-good:  #7d9a86;
}
body[data-cells] .df-btn--primary {
  background: #4db8ff;
  border-color: #4db8ff;
  color: #1a1206;
}
body[data-cells] .df-jail__clock,
body[data-cells] .df-clock {
  color: #cfdcea;
}
body[data-cells] .df-btn {
  background: #4db8ff;
  border-color: #4db8ff;
  color: #1a1206;
}
body[data-cells] .df-btn--ghost {
  background: transparent;
  border-color: rgba(240, 165, 0, .55);
  color: #4db8ff;
}
body[data-cells] .df-btn:disabled,
body[data-cells] .df-btn--wait {
  background: rgba(20, 26, 34, .9);
  border-color: rgba(150, 170, 200, .22);
  color: #7b8ea6;
}
.df-col__rule {
  margin: var(--df-3) 0 0; padding: 8px 10px;
  border-left: 2px solid var(--df-amber);
  background: color-mix(in srgb, var(--df-amber) 7%, transparent);
  color: var(--df-text); font-size: .82rem; line-height: 1.55;
}
.df-col__tally {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
  gap: 1px; background: var(--df-line); border: 1px solid var(--df-line-strong); border-radius: 10px;
  margin-top: var(--df-4);
}
.df-col__tally > div { background: var(--df-panel); padding: 8px 10px; text-align: center; }
.df-col__tally b {
  display: block; font: 400 20px/1 var(--df-display); color: var(--df-amber);
}
.df-col__tally b.is-ready { color: var(--df-good); }
.df-col__tally span {
  display: block; margin-top: 4px; color: var(--df-faint);
  font: 700 var(--df-fs-label)/1.3 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
}
.df-colgrid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr));
  gap: var(--df-3);
}
.df-colcard {
  display: block; text-decoration: none;
  border: 1px solid var(--df-line-strong); border-radius: 10px; background: var(--df-panel);
  padding: 12px 14px 14px;
  border-left: 3px solid var(--df-line-strong);
  transition: border-color .12s ease, background .12s ease;
}
.df-colcard:hover { border-color: var(--df-amber); background: var(--df-panel-alt); }
.df-colcard.is-running { border-left-color: var(--df-amber); }
.df-colcard.is-ready   { border-left-color: var(--df-good); }
.df-colcard.is-done    { border-left-color: var(--df-good); }
.df-colcard.is-idle    { border-left-color: var(--df-line-strong); }
.df-colcard__top { display: flex; gap: 10px; align-items: flex-start; }
.df-colcard__seal {
  flex: 0 0 34px; height: 34px; border-radius: 50%;
  border: 2px solid var(--df-line-strong);
  display: flex; align-items: center; justify-content: center;
  font: 400 15px/1 var(--df-display); color: var(--df-faint);
}
.df-colcard.is-done .df-colcard__seal { border-color: var(--df-good); color: var(--df-good); }
.df-colcard.is-running .df-colcard__seal,
.df-colcard.is-ready .df-colcard__seal { border-color: var(--df-amber); color: var(--df-amber); }
.df-colcard__name { min-width: 0; }
.df-colcard__name b {
  display: block; color: var(--df-text-strong);
  font: 700 .92rem/1.25 var(--df-font);
}
.df-colcard__name i {
  display: block; margin-top: 3px; font-style: normal;
  color: var(--df-muted); font-size: .76rem; line-height: 1.45;
}
.df-colcard__bar {
  height: 3px; margin: 10px 0 8px; background: var(--df-line);
}
.df-colcard__bar span { display: block; height: 100%; background: var(--df-amber); }
.df-colcard.is-done .df-colcard__bar span { background: var(--df-good); }
.df-colcard__foot {
  display: flex; align-items: baseline; justify-content: space-between; gap: 8px;
}
.df-colcard__prog {
  color: var(--df-faint); font: 700 var(--df-fs-label)/1.3 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
}
.df-colcard__now { font-family: var(--df-mono); font-size: .8rem; color: var(--df-amber); }
.df-colcard__now.is-done  { color: var(--df-good); }
.df-colcard__now.is-ready { color: var(--df-good); }
.df-colcard__now.is-idle  { color: var(--df-faint); font-family: var(--df-font); font-size: .74rem; }
.df-colcard__perk {
  margin: 10px 0 0; padding-top: 9px; border-top: 1px solid var(--df-line);
  color: var(--df-muted); font-size: .76rem; line-height: 1.5;
}
.df-colout { border-color: var(--df-amber); }
.df-colout__head { display: flex; gap: 14px; align-items: flex-start; margin-bottom: var(--df-4); }
.df-colout__crest {
  flex: 0 0 52px; height: 52px; border-radius: 50%;
  border: 2px solid var(--df-amber); color: var(--df-amber);
  display: flex; align-items: center; justify-content: center;
  font: 400 22px/1 var(--df-display);
}
.df-colout__blurb { margin: 0; color: var(--df-muted); font-size: .84rem; line-height: 1.55; }
.df-colout__award {
  margin: 6px 0 0; color: var(--df-text); font-size: .82rem; line-height: 1.55;
}
.df-colout__award b { color: var(--df-amber); }
.df-colout__note {
  margin: var(--df-4) 0 0; color: var(--df-faint); font-size: .76rem; line-height: 1.5;
}
.df-coltable tr.is-done td { opacity: .55; }
.df-coltable tr.is-locked td { opacity: .75; }
.df-coltable tr.is-ready td { background: color-mix(in srgb, var(--df-good) 8%, transparent); }
.df-coltable tr.is-running td { background: color-mix(in srgb, var(--df-amber) 6%, transparent); }
.df-coltable td b { color: var(--df-text-strong); font-weight: 700; }
.df-colpass {
  color: var(--df-good); font: 700 var(--df-fs-label)/1.3 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
}
.df-collock {
  color: var(--df-faint); font: 700 var(--df-fs-label)/1.3 var(--df-font);
  letter-spacing: var(--df-track-label); text-transform: uppercase;
}
.df-colwait { font-family: var(--df-mono); font-size: .8rem; color: var(--df-amber); }
@media (max-width: 560px) {
  .df-coltable th:nth-child(3), .df-coltable td:nth-child(3),
  .df-coltable th:nth-child(5), .df-coltable td:nth-child(5) { display: none; }
  .df-colout__crest { flex-basis: 40px; height: 40px; font-size: 18px; }
}
.df-colperks { display: grid; gap: var(--df-2); }
.df-colperk {
  display: flex; gap: 10px; align-items: flex-start;
  border: 1px solid var(--df-line); border-radius: 10px; border-left: 3px solid var(--df-good);
  background: var(--df-panel-alt); padding: 9px 11px;
}
.df-colperk__seal {
  flex: 0 0 26px; height: 26px; border-radius: 50%;
  border: 2px solid var(--df-good); color: var(--df-good);
  display: flex; align-items: center; justify-content: center; font-size: 12px;
}
.df-colperk b { display: block; color: var(--df-text-strong); font-size: .86rem; }
.df-colperk span { display: block; margin-top: 2px; color: var(--df-muted); font-size: .78rem; }
.df-colcard,
.df-colcard:hover,
.df-colcard:focus,
.df-colcard b,
.df-colcard i,
.df-colcard p,
.df-colcard span { text-decoration: none; }
.df-colcard { border-left-color: color-mix(in srgb, var(--df-deg, var(--df-amber)) 70%, transparent); }
.df-colcard:hover {
  border-color: var(--df-deg, var(--df-amber));
  background: color-mix(in srgb, var(--df-deg, var(--df-amber)) 6%, var(--df-panel));
}
.df-colcard__seal {
  border-color: color-mix(in srgb, var(--df-deg, var(--df-amber)) 55%, transparent);
  color: var(--df-deg, var(--df-amber));
}
.df-colcard__bar span { background: var(--df-deg, var(--df-amber)); }
.df-colcard__name b { color: var(--df-deg, var(--df-text-strong)); }
.df-colcard {
  background:
    radial-gradient(120% 90% at 0% 0%,
      color-mix(in srgb, var(--df-deg, var(--df-amber)) 9%, transparent),
      transparent 60%),
    var(--df-panel);
}
.df-colcard.is-running { border-left-color: var(--df-amber); }
.df-colcard.is-ready,
.df-colcard.is-done    { border-left-color: var(--df-good); }
.df-colcard.is-done .df-colcard__seal { border-color: var(--df-good); color: var(--df-good); }
.df-colcard.is-done .df-colcard__bar span { background: var(--df-good); }
.df-colout { border-color: var(--df-deg, var(--df-amber)); }
.df-colout__crest {
  border-color: var(--df-deg, var(--df-amber));
  color: var(--df-deg, var(--df-amber));
}
.df-colout__award b { color: var(--df-deg, var(--df-amber)); }
.df-colmodal {
  position: fixed; inset: 0; z-index: 60;
  display: flex; align-items: center; justify-content: center;
  padding: var(--df-3);
}
.df-colmodal__veil {
  position: absolute; inset: 0;
  background: rgba(0, 0, 0, .72);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
.df-colmodal .df-colout {
  position: relative;
  width: min(780px, 100%);
  max-height: 88vh;
  display: flex; flex-direction: column;
  margin: 0;
  box-shadow: 0 18px 60px rgba(0, 0, 0, .6);
}
.df-colmodal .df-colout > .df-bar { flex: 0 0 auto; }
.df-colmodal .df-colout > .df-panel__body {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  min-height: 0;
}
.df-colmodal .df-bar__note a {
  display: inline-block; padding: 2px 8px;
  border: 1px solid var(--df-line-strong); border-radius: 10px;
  color: var(--df-muted); text-decoration: none;
}
.df-colmodal .df-bar__note a:hover {
  border-color: var(--df-deg, var(--df-amber));
  color: var(--df-deg, var(--df-amber));
}
@media (max-width: 560px) {
  .df-colmodal { padding: var(--df-2); align-items: flex-start; padding-top: 8vh; }
  .df-colmodal .df-colout { max-height: 84vh; }
  .df-colmodal .df-bar__note a { padding: 9px 14px; }
}
.df-shell__left .df-navgroup,
.df-shell__right .df-navgroup {
  margin: 0 7px 8px;
  background: rgba(12, 12, 12, 1);
  border: 1px solid var(--df-line-strong); border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .45);
}
.df-shell__left .df-statsblock {
  margin: 8px 7px;
  background: rgba(12, 12, 12, 1);
  border: 1px solid var(--df-line-strong); border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .45);
}
.df-shell__left .df-navgroup > .df-bar,
.df-shell__right .df-navgroup > .df-bar,
.df-shell__left .df-statsblock > .df-bar {
  text-align: center;
  padding: 6px 10px;
  background: rgba(30, 22, 4, 1);
  border-bottom: 1px solid var(--df-amber-line);
  letter-spacing: .16em;
}
.df-shell__left .df-nav a,
.df-shell__right .df-nav a {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 6px 10px;
  border-left: 2px solid transparent;
}
.df-mi { flex: 0 0 15px; width: 15px; height: 15px; }
.df-mi path { fill: none; stroke: currentColor; stroke-width: 1.7;
              stroke-linecap: round; stroke-linejoin: round; }
.df-mi--none { display: block; }
.df-shell__left .df-nav a .df-ml,
.df-shell__right .df-nav a .df-ml {
  display: block;
  flex: 1 1 auto; min-width: 0;
  padding: 0;
  color: inherit;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.df-shell__left .df-nav a .df-nav__ready,
.df-shell__right .df-nav a .df-nav__ready,
.df-shell__left .df-nav a .df-nav__count,
.df-shell__right .df-nav a .df-nav__count { padding: 0; }
.df-shell__left .df-navgroup .df-nav a,
.df-shell__right .df-navgroup .df-nav a { color: #c7ccd3; }
.df-shell__left .df-navgroup .df-nav a:hover,
.df-shell__right .df-navgroup .df-nav a:hover {
  background: rgba(240, 165, 0, .10);
  border-left-color: rgba(240, 165, 0, .55);
  color: var(--df-amber-hi);
  text-shadow: 0 0 10px rgba(255, 194, 61, .5),
               0 0 20px rgba(240, 165, 0, .28);
  text-decoration: none;
}
.df-shell__left .df-navgroup .df-nav a:hover .df-ml,
.df-shell__right .df-navgroup .df-nav a:hover .df-ml { color: inherit; }
.df-shell__left .df-navgroup .df-nav a.is-on,
.df-shell__right .df-navgroup .df-nav a.is-on {
  border-left-color: var(--df-amber);
  background: rgba(240, 165, 0, .13);
  color: var(--df-amber);
  text-shadow: 0 0 10px rgba(240, 165, 0, .4);
}
.df-shell__left .df-navgroup .df-nav a.is-on .df-ml,
.df-shell__right .df-navgroup .df-nav a.is-on .df-ml { color: inherit; }
.df-shell__left .df-nav a > :not(.df-mi):not(.df-ml),
.df-shell__right .df-nav a > :not(.df-mi):not(.df-ml) { flex: 0 0 auto; }
@media (min-width: 1024px) {
  :root { --df-col-right: 206px; }
}
.df-shell__left .df-nav a::before,
.df-shell__right .df-nav a::before,
.df-shell__left .df-nav .df-ml::before,
.df-shell__right .df-nav .df-ml::before { content: none; }
.df-shell__left .df-nav a .df-nav__count,
.df-shell__right .df-nav a .df-nav__count {
  vertical-align: baseline;
  margin: 0;
  min-width: 17px;
  padding: 1px 4px;
  text-align: center;
  background: var(--df-amber);
  color: var(--df-amber-ink);
  font: 700 9.5px/1.5 var(--df-mono);
}
.df-shell__left .df-nav a .df-nav__count--ready,
.df-shell__right .df-nav a .df-nav__count--ready {
  width: 7px; height: 7px; min-width: 0; padding: 0; border-radius: 50%;
  background: var(--df-good);
  font-size: 0; color: transparent; line-height: 0;
  margin-left: 2px;
}
.df-shell__left .df-nav a:hover .df-nav__count--ready,
.df-shell__right .df-nav a:hover .df-nav__count--ready { background: #8fe6a6; }
.df-shell__left .df-nav a .df-nav__count--timer,
.df-shell__right .df-nav a .df-nav__count--timer {
  background: none; color: var(--df-muted);
  min-width: 0; padding: 0; font-weight: 400;
}
.df-shell__page .df-bar {
  background: rgba(30, 22, 4, 1);
  color: var(--df-amber);
  border: 1px solid var(--df-amber-line);
  border-bottom: 0;
  padding: 7px 12px;
  letter-spacing: .13em;
  text-align: left;
}
.df-shell__page .df-bar > :last-child:not(:only-child),
.df-shell__page .df-bar__note {
  color: var(--df-muted);
  font-weight: 400;
  letter-spacing: .04em;
  text-transform: none;
}
.df-shell__page .df-panel {
  background: rgba(12, 12, 12, 1);
  border: 1px solid var(--df-line-strong); border-radius: 10px;
}
.df-shell__page .df-bar + .df-panel { border-top: 0; }
.df-shell__page .df-bar { justify-content: flex-start; gap: var(--df-3); }
.df-shell__page .df-bar > :last-child:not(:only-child) { margin-left: auto; }
.df-shell__page .df-bar::before,
.df-shell__page .df-bar::after { content: none; }
.df-shell__page .df-winbar {
  background: rgba(30, 22, 4, 1);
  border: 1px solid var(--df-amber-line);
  border-bottom-color: var(--df-amber-line);
}
.df-shell__page .df-winbar__mark {
  font-weight: 400;
  letter-spacing: .04em;
  text-transform: none;
}
.df-vitals__read { margin-top: 0; margin-bottom: 5px; }
.df-vitals__bar {
  height: 6px;
  background: #171717;
  border: 1px solid var(--df-line-strong); border-radius: 10px;
}
.df-shell__page { flex: 0 0 auto; margin-top: var(--df-6); }
.df-shell__main > .df-online { margin-top: auto; }
.df-shell__main > .df-updbar { margin: var(--df-6) 0 0; }
@media (min-width: 1024px) {
  .df-dock__bar { margin-right: calc(var(--df-col-right) + var(--df-4)); }
  .df-chatbox { right: calc(var(--df-col-right) + var(--df-4)); }
}
.df-shell__left > :first-child,
.df-shell__right > :first-child,
.df-shell__right .df-menucol > :first-child { margin-top: var(--df-6); }
.df-shell__left .df-navgroup > .df-bar,
.df-shell__right .df-navgroup > .df-bar,
.df-shell__left .df-statsblock > .df-bar { margin-top: 0; }
.df-page__body > * + * { margin-top: var(--df-5); }
.df-hstrip {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 3;
  display: flex; flex-wrap: wrap;
  align-items: flex-end; justify-content: center;
  gap: 2px 4px;
  padding: 3px 10px;
  pointer-events: none;
}
.df-hstrip__cell { pointer-events: auto; }
.df-hstrip__cell {
  display: flex; align-items: center; gap: 4px;
  padding: 2px 5px;
  border: 1px solid transparent;
  color: var(--df-muted);
  text-decoration: none;
  font: 400 var(--df-fs-small)/1 var(--df-font);
}
.df-hstrip__name {
  position: absolute; width: 1px; height: 1px;
  margin: -1px; padding: 0; border: 0;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
.df-hstrip__i { flex: 0 0 14px; width: 14px; height: 14px; }
.df-hstrip__i path { fill: currentColor; }
.df-hstrip__v {
  font: 700 var(--df-fs-small)/1 var(--df-mono);
  font-variant-numeric: tabular-nums;
  color: var(--df-text);
}
.df-hstrip__cell:hover {
  background: rgba(240, 165, 0, .12);
  border-color: rgba(240, 165, 0, .45);
  color: var(--df-amber-hi);
  text-decoration: none;
}
.df-hstrip__cell:hover .df-hstrip__v { color: var(--df-amber-hi); }
.df-hstrip__cell.is-go { color: var(--df-good); }
.df-hstrip__cell.is-go .df-hstrip__v { color: var(--df-good); }
.df-hstrip__cell.is-go:hover,
.df-hstrip__cell.is-go:hover .df-hstrip__v { color: #8fe6a6; }
@media (max-width: 767px) {
  .df-hstrip { display: none; }
}
@media (min-width: 768px) {
  .df-shell__left .df-now { display: none; }
}
@media (min-width: 1024px) {
  .df-banner__where { bottom: 24px; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .df-banner__where { bottom: 48px; }
}
.df-votes__row,
.df-voteshop__row {
  display: flex; align-items: center; gap: var(--df-4);
  padding: 9px var(--df-4);
  border-bottom: 1px solid var(--df-line);
}
.df-votes__row:last-child,
.df-voteshop__row:last-child { border-bottom: 0; }
.df-votes__who,
.df-voteshop__what { flex: 1 1 auto; min-width: 0; }
.df-votes__who b,
.df-voteshop__what b { display: block; font: 700 var(--df-fs-base)/1.3 var(--df-font); }
.df-votes__who i,
.df-voteshop__what i {
  display: block; margin-top: 2px; font-style: normal;
  font-size: var(--df-fs-small); color: var(--df-muted);
}
.df-votes__act,
.df-voteshop__buy { flex: 0 0 auto; display: flex; align-items: center; gap: var(--df-3); }
.df-votes__wait {
  font: 400 var(--df-fs-base)/1 var(--df-mono);
  font-variant-numeric: tabular-nums; color: var(--df-muted);
}
.df-voteshop__cost {
  min-width: 22px; text-align: right;
  font: 700 var(--df-fs-base)/1 var(--df-mono); color: var(--df-amber);
}
.df-voteshop__row.is-off { opacity: .55; }
.df-navgroup .df-nav a .df-nav__count--go,
.df-tabbar a .df-nav__count--go { color: var(--df-good); }
.df-navgroup .df-nav a:hover .df-nav__count--go { color: #8fe6a6; }
.df-shell__left .df-nav a .df-nav__count--go,
.df-shell__right .df-nav a .df-nav__count--go {
  background: var(--df-good);
  color: var(--df-amber-ink);
}
.df-shell__left .df-nav a:hover .df-nav__count--go,
.df-shell__right .df-nav a:hover .df-nav__count--go {
  background: #8fe6a6;
  color: var(--df-amber-ink);
}
.df-hp {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.df-set__rule {
  border: none;
  border-top: 1px solid var(--df-line, #2a2a2a);
  margin: var(--df-4) 0;
}
.df-emailflag {
  font: 700 var(--df-fs-micro)/1 var(--df-mono);
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-left: var(--df-2);
  vertical-align: middle;
}
.df-emailflag--ok { color: var(--df-good); }
.df-emailflag--no { color: var(--df-faint); }
.df-tour {
  position: fixed;
  left: var(--df-3);
  bottom: 46px;
  z-index: 60;
  width: min(320px, calc(100vw - var(--df-3) * 2));
  background: var(--df-panel, #12100c);
  border: 1px solid var(--df-amber);
  box-shadow: 0 6px 24px rgba(0, 0, 0, .6);
}
.df-tour__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--df-2);
  padding: var(--df-2) var(--df-3);
  border-bottom: 1px solid var(--df-line, #2a2a2a);
}
.df-tour__count {
  font: 700 var(--df-fs-micro)/1 var(--df-mono);
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--df-amber);
}
.df-tour__dots { display: flex; gap: 3px; }
.df-tour__dots i {
  width: 5px; height: 5px; border-radius: 50%;
  background: #2f2f2f;
}
.df-tour__dots i.is-on { background: var(--df-amber); }
.df-tour__body { padding: var(--df-3); }
.df-tour__body b { display: block; margin-bottom: 4px; color: var(--df-amber-hi); }
.df-tour__body p {
  margin: 0;
  font-size: var(--df-fs-small);
  color: var(--df-muted);
  line-height: 1.45;
}
.df-tour__act {
  display: flex;
  align-items: center;
  gap: var(--df-2);
  padding: 0 var(--df-3) var(--df-3);
}
.df-tour__back,
.df-tour__skip {
  background: none; border: none; padding: 2px;
  font-size: var(--df-fs-small);
  color: var(--df-faint);
  cursor: pointer;
  text-decoration: underline;
}
.df-tour__skip { margin-left: auto; }
.df-tour__back:hover,
.df-tour__skip:hover { color: var(--df-amber); }
.df-tour-at {
  position: relative;
  outline: 2px solid var(--df-amber);
  outline-offset: -1px;
  animation: df-tour-pulse 2.4s ease-in-out infinite;
}
@keyframes df-tour-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(240, 165, 0, .45); }
  50%      { box-shadow: 0 0 0 4px rgba(240, 165, 0, 0); }
}
body[data-motion="off"] .df-tour-at,
body[data-motion-off~="tour"] .df-tour-at { animation: none; }
@media (prefers-reduced-motion: reduce) {
  .df-tour-at { animation: none; }
}
@media (max-width: 767px) {
  .df-tour {
    left: 0; right: 0; bottom: 52px;
    width: auto;
    border-left: none; border-right: none;
  }
}
.df-wikitour {
  display: flex;
  align-items: center;
  gap: var(--df-3);
  flex-wrap: wrap;
  padding: var(--df-3);
  margin-bottom: var(--df-3);
  border: 1px solid var(--df-line, #2a2a2a);
  background: var(--df-panel, #12100c);
}
.df-wikitour span { font-size: var(--df-fs-small); color: var(--df-muted); }
.df-t--velamber{background:linear-gradient(105deg,#2a1d05,#0f0d08 62%);border-color:var(--df-line);color:var(--df-amber-hi);box-shadow:inset 0 1px 0 rgba(240,165,0,.16)}
.df-t--velblue{background:linear-gradient(105deg,#122438,#0a0f14 62%);border-color:#2f4a6b;color:#bfe0ff;box-shadow:inset 0 1px 0 rgba(111,183,255,.16)}
.df-t--velgreen{background:linear-gradient(105deg,#122c10,#0e1a0c 62%);border-color:#3d6b36;color:#a9dfa0;box-shadow:inset 0 1px 0 rgba(94,200,79,.16)}
.df-t--velred{background:linear-gradient(105deg,#331512,#1a0d0b 62%);border-color:#7a2a22;color:#f0a09a;box-shadow:inset 0 1px 0 rgba(210,75,63,.16)}
.df-t--velviolet{background:linear-gradient(105deg,#1e1030,#0d0812 62%);border-color:#3d2a52;color:#dcc4f5;box-shadow:inset 0 1px 0 rgba(176,125,224,.16)}
.df-t--velgold{background:linear-gradient(105deg,#2c2409,var(--df-menu-2) 62%);border-color:var(--df-line-strong);color:#cfe8ff;box-shadow:inset 0 1px 0 rgba(216,184,79,.16)}
.df-t--velcyan{background:linear-gradient(105deg,#0b2c2a,#071413 62%);border-color:#1f5a56;color:#b6f0ec;box-shadow:inset 0 1px 0 rgba(79,216,208,.16)}
.df-t--velteal{background:linear-gradient(105deg,#0b2434,#071118 62%);border-color:#1e5570;color:#a8dcf0;box-shadow:inset 0 1px 0 rgba(63,168,216,.16)}
.df-t--velpink{background:linear-gradient(105deg,#2e1322,#160b11 62%);border-color:#6b2f4e;color:#f8c2dc;box-shadow:inset 0 1px 0 rgba(232,120,176,.16)}
.df-t--vellime{background:linear-gradient(105deg,#1e2a08,#101505 62%);border-color:#57701f;color:#ddf0a8;box-shadow:inset 0 1px 0 rgba(168,216,79,.16)}
.df-t--velcase{background:linear-gradient(180deg,#241a0d,#120c06);border-color:#8a6a22;color:#ffe9b0;box-shadow:inset 0 -2px 0 rgba(240,201,110,.55),inset 0 1px 0 rgba(255,233,176,.18)}
body[data-cells] .df-title-tag,
body[data-cells] .df-title-tag::before,
body[data-cells] .df-title-tag::after { animation: none !important; }
.df-cmedit__buttons {
  display: flex; flex-wrap: wrap; align-items: flex-start;
  gap: 4px; max-height: 210px; overflow-y: auto; scrollbar-gutter: stable; padding: 2px;
}
.df-cmedit__bswatch { flex: 0 0 auto; cursor: pointer; }
.df-cmedit__bswatch.is-on { outline: 2px solid var(--df-text-strong); outline-offset: 1px; }
.df-cmedit__bswatch:hover, .df-cmedit__bswatch:focus-visible {
  box-shadow: 0 0 0 1px var(--df-amber), 0 0 10px rgba(240, 165, 0, .55); z-index: 1;
}
.df-cmedit__sizes { display: flex; flex-wrap: wrap; gap: 4px; }
.df-cmedit__size {
  padding: 3px 8px; border: 1px solid var(--df-line); border-radius: 10px; background: var(--df-panel-alt);
  color: var(--df-muted); font: 700 var(--df-fs-micro)/1.5 var(--df-font);
  letter-spacing: .06em; text-transform: uppercase; cursor: pointer;
}
.df-cmedit__size.is-on { border-color: var(--df-amber); color: var(--df-text-strong); }
@media (max-width: 1023px) {
  .df-has-swipe { --df-tabbar-h: 52px; }
  .df-has-swipe .df-tabbar {
    display: flex; align-items: stretch;
    padding-right: 0;
  }
  .df-has-swipe .df-tabbar a,
  .df-has-swipe .df-tabbar__slot { flex: 1 1 0; min-width: 0; }
  .df-has-swipe .df-tabbar a {
    min-height: 50px; padding: 5px 1px 4px; gap: 1px;
    font-size: 9px; letter-spacing: .05em;
    overflow: hidden; white-space: nowrap;
  }
  .df-has-swipe .df-tabbar .df-tabbar__ico { width: 18px; height: 18px; }
  .df-has-swipe .df-tabbar a .df-nav__count--timer,
  .df-has-swipe .df-tabbar a .df-nav__count--ready { font-size: 10px; }
  .df-has-swipe .df-tabbar__side[hidden] { display: flex; }
  .df-tabbar__side {
    flex: 0 0 36px; display: flex; align-items: center; justify-content: center;
    min-height: 50px; padding: 0; margin: 0;
    background: var(--df-panel); color: var(--df-amber);
    border: 0; border-right: 1px solid var(--df-line); cursor: pointer;
  }
  .df-tabbar__side--right { border-right: 0; border-left: 1px solid var(--df-line); }
  .df-tabbar__side svg { width: 20px; height: 20px; fill: currentColor; }
  .df-tabbar__side.is-open { background: var(--df-amber); color: var(--df-amber-ink); }
  .df-has-swipe .df-tabbar__slot { display: flex; border-left: 1px solid var(--df-line); }
  .df-has-swipe .df-tabbar__slot .df-dock__bar {
    position: static; width: 100%; min-height: 0; padding: 0;
    border: 0; display: flex; overflow: visible;
  }
  .df-has-swipe .df-tabbar__slot .df-dock__pin {
    flex: 1 1 0; min-height: 50px; padding: 5px 1px 4px;
    flex-direction: column; align-items: center; justify-content: center; gap: 1px;
    font: 700 9px/1 var(--df-font); letter-spacing: .05em; text-transform: uppercase;
    color: var(--df-text);
  }
  .df-has-swipe .df-tabbar__slot .df-dock__pin-dot { width: auto; height: 18px; flex: 0 0 auto; border: 0; background: none; font-size: 18px; line-height: 18px; }
  .df-has-swipe .df-tabbar__slot .df-dock__pin-name { display: none; }
  .df-has-swipe .df-tabbar__slot .df-dock__pin-word[hidden] { display: block; }
  .df-has-swipe .df-tabbar__slot .df-dock__pin--crew { display: none; }
  .df-has-swipe .df-tabbar__slot .df-dock__badge { top: 4px; right: 8px; }
}
@media (max-width: 1023px) {
  .df-swipe > .df-shell__left,
  .df-swipe > .df-shell__right { scrollbar-width: none; }
  .df-swipe > .df-shell__left::-webkit-scrollbar,
  .df-swipe > .df-shell__right::-webkit-scrollbar { display: none; width: 0; }
}
@media (max-width: 520px) {
  .df-sgrid { gap: var(--df-2); }
  .df-scard__bar { padding: 4px 7px; font-size: 9.5px; letter-spacing: .06em; }
  .df-scard__foot { display: none; }
}
.df-menufoot__form button { width: auto; padding: 0; text-align: left; font: inherit; }
.df-menufoot__form button::after { content: '.'; color: var(--df-disabled); }
.df-menufoot__name { margin-top: var(--df-3); color: var(--df-faint); letter-spacing: .12em; text-transform: uppercase; }
.df-ev--k-achievement { --df-ev-tag: #ffcc4d; }
.df-ev--k-special     { --df-ev-tag: #e0453a; }
.df-ev--k-tournament  { --df-ev-tag: #ff8c69; }
.df-ev--k-chat        { --df-ev-tag: #7dd3fc; }
.df-ev--k-offshore    { --df-ev-tag: #2dd4bf; }
.df-ev--k-recruit     { --df-ev-tag: #a3e635; }
.df-ev--k-heir        { --df-ev-tag: #fb7185; }
.df-ev--k-tokens      { --df-ev-tag: #facc15; }
.df-ev--k-bank        { --df-ev-tag: #5fd3a0; }
.df-ev--k-staff       { --df-ev-tag: #f472b6; }
.df-ev--k-kill        { --df-ev-tag: #c0102c; }
.df-ev--k-witness     { --df-ev-tag: #b88cff; }
.df-ev--k-received    { --df-ev-tag: #e0a85a; }
.df-ev--k-lottery     { --df-ev-tag: #ffd166; }
.df-ev--k-race        { --df-ev-tag: #ffe600; }
.df-ach__row:target { background: var(--df-amber-bg); outline: 1px solid var(--df-amber); outline-offset: -1px; scroll-margin-top: 90px; }
.df-closed__preview {
  background: var(--df-bad); color: #fff;
  font: 700 var(--df-fs-small)/1.3 var(--df-font); letter-spacing: .08em; text-transform: uppercase;
  text-align: center; padding: var(--df-2) var(--df-4);
}
.df-closed__hero { position: relative; }
.df-closed__hero img { filter: saturate(.35) brightness(.55); }
.df-closed__stamp {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none;
}
.df-closed__stamp span {
  font: 900 clamp(34px, 9vw, 96px)/1 var(--df-font); letter-spacing: .22em; text-transform: uppercase;
  color: var(--df-bad); border: 4px solid var(--df-bad); padding: .1em .35em .1em .55em;
  transform: rotate(-6deg); opacity: .92; text-shadow: 0 0 24px rgba(0,0,0,.6);
  box-shadow: 0 0 0 2px rgba(0,0,0,.45), inset 0 0 0 2px rgba(0,0,0,.45);
}
.df-closed__box { margin-bottom: var(--df-6); }
.df-closed__box .df-panel__body { text-align: center; padding-top: var(--df-6); padding-bottom: var(--df-6); }
.df-closed__eyebrow {
  margin: 0 0 var(--df-3); font: 700 var(--df-fs-micro)/1 var(--df-font);
  letter-spacing: .18em; text-transform: uppercase; color: var(--df-bad);
}
.df-closed__title {
  margin: 0 auto var(--df-4); max-width: 22ch; text-wrap: balance;
  font: 800 clamp(24px, 4.2vw, 40px)/1.12 var(--df-font); color: var(--df-text); letter-spacing: -.01em;
}
.df-closed__lead {
  margin: 0 auto var(--df-6); max-width: 62ch; color: var(--df-muted); font-size: var(--df-fs-body); line-height: 1.55;
}
.df-closed__lead b, .df-closed__when b { color: var(--df-text); }
.df-closed__clock {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px;
  max-width: 640px; margin: 0 auto var(--df-5);
  background: var(--df-line-strong); border: 1px solid var(--df-line-strong); border-radius: 10px;
}
.df-closed__clock > div { background: var(--df-panel); padding: var(--df-5) var(--df-2) var(--df-4); }
.df-closed__clock b {
  display: block; font: 800 clamp(30px, 7vw, 64px)/1 var(--df-mono); color: var(--df-text);
  font-variant-numeric: tabular-nums; letter-spacing: -.02em;
}
.df-closed__clock span {
  display: block; margin-top: var(--df-2); font: 700 var(--df-fs-micro)/1 var(--df-font);
  letter-spacing: .14em; text-transform: uppercase; color: var(--df-muted);
}
.df-closed__clock[data-over] b { color: var(--df-muted); }
.df-closed__when { margin: 0; color: var(--df-muted); font-size: var(--df-fs-body); }
.df-closed__list { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--df-4); }
.df-closed__list li { padding-left: var(--df-4); border-left: 2px solid var(--df-bad); color: var(--df-muted); font-size: var(--df-fs-body); line-height: 1.5; }
.df-closed__list b { color: var(--df-text); }
.df-closed .df-feat { cursor: default; }
.df-closed__staff { margin-left: auto; opacity: .7; }
.df-wipe__list { margin: 0 0 var(--df-4); padding: 0; list-style: none; columns: 2; column-gap: var(--df-5); font-size: var(--df-fs-small); }
.df-wipe__list li { display: flex; justify-content: space-between; gap: var(--df-3); padding: 2px 0; border-bottom: 1px solid var(--df-line-soft); break-inside: avoid; color: var(--df-text); }
.df-wipe__list b { color: var(--df-muted); font-family: var(--df-mono); font-weight: 400; }
@media (max-width: 600px) { .df-wipe__list { columns: 1; } }
.df-closed__discord { margin: var(--df-5) 0 0; display: flex; flex-direction: column; align-items: center; gap: var(--df-3); }
.df-closed__discord span { color: var(--df-muted); font-size: var(--df-fs-small); }
.df-doss {
  max-width: var(--df-prof-w); margin: 0 auto var(--df-4);
  color: #d6d2c8; font: 13px/1.55 var(--df-font); position: relative;
}
.df-doss__top { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 4px 10px; color: #7d7568;
  font-size: 11px; letter-spacing: .08em; text-transform: uppercase; padding: 0 2px 8px; }
.df-alog__crumb i { font-style: normal; color: #4a453d; margin: 0 4px; }
.df-alog__plate { display: flex; justify-content: center; margin: 18px 0 10px; }
.df-alog__plate > span {
  display: inline-block; min-width: 200px; padding: 7px 34px 6px; text-align: center;
  font: 700 15px/1.2 var(--df-font); letter-spacing: .12em; text-transform: uppercase; color: var(--df-amber-hi);
  background: linear-gradient(180deg, #33383f 0%, #1d2126 45%, #111417 55%, var(--df-menu-2) 100%);
  border: 1px solid #2f4a66; box-shadow: inset 0 1px 0 #3d5d7e, inset 0 -1px 0 #000, 0 4px 14px rgba(0,0,0,.7);
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 14px 100%, 0 50%);
  text-shadow: 0 1px 0 #000;
}
.df-alog__plate--top { justify-content: flex-start; margin: 0 0 -8px; position: relative; z-index: 2; }
.df-alog__plate--top > span { min-width: 0; font-size: 17px; padding: 8px 40px; }
.df-alog__plate--top { align-items: flex-end; gap: 8px; }
.df-alog__plate--top .df-uhero__acts { margin: 0 0 4px auto; justify-content: flex-end; }
.df-alog__plate--small { margin: -14px 0 6px; position: relative; z-index: 2; }
.df-alog__plate--small > span { min-width: 0; font-size: 12px; padding: 5px 26px 4px; letter-spacing: .1em; }
.df-alog__frame {
  position: relative; background: linear-gradient(180deg, #16191d, var(--df-menu-2));
  border: 2px solid var(--df-frame); box-shadow: inset 0 0 0 1px #080f19, inset 0 0 0 3px var(--df-frame-hi), inset 0 0 40px rgba(0,0,0,.6), 0 8px 24px rgba(0,0,0,.7);
  padding: 22px 14px 14px; min-width: 0;
}
.df-alog__frame-foot { text-align: center; color: #7d7568; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; margin-top: 8px; }
.df-alog__frame--staff { margin-top: 18px; border-color: var(--df-bad-line); }
.df-alog__row { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; align-items: start; }
.df-alog__hero {
  position: relative; display: block;
  min-height: 480px; padding: 34px 20px 22px; overflow: hidden;
  border: 2px solid var(--df-frame); box-shadow: inset 0 0 0 1px #080f19, inset 0 0 0 3px var(--df-frame-hi), 0 10px 30px rgba(0,0,0,.8);
  background: var(--df-menu-2);
}
.df-alog__hero::before { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(90deg, rgba(8,9,11,.97) 0%, rgba(8,9,11,.92) 40%, rgba(8,9,11,.35) 52%, rgba(8,9,11,0) 60%); }
.df-alog__hero > * { position: relative; }
.df-alog__hero .df-doss__portrait { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
.df-alog__info { min-width: 0; max-width: 460px; }
.df-alog__ribbon {
  display: inline-block; font: 700 11px/1 var(--df-font); letter-spacing: .16em; text-transform: uppercase; color: var(--df-amber-hi);
  background: linear-gradient(180deg, #2a2e34, #14171b); border: 1px solid #2f4a66; padding: 5px 14px;
  clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); margin-bottom: 6px;
}
.df-doss__name { margin: 0; font: 400 40px/1.05 var(--df-font); color: #efe9dc; letter-spacing: -.01em; text-shadow: 0 2px 8px #000; text-wrap: balance; }
.df-doss__name--accent { color: var(--df-amber); }
.df-doss__rank { margin: 4px 0 12px; color: #b3ab9d; }
.df-doss__rank .df-opt-sep { color: #7d7568; }
.df-alog__h { color: var(--df-amber-hi); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: 12px; margin: 12px 0 3px; text-shadow: 0 1px 0 #000; }
.df-doss__list { list-style: none; margin: 0; padding: 0; }
.df-doss__list li { padding: 2px 0; display: flex; gap: 8px; flex-wrap: wrap; align-items: baseline; }
.df-alog__kv li::before { content: "\25C7"; color: var(--df-amber); font-size: 10px; flex: 0 0 auto; }
.df-alog__kv--pad { padding: 2px 4px; }
.df-doss__k { color: #a89f90; }
.df-doss__v { color: #efe9dc; min-width: 0; }
.df-doss__v b { color: var(--df-amber-hi); font-weight: 700; }
.df-doss__v a { color: var(--df-amber); }
.df-doss__sm { color: #7d7568; font-size: 11px; }
.df-doss__note { margin: 2px 0 0 14px; }
.df-doss__x { color: #b3ab9d; }
.df-doss__medals { display: inline-flex; gap: 2px; vertical-align: middle; line-height: 0; }
.df-doss__more { text-decoration: none; margin-left: 6px; }
.df-doss__st { font-weight: 700; padding: 1px 6px; border: 1px solid; font-size: 11px; }
.df-doss__st--ok { color: var(--df-good); border-color: #2c5a26; }
.df-doss__st--bad { color: var(--df-bad); border-color: #5a2622; }
.df-doss__st--warn { color: var(--df-amber-hi); border-color: var(--df-amber-line); }
.df-doss__bar { display: inline-flex; gap: 2px; vertical-align: -2px; margin-right: 6px; }
.df-doss__bar i { display: inline-block; width: 13px; height: 11px; border: 1px solid var(--df-frame); background: #0e1114; box-shadow: inset 0 1px 0 rgba(255,255,255,.05); }
.df-doss__bar--red i.is-on { background: linear-gradient(#f06a5c, #b8352a); border-color: #d24b3f; }
.df-doss__bar--green i.is-on { background: linear-gradient(#7edc6f, #3f9a33); border-color: #5ec84f; }
.df-doss__bar--blue i.is-on { background: linear-gradient(#8ec6ff, #3f86d6); border-color: #6fb7ff; }
.df-doss__bar--yellow i.is-on { background: linear-gradient(#ffe08a, #d9a626); border-color: var(--df-amber-hi); }
.df-uhero__acts { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 14px; }
a.df-uhero__act, a.df-alog__act {
  display: inline-block; min-width: 92px; text-align: center; box-sizing: border-box;
  background: linear-gradient(180deg, #2a2e34, #14171b); border: 1px solid #2f4a66; color: #efe9dc; font-size: var(--df-fs-label);
  box-shadow: inset 0 1px 0 #3d5d7e, 0 2px 6px rgba(0,0,0,.6);
}
a.df-uhero__act:hover, a.df-alog__act:hover { background: var(--df-amber); color: var(--df-amber-ink); border-color: var(--df-amber); }
a.df-uhero__act--go { background: linear-gradient(180deg, var(--df-amber-hi), var(--df-amber)); border-color: var(--df-amber); color: var(--df-amber-ink); box-shadow: 0 2px 8px rgba(0,0,0,.6); }
a.df-uhero__act--go:hover { color: var(--df-amber-ink); border-color: var(--df-amber-hi); }
a.df-uhero__act--danger { color: var(--df-bad); border-color: var(--df-bad-line); }
a.df-uhero__act--danger:hover { color: #fff; background: var(--df-bad); border-color: var(--df-bad); }
.df-alog__btn { margin-top: 10px; }
.df-alog__grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }
.df-alog__slot {
  aspect-ratio: 1; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(180deg, #101317, #07090b); border: 1px solid #2c3137; box-shadow: inset 0 0 0 1px #000, inset 0 0 10px rgba(0,0,0,.8);
}
.df-alog__slot.is-earned { border-color: #6b727a; box-shadow: inset 0 0 0 1px #000, 0 0 10px rgba(240,165,0,.18); }
.df-alog__slot-n { color: var(--df-frame); font: 700 12px/1 var(--df-mono); }
.df-alog__table { width: 100%; border-collapse: collapse; font-size: 12px; }
.df-alog__table th { text-align: left; font-weight: 700; color: #7d7568; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; padding: 2px 6px 6px; border-bottom: 1px solid #2c3137; }
.df-alog__table td { padding: 6px; border-bottom: 1px solid #1a1e22; color: #d6d2c8; vertical-align: top; }
.df-alog__table tr:last-child td { border-bottom: 0; }
.df-alog__glyph { color: var(--df-amber); width: 24px; text-align: center; }
.df-alog__date { color: #7d7568; white-space: nowrap; font-family: var(--df-mono); font-size: 11px; }
.df-alog__dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: var(--df-frame); box-shadow: inset 0 0 0 1px #000; }
.df-alog__dot.is-on { background: var(--df-good); box-shadow: 0 0 6px var(--df-good); }
.df-alog__pieblock { display: grid; grid-template-columns: 120px 1fr; gap: 14px; align-items: center; }
.df-alog__pie {
  width: 120px; height: 120px; border-radius: 50%;
  background: #2a3a6b;
  border: 4px solid var(--df-frame); box-shadow: inset 0 0 0 2px #000, 0 6px 16px rgba(0,0,0,.7);
}
.df-alog__legend { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: 12px; }
.df-alog__pc { display: inline-block; min-width: 40px; font-weight: 700; }
.df-alog__pc--done { color: var(--df-amber-hi); } .df-alog__pc--todo { color: #8ec6ff; }
.df-alog__pieblock .df-alog__btn { grid-column: 1 / -1; justify-self: start; }
@media (max-width: 767px) {
  .df-doss { font-size: 12px; }
  .df-alog__hero { padding: 28px 12px 14px; min-height: 0; background-size: contain; background-position: center top; }
  .df-alog__hero::before { background: linear-gradient(180deg, rgba(8,9,11,.88), rgba(8,9,11,.86)); }
  .df-doss__name { font-size: 28px; }
  .df-alog__row { grid-template-columns: 1fr; gap: 26px; }
  .df-alog__pieblock { grid-template-columns: 96px 1fr; }
  .df-alog__pie { width: 96px; height: 96px; }
  a.df-uhero__act { min-width: calc(33.333% - 3px); }
  .df-alog__plate--top { flex-wrap: wrap; }
  .df-alog__plate--top .df-uhero__acts { flex-basis: 100%; margin: 6px 0 12px; justify-content: flex-start; }
  .df-alog__table { display: block; overflow-x: auto; }
}
.df-shell__main .df-panel, .df-land .df-panel {
  position: relative; margin-top: 18px;
  background: rgba(13, 15, 18, 1);
  border: 2px solid var(--df-frame);
  box-shadow: inset 0 0 0 1px #080f19, inset 0 0 0 3px var(--df-frame-hi), inset 0 0 40px rgba(0,0,0,.55), 0 8px 24px rgba(0,0,0,.7);
}
.df-shell__main .df-panel > .df-bar:not(.df-cdesign), .df-land .df-panel > .df-bar:not(.df-cdesign) {
  display: flex; justify-content: center; align-items: baseline; gap: var(--df-3);
  width: max-content; max-width: calc(100% - 40px); margin: -14px auto 4px; position: relative; z-index: 2;
  padding: 6px 30px 5px; background: linear-gradient(180deg, #33383f 0%, #1d2126 45%, #111417 55%, var(--df-menu-2) 100%);
  border: 1px solid #2f4a66; box-shadow: inset 0 1px 0 #3d5d7e, inset 0 -1px 0 #000, 0 4px 14px rgba(0,0,0,.7);
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  font: 700 12px/1.2 var(--df-font); letter-spacing: .12em; text-transform: uppercase; color: var(--df-amber-hi); text-shadow: 0 1px 0 #000;
}
.df-shell__main .df-panel > .df-bar:not(.df-cdesign)::before, .df-shell__main .df-panel > .df-bar:not(.df-cdesign)::after,
.df-land .df-panel > .df-bar:not(.df-cdesign)::before, .df-land .df-panel > .df-bar:not(.df-cdesign)::after { display: none; }
.df-shell__main .df-panel > .df-bar .df-bar__note, .df-land .df-panel > .df-bar .df-bar__note { opacity: .7; text-transform: none; letter-spacing: .04em; font-weight: 400; }
.df-shell__main .df-panel > .df-bar--muted { color: var(--df-muted); }
.df-shell__main .df-panel > .df-bar--good { color: var(--df-good); }
.df-shell__main .df-panel > .df-bar--bad { color: var(--df-bad); }
.df-shell__main .df-panel > .df-bar--autocrime:has(details[open]) { clip-path: none; }
.df-shell__main summary.df-bar:not(.df-cdesign):hover, .df-shell__main a.df-bar:not(.df-cdesign):hover { color: #fff; border-color: var(--df-amber); }
.df-shell__main .df-panel.df-table__scroll > .df-bar:not(.df-cdesign) { margin-top: 6px; }
@media (max-width: 767px) {
  .df-shell__main .df-panel { margin-top: 16px; }
  .df-shell__main .df-panel > .df-bar:not(.df-cdesign) { font-size: 11px; padding: 5px 22px 4px; max-width: calc(100% - 24px); }
}
.df-shell__page {
  position: relative; margin-top: 16px;
  border: 0;
  box-shadow: inset 0 0 0 1px var(--df-frame-hi), inset 0 0 0 2px #080f19, 0 8px 24px rgba(0,0,0,.7);
}
.df-winbar {
  width: max-content; max-width: calc(100% - 40px); margin: -14px auto 0; position: relative; z-index: 2;
  justify-content: center; gap: var(--df-4);
  padding: 7px 34px 6px; background: linear-gradient(180deg, #33383f 0%, #1d2126 45%, #111417 55%, var(--df-menu-2) 100%);
  border: 1px solid #2f4a66; border-bottom: 1px solid #2f4a66;
  box-shadow: inset 0 1px 0 #3d5d7e, inset 0 -1px 0 #000, 0 4px 14px rgba(0,0,0,.7);
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 14px 100%, 0 50%);
  text-shadow: 0 1px 0 #000;
}
.df-winbar__name { color: var(--df-amber-hi); }
.df-winbar__mark { color: #7d7568; }
.df-page__body { padding-top: var(--df-5); }
.df-teller__card {
  position: relative; margin-top: 14px;
  border: 2px solid var(--df-frame);
  box-shadow: inset 0 0 0 1px #080f19, inset 0 0 0 3px var(--df-frame-hi), inset 0 0 40px rgba(0,0,0,.55), 0 8px 24px rgba(0,0,0,.7);
  padding-top: var(--df-5);
}
.df-teller__head {
  width: max-content; max-width: calc(100% - 40px); margin: -26px auto 0; position: relative; z-index: 2; justify-content: center;
  padding: 6px 28px 5px; font-size: var(--df-fs-small); letter-spacing: .12em;
  background: linear-gradient(180deg, #33383f 0%, #1d2126 45%, #111417 55%, var(--df-menu-2) 100%);
  border: 1px solid #2f4a66; box-shadow: inset 0 1px 0 #3d5d7e, inset 0 -1px 0 #000, 0 4px 14px rgba(0,0,0,.7);
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  text-shadow: 0 1px 0 #000;
}
@media (max-width: 767px) {
  .df-winbar { padding: 6px 22px 5px; max-width: calc(100% - 24px); font-size: 10px; }
}
.df-shell__main .df-pagehead {
  border: 2px solid var(--df-frame);
  outline: 2px solid var(--df-frame-hi); outline-offset: -5px;
  box-shadow: 0 8px 24px rgba(0,0,0,.7);
}
.df-shell__main .df-crimeboard {
  position: relative;
  border: 2px solid var(--df-frame);
  box-shadow: inset 0 0 0 1px #080f19, inset 0 0 0 3px var(--df-frame-hi), 0 8px 24px rgba(0,0,0,.7);
}
.df-shell__main .df-crimeboard { padding: 3px; }
.df-shell__main .df-board, .df-shell__main .df-cgrid, .df-shell__main .df-ocgrid {
  position: relative;
  border: 2px solid var(--df-frame);
  box-shadow: inset 0 0 0 1px #080f19, inset 0 0 0 3px var(--df-frame-hi), 0 8px 24px rgba(0,0,0,.7);
}
.df-shell__main .df-cityhero { position: relative; border: 2px solid var(--df-frame); box-shadow: 0 8px 24px rgba(0,0,0,.7); }
.df-shell__main .df-cityhero::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 5; box-shadow: inset 0 0 0 1px #080f19, inset 0 0 0 3px var(--df-frame-hi); }
.df-shell__main .df-gtajobs, .df-shell__main .df-wikitour, .df-shell__main .df-shelf, .df-shell__main .df-updtabs, .df-shell__main .df-updlock {
  position: relative;
  border: 2px solid var(--df-frame);
  box-shadow: inset 0 0 0 1px #080f19, inset 0 0 0 3px var(--df-frame-hi), 0 8px 24px rgba(0,0,0,.7);
}
.df-shell__main .df-wikitour, .df-shell__main .df-updlock { margin-top: 12px; }
.df-shell__main .df-upd {
  border-top: 2px solid var(--df-frame); border-right: 2px solid var(--df-frame); border-bottom: 2px solid var(--df-frame);
  box-shadow: inset 0 0 0 1px #080f19, inset 0 0 0 3px var(--df-frame-hi), 0 6px 18px rgba(0,0,0,.6);
}
.df-shell__main .df-pcard, .df-shell__main .df-ledrail, .df-shell__main .df-featstrip {
  position: relative;
  border: 2px solid var(--df-frame);
  box-shadow: inset 0 0 0 1px #080f19, inset 0 0 0 3px var(--df-frame-hi), 0 8px 24px rgba(0,0,0,.7);
}
.df-shell__main .df-bar:not(.df-cdesign):not(.df-panel > .df-bar) {
  display: flex; justify-content: center; align-items: baseline; gap: var(--df-3);
  width: max-content; max-width: calc(100% - 40px); position: relative; z-index: 2;
  margin: 18px auto -13px;
  padding: 6px 30px 5px; background: linear-gradient(180deg, #33383f 0%, #1d2126 45%, #111417 55%, var(--df-menu-2) 100%);
  border: 1px solid #2f4a66; box-shadow: inset 0 1px 0 #3d5d7e, inset 0 -1px 0 #000, 0 4px 14px rgba(0,0,0,.7);
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  font: 700 12px/1.2 var(--df-font); letter-spacing: .12em; text-transform: uppercase; color: var(--df-amber-hi); text-shadow: 0 1px 0 #000;
}
.df-shell__main .df-bar:not(.df-cdesign):not(.df-panel > .df-bar)::before,
.df-shell__main .df-bar:not(.df-cdesign):not(.df-panel > .df-bar)::after { display: none; }
.df-shell__main .df-bar:not(.df-panel > .df-bar) .df-bar__note { opacity: .7; text-transform: none; letter-spacing: .04em; font-weight: 400; }
.df-shell__main .df-bar:not(.df-cdesign):not(.df-panel > .df-bar):not(:has(+ .df-panel)) { margin-bottom: 8px; }
.df-shell__main .df-stack > .df-bar:not(.df-panel > .df-bar):has(+ .df-panel) { margin-bottom: calc(-13px - var(--df-5)); }
.df-shell__main .df-bar + .df-panel { margin-top: 0; padding-top: 10px; }
.df-shell__main .df-panel > .df-set__note { padding: 6px var(--df-5) 0; }
.df-shell__main .df-panel > .df-set__note:last-child { padding-bottom: var(--df-5); margin-bottom: 0; }
.df-shell__main .df-scard, .df-shell__main .df-sopen {
  position: relative;
  border: 2px solid var(--df-frame);
  box-shadow: inset 0 0 0 1px #080f19, inset 0 0 0 3px var(--df-frame-hi), 0 8px 24px rgba(0,0,0,.7);
}
.df-shell__main .df-scard.is-on { border-color: var(--df-amber); }
.df-shell__main .df-scard { overflow: visible; }
.df-shell__main .df-sgrid { padding-top: 14px; }
.df-shell__main .df-scard__bar, .df-shell__main .df-sopen__head {
  display: flex; justify-content: center; align-items: baseline; gap: var(--df-3);
  width: max-content; max-width: calc(100% - 40px); margin: -14px auto 6px; position: relative; z-index: 2;
  padding: 6px 26px 5px; background: linear-gradient(180deg, #33383f 0%, #1d2126 45%, #111417 55%, var(--df-menu-2) 100%);
  border: 1px solid #2f4a66; box-shadow: inset 0 1px 0 #3d5d7e, inset 0 -1px 0 #000, 0 4px 14px rgba(0,0,0,.7);
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  font: 700 12px/1.2 var(--df-font); letter-spacing: .12em; text-transform: uppercase; color: var(--df-amber-hi); text-shadow: 0 1px 0 #000;
}
.df-shell__main .df-sopen { margin-top: 16px; }
.df-shell__main .df-sopen__note { opacity: .7; text-transform: none; letter-spacing: .04em; font-weight: 400; color: #cfd6cc; }
.df-shell__main .df-sgrid { padding-top: 10px; }
.df-shell__main .df-act,
.df-shell__main .df-agplate,
.df-shell__main .df-blog,
.df-shell__main .df-colcard,
.df-shell__main .df-collect,
.df-shell__main .df-colperk,
.df-shell__main .df-cw__msg,
.df-shell__main .df-dc__card,
.df-shell__main .df-dispatch,
.df-shell__main .df-garagecar,
.df-shell__main .df-geartile,
.df-shell__main .df-gridpic,
.df-shell__main .df-hand__card,
.df-shell__main .df-jail__way,
.df-shell__main .df-ledfg,
.df-shell__main .df-ledtile,
.df-shell__main .df-lu,
.df-shell__main .df-memcard,
.df-shell__main .df-now__box,
.df-shell__main .df-obj,
.df-shell__main .df-oc,
.df-shell__main .df-ocman,
.df-shell__main .df-par,
.df-shell__main .df-perk,
.df-shell__main .df-perkbox,
.df-shell__main .df-quest,
.df-shell__main .df-racelog,
.df-shell__main .df-res,
.df-shell__main .df-res__pool,
.df-shell__main .df-roles,
.df-shell__main .df-sr__box,
.df-shell__main .df-story__giveup,
.df-shell__main .df-tier,
.df-shell__main .df-title,
.df-shell__main .df-uinfo,
.df-shell__main .df-warside,
.df-shell__main .df-fold {
  position: relative;
  border: 2px solid var(--df-frame);
  box-shadow: inset 0 0 0 1px #080f19, inset 0 0 0 3px var(--df-frame-hi), 0 6px 18px rgba(0,0,0,.6);
}
.df-shell__main .df-fold { margin: 10px 0; }
.df-shell__main .df-fold:first-of-type { border-top: 2px solid var(--df-frame); }
@media (min-width: 1024px) {
  .df-shell__left, .df-shell__right {
    border: 2px solid var(--df-frame);
    box-shadow: none;
    padding: 12px 8px 10px;
  }
  .df-shell__left .df-navgroup, .df-shell__right .df-navgroup, .df-shell__left .df-statsblock {
    position: relative; margin: 14px 0 0;
    background: rgba(13, 15, 18, 1);
    border: 2px solid var(--df-frame);
    box-shadow: none;
    padding: 0 4px 4px;
  }
  .df-shell__left .df-statsblock { margin-top: 6px; }
  .df-shell__left .df-navgroup > .df-bar, .df-shell__right .df-navgroup > .df-bar, .df-shell__left .df-statsblock > .df-bar {
    display: block; position: relative; width: auto; max-width: none; margin: 0 -4px 6px;
    padding: 7px 34px 6px; text-align: center;
    background: linear-gradient(180deg, #2b3037 0%, #171a1f 60%, #101317 100%);
    border: 0; border-bottom: 2px solid var(--df-amber);
    box-shadow: inset 0 1px 0 var(--df-frame-hi), inset 0 -1px 0 #000;
    clip-path: none;
    font: 700 11px/1.2 var(--df-font); letter-spacing: .12em; text-transform: uppercase; color: var(--df-amber-hi); text-shadow: 0 1px 0 #000;
  }
  .df-shell__left .df-navgroup > .df-bar:hover, .df-shell__right .df-navgroup > .df-bar:hover, .df-shell__left .df-statsblock > .df-bar:hover {
    background: linear-gradient(180deg, #363c44 0%, #1e2228 60%, #14171b 100%);
  }
  .df-shell__left .df-navgroup > .df-bar::before, .df-shell__left .df-navgroup > .df-bar::after,
  .df-shell__right .df-navgroup > .df-bar::before, .df-shell__right .df-navgroup > .df-bar::after,
  .df-shell__left .df-statsblock > .df-bar::before, .df-shell__left .df-statsblock > .df-bar::after { display: none; }
  .df-shell__left .df-navgroup > .df-bar .df-bar__toggle, .df-shell__right .df-navgroup > .df-bar .df-bar__toggle {
    position: absolute; right: 10px; top: 50%; transform: translateY(-50%); padding: 0; margin: 0;
  }
  .df-shell__left .df-navgroup > .df-bar .df-bar__count, .df-shell__right .df-navgroup > .df-bar .df-bar__count {
    position: absolute; right: 26px; top: 50%; transform: translateY(-50%); margin: 0;
  }
  .df-shell__left .df-navgroup .df-nav, .df-shell__right .df-navgroup .df-nav { border-bottom: 0; }
  .df-shell__left .df-statsblock .df-stats { border-bottom: 0; }
}
@media (min-width: 1024px) {
  .df-crawl, .df-shell__main .df-banner, .df-online { border: 2px solid var(--df-frame); }
  .df-updbar { border: 2px solid var(--df-frame); border-left: 3px solid var(--df-amber); }
}
@media (min-width: 1024px) {
  .df-chatbox { border: 2px solid var(--df-frame); }
  .df-dock__pin { border: 2px solid var(--df-frame); }
}
.df-story { flex-direction: column; gap: 0; }
.df-story__side { flex: 0 0 auto; width: 100%; }
.df-story__main { flex: 0 0 auto; width: 100%; order: -1; }
.df-story__main > .df-msg { margin-bottom: var(--df-5); }
.df-shell__main .df-agtab > .df-ideagrid__read { border: 2px solid var(--df-frame); }
.df-shell__main .df-panel > .df-statline { padding: 10px var(--df-5) 0; }
.df-shell__main .df-panel > .df-bar-track { margin-left: var(--df-5); margin-right: var(--df-5); }
.df-doss__list li { flex-wrap: nowrap; }
.df-doss__list li .df-doss__k { flex: 0 0 auto; white-space: nowrap; }
.df-doss__list li .df-doss__v { flex: 1 1 auto; min-width: 0; }
.df-alog__row--record { grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr)); }
@media (max-width: 1023px) {
  .df-shell__left .df-navgroup, .df-shell__right .df-navgroup {
    position: relative; margin: 10px 0 0;
    background: rgba(13, 15, 18, 1);
    border: 2px solid var(--df-frame);
    box-shadow: none;
    padding: 0 4px 4px;
  }
  .df-shell__left .df-statsblock { border: 2px solid var(--df-frame); box-shadow: none; }
  .df-shell__left .df-navgroup > .df-bar, .df-shell__right .df-navgroup > .df-bar {
    display: flex; align-items: center; justify-content: center; min-height: 44px;
    position: relative; width: auto; max-width: none; margin: 0 -4px 6px;
    padding: 7px 40px 6px; text-align: center;
    background: linear-gradient(180deg, #2b3037 0%, #171a1f 60%, #101317 100%);
    border: 0; border-bottom: 2px solid var(--df-amber);
    box-shadow: inset 0 1px 0 var(--df-frame-hi), inset 0 -1px 0 #000;
    clip-path: none;
    font: 700 11px/1.2 var(--df-font); letter-spacing: .12em; text-transform: uppercase; color: var(--df-amber-hi); text-shadow: 0 1px 0 #000;
  }
  .df-shell__left .df-navgroup > .df-bar:active, .df-shell__right .df-navgroup > .df-bar:active {
    background: linear-gradient(180deg, #363c44 0%, #1e2228 60%, #14171b 100%);
  }
  .df-shell__left .df-navgroup > .df-bar::before, .df-shell__left .df-navgroup > .df-bar::after,
  .df-shell__right .df-navgroup > .df-bar::before, .df-shell__right .df-navgroup > .df-bar::after { display: none; }
  .df-shell__left .df-navgroup > .df-bar .df-bar__toggle, .df-shell__right .df-navgroup > .df-bar .df-bar__toggle {
    position: absolute; right: 12px; top: 50%; transform: translateY(-50%); padding: 0; margin: 0;
  }
  .df-shell__left .df-navgroup > .df-bar .df-bar__count, .df-shell__right .df-navgroup > .df-bar .df-bar__count {
    position: absolute; right: 30px; top: 50%; transform: translateY(-50%); margin: 0;
  }
  .df-shell__left .df-navgroup .df-nav, .df-shell__right .df-navgroup .df-nav { border-bottom: 0; }
  .df-shell__left .df-navgroup--creator > .df-bar, .df-shell__right .df-navgroup--creator > .df-bar { color: var(--df-good); border-bottom-color: var(--df-good); }
  .df-shell__left .df-navgroup--admin > .df-bar, .df-shell__right .df-navgroup--admin > .df-bar { color: var(--df-bad); border-bottom-color: var(--df-bad); }
}
.df-lb__pick { display: flex; align-items: center; justify-content: center; gap: 8px; margin: -6px 0 2px; }
.df-lb__picklabel { font: 700 10px/1 var(--df-font); letter-spacing: .14em; text-transform: uppercase; color: var(--df-muted); }
.df-lb__select { background: var(--df-menu-2); color: var(--df-amber-hi); border: 1px solid var(--df-frame-hi); padding: 5px 28px 5px 10px;
                 font: 700 11px/1.2 var(--df-font); letter-spacing: .08em; text-transform: uppercase; border-radius: 0;
                 appearance: none; -webkit-appearance: none;
                 background-image: linear-gradient(45deg, transparent 50%, var(--df-amber) 50%), linear-gradient(135deg, var(--df-amber) 50%, transparent 50%);
                 background-position: calc(100% - 14px) 50%, calc(100% - 9px) 50%; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; }
.df-lb__select:focus { outline: 1px solid var(--df-amber); outline-offset: 1px; }
.df-lb__go { min-height: 0; padding: 5px 12px; }
.df-lb__yourow { display: flex; align-items: center; gap: 14px; padding: 10px 14px 12px; flex-wrap: wrap; }
.df-lb__yourgrid { flex: 1 1 320px; min-width: 0; display: grid; grid-template-columns: 64px 34px minmax(0, 1fr) 70px 130px; row-gap: 4px; align-items: center; }
.df-lb__k { font: 700 9px/1.2 var(--df-font); letter-spacing: .12em; text-transform: uppercase; color: var(--df-faint); }
.df-lb__find { flex: 0 0 auto; margin-left: auto; }
.df-lb__tabs { display: flex; gap: 8px; margin: 8px 0 -6px; }
.df-lb__tab { flex: 1 1 0; min-width: 0; display: block; padding: 8px 14px 9px; text-decoration: none;
              background: rgba(13, 15, 18, 1); border: 2px solid var(--df-frame); border-bottom: 0;
              clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 100%, 0 100%); }
.df-lb__tab b { display: block; font: 700 13px/1.2 var(--df-font); letter-spacing: .06em; text-transform: uppercase; color: #a89f90; }
.df-lb__tab small { display: block; margin-top: 2px; font-size: 10.5px; color: var(--df-faint); }
.df-lb__tab:hover b { color: var(--df-amber-hi); }
.df-lb__tab.is-on { border-color: var(--df-amber); }
.df-lb__tab.is-on b { color: var(--df-amber); }
.df-lb__tab.is-on small { color: #a89f90; }
.df-lb__scroll { overflow-x: auto; }
.df-lb__table { width: 100%; border-collapse: collapse; }
.df-lb__table th { font: 700 9px/1.2 var(--df-font); letter-spacing: .14em; text-transform: uppercase; color: var(--df-faint);
                   text-align: left; padding: 8px 10px 6px; border-bottom: 1px solid #2a2f36; }
.df-lb__table td { padding: 9px 10px; border-bottom: 1px solid #1c1f24; vertical-align: middle; }
.df-lb__table tr:last-child td { border-bottom: 0; }
.df-lb__table tr:hover td { background: rgba(240, 165, 0, .04); }
.df-lb__table tr.is-you td { background: var(--df-amber-bg); box-shadow: inset 3px 0 0 var(--df-amber); }
.df-lb__c-pos   { width: 56px; font: 400 17px/1 var(--df-display); color: #9fd18f; text-align: center; letter-spacing: .04em; }
th.df-lb__c-pos, th.df-lb__c-lvl, th.df-lb__c-fig { text-align: center; }
.df-lb__c-badge { width: 34px; text-align: center; white-space: nowrap; }
.df-lb__c-name  { white-space: nowrap; }
.df-lb__c-name a:first-child { color: #efe9dc; font-weight: 600; }
.df-lb__c-lvl   { width: 70px; text-align: center; font: 700 13px/1 var(--df-mono); color: #d7d1c5; font-variant-numeric: tabular-nums; }
.df-lb__c-fig   { width: 130px; text-align: center; font: 700 13px/1 var(--df-mono); color: var(--df-good); font-variant-numeric: tabular-nums; }
.df-lb__c-fig .df-none, .df-lb__table .df-none { color: var(--df-faint); opacity: .55; font-weight: 400; }
.df-lb__empty { text-align: center; color: var(--df-faint); padding: 22px 10px; }
.df-lb__yourgrid .df-lb__c-pos, .df-lb__yourgrid .df-lb__c-badge, .df-lb__yourgrid .df-lb__c-lvl, .df-lb__yourgrid .df-lb__c-fig { width: auto; }
.df-lb__yourgrid .df-lb__c-name { overflow: hidden; text-overflow: ellipsis; }
.df-lb__pages { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 12px 10px 4px; }
.df-lb__step { min-height: 0; padding: 5px 14px; }
.df-lb__step.is-off { opacity: .35; pointer-events: none; }
.df-lb__dots { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; justify-content: center; }
.df-lb__dot { display: block; width: 9px; height: 9px; border-radius: 50%; background: var(--df-frame); box-shadow: inset 0 1px 0 #555c66; }
a.df-lb__dot:hover { background: #6a7280; }
.df-lb__dot.is-on { background: var(--df-amber); box-shadow: 0 0 6px rgba(240, 165, 0, .6); }
@media (max-width: 767px) {
  .df-lb__yourgrid { grid-template-columns: 44px 30px minmax(0, 1fr) 52px 96px; }
  .df-lb__find { margin-left: 0; width: 100%; display: flex; align-items: center; justify-content: center; }
  .df-lb__you .df-bar__note { display: none; }
  .df-lb__tab small { display: none; }
  .df-lb__c-pos { width: 40px; font-size: 15px; }
  .df-lb__c-lvl { width: 52px; }
  .df-lb__c-fig { width: 96px; }
  .df-lb__table th, .df-lb__table td { padding-left: 6px; padding-right: 6px; }
}
.df-colcard__does { margin-top: 7px; font-size: .76rem; line-height: 1.4; color: var(--df-deg, var(--df-amber)); }
.df-colcard__does span { display: inline-block; margin-right: 5px; padding: 1px 5px 0; font: 700 8px/1.5 var(--df-font); letter-spacing: .12em; text-transform: uppercase; color: var(--df-faint); border: 1px solid var(--df-frame); vertical-align: 1px; }
.df-job__pays { display: none; }
.df-shell__main .df-job { border-bottom: 0; }
.df-shell__main .df-crimeboard { background: linear-gradient(180deg, rgba(13,13,13,.94), rgba(8,8,8,.97)); }
.df-shell__main .df-crimeboard { background: rgba(13, 15, 18, 1); }
.df-t--pgold{background:linear-gradient(180deg,#5a4410,#2c2108 55%,#1a1405);border-color:#d8b84f;color:#ffe9a8;box-shadow:0 0 8px rgba(216,184,79,.45),inset 0 1px 0 rgba(255,236,170,.35);overflow:hidden;animation:none;text-shadow:0 1px 0 #000}
.df-t--pgold::before{background:linear-gradient(100deg,transparent 30%,rgba(255,240,190,.55) 50%,transparent 70%);animation:dft-sweep 5s linear infinite}
.df-t--psilver{background:linear-gradient(180deg,#4c5259,#262a2f 55%,#15181c);border-color:#c9d1d9;color:#eef2f6;box-shadow:0 0 8px rgba(201,209,217,.4),inset 0 1px 0 rgba(255,255,255,.35);overflow:hidden;animation:none;text-shadow:0 1px 0 #000}
.df-t--psilver::before{background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);animation:dft-sweep 6s linear infinite}
.df-t--pbronze{background:linear-gradient(180deg,#5a3a20,#2e1d0e 55%,#1a1008);border-color:#c8804a;color:#ffd2ad;box-shadow:0 0 8px rgba(200,128,74,.4),inset 0 1px 0 rgba(255,210,170,.3);overflow:hidden;animation:none;text-shadow:0 1px 0 #000}
.df-t--pbronze::before{background:linear-gradient(100deg,transparent 30%,rgba(255,220,180,.5) 50%,transparent 70%);animation:dft-sweep 7s linear infinite}
.df-t--tgold{background:linear-gradient(180deg,#5a3410,#2c1808 55%,#1a0e05);border-color:#e0453a;color:#ffd9a8;box-shadow:0 0 8px rgba(224,69,58,.45),inset 0 1px 0 rgba(255,220,170,.35);overflow:hidden;animation:none;text-shadow:0 1px 0 #000}
.df-t--tgold::before{background:linear-gradient(100deg,transparent 30%,rgba(255,120,100,.55) 50%,transparent 70%);animation:dft-sweep 5s linear infinite}
.df-t--tsilver{background:linear-gradient(180deg,#4c3a3a,#262020 55%,#151212);border-color:#e0453a;color:#f6e6e6;box-shadow:0 0 8px rgba(224,69,58,.4),inset 0 1px 0 rgba(255,255,255,.3);overflow:hidden;animation:none;text-shadow:0 1px 0 #000}
.df-t--tsilver::before{background:linear-gradient(100deg,transparent 30%,rgba(255,150,140,.5) 50%,transparent 70%);animation:dft-sweep 6s linear infinite}
.df-t--tbronze{background:linear-gradient(180deg,#5a2a20,#2e150e 55%,#1a0c08);border-color:#e0453a;color:#ffc2ad;box-shadow:0 0 8px rgba(224,69,58,.4),inset 0 1px 0 rgba(255,200,170,.3);overflow:hidden;animation:none;text-shadow:0 1px 0 #000}
.df-t--tbronze::before{background:linear-gradient(100deg,transparent 30%,rgba(255,170,150,.5) 50%,transparent 70%);animation:dft-sweep 7s linear infinite}
.df-t--pdais1{background:var(--df-menu-2);border-color:var(--df-line-strong);color:#cfe8ff;padding-left:16px}
.df-t--pdais1::after{left:5px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff3c4,#d8b84f 60%,#8a6d1e)}
.df-t--pdais5{background:var(--df-menu-2);border-color:var(--df-line-strong);color:#cfe8ff;padding-left:16px;box-shadow:inset 0 -2px 0 #c9d1d9}
.df-t--pdais5::after{left:5px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff3c4,#d8b84f 60%,#8a6d1e)}
.df-t--pdais15{background:var(--df-menu-2);border-color:#d8b84f;color:#ffe9a8;padding-left:26px;box-shadow:0 0 6px rgba(216,184,79,.35)}
.df-t--pdais15::after{left:5px;top:50%;width:18px;height:6px;margin-top:-3px;background:linear-gradient(90deg,#d8b84f 0 33%,#c9d1d9 33% 66%,#c8804a 66%);border-radius:1px}
.df-shop__box, .df-shell__main .df-shop__box { overflow: visible; max-height: none; margin: 52px auto 24px; }
.df-shop__box > .df-panel__body {
  max-height: calc(100vh - 120px); overflow-y: auto;
  scrollbar-width: none; -ms-overflow-style: none;
}
.df-shop__box > .df-panel__body::-webkit-scrollbar { display: none; }
.df-agree { display: flex; align-items: flex-start; gap: 9px; cursor: pointer; font-size: var(--df-fs-base); color: var(--df-text); line-height: 1.45; }
.df-agree input[type="checkbox"] { width: auto; margin: 3px 0 0; padding: 0; flex: 0 0 auto; accent-color: var(--df-amber); }
.df-agree a { color: var(--df-amber); text-decoration: underline; }
.df-field--invalid .df-agree { color: var(--df-text-strong); }
.df-signpts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.df-signpts__one { display: grid; gap: 3px; font-size: 12px; color: var(--df-muted); }
.df-signpts__one .df-input { width: 100%; box-sizing: border-box; }
@media (max-width: 480px) { .df-signpts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.df-lb__table .df-lb__c-name { white-space: normal; overflow-wrap: anywhere; }
.df-lb__c-rank { white-space: normal; color: var(--df-muted); font-size: 12px; }
.df-lb__table .df-lb__c-fig { width: auto; padding-left: 8px; padding-right: 8px; color: #b9b2a5; font-weight: 400; }
.df-lb__table .df-lb__c-fig.is-on { color: var(--df-good); font-weight: 700; }
.df-lb__table th.df-lb__c-fig.is-on { color: var(--df-amber); }
.df-lb__bits { display: none; }
.df-lb__totals { border-top: 0; border-bottom: 1px solid var(--df-line); }
.df-lb__totals .df-stat__value { white-space: nowrap; }
.df-lb__you .df-lb__yourow { padding: 0 14px 12px; justify-content: flex-end; }
@media (max-width: 767px) {
  .df-lb__table .df-lb__c-fig:not(.is-on), .df-lb__c-rank { display: none; }
  .df-lb__table .df-lb__c-fig.is-on { width: 96px; }
  .df-lb__c-name { white-space: normal; }
  .df-lb__c-name a:first-child { overflow-wrap: anywhere; }
  .df-lb__bits { display: block; margin-top: 3px; font-size: 10.5px; line-height: 1.4; color: var(--df-muted); }
  .df-lb__bits b { color: #d7d1c5; font-weight: 600; }
  .df-lb__bits i { color: var(--df-faint); font-style: normal; }
  .df-lb__totals > div { flex: 1 1 100px; padding: 7px 8px; }
}
.df-lb__table tr.is-you td { box-shadow: none; }
.df-lb__table tr.is-you td:first-child { box-shadow: inset 3px 0 0 var(--df-amber); }
.df-doss__list li.df-doss__retired { align-items: center; }
.df-doss__retired .df-doss__v { display: inline-flex; align-items: center; gap: 6px; }
[data-lo-live].is-busy { opacity: .7; transition: opacity .15s; }
.df-nav a.is-locked, .df-shell__right .df-navgroup .df-nav a.is-locked, .df-shell__left .df-navgroup .df-nav a.is-locked { color: var(--df-disabled); }
.df-nav a.is-locked .df-mi { opacity: .4; }
.df-nav a.is-locked:hover { color: #8a847a; }
.df-panel--locked .df-set__note { padding: 14px 16px; }
.df-now__ico--stroke path, .df-tabbar__ico--stroke path, .df-pp__chip--stroke svg path { fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 1023px) {
  .df-tabbar a.is-ready, .df-tabbar a.is-ready .df-tabbar__ico { color: #4caf50; }
  .df-tabbar a.is-ready.is-active { color: #66bb6a; }
  .df-has-swipe .df-tabbar a { white-space: normal; letter-spacing: 0; font-size: 8.5px; padding: 4px 0 3px; }
  .df-tabbar__word { display: block; max-width: 100%; line-height: 1.05; overflow-wrap: anywhere; text-align: center; }
  .df-has-swipe .df-tabbar a .df-nav__count--timer, .df-has-swipe .df-tabbar a .df-nav__count { font-size: 9.5px; letter-spacing: 0; }
}
.df-vitbar { display: none; }
@media (max-width: 1023px) {
  .df-vitbar { display: flex; margin: 0; border: 2px solid var(--df-frame); background: rgba(13,15,18,1); }
  .df-vitbar__cell { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 7px 6px 6px; text-decoration: none; color: var(--df-text); border-right: 1px solid #23282e; }
  .df-vitbar__cell:last-child { border-right: 0; }
  .df-vitbar__k { font: 700 9px/1 var(--df-font); letter-spacing: .14em; text-transform: uppercase; color: var(--df-muted); }
  .df-vitbar__v { font: 700 13px/1.2 var(--df-font); color: #efe9dc; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .df-vitbar__v small { font-size: 10px; font-weight: 400; color: var(--df-muted); }
  .df-vitbar__v--cash { color: var(--df-amber-hi); font-family: var(--df-mono); }
  .df-vitbar__sub { font: 400 9px/1 var(--df-font); color: var(--df-faint); }
  .df-vitbar__track { display: block; width: 100%; max-width: 96px; height: 3px; margin-top: 3px; background: #23282e; }
  .df-vitbar__fill { display: block; height: 100%; background: var(--df-amber); }
  .df-vitbar__track--hp .df-vitbar__fill { background: var(--df-good); }
  .df-vitbar__cell.is-low .df-vitbar__v { color: #ff6b5a; }
  .df-vitbar__cell.is-low .df-vitbar__fill { background: #d32f2f; }
}
.df-give__facets { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 8px; }
.df-give__facets[hidden] { display: none; }
.df-give__facet { display: flex; flex-direction: column; gap: 3px; flex: 1 1 120px; min-width: 0; }
.df-give__facet span { font: 700 9px/1 var(--df-font); letter-spacing: .12em; text-transform: uppercase; color: var(--df-muted); }
.df-give__facet select { background: var(--df-menu-2); color: var(--df-amber-hi); border: 1px solid var(--df-frame-hi); padding: 5px 8px; font: inherit; font-size: 12px; }
.df-give__facet select:focus { outline: 1px solid var(--df-amber); outline-offset: 1px; }
.df-alog__titles { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 12px 12px; align-items: center; }
.df-alog__titles p { margin: 0; }
.df-alog__title { display: inline-block; padding: 3px 9px; font: 600 11px/1.3 var(--df-font); border: 1px solid #2c3137; background: #101317; color: #d7d1c5; }
.df-alog__title.is-worn { border-color: var(--df-amber); box-shadow: 0 0 6px rgba(240,165,0,.35); }
.df-alog__row--crew { grid-template-columns: 1fr; }
.df-alog__crewpic { display: flex; align-items: center; justify-content: center; min-height: 90px; margin: 10px 12px 6px; background: var(--df-menu-2); border: 1px solid #2c3137; text-decoration: none; overflow: hidden; }
.df-alog__crewpic img { display: block; width: 100%; max-height: 240px; object-fit: contain; }
.df-alog__crewfacts { display: grid; grid-template-columns: 1fr 1fr; column-gap: 18px; }
@media (max-width: 767px) { .df-alog__crewfacts { grid-template-columns: 1fr; } }
.df-alog__crewpic--none { flex-direction: column; gap: 4px; color: var(--df-faint); }
.df-crews__picpanel { padding: 0; }
.df-crews__picpanel .df-crews__pic { margin: 0; border: 0; }
.df-alog__crewpic--none span { font: 700 28px/1 var(--df-display); color: var(--df-amber); letter-spacing: .08em; }
.df-alog__crewpic--none small { font-size: 10.5px; }
@media (max-width: 767px) { .df-alog__row--crew { grid-template-columns: 1fr; } }
.df-gs .df-panel__body { padding: 8px 8px 6px; }
.df-gs__tiles { display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; }
.df-gs__tile {
  display: block; min-width: 0; padding: 4px 7px 3px;
  background: #080f19; border: 1px solid var(--df-line); border-radius: 10px;
}
.df-gs__k { display: block; color: var(--df-muted); font: 700 8px/1.3 var(--df-font); letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.df-gs__v { display: block; font: 700 13px/1.3 var(--df-mono); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.df-gs__v--m { color: var(--df-good); }
.df-gs__v--n { color: var(--df-amber-hi); }
.df-gs__v--h { color: var(--df-text-strong); }
.df-gs__s { display: block; color: var(--df-faint); font-size: 9px; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 1279px) { .df-gs__tiles { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 767px)  { .df-gs__tiles { grid-template-columns: repeat(2, 1fr); } }
.df-bbrow { display: grid; grid-template-columns: 190px 120px 1fr; gap: var(--df-3); align-items: baseline;
  padding: 7px var(--df-3); border-top: 1px solid var(--df-line-soft); }
.df-bbrow:first-of-type { border-top: 0; }
.df-bbrow__k { font: 700 var(--df-fs-base)/1.4 var(--df-font); color: var(--df-text-strong); }
.df-bbrow__s { font: 700 var(--df-fs-micro)/1.4 var(--df-font); letter-spacing: .12em; text-transform: uppercase; }
.df-bbrow--on .df-bbrow__s { color: var(--df-good); }
.df-bbrow--off .df-bbrow__s { color: var(--df-muted); }
.df-bbrow__how { color: var(--df-muted); font-size: .8rem; line-height: 1.5; min-width: 0; }
@media (max-width: 767px) {
  .df-bbrow { grid-template-columns: 1fr auto; row-gap: 2px; }
  .df-bbrow__how { grid-column: 1 / -1; }
}
.df-shell__main .df-scard__bar--long { white-space: nowrap; padding-left: 16px; padding-right: 16px; letter-spacing: .08em; font-size: 11px; }
.df-mark {
  position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 3;
  display: flex; flex-direction: column; align-items: flex-start; gap: 2px;
  padding: 14px 90px 14px 34px;
  background: linear-gradient(90deg, rgba(0,0,0,.78), rgba(0,0,0,.55) 60%, rgba(0,0,0,0));
  pointer-events: none; white-space: nowrap; text-align: left;
}
.df-mark__rule { background: linear-gradient(90deg, var(--df-amber), var(--df-amber) 60%, rgba(240,165,0,0)); }
.df-mark__name { margin-left: 0; }
.df-mark__gem { left: -18px; }
.df-mark__tag, .df-mark__est {
  font: 400 9px/1.4 Georgia, 'Times New Roman', serif; letter-spacing: .38em; text-transform: uppercase;
  color: #efe9dc; text-shadow: 0 1px 2px #000, 0 0 8px rgba(0,0,0,.9);
}
.df-mark__tag { position: relative; padding-left: 0; }
.df-mark__gem {
  position: absolute; left: -64px; top: 3px; width: 6px; height: 6px;
  background: var(--df-amber); transform: rotate(45deg); box-shadow: 0 0 6px var(--df-amber);
}
.df-mark__name {
  font: 700 46px/1 'Playfair Display', Georgia, 'Times New Roman', serif; letter-spacing: .16em; text-transform: uppercase;
  color: #f3eee2; text-shadow: 0 2px 4px #000, 0 0 18px rgba(0,0,0,.95), 0 0 2px #000;
  margin: 2px 0 0 .16em;
}
.df-mark__rule {
  display: block; width: 320px; height: 1px; margin: 4px 0 3px;
  background: linear-gradient(90deg, rgba(240,165,0,0), var(--df-amber) 30%, var(--df-amber) 70%, rgba(240,165,0,0));
}
.df-mark__est { letter-spacing: .3em; }
@media (max-width: 1023px) {
  .df-mark__tag, .df-mark__rule, .df-mark__est { display: none; }
  .df-mark__name { font-size: 30px; }
}
.df-agplate.has-pic {
  background: linear-gradient(90deg, #07070a 0%, #07070a 34%, rgba(7,7,10,.72) 60%, rgba(7,7,10,.15) 100%), var(--df-ocpic) right center / cover no-repeat #07070a;
}
.df-tfold > .df-tfold__s { display: block; cursor: pointer; list-style: none; user-select: none; }
.df-tfold > .df-tfold__s::-webkit-details-marker { display: none; }
.df-tfold__hint::before { content: 'show'; }
.df-tfold[open] .df-tfold__hint::before { content: 'hide'; }
.df-tfold__hint { color: var(--df-amber); font-weight: 700; }
.df-tfold__held { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; padding: 8px 12px; background: rgba(0,0,0,.25); border-top: 1px solid var(--df-line); }
.df-tfold__held > span { font-size: 9px; padding: 1px 5px; }
.df-tfold__held > i { font: 700 9px/1 var(--df-mono); color: var(--df-faint); }
.df-tfold[open] > .df-tfold__s > .df-tfold__held { display: none; }
.df-tfold:not([open]) > .df-panel__body { display: none; }
.df-sig { padding: 12px 14px; line-height: 1.6; color: var(--df-text); word-break: break-word; overflow-wrap: anywhere; }
.df-sig__c { text-align: center; }
.df-sig__r { text-align: right; }
.df-sig__hr { border: 0; border-top: 1px solid var(--df-line); margin: 10px 0; }
.df-quote { margin: 6px 0; padding: 6px 10px; border-left: 3px solid var(--df-amber-line, #6b5a2a); background: rgba(255,255,255,.03); }
.df-quote > b:first-child { color: var(--df-amber, #f0a500); }
.df-codehint { display: block; margin-top: 4px; font-size: 11px; color: var(--df-muted, #8a857c); }
.df-sig__s1 { font-size: 10px; }
.df-sig__s2 { font-size: 12px; }
.df-sig__s3 { font-size: 14px; }
.df-sig__s4 { font-size: 20px; line-height: 1.3; }
.df-sig__s5 { font-size: 28px; line-height: 1.2; font-weight: 700; }
.df-sig__img { display: block; max-width: 100%; height: auto; margin: 8px 0; }
.df-sig__yt { position: relative; max-width: 560px; aspect-ratio: 16 / 9; margin: 8px 0; background: #000; }
.df-sig__yt iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.df-sig__box { width: 100%; min-height: 140px; font: 13px/1.5 var(--df-mono); resize: vertical; background: #080f19; color: var(--df-text); border: 1px solid var(--df-line); border-radius: 10px; padding: 8px 10px; box-sizing: border-box; }
.df-sig__codes td { padding: 6px 8px; vertical-align: top; }
.df-sig__codes td:first-child { white-space: nowrap; }
.df-sig__codes code { font: 12px/1.4 var(--df-mono); color: var(--df-amber); }
.df-stscene { position: relative; display: block; margin: 0 0 var(--df-5); aspect-ratio: var(--ar, 1344 / 500); overflow: hidden; border: 2px solid var(--df-frame); outline: 2px solid var(--df-frame-hi); outline-offset: -5px; box-shadow: 0 8px 24px rgba(0,0,0,.7); background: #000; --sx: 50%; --sy: 110%; }
.df-stscene__pic { display: block; width: 100%; height: 100%; object-fit: cover; filter: brightness(.72); transition: filter .8s; }
.df-stscene--dark .df-stscene__pic { filter: brightness(.28) saturate(.3); }
.df-stscene__torch { position: absolute; inset: 0; pointer-events: none; opacity: 0; transition: opacity .1s;    background: radial-gradient(ellipse 16% 22% at var(--sx) var(--sy), rgba(255,235,180,.55), rgba(255,235,180,.18) 55%, rgba(255,235,180,0) 100%); mix-blend-mode: screen; }
.df-stscene.is-search .df-stscene__torch { opacity: 1; }
.df-stscene__spot { position: absolute; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0; border: 0; background: none; color: #fff; font: inherit; cursor: pointer; }
.df-stscene__ring { width: 34px; height: 34px; border-radius: 50%; border: 2px solid rgba(255,220,120,.9); box-shadow: 0 0 0 6px rgba(255,220,120,.18), 0 0 18px rgba(255,220,120,.5); display: grid; place-items: center; font: 700 15px/1 var(--df-mono); background: rgba(0,0,0,.35); animation: df-stspot 1.8s ease-in-out infinite; }
.df-stscene__tag { font: 700 11px/1 var(--df-mono); letter-spacing: .08em; text-transform: uppercase; background: rgba(0,0,0,.72); padding: 4px 7px; white-space: nowrap; }
button.df-stscene__spot:hover .df-stscene__ring, button.df-stscene__spot:focus-visible .df-stscene__ring { border-color: #fff; box-shadow: 0 0 0 8px rgba(255,220,120,.25), 0 0 26px rgba(255,220,120,.8); }
.df-stscene.is-search .df-stscene__spot:not(.is-rummage) { opacity: .25; }
.df-stscene__spot.is-rummage .df-stscene__ring { animation: df-strummage .18s linear infinite; border-color: #fff; }
.df-stscene__spot--done .df-stscene__ring { animation: none; border-color: rgba(255,255,255,.35); box-shadow: none; background: rgba(0,0,0,.6); }
.df-stscene__spot--done.is-good .df-stscene__ring { color: var(--df-green, #6fdc6f); border-color: rgba(111,220,111,.7); }
.df-stscene__spot--done.is-bad .df-stscene__ring { color: #ff7b6b; border-color: rgba(255,123,107,.7); }
.df-stscene__say { position: absolute; left: 0; right: 0; bottom: 0; padding: 8px 12px; font: 13px/1.3 var(--df-mono); color: #e9e2cf; background: linear-gradient(transparent, rgba(0,0,0,.85)); text-align: center; pointer-events: none; }
@keyframes df-stspot { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.12); } }
@keyframes df-strummage { 0% { transform: translate(-2px, 1px) rotate(-4deg); } 50% { transform: translate(2px, -1px) rotate(4deg); } 100% { transform: translate(-1px, 2px) rotate(-2deg); } }
@media (max-width: 767px) { .df-stscene__ring { width: 24px; height: 24px; font-size: 12px; } .df-stscene__tag { display: none; } .df-stscene__spot--done .df-stscene__tag { display: block; font-size: 8px; padding: 2px 4px; } .df-stscene__say { font-size: 10px; padding: 4px 8px; top: 0; bottom: auto; background: linear-gradient(rgba(0,0,0,.85), transparent); } }
@media (prefers-reduced-motion: reduce) { .df-stscene__ring, .df-stscene__spot.is-rummage .df-stscene__ring { animation: none; } }
a.df-gtajob__btn { text-decoration: none; }
.df-gtajob__btn.is-open { background: var(--df-amber); color: var(--df-amber-ink); }
.df-rmap { position: relative; margin: var(--df-4) 0 var(--df-3); aspect-ratio: 1440 / 896; overflow: hidden; background: #000; border: 2px solid var(--df-frame); outline: 2px solid var(--df-frame-hi); outline-offset: -5px; box-shadow: 0 8px 24px rgba(0,0,0,.7); }
.df-rmap__pic { display: block; width: 100%; height: 100%; object-fit: cover; }
.df-rmap__pin { position: absolute; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; gap: 3px; color: #fff; text-decoration: none; --pin: var(--df-amber); }
.df-rmap__n { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font: 700 12px/1 var(--df-mono); color: #000; background: var(--pin); box-shadow: 0 0 0 4px rgba(0,0,0,.45), 0 0 16px var(--pin); }
.df-rmap__name { font: 700 10px/1 var(--df-mono); letter-spacing: .08em; text-transform: uppercase; background: rgba(0,0,0,.72); padding: 3px 6px; white-space: nowrap; }
.df-rmap__pin:hover .df-rmap__n, .df-rmap__pin:focus-visible .df-rmap__n { transform: scale(1.15); box-shadow: 0 0 0 4px rgba(0,0,0,.45), 0 0 26px var(--pin); }
.df-rmap__pin--walk, .df-rmap__pin--fav { --pin: var(--df-good); }
.df-rmap__pin--even  { --pin: var(--df-amber); }
.df-rmap__pin--under { --pin: #c9884f; }
.df-rmap__pin--out   { --pin: #b4553f; }
.df-rmap__pin.is-out { opacity: .7; }
.df-race.is-open, .df-race:target { display: flex; align-items: center; justify-content: center; }
.df-race .df-shop__box { width: min(720px, calc(100vw - 24px)); padding: 0; margin: 0; }
.df-race__pic { display: block; width: 100%; height: auto; }
.df-race__blurb { margin: 0 0 var(--df-3); font-size: var(--df-fs-lead); color: var(--df-text); }
.df-race__foot { display: flex; align-items: center; justify-content: space-between; gap: var(--df-4); margin-top: var(--df-4); flex-wrap: wrap; }
@media (max-width: 767px) { .df-rmap__n { width: 20px; height: 20px; font-size: 10px; } .df-rmap__name { display: none; } .df-rmap__pin:hover .df-rmap__name { display: block; } }
.df-plan--tight .df-plan__head { margin: 12px 0 6px; }
.df-plan--tight .df-plan__opt { flex-basis: 160px; }
.df-plan--tight .df-pick { padding: 7px 9px; gap: 3px; }
.df-plan--tight .df-pick__n { font-size: 11px; }
.df-plan--tight .df-pick__d { font-size: 10px; line-height: 1.35; }
.df-plan--tight .df-pick__m { font-size: 9px; }
.df-plan--tight .df-hand { gap: 6px; margin-bottom: 6px; }
.df-plan--tight .df-hand__card { flex-basis: 130px; padding: 6px 9px; }
.df-plan--tight .df-hand__card b { font-size: 15px; }
.df-plan--tight .df-hand__n { margin: 2px 0 2px; font-size: 10.5px; }
.df-plan--tight .df-hand__d { font-size: 10px; line-height: 1.35; }
.df-plan--tight .df-set__note { margin-bottom: 8px; font-size: 12px; line-height: 1.5; }
.df-plan--tight .df-set__note--sm { font-size: 11px; line-height: 1.45; }
.df-prizes--row { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0 0 8px; padding: 0; list-style: none; font-size: 11.5px; color: var(--df-muted); }
.df-prizes--row li::before { content: '\2022'; color: var(--df-amber); margin-right: 6px; }
.df-plan--tight .df-rmap { margin-top: 6px; }
.df-lu--pic { position: relative; overflow: hidden; background: #0c0a07; }
.df-lu--pic::before { content: ''; position: absolute; inset: 0; background: var(--lu-pic) center 40% / cover no-repeat; opacity: .85; }
.df-lu--pic::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(12,10,7,.2), rgba(12,10,7,.5) 55%, rgba(12,10,7,.78)); }
.df-lu--pic > * { position: relative; z-index: 1; }
@media (max-width: 767px) { .df-lu--pic::before { background-image: var(--lu-pic-sm); } }
.df-lu--pic .df-lu__sheet { width: 84px; height: auto; padding: 4px 4px 3px; background: rgba(8,8,8,.7); display: flex; flex-direction: column; align-items: center; gap: 2px; }
.df-lu--pic .df-lu__sheet img { display: block; width: 100%; height: auto; filter: grayscale(1) brightness(.35) contrast(.8); }
.df-lu--pic .df-lu__sheet b { font: 700 8.5px/1 var(--df-mono); letter-spacing: .06em; text-transform: uppercase; color: #4a453d; }
.df-lu--pic .df-lu__sheet.is-found { background: rgba(240,165,0,.14); }
.df-lu--pic .df-lu__sheet.is-found img { filter: none; }
.df-lu--pic .df-lu__sheet.is-found b { color: var(--df-amber); }
@media (max-width: 767px) { .df-lu--pic .df-lu__sheet { width: 64px; } .df-lu--pic .df-lu__sheet b { font-size: 7.5px; } }.df-lu--pic .df-lu__kicker, .df-lu--pic .df-lu__line, .df-lu--pic .df-lu__sub, .df-lu--pic .df-lu__count, .df-lu--pic .df-lu__clock { text-shadow: 0 1px 3px #000, 0 0 14px #000; }
.df-lu--pic .df-lu__line { color: #d6cdbb; }
.df-hitcard.df-agplate.is-live { background: #05070a url('images/contract/wall.png') center / cover no-repeat; }
.df-hitcard.df-agplate.is-live::after { content: ''; position: absolute; inset: 0; pointer-events: none; z-index: 0; background: linear-gradient(90deg, rgba(5,7,10,.55) 0%, rgba(5,7,10,.72) 30%, rgba(5,7,10,.55) 65%, rgba(5,7,10,.25) 100%); }
.df-hitcard.df-agplate.is-live > * { position: relative; z-index: 1; }
.df-hitcard.df-agplate.is-live .df-agplate__ghost { z-index: 0; }
.df-hitcard.df-agplate.is-live .df-hitcard__hud { text-shadow: 0 1px 3px #000, 0 0 10px rgba(0,0,0,.8); }
.df-hitcard.df-agplate.is-live .df-agwall__mug { background: #000 url('images/contract/mug.png') center / cover no-repeat; }
.df-hitcard.df-agplate.is-live .df-agwall__mugtx { text-shadow: 0 0 3px #000, 0 0 3px var(--df-agc, var(--df-amber)), 0 0 12px color-mix(in srgb, var(--df-agc, var(--df-amber)) 65%, transparent), 0 2px 6px #000; }
@media (max-width: 767px) {
  .df-hitcard.df-agplate.is-live { background-image: url('images/contract/wall-sm.png'); }
  .df-hitcard.df-agplate.is-live .df-agwall__mug { background-image: url('images/contract/mug-sm.png'); }
}
.df-crimeboard, .df-shell__main .df-crimeboard {
  background:
    linear-gradient(180deg, rgba(10,10,10,.5), rgba(6,6,6,.66) 60%, rgba(6,6,6,.78)),
    url('images/crimes/board.png') center / cover no-repeat;
}
.df-job { border-bottom-color: rgba(255,255,255,.08); }
.df-job:hover { background: rgba(240,165,0,.06); }
@media (max-width: 767px) { .df-crimeboard, .df-shell__main .df-crimeboard { background-image: linear-gradient(180deg, rgba(10,10,10,.5), rgba(6,6,6,.66) 60%, rgba(6,6,6,.78)), url('images/crimes/board-sm.png'); } }
.df-crimeboard .df-job__name, .df-crimeboard .df-fact { text-shadow: 0 1px 3px #000, 0 0 8px rgba(0,0,0,.9); }
.df-colcard--pic, .df-shell__main .df-colcard--pic {
  background:
    linear-gradient(100deg, rgba(10,10,10,.82) 0%, rgba(10,10,10,.62) 45%, rgba(10,10,10,.3) 100%),
    var(--df-degpic) center / cover no-repeat;
}
.df-colcard--pic:hover, .df-shell__main .df-colcard--pic:hover {
  background:
    linear-gradient(100deg, rgba(10,10,10,.74) 0%, rgba(10,10,10,.52) 45%, rgba(10,10,10,.2) 100%),
    var(--df-degpic) center / cover no-repeat;
}
.df-colcard--pic .df-colcard__name b, .df-colcard--pic .df-colcard__name i { text-shadow: 0 1px 3px #000, 0 0 8px rgba(0,0,0,.9); }
@media (max-width: 767px) { .df-colcard--pic, .df-shell__main .df-colcard--pic, .df-colcard--pic:hover { background-image: linear-gradient(100deg, rgba(10,10,10,.82) 0%, rgba(10,10,10,.62) 45%, rgba(10,10,10,.3) 100%), var(--df-degpic-sm); } }
.df-stscene__spot[data-buttons], .df-stscene__spot[data-buttons]:hover, .df-stscene__spot[data-buttons]:focus, .df-stscene__spot[data-buttons]:active {
  background: none !important; box-shadow: none !important; border: 0 !important; outline: none !important;
  transform: translate(-50%, -50%) !important; color: #fff !important; padding: 0 !important;
}
@keyframes df-podium-breathe { 0%, 100% { box-shadow: 0 0 6px var(--pod-glow), inset 0 1px 0 rgba(255,255,255,.3); } 50% { box-shadow: 0 0 16px var(--pod-glow), 0 0 2px var(--pod-glow), inset 0 1px 0 rgba(255,255,255,.45); } }
.df-t--pgold, .df-t--psilver, .df-t--pbronze, .df-t--tgold, .df-t--tsilver, .df-t--tbronze {
  background-size: 200% auto, 200% auto; background-position: 0% 50%, 0% 50%;
  animation: df-chip-flow 14s linear infinite alternate, df-podium-breathe 3.2s ease-in-out infinite;
}
.df-t--pgold   { --pod-glow: rgba(255,190,60,.7);  background-image: linear-gradient(rgba(0,0,0,.28), rgba(0,0,0,.5)), url('images/podium/sp-gold.png'); }
.df-t--psilver { --pod-glow: rgba(220,228,240,.6); background-image: linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.55)), url('images/podium/sp-silver.png'); }
.df-t--pbronze { --pod-glow: rgba(230,140,70,.6);  background-image: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,.5)), url('images/podium/sp-bronze.png'); }
.df-t--tgold   { --pod-glow: rgba(224,69,58,.7);   background-image: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,.5)), url('images/podium/tn-gold.png'); }
.df-t--tsilver { --pod-glow: rgba(224,69,58,.6);   background-image: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,.5)), url('images/podium/tn-silver.png'); }
.df-t--tbronze { --pod-glow: rgba(224,69,58,.6);   background-image: linear-gradient(rgba(0,0,0,.25), rgba(0,0,0,.45)), url('images/podium/tn-bronze.png'); }
.df-t--pgold, .df-t--tgold { color: #fff3d0; } .df-t--pbronze, .df-t--tbronze { color: #ffe0c8; }
body[data-motion-off~="titles"] .df-t--pgold, body[data-motion-off~="titles"] .df-t--psilver, body[data-motion-off~="titles"] .df-t--pbronze,
body[data-motion-off~="titles"] .df-t--tgold, body[data-motion-off~="titles"] .df-t--tsilver, body[data-motion-off~="titles"] .df-t--tbronze,
body[data-cells] .df-t--pgold, body[data-cells] .df-t--psilver, body[data-cells] .df-t--pbronze, body[data-cells] .df-t--tgold, body[data-cells] .df-t--tsilver, body[data-cells] .df-t--tbronze { animation: none; }
@media (prefers-reduced-motion: reduce) { .df-t--pgold, .df-t--psilver, .df-t--pbronze, .df-t--tgold, .df-t--tsilver, .df-t--tbronze { animation: none; } }
.df-scdos { margin: -4px 0 10px; border: 1px solid #23282e; background: rgba(8,10,12,.7); }
.df-scdos__s { cursor: pointer; padding: 7px 10px; font-size: 11.5px; color: var(--df-muted); list-style: none; }
.df-scdos__s::-webkit-details-marker { display: none; }
.df-scdos__s b { font: 700 10px/1 var(--df-font); letter-spacing: .12em; text-transform: uppercase; padding: 3px 7px; border: 1px solid; margin-right: 6px; }
.df-scdos--cheating .df-scdos__s b { color: #ff7b6b; border-color: rgba(255,123,107,.6); }
.df-scdos--probably .df-scdos__s b { color: var(--df-amber); border-color: rgba(240,165,0,.6); }
.df-scdos--unsure .df-scdos__s b { color: var(--df-muted); border-color: var(--df-frame); }
.df-scdos__body { display: flex; gap: 18px; padding: 4px 12px 12px; border-top: 1px solid #23282e; flex-wrap: wrap; }
.df-scdos__col { flex: 1 1 380px; min-width: 0; }
.df-scdos__acts { flex: 0 0 300px; display: flex; flex-direction: column; gap: 8px; }
.df-scdos__h { margin: 10px 0 4px; font: 700 8.5px/1 var(--df-font); letter-spacing: .14em; text-transform: uppercase; color: var(--df-faint); }
.df-scdos__p { margin: 0 0 6px; font-size: 11.5px; line-height: 1.5; color: #d6cdbb; }
.df-scdos__kinds { display: flex; flex-wrap: wrap; gap: 4px 12px; font: 11px/1.4 var(--df-mono); color: var(--df-muted); }
.df-scdos__kinds b { color: #fff; }
.df-scdos__hours { display: grid; grid-template-columns: repeat(24, 1fr); gap: 2px; height: 28px; align-items: end; }
.df-scdos__hours i { display: block; height: calc(4px + 24px * var(--v)); background: var(--df-amber); opacity: calc(.25 + .75 * var(--v)); }
.df-scdos__act { display: flex; align-items: center; gap: 8px; margin: 0; }
.df-scdos__act .df-btn--sm { flex: 0 0 150px; min-height: 0; padding: 5px 8px; font-size: 10.5px; }
.df-scdos__why { font-size: 10.5px; line-height: 1.35; color: var(--df-faint); }.df-scdos__state { font: 700 8.5px/1 var(--df-font); letter-spacing: .12em; text-transform: uppercase; padding: 3px 6px; border: 1px solid; margin-right: 8px; }
.df-scdos__state.is-out { color: #ff7b6b; border-color: rgba(255,123,107,.6); }
.df-scdos__state.is-held { color: #8fa8c4; border-color: rgba(143,168,196,.6); }
.df-scdos__clock { padding: 6px 0 2px; }
.df-scdos__bars { display: grid; grid-template-columns: repeat(24, 1fr); gap: 3px; height: 44px; align-items: end; border-bottom: 1px solid #2c3137; padding: 0 0 1px; }
.df-scdos__bars i { position: relative; display: block; height: calc(3px + 40px * var(--v)); border-radius: 2px 2px 0 0;
  background: linear-gradient(180deg, #ffcf5a, #c9880a); opacity: calc(.45 + .55 * var(--v)); }
.df-scdos__bars i.is-dark { background: #2c3137; opacity: 1; height: 3px; }
.df-scdos__bars i b { display: none; position: absolute; left: 50%; bottom: 100%; transform: translate(-50%, -3px); font: 700 9px/1 var(--df-mono); color: #fff; background: rgba(0,0,0,.8); padding: 2px 4px; border-radius: 2px; white-space: nowrap; }
.df-scdos__bars i:hover b { display: block; }
.df-scdos__ticks { position: relative; height: 14px; margin-top: 3px; }
.df-scdos__ticks span { position: absolute; left: calc(100% * var(--h) / 24); transform: translateX(-50%); font: 8.5px/1 var(--df-mono); color: var(--df-faint); letter-spacing: .04em; }
.df-scdos__ticks span:first-child { transform: none; } .df-scdos__ticks span:last-child { transform: translateX(-100%); }
.df-scdos__clocknote { margin-top: 4px; font: 10.5px/1.4 var(--df-font); color: var(--df-muted); }
.df-scdos__clocknote .is-bad { color: #ff7b6b; }
.df-scdos__p { padding-left: 9px; border-left: 3px solid #2c3137; }
.df-scdos__p.is-bad { border-left-color: #e0453a; color: #ffd6d0; }
.df-scdos__p.is-note { border-left-color: var(--df-amber); color: #efe4c8; }
.df-scdos__p.is-ok { border-left-color: var(--df-good); }
.df-scdos__kinds .is-bad, .df-scdos__kinds .is-bad b { color: #ff7b6b; }
.df-scdos__kinds .is-note, .df-scdos__kinds .is-note b { color: var(--df-amber); }
.df-scw .df-miprow__n.is-bad { color: #ff7b6b; }
.df-scw .df-miprow__n.is-note { color: var(--df-amber); }
.df-lb__c-crew { width: 52px; text-align: center; }
.df-lb__c-title .df-title-tag { margin-left: 0; }
.df-lb__table .df-lb__c-title { white-space: normal; }
.df-lb__table .df-lb__c-title .df-title-tag { white-space: normal; display: inline-block; line-height: 1.3; }
@media (max-width: 767px) { .df-lb__c-crew, .df-lb__c-title { display: none; } .df-lb__table .df-lb__c-name { white-space: normal; } }
.df-lb__table .df-lb__c-name { min-width: 84px; }
.df-lb__table .df-lb__c-title { min-width: 140px; }
.df-lb__table .df-lb__c-name:has(.df-badge-creator, .df-badge-admin) { min-width: 150px; white-space: nowrap; }
.df-lb__table .df-lb__c-title { white-space: nowrap; }
.df-lb__table .df-lb__c-crew { width: 40px; padding-left: 2px; padding-right: 2px; }
.df-lb__table .df-lb__c-fig { padding-left: 2px; padding-right: 2px; font-size: 12px; }
.df-lb__table th.df-lb__c-fig { font-size: 9px; }
.df-lb__table .df-lb__c-rank { font-size: 11px; }
.df-lb__table .df-lb__c-lvl { width: 34px; }
.df-friend { flex-direction: row; align-items: stretch; gap: 0; }
.df-friend input {
  flex: 1 1 auto; min-width: 0;
  font: 400 var(--df-fs-small)/1.2 var(--df-mono);
  padding: 8px var(--df-3);
}
.df-friend .df-btn { flex: 0 0 auto; border-radius: 0; }
.df-friend .df-btn.is-done { color: var(--df-good, #5fd44e); }
.df-play__body { padding-bottom: var(--df-5); }
.df-play__body p { margin: 0 0 var(--df-4); line-height: 1.55; }
.df-play__body h2 {
  margin: var(--df-6) 0 var(--df-3);
  font: 700 var(--df-fs-lead)/1.25 var(--df-font);
  letter-spacing: .02em; color: var(--df-text-strong);
}
.df-play__cta {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--df-3);
  margin: var(--df-4) 0 var(--df-5);
}
.df-play__cta .df-land__reg { display: inline-block; }
.df-cw__foot { flex-wrap: wrap; }
.df-cw__at { color: var(--df-amber); font-weight: 700; text-decoration: none; }
.df-cw__at:hover { text-decoration: underline; }
a.df-cw__who { text-decoration: none; }
a.df-cw__who:hover { text-decoration: underline; }
.df-cw__line--at { background: var(--df-amber-bg, rgba(255,176,0,.10)); border-left: 2px solid var(--df-amber);
                   padding-left: 6px; margin-left: -8px; }
.df-cw__line--at .df-cw__at { color: var(--df-good); }
.df-cw__emo-btn { flex: 0 0 auto; background: var(--df-input); border: 0; border-left: 1px solid var(--df-line);
                  color: var(--df-muted); cursor: pointer; padding: 0 10px; font-size: 15px; line-height: 1; }
.df-cw__emo-btn:hover { color: var(--df-amber); }
.df-cw__emo { flex: 0 0 auto; background: #121216; border-top: 1px solid var(--df-line); }
.df-cw__emo-top { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; padding: 5px 6px;
                  border-bottom: 1px solid var(--df-line); }
.df-cw__emo-lab { color: var(--df-muted); font: 700 var(--df-fs-small) var(--df-font); letter-spacing: .04em;
                  text-transform: uppercase; margin-right: 6px; }
.df-cw__emo-grid { display: flex; flex-wrap: wrap; gap: 2px; padding: 5px 6px; max-height: 128px; overflow-y: auto; }
.df-cw__emo-one { background: transparent; border: 1px solid transparent; border-radius: 3px; cursor: pointer;
                  font-size: 18px; line-height: 1; padding: 3px 4px; }
.df-cw__emo-one:hover { border-color: var(--df-amber-line); background: #1a1508; }
.df-cw__atlist { flex: 1 0 100%; display: flex; flex-wrap: wrap; gap: 4px; padding: 5px 8px;
                 background: var(--df-input); border-top: 1px solid var(--df-line); }
.df-cw__atlist-one { background: transparent; border: 1px solid var(--df-amber-line); border-radius: 3px;
                     color: var(--df-amber); cursor: pointer; font: 700 var(--df-fs-small) var(--df-font); padding: 2px 7px; }
.df-cw__atlist-one:hover, .df-cw__atlist-one:first-child { background: var(--df-amber); color: var(--df-amber-ink); }
.df-dock__pin.is-at, .df-dock__pin.is-at:hover { background: var(--df-amber); border-color: var(--df-amber); color: var(--df-amber-ink); }
.df-dock__pin.is-at .df-dock__pin-dot { color: var(--df-amber-ink); }
.df-off__door { display: flex; flex-direction: column; gap: var(--df-4); }
.df-off__openbtn { align-self: flex-start; }
.df-off__run { border: 1px solid var(--df-good-line); background: var(--df-good-bg); padding: var(--df-5) var(--df-6);
               margin-bottom: var(--df-5); }
.df-off__runmain { font-size: var(--df-fs-body); line-height: 1.5; }
.df-off__runclock { margin-top: 4px; color: var(--df-muted); font-size: var(--df-fs-small); }
.df-off__runclock span { color: var(--df-good); font-weight: 700; }
.df-off__run .df-set__note { margin: 6px 0 0; padding: 0; }
.df-off__terms { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: var(--df-4); margin-top: var(--df-4); }
.df-off__term { display: flex; flex-direction: column; gap: 4px; border: 1px solid var(--df-line); border-radius: 10px; background: var(--df-panel);
                padding: var(--df-5); min-width: 0; }
.df-off__term.is-shut { opacity: .55; }
.df-off__days { font: 700 var(--df-fs-body)/1.2 var(--df-font); letter-spacing: .06em; text-transform: uppercase; color: var(--df-text); }
.df-off__days b { font-size: 22px; color: var(--df-amber); margin-right: 3px; }
.df-off__rate { font: 700 20px/1.1 var(--df-font); color: var(--df-good); }
.df-off__max { color: var(--df-muted); font-size: var(--df-fs-small); }
.df-off__pays { color: var(--df-muted); font-size: var(--df-fs-small); }
.df-off__pays b { color: var(--df-text); }
.df-off__cap { color: var(--df-amber); font-size: .66rem; letter-spacing: .03em; }
.df-off__field { margin-top: 6px; }
.df-off__go { display: flex; gap: 6px; align-items: stretch; }
.df-js .df-off__go .df-teller__max { flex: 0 0 auto; width: auto; display: block; }
.df-off__go .df-teller__go { flex: 1 1 0; min-width: 0; }
@media (max-width: 767px) {
  .df-teller__go { min-height: 50px; font: 700 15px/1 var(--df-font); letter-spacing: .08em; text-transform: uppercase; }
  .df-teller__card--in  .df-teller__go { background: var(--df-good); border-color: var(--df-good); color: #06130a; }
  .df-teller__card--out .df-teller__go { background: var(--df-bad);  border-color: var(--df-bad);  color: #160707; }
  .df-js .df-teller__fills { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--df-3); }
  .df-teller__chip { min-height: 44px; padding: 0 var(--df-2); font-size: 13px; color: var(--df-text);
                     background: rgba(255, 255, 255, .04); border-color: var(--df-line-strong); }
  .df-js .df-teller__fills .df-teller__max { grid-column: 1 / -1; min-height: 44px; padding: 0 var(--df-3);
                                             font-size: 13px; color: var(--df-amber); border-color: var(--df-amber-line);
                                             background: rgba(255, 176, 0, .06); }
  .df-js .df-teller__fills .df-teller__chip:only-of-type { grid-column: 1 / -1; }
}
.df-kill--incard { position: relative; overflow: hidden; margin: 0 0 var(--df-4); padding: 22px var(--df-6) var(--df-5);
                   border: 1px solid rgba(94, 200, 79, .45);
                   background: radial-gradient(ellipse 70% 60% at 50% 0%, rgba(94, 200, 79, .22), rgba(94, 200, 79, 0) 70%),
                               linear-gradient(180deg, #0b1a0f 0%, #0a0c10 60%);
                   box-shadow: 0 0 0 1px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.04), 0 10px 30px rgba(0,0,0,.45); }
.df-kill--incard::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 3px;
                           background: linear-gradient(90deg, transparent, var(--df-good) 30%, var(--df-good) 70%, transparent); }
.df-kill--incard::after { content: attr(data-ghost); position: absolute; left: 50%; top: 42%; transform: translate(-50%, -50%) rotate(-8deg);
                          font: 400 96px/1 var(--df-display); letter-spacing: .06em; white-space: nowrap;
                          color: rgba(94, 200, 79, .07); pointer-events: none; }
.df-kill--incard > * { position: relative; z-index: 1; }
.df-kill--incard { background-image:
                     radial-gradient(ellipse 70% 60% at 50% 0%, rgba(94, 200, 79, .24), rgba(94, 200, 79, 0) 70%),
                     linear-gradient(180deg, #0b1a0f 0%, #0a0c10 60%); }
.df-kill--incard .df-kill__n { font-size: 34px; letter-spacing: .05em;
                               background: linear-gradient(180deg, #ffffff 0%, #bff5b1 55%, var(--df-good) 100%);
                               -webkit-background-clip: text; background-clip: text; color: transparent;
                               filter: drop-shadow(0 0 10px rgba(94,200,79,.55)); text-shadow: none; }
.df-kill--incard .df-kill__line { margin: 14px auto 16px; padding: 12px 18px 12px 44px; max-width: 56ch; text-align: left;
                                  border: 1px solid rgba(94,200,79,.3); border-left: 4px solid var(--df-good); border-radius: 0 4px 4px 0;
                                  background: rgba(0,0,0,.35); position: relative; }
.df-kill--incard .df-kill__line::before { content: '“'; position: absolute; left: 12px; top: 0; font: 700 46px/1 Georgia, 'Times New Roman', serif;
                                          color: var(--df-good); opacity: .7; }
.df-kill--incard .df-kill__last { margin: var(--df-4) 0; padding: 8px 14px; border: 0; border-radius: 3px;
                                  background: linear-gradient(90deg, rgba(255,176,0,0), rgba(255,176,0,.12) 30%, rgba(255,176,0,.12) 70%, rgba(255,176,0,0)); }
.df-kill--incard .df-kill__grid > div { position: relative; overflow: hidden; }
.df-kill--incard .df-kill__grid > div::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 2px;
                                                background: linear-gradient(90deg, transparent, var(--df-good), transparent); opacity: .7; }
.df-kill--incard .df-kill__grid b.is-good::before, .df-kill--incard .df-kill__grid b.is-amber::before { content: none; }
.df-kill--incard .df-kill__grid b { text-shadow: 0 0 10px rgba(255,255,255,.15); }
@media (max-width: 767px) { .df-kill--incard::after { font-size: 56px; } .df-kill--incard .df-kill__n { font-size: 26px; } }
.df-kill__down { display: inline-block; font: 700 11px/1 var(--df-font); letter-spacing: .22em; text-transform: uppercase;
                 color: #06130a; background: var(--df-good); padding: 5px 9px 4px; vertical-align: middle; margin-left: 8px;
                 transform: rotate(-3deg); box-shadow: 0 0 12px rgba(94,200,79,.6); }
.df-kill--incard .df-kill__t { letter-spacing: .12em; text-transform: uppercase; font-size: 11px; color: var(--df-good); opacity: .8; }
.df-kill--incard .df-kill__line { font-style: italic; color: var(--df-text); font-size: .95rem; max-width: 52ch; }
.df-kill--incard .df-kill__last { justify-content: center; border-top: 1px solid rgba(94,200,79,.25); }
.df-kill--incard .df-kill__last b { font-size: 1.5rem; color: var(--df-amber); text-shadow: 0 0 12px rgba(255,176,0,.35); }
.df-kill--incard .df-kill__grid { gap: 6px; background: none; border: 0; grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)); }
.df-kill--incard .df-kill__grid > div { border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.03);
                                        padding: 12px 10px 10px; border-radius: 3px; }
.df-kill--incard .df-kill__grid b { font-size: .98rem; white-space: nowrap; letter-spacing: -.02em; }
.df-kill--incard .df-kill__drop { margin-top: 14px; border-left: 4px solid var(--df-amber); border-radius: 0 3px 3px 0;
                                  background: linear-gradient(90deg, rgba(255,176,0,.14), rgba(255,176,0,.03)); text-align: left; }
.df-kill--incard .df-kill__drop--what { border-left-color: rgba(255,176,0,.35); background: none; }
.df-kill--incard .df-kill__next { margin: 14px calc(-1 * var(--df-6)) calc(-1 * var(--df-5)); padding: 10px var(--df-6);
                                  background: rgba(0,0,0,.35); border-top: 1px solid rgba(94,200,79,.2); color: var(--df-text); }
.df-kill--incard .df-kill__next b { color: var(--df-amber); }
@media (max-width: 767px) { .df-kill--incard { padding: 18px var(--df-4) var(--df-4); }
  .df-kill--incard .df-kill__next { margin: 12px calc(-1 * var(--df-4)) calc(-1 * var(--df-4)); padding: 10px var(--df-4); } }
.df-page__body { position: relative; }
@keyframes dftr-lantern{0%,100%{background-position:-20px 0}50%{background-position:120% 0}}
@keyframes dftr-breathe{0%,100%{box-shadow:0 0 6px rgba(255,176,0,0.3)}50%{box-shadow:0 0 16px rgba(255,176,0,0.7)}}
@keyframes dftr-sweep{0%,70%,100%{background-position:-60% 0}85%{background-position:160% 0}}
.df-gearbox__count { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.df-gearbox__count .df-input { flex: 1 1 80px; min-width: 0; }
.df-gearbox__max { flex: 0 0 auto; background: none; border: 1px solid var(--df-amber-line); color: var(--df-amber); cursor: pointer;
                   padding: 7px 12px; font: 700 var(--df-fs-label)/1 var(--df-font); letter-spacing: var(--df-track-label); text-transform: uppercase; }
.df-gearbox__max:hover { background: var(--df-amber); color: var(--df-amber-ink); }
.df-gearbox__total.is-short { color: var(--df-bad); }
.df-stscene__result { position: absolute; left: 14px; top: 12px; z-index: 4; max-width: min(420px, calc(100% - 28px));
                      padding: 8px 12px 10px; border: 0; border-radius: 6px;
                      background: radial-gradient(ellipse at 20% 30%, rgba(4, 6, 8, .78), rgba(4, 6, 8, .45) 60%, rgba(4, 6, 8, 0) 100%);
                      text-shadow: 0 1px 3px rgba(0,0,0,.95), 0 0 12px rgba(0,0,0,.8); }
.df-stscene__rtitle { font: 700 13px/1.2 var(--df-font); letter-spacing: .16em; text-transform: uppercase; color: var(--df-good); }
.df-stscene__result.is-bad .df-stscene__rtitle { color: var(--df-bad); }
.df-stscene__rbody { margin-top: 5px; font-size: 13.5px; line-height: 1.45; color: #fff; }
.df-stscene__rbody a { color: var(--df-amber); }
.df-stscene__rgains { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 8px; }
.df-stscene__rgains span { font: 700 15px/1.2 var(--df-mono); color: var(--df-good); }
.df-stscene__rgains span i { display: block; font: 700 8.5px/1.2 var(--df-font); letter-spacing: .14em; text-transform: uppercase; color: var(--df-faint); }
@media (max-width: 767px) { .df-stscene__result { left: 6px; top: 6px; padding: 8px 10px; max-width: calc(100% - 12px); }
  .df-stscene__rbody { font-size: 12px; } .df-stscene__rgains span { font-size: 13px; } }
.df-prompts { display: grid; gap: 12px; margin-top: 12px; }
.df-prompt { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 0;
             border: 1px solid var(--df-line-strong); border-radius: 10px; border-left: 3px solid var(--df-line-strong); background: rgba(0,0,0,.22); }
.df-prompt.is-changed { border-left-color: var(--df-amber); }
.df-prompt__edit { padding: 10px 12px 12px; min-width: 0; }
.df-prompt__title { font: 700 11px/1.3 var(--df-font); letter-spacing: .14em; text-transform: uppercase; color: var(--df-text); }
.df-prompt__title em { font-style: normal; color: var(--df-amber); margin-left: 6px; letter-spacing: .1em; }
.df-prompt__tray { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-height: 30px; margin: 8px 0;
                   padding: 4px 6px; border: 1px dashed var(--df-line-strong); border-radius: 3px; }
.df-prompt__tray.is-empty::before { content: attr(data-empty); font-size: 11px; color: var(--df-faint); }
.df-prompt__chip, .df-prompt__tok { display: inline-block; cursor: grab; font: 700 12px/1 var(--df-mono); color: #1a1200;
                                    background: var(--df-amber); border: 1px solid var(--df-amber); border-radius: 3px; padding: 4px 8px;
                                    user-select: none; -webkit-user-select: none; vertical-align: baseline; }
.df-prompt__chip:hover, .df-prompt__tok:hover { background: #ffc94d; }
.df-prompt__chip:active, .df-prompt__tok:active { cursor: grabbing; }
.df-prompt__chip.is-carried, .df-prompt__tok.is-carried { opacity: .35; }
.df-prompt__tok { font-size: 11.5px; padding: 2px 6px; margin: 0 1px; }
.df-prompt__ed { display: block; width: 100%; min-height: 4.4em; box-sizing: border-box; white-space: pre-wrap; overflow-wrap: anywhere;
                 background: var(--df-input); border: 1px solid var(--df-line-strong); border-radius: 10px; color: var(--df-text); cursor: text;
                 font: 400 13.5px/1.7 var(--df-font); padding: 8px 10px; }
.df-prompt__ed:focus { outline: none; border-color: var(--df-amber); background: #151208; }
.df-prompt__ed:empty::before { content: 'Type the words here'; color: var(--df-faint); }
.df-prompt__row { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; margin-top: 8px; }
.df-prompt__hint { font-size: 11.5px; }
.df-prompt__hint.is-bad { color: var(--df-bad); }
.df-prompt__preview { display: grid; grid-template-rows: 1fr 1fr; border-left: 1px solid var(--df-line); min-width: 0; }
.df-prompt__pv { padding: 10px 12px; }
.df-prompt__pv + .df-prompt__pv { border-top: 1px solid var(--df-line); }
.df-prompt__pv i { display: block; font: 700 9.5px/1.2 var(--df-font); letter-spacing: .16em; text-transform: uppercase; color: var(--df-faint); font-style: normal; }
.df-prompt__pv.is-after i { color: var(--df-good); }
.df-prompt__pv small { display: block; margin-top: 6px; font-size: 11px; line-height: 1.35; }
.df-prompt__pvtext { margin-top: 5px; font-size: 13.5px; line-height: 1.5; color: #f0ebe0; overflow-wrap: anywhere; }
.df-prompt__pvtext b { color: var(--df-amber); }
.df-prompt__pvtext s { color: var(--df-bad); text-decoration: line-through; }
.df-prompt__pv.is-after .df-prompt__pvtext.is-same { color: var(--df-faint); }
@media (max-width: 1023px) {
  .df-prompt { grid-template-columns: 1fr; }
  .df-prompt__preview { border-left: 0; border-top: 1px solid var(--df-line); }
}
.df-occheck { display: grid; grid-template-columns: auto 1fr auto; gap: 10px 18px; align-items: center; margin-top: 12px;
              padding: 10px 14px; border: 1px solid var(--df-line-strong); border-radius: 10px; border-left: 3px solid var(--df-amber); background: rgba(0,0,0,.25); }
.df-occheck__big b { display: block; font: 700 30px/1 var(--df-mono); color: var(--df-amber); text-shadow: 0 0 14px rgba(255,176,0,.45); }
.df-occheck__big i { display: block; font: 700 9.5px/1.2 var(--df-font); letter-spacing: .16em; text-transform: uppercase; color: var(--df-faint); font-style: normal; margin-top: 3px; }
.df-occheck__parts { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.df-occheck__parts span i { display: block; font: 700 9px/1.2 var(--df-font); letter-spacing: .14em; text-transform: uppercase; color: var(--df-faint); font-style: normal; }
.df-occheck__parts span b { font: 700 15px/1.3 var(--df-mono); color: #fff; }
.df-occheck__case { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.df-occheck__cost { font-size: .74rem; color: var(--df-muted); }
.df-occheck__note { grid-column: 1 / -1; margin: 0; font-size: .76rem; line-height: 1.45; color: var(--df-muted); }
.df-runlog__check { display: flex; align-items: baseline; gap: 12px; padding: 6px 0 10px; }
.df-runlog__check b { font: 700 24px/1 var(--df-mono); color: var(--df-good); }
.df-runlog__check.is-bad b { color: var(--df-bad); }
.df-runlog__check span { font-size: .78rem; color: var(--df-muted); }
.df-heat { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 4px; }
.df-heat__one { --hc: #8d949c; padding: 5px 9px; border: 1px solid color-mix(in srgb, var(--hc) 55%, transparent); border-left: 3px solid var(--hc);
                font-size: .76rem; color: #e8e4dc; background: color-mix(in srgb, var(--hc) 10%, transparent); }
.df-heat__one b { color: var(--hc); margin-right: 4px; }
.df-heat__one.is-cells { --hc: #ff5a4a; }
.df-heat__one.is-ward  { --hc: #ffb000; }
@media (max-width: 767px) { .df-occheck { grid-template-columns: 1fr; } }
.df-ocgrid--pick { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.df-oc--pick { display: block; cursor: pointer; min-height: 96px; opacity: .55; transition: opacity .15s, box-shadow .15s; }
.df-oc--pick input { position: absolute; opacity: 0; pointer-events: none; }
.df-oc--pick:hover { opacity: .85; }
.df-oc--pick:has(input:checked) { opacity: 1; box-shadow: 0 0 0 1px var(--df-agc), 0 0 18px color-mix(in srgb, var(--df-agc) 45%, transparent); }
.df-oc--pick .df-oc__in { display: flex; flex-direction: column; gap: 4px; }
.df-oc--pick .df-oc__name { font-size: 17px; line-height: 1.05; }
.df-oc--pick .df-agplate__ghost { font-size: clamp(22px, 3vw, 34px); }
.df-oc__tier { font: 700 9px/1.2 var(--df-font); letter-spacing: .16em; text-transform: uppercase; color: var(--df-agc); }
.df-oc--pick .df-oc__cash { font-size: .82rem; }
.df-ocsetup__head { margin-top: 14px; font-size: 15px; color: var(--df-text); }
.df-ocsetup__head b { color: var(--df-amber); }
.df-ocsetup__facts { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 8px 0 4px; padding-bottom: 10px; border-bottom: 1px solid var(--df-line); font-size: .8rem; color: var(--df-text); }
.df-ocsetup__facts i { font-style: normal; font-weight: 700; color: var(--df-amber); margin-right: 6px; letter-spacing: .06em; font-size: .72rem; text-transform: uppercase; }
.df-ocsetup__facts b { font-family: var(--df-mono); color: #fff; }
.df-ocsetup__row { display: grid; grid-template-columns: 170px 1fr; gap: 10px 14px; align-items: center; padding: 8px 0; }
.df-ocsetup__label { font: 700 11px/1.3 var(--df-font); letter-spacing: .12em; text-transform: uppercase; color: var(--df-amber); }
.df-ocsplit { display: flex; flex-wrap: wrap; gap: 8px; }
.df-ocsplit__c { --sc: #9aa3ad; padding: 6px 14px; border: 1px solid color-mix(in srgb, var(--sc) 55%, transparent); border-radius: 3px;
                 background: color-mix(in srgb, var(--sc) 12%, transparent); color: var(--sc); font: 700 12px/1 var(--df-font); letter-spacing: .06em; }
.df-ocsplit__c b { color: #fff; font-family: var(--df-mono); margin-left: 4px; }
.df-ocsplit__c--off { --sc: var(--df-stat-off); }
.df-ocsplit__c--def { --sc: var(--df-stat-def); }
.df-ocsplit__c--stl { --sc: var(--df-stat-stl); }
.df-ocsetup__radios { display: flex; flex-wrap: wrap; gap: 6px 22px; font-size: .84rem; color: var(--df-text); }
.df-ocsetup__radios small { color: var(--df-faint); }
.df-ocsetup__roles { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.df-ocsetup__role { display: flex; align-items: center; gap: 8px; font-size: .84rem; color: var(--df-text); }
.df-ocsetup__role small { color: var(--df-faint); }
.df-ocsetup__role select { min-width: 58px; padding: 6px 8px; background: var(--df-input); border: 1px solid var(--df-amber); color: #fff; font: 700 13px/1 var(--df-mono); }
.df-ocsetup__go { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: 8px; padding-top: 12px; border-top: 1px solid var(--df-line); }
.df-ocsetup__go .df-btn--primary { min-width: 180px; }
.df-ocsetup__note { font-size: .78rem; color: var(--df-muted); }
.df-ocsetup__note.is-bad { color: var(--df-bad); }
.df-team { margin-top: 10px; }
.df-team__head { font: 700 12px/1.3 var(--df-font); letter-spacing: .14em; text-transform: uppercase; color: var(--df-amber); margin-bottom: 10px; }
.df-team__head span { color: var(--df-faint); letter-spacing: .04em; text-transform: none; font-weight: 400; }
.df-team__lead { display: flex; justify-content: center; margin-bottom: 8px; }
.df-team__lead .df-seat { width: min(100%, 320px); }
.df-team__seats { display: grid; gap: 8px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.df-team__seats--1 { grid-template-columns: minmax(0, 320px); justify-content: center; }
.df-team__seats--2 { grid-template-columns: repeat(2, minmax(0, 320px)); justify-content: center; }
.df-team__seats--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.df-seat { position: relative; display: flex; flex-direction: column; gap: 3px; min-height: 118px; padding: 10px 12px; border-radius: 4px; }
.df-seat.is-open { border: 1px dashed var(--df-line-strong); background: rgba(0,0,0,.2); }
.df-seat.is-took { border: 1px solid color-mix(in srgb, var(--df-agc) 55%, transparent); }
.df-seat > * { position: relative; z-index: 1; }
.df-seat .df-agplate__ghost { z-index: 0; font-size: clamp(26px, 4vw, 44px); opacity: .08; justify-content: flex-end; padding-right: 8px; }
.df-seat__top { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.df-seat__role { font: 700 12px/1.2 var(--df-font); letter-spacing: .14em; text-transform: uppercase; color: var(--df-amber); }
.df-seat--off .df-seat__role { color: var(--df-stat-off); }
.df-seat--def .df-seat__role { color: var(--df-stat-def); }
.df-seat--ste .df-seat__role { color: var(--df-stat-stl); }
.df-seat__state { font-size: .72rem; color: var(--df-faint); }
.df-seat.is-took .df-seat__state { color: var(--df-good); }
.df-seat__stat { font-size: .74rem; color: var(--df-muted); }
.df-seat__who { font: 400 17px/1.1 var(--df-display); text-transform: uppercase; color: #fff; margin-top: 4px;
                text-shadow: 0 0 3px var(--df-agc, var(--df-amber)), 0 0 11px color-mix(in srgb, var(--df-agc, var(--df-amber)) 65%, transparent); }
.df-seat__read { font: 400 .74rem var(--df-mono); color: var(--df-good); }
.df-seat__words { font-size: .72rem; line-height: 1.3; color: var(--df-faint); flex: 1; }
.df-seat__empty { font: 700 11px/1 var(--df-font); letter-spacing: .14em; text-transform: uppercase; color: var(--df-faint); margin-top: auto; }
.df-seat__ask { display: flex; flex-direction: column; gap: 6px; margin-top: auto; }
.df-seat__name { width: 100%; box-sizing: border-box; padding: 7px 9px; background: var(--df-input); border: 1px solid var(--df-amber); color: var(--df-text); font: 400 13px/1.2 var(--df-font); }
.df-seat__name:focus { outline: none; background: #151208; }
.df-seat__ask .df-btn { width: 100%; }
.df-ocask2 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 14px; padding: 10px 0; border-bottom: 1px solid var(--df-line); font-size: .86rem; color: var(--df-text); }
.df-ocask2:last-child { border-bottom: 0; }
.df-ocask2__what small { display: block; color: var(--df-faint); font-size: .74rem; margin-top: 2px; }
.df-ocask2__what b { color: var(--df-amber); }
.df-ocask2__go { display: flex; flex-wrap: wrap; gap: 6px; }
@media (max-width: 1023px) {
  .df-ocgrid--pick { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .df-team__seats, .df-team__seats--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .df-ocsetup__row { grid-template-columns: 1fr; gap: 6px; }
}
@media (max-width: 767px) {
  .df-ocgrid--pick { grid-template-columns: 1fr; }
  .df-team__seats, .df-team__seats--2, .df-team__seats--3 { grid-template-columns: 1fr; }
}
.df-ocmeta { display: block; margin-top: 3px; font-size: .74rem; color: var(--df-faint); letter-spacing: .04em; }
.df-ocsetup, .df-ocsetup__row > *, .df-ocsetup__facts > span, .df-ocsetup__go > * { min-width: 0; }
.df-ocsetup__facts > span, .df-ocsetup__note { overflow-wrap: anywhere; }
.df-ocsetup__row { grid-template-columns: minmax(120px, 170px) minmax(0, 1fr); }
.df-ocsetup__role { flex: 0 1 auto; }
.df-ocsplit__lean { flex: 1 1 100%; font-size: .72rem; color: var(--df-faint); }
.df-ocsetup__role b { font-weight: 700; color: var(--df-text); }
.df-ocsetup__role--off b { color: var(--df-stat-off); }
.df-ocsetup__role--def b { color: var(--df-stat-def); }
.df-ocsetup__role--ste b { color: var(--df-stat-stl); }
.df-ocsetup { padding: 0 var(--df-5) var(--df-4); }
.df-panel > .df-ocempty { padding: var(--df-4) var(--df-5); }
.df-ocask2 { padding: 10px var(--df-5); }
.df-ocsetup__roles { flex-wrap: nowrap; gap: 6px; }
.df-ocsetup__role { flex: 1 1 0; flex-direction: column; align-items: flex-start; gap: 1px; min-width: 0; }
.df-ocsetup__role b { font-size: .86rem; line-height: 1.15; }
.df-ocsetup__role small { white-space: nowrap; font-size: .68rem; }
@media (max-width: 767px) { .df-ocsetup__roles { flex-wrap: wrap; } .df-ocsetup__role { flex: 1 1 45%; } }
.df-navgroup .df-nav a .df-nav__count--beside { margin-left: 6px; vertical-align: middle; }
.df-shell__left .df-nav a:has(.df-nav__count--beside) .df-ml { flex: 0 0 auto; }
@media (max-width: 767px) {
  .df-stscene__result { left: 0; right: 0; top: auto; bottom: 0; max-width: none; padding: 14px 8px 6px; border-radius: 0;
                        background: linear-gradient(transparent, rgba(4, 6, 8, .82) 35%, rgba(4, 6, 8, .94)); }
  .df-stscene__rtitle { display: inline; font-size: 10px; letter-spacing: .12em; margin-right: 6px; }
  .df-stscene__rbody { display: inline; margin: 0; font-size: 11px; line-height: 1.35; }
  .df-stscene__rbody + .df-stscene__rbody { display: inline; }
  .df-stscene__rgains { display: inline; margin: 0 0 0 6px; gap: 0; }
  .df-stscene__rgains span { display: inline; font-size: 11px; margin-right: 8px; }
  .df-stscene__rgains span i { display: inline; font-size: 8px; margin-right: 3px; }
}
.df-shell__left .df-navgroup .df-nav .df-nav__next,
.df-shell__right .df-navgroup .df-nav .df-nav__next {
  display: block; padding: 3px 10px 2px 34px; margin-top: 2px;
  font-size: .72rem; line-height: 1.3; letter-spacing: .02em;
  color: var(--df-faint); font-style: italic;
}
.df-shell__left .df-navgroup .df-nav .df-nav__next b,
.df-shell__right .df-navgroup .df-nav .df-nav__next b { color: var(--df-amber); font-style: normal; font-weight: 700; }
.df-stwrap { position: relative; margin: 0 0 var(--df-5); }
.df-stwrap > .df-stscene { margin: 0; }
@media (max-width: 767px) {
  .df-stwrap .df-stscene__result { position: static; margin-top: 6px; padding: 8px 10px; border-radius: 0;
                                   background: rgba(4, 6, 8, .9); border: 1px solid var(--df-frame); text-shadow: none; }
}
.df-off__empty { color: var(--df-amber); }
.df-stk {
  --df-stk-ink:   #4db8ff;
  --df-stk-deep:  #071326;
  --df-stk-edge:  #16304f;
  --df-stk-glow:  rgba(77, 184, 255, .18);
}
.df-stk { container-type: inline-size; container-name: stk; }
.df-stk__grid {
  display: grid; gap: 12px; align-items: start;
  grid-template-columns: 1.15fr 1fr .9fr;
}
@container stk (max-width: 1000px) {
  .df-stk__grid { gap: 8px; }
  .df-stkbox__body { padding: 9px; }
  .df-stkbox--pick { padding: 9px; }
  .df-stkbox--pick .df-srange { padding: 5px 7px; font-size: .68rem; }
  .df-sfact { font-size: .72rem; }
}
@container stk (max-width: 700px) {
  .df-stk__grid { grid-template-columns: 1fr; }
  .df-stkbox__body { max-height: none; overflow-y: visible; }
  .df-stkbox--pick { max-height: none; overflow: visible; }
}
.df-stk .df-stkbox {
  background: var(--df-stk-deep); border-color: var(--df-stk-edge);
  display: flex; flex-direction: column; min-width: 0;
}
.df-stk .df-stkbox .df-bar { border-bottom-color: var(--df-stk-edge); }
.df-stkbox__body { overflow-y: auto; max-height: 560px; padding: 12px; }
.df-stkbox--pick { max-height: 620px; overflow: hidden; padding: 12px; }
.df-stkbox__head {
  font-size: .64rem; letter-spacing: .09em; text-transform: uppercase;
  color: var(--df-stk-ink); margin: 14px 0 6px;
}
.df-stkbox__body > .df-stkbox__head:first-child { margin-top: 0; }
.df-stkbox--pick .df-sranges {
  gap: 2px; border-bottom: 1px solid var(--df-stk-edge); padding-bottom: 0; margin-bottom: 14px;
}
.df-stkbox--pick .df-srange {
  padding: 6px 11px; font-size: .72rem; letter-spacing: .04em;
  border-bottom: 2px solid transparent; color: var(--df-muted);
}
.df-stkbox--pick .df-srange i { display: none; }
.df-stkbox--pick .df-srange:hover { color: #fff; }
.df-stkbox--pick .df-srange--on { color: #fff; border-bottom-color: var(--df-stk-ink); }
.df-stkbox--pick .df-srange--dead { color: #3c4a5c; cursor: not-allowed; }
.df-stkbox--pick .df-sgraph {
  position: relative;
  background: radial-gradient(130% 100% at 50% 100%, var(--df-stk-glow) 0%, transparent 72%);
  border: 1px solid var(--df-stk-edge);
}
@media (max-width: 1023px) {
  .df-stkbox__body { max-height: none; overflow-y: visible; }
  .df-stkbox--pick { max-height: none; overflow: visible; }
}
@media (max-width: 767px) {
  .df-stkbox--pick .df-srange { padding: 6px 8px; }
}
.df-stk .df-stkbox {
  border-radius: 12px;
  border: 1px solid rgba(120, 170, 220, .14);
  background: var(--df-panel);
  overflow: hidden;
}
.df-stk .df-stkbox { box-shadow: 0 1px 0 rgba(255, 255, 255, .02) inset; }
.df-stk__grid { gap: 14px; }
.df-stack.df-stk { gap: 14px; }
.df-shell__main .df-stk .df-stkbox > .df-bar,
.df-shell__main .df-stk .df-stkbox > .df-bar:not(.df-cdesign) {
  clip-path: none;
  background: transparent;
  background-image: none;
  color: #eef4fb;
  width: auto; max-width: none;
  margin: 0;
  padding: 15px 16px 11px;
  font: 600 .88rem/1.2 var(--df-font);
  font-family: var(--df-font);
  letter-spacing: 0;
  text-transform: none;
  text-align: left;
  justify-content: space-between;
  align-items: baseline;
  border: 0;
  border-bottom: 1px solid rgba(120, 170, 220, .12);
  box-shadow: none;
}
.df-shell__main .df-stk .df-stkbox > .df-bar .df-bar__note {
  font-size: .72rem; font-weight: 400; color: #7b8ea4; opacity: 1;
  letter-spacing: 0; font-family: var(--df-font); text-transform: none;
}
.df-stkbox--pick { padding: 16px; }
.df-stkbox--pick .df-sranges {
  border-bottom-color: rgba(120, 170, 220, .12); margin-bottom: 18px;
}
.df-stkbox--pick .df-srange { padding: 7px 12px; font-size: .76rem; color: #7b8ea4; }
.df-stkbox--pick .df-srange--dead { color: #37475a; }
.df-stkbox--pick .df-sgraph { border-radius: 8px; border-color: rgba(120, 170, 220, .12); }
.df-stk .df-sband {
  background: rgba(10, 22, 38, .8);
  border: 1px solid rgba(120, 170, 220, .12);
  border-radius: 8px; padding: 11px 13px; margin-top: 4px;
}
.df-stk .df-sband__bar { background: rgba(120, 170, 220, .14); border-radius: 99px; }
.df-stk .df-sband__bar i { border-radius: 99px; }
.df-stkbox__body { padding: 14px 16px 16px; }
.df-stkbox__head {
  font-size: .68rem; letter-spacing: .04em; text-transform: none; font-weight: 600;
  color: #7fc4ff; margin: 20px 0 4px;
}
.df-stk .df-sfact {
  display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
  padding: 8px 2px; border-bottom: 1px solid rgba(120, 170, 220, .09);
  position: relative;
}
.df-stk .df-sfact:last-child { border-bottom: 0; }
.df-stk .df-sfact > span {
  font-size: .76rem; color: #8ba1b8; border: 0; text-decoration: none;
}
.df-stk .df-sfact > b {
  font-size: .8rem; color: #eef4fb; text-align: right;
  font-variant-numeric: tabular-nums; white-space: nowrap;
}
.df-stk .df-sfact > b small { color: #7b8ea4; font-weight: 400; }
.df-stk .df-sfact:hover { background: rgba(120, 170, 220, .05); }
.df-stk .df-stkbox--board { padding: 0; }
.df-stk .df-stkbox__body { scrollbar-width: thin; scrollbar-color: var(--df-line-strong) transparent; }
.df-stk .df-stkbox__body::-webkit-scrollbar { width: 7px; }
.df-stk .df-stkbox__body::-webkit-scrollbar-track { background: transparent; }
.df-stk .df-stkbox__body::-webkit-scrollbar-thumb {
  background: var(--df-line-strong); border-radius: 99px;
}
.df-stk .df-stkbox__body::-webkit-scrollbar-thumb:hover { background: #2a5280; }
.df-stk { --df-stk-h: 660px; }
.df-stk__grid { align-items: stretch; }
.df-stk .df-stkbox { height: var(--df-stk-h); }
.df-stk .df-stkbox--board { height: auto; }
.df-stkbox__body { max-height: none; flex: 1 1 auto; min-height: 0; }
.df-stkbox--pick { max-height: none; }
.df-stkbox--pick { display: flex; flex-direction: column; }
.df-stkbox--pick .df-sgraph { flex: 1 1 auto; min-height: 120px; }
.df-shell__main .df-panel {
  border-radius: 12px;
  border: 1px solid var(--df-line);
  background: var(--df-panel);
  overflow: hidden;
}
.df-shell__main .df-panel .df-panel { border-radius: 9px; }
.df-shell__main .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: var(--df-amber-hi);
}
.df-shell__main .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;
}
.df-shell__main summary.df-bar:not(.df-cdesign):hover,
.df-shell__main a.df-bar:not(.df-cdesign):hover {
  color: #fff;
  background: var(--df-row);
  border-color: var(--df-line);
}
@media (max-width: 767px) {
  .df-shell__main .df-panel { margin-top: 0; }
  .df-shell__main .df-panel > .df-bar:not(.df-cdesign) {
    font-size: .84rem; padding: 12px 13px 10px; max-width: none;
  }
}
.df-shell__main .df-panel__body { padding: 14px 16px 16px; }
.df-shell__main .df-summary {
  gap: 0;
  border-radius: 10px;
  border: 1px solid var(--df-line);
  background: var(--df-row);
  padding: 12px 2px;
  margin: 14px 16px;
}
.df-shell__main .df-panel > .df-summary:first-child { margin-top: 16px; }
.df-shell__main .df-summary > div {
  padding: 0 16px;
  border-right: 1px solid var(--df-line);
  min-width: 0;
}
.df-shell__main .df-summary > div:last-child { border-right: 0; }
.df-shell__main .df-stat__label {
  font-size: .64rem; letter-spacing: .04em; color: var(--df-muted); text-transform: none;
}
.df-shell__main .df-stat__value {
  font-size: 1.05rem; margin-top: 3px; font-variant-numeric: tabular-nums;
}
@media (max-width: 767px) {
  .df-shell__main .df-summary { margin: 12px 13px; flex-wrap: wrap; }
  .df-shell__main .df-summary > div {
    flex: 1 1 45%; padding: 8px 12px; border-right: 0;
  }
}
.df-shell__main .df-btn { border-radius: 7px; }
.df-shell__main .df-input,
.df-shell__main select.df-input,
.df-shell__main textarea.df-input { border-radius: 7px; }
.df-shell__main { scrollbar-width: thin; scrollbar-color: var(--df-line-strong) transparent; }
.df-shell__main ::-webkit-scrollbar { width: 8px; height: 8px; }
.df-shell__main ::-webkit-scrollbar-track { background: transparent; }
.df-shell__main ::-webkit-scrollbar-thumb { background: var(--df-line-strong); border-radius: 99px; }
.df-shell__main ::-webkit-scrollbar-thumb:hover { background: var(--df-amber-line); }
.df-shell__main .df-stk .df-panel { background: var(--df-panel); border-color: var(--df-line); }
.df-shell__main .df-stk .df-stkbox > .df-bar:not(.df-cdesign) {
  color: #eef4fb;
  border-bottom-color: rgba(120, 170, 220, .12);
  padding: 15px 16px 11px;
}
.df-shell__main .df-stk .df-stkbox > .df-bar .df-bar__note { color: var(--df-muted); }
.df-shell__main .df-stk .df-stkbox__body { padding: 14px 16px 16px; }
.df-shell__main .df-stk { scrollbar-color: var(--df-line-strong) transparent; }
.df-shell__main .df-stk ::-webkit-scrollbar-thumb { background: var(--df-line-strong); }
.df-shell__main .df-stk ::-webkit-scrollbar-thumb:hover { background: var(--df-amber-line); }
.df-shell__left .df-panel,
.df-shell__right .df-panel,
.df-shell__left .df-navgroup,
.df-shell__right .df-navgroup,
.df-shell__left .df-statsblock,
.df-shell__right .df-statsblock {
  border-radius: 10px;
  border: 1px solid var(--df-line);
  background: var(--df-panel);
  overflow: hidden;
}
.df-shell__left .df-bar,
.df-shell__right .df-bar {
  background: transparent;
  color: var(--df-amber-hi);
  border-bottom: 1px solid var(--df-line);
  border-radius: 0;
  padding: 10px 12px 8px;
  font: 600 .7rem/1.2 var(--df-font);
  letter-spacing: .06em;
  box-shadow: none;
}
.df-shell__left .df-nav,
.df-shell__right .df-nav { border-bottom: 0; }
.df-shell__left .df-nav a:hover,
.df-shell__right .df-nav a:hover { background: var(--df-menu-hi); }
.df-shell__main .df-panel .df-panel {
  border-color: var(--df-line-soft);
  background: transparent;
}
.df-shell__main .df-panel .df-panel .df-panel { border: 0; }
.df-stk {
  --df-stk-ink:   var(--df-amber);
  --df-stk-deep:  var(--df-panel);
  --df-stk-edge:  var(--df-line);
}
.df-shell__main .df-pagehead {
  border-radius: 12px;
  border: 1px solid var(--df-line-soft);
}
.df-shell__main .df-set__row {
  display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
  padding: 9px 0; border-bottom: 1px solid var(--df-line-soft);
}
.df-shell__main .df-set__row:last-child { border-bottom: 0; }
.df-shell__main .df-set__note { color: var(--df-muted); font-size: .76rem; }
.df-shell__main .df-stat__label { letter-spacing: .03em; }
.df-shell__main .df-stat__value { font-variant-numeric: tabular-nums; }
.df-shell__main .df-msg {
  border-radius: 10px;
  border: 1px solid var(--df-line-soft);
  border-left-width: 3px;
  padding: 12px 14px;
}
.df-shell__main .df-msg--good { border-left-color: var(--df-good); }
.df-shell__main .df-msg--warn,
.df-shell__main .df-msg--bad  { border-left-color: var(--df-bad); }
.df-shell__main .df-msg__title { font-size: .82rem; }
.df-shell__main .df-msg__body  { font-size: .78rem; color: var(--df-text); }
.df-shell__main .df-table { border: 0; }
.df-shell__main .df-table th {
  border: 0; border-bottom: 1px solid var(--df-line);
  font-size: .66rem; letter-spacing: .05em; color: var(--df-muted);
  text-transform: none; font-weight: 600; padding: 10px 12px;
}
.df-shell__main .df-table td {
  border: 0; border-bottom: 1px solid var(--df-line-soft); padding: 10px 12px;
}
.df-shell__main .df-table tr:last-child td { border-bottom: 0; }
.df-shell__main .df-btn { padding: 8px 15px; letter-spacing: .02em; }
.df-shell__main .df-panel > .df-bar:not(.df-cdesign),
.df-shell__left .df-bar,
.df-shell__right .df-bar {
  color: #eef4fb;
}
.df-shell__main .df-gtajob__name,
.df-shell__main .df-crime__name,
.df-shell__main .df-car__name,
.df-shell__main .df-kit__name,
.df-shell__main .df-set__title,
.df-shell__main h1,
.df-shell__main h2,
.df-shell__main h3 {
  color: #eef4fb;
}
.df-shell__left .df-nav a,
.df-shell__right .df-nav a {
  color: #dbe6f2;
}
.df-shell__left .df-nav a:hover,
.df-shell__right .df-nav a:hover { color: #fff; }
.df-shell__left .df-nav a.is-on,
.df-shell__right .df-nav a.is-on,
.df-shell__left .df-nav a[aria-current],
.df-shell__right .df-nav a[aria-current] { color: var(--df-amber); }
.df-shell__main .df-num--cash,
.df-shell__main .df-money { color: var(--df-amber); }
.df-shell__left .df-panel,
.df-shell__right .df-panel,
.df-shell__left .df-navgroup,
.df-shell__right .df-navgroup,
.df-shell__left .df-statsblock,
.df-shell__right .df-statsblock {
  border: 0;
}
.df-shell__left .df-bar,
.df-shell__right .df-bar,
.df-shell__left .df-navgroup > .df-bar,
.df-shell__right .df-navgroup > .df-bar {
  border-bottom: 0;
}
.df-shell__left .df-navgroup,
.df-shell__right .df-navgroup { margin-bottom: 10px; }
.df-shell__left .df-nav, .df-shell__right .df-nav,
.df-shell__left .df-stats, .df-shell__right .df-stats {
  border-left: 0;
  border-right: 0;
}
.df-shell__main .df-summary { flex-wrap: wrap; row-gap: 12px; }
.df-shell__main .df-summary > div { flex: 1 1 auto; min-width: 150px; }
.df-shell__main .df-stat__value { white-space: nowrap; }
.df-stk__grid { grid-template-columns: 1.9fr 1fr 1.15fr; }
.df-stk__grid--two { grid-template-columns: 2.35fr 1fr; margin-top: 14px; }
.df-stk .df-stkbox--board,
.df-stk .df-stkbox--movers { height: auto; align-self: stretch; }
.df-stk .df-stkbox--movers .df-stkbox__body { max-height: none; }
@container stk (max-width: 1000px) {
  .df-stk__grid--two { grid-template-columns: 1.6fr 1fr; }
}
@container stk (max-width: 700px) {
  .df-stk__grid--two { grid-template-columns: 1fr; }
}
.df-skchart { display: block; width: 100%; height: 250px; border-radius: 8px; }
.df-stkbox--pick .df-srange__note { margin-left: auto; font-size: .7rem; }
.df-tick { display: flex; align-items: stretch; overflow: hidden; }
.df-tick__live {
  flex: none; display: flex; align-items: center; padding: 0 12px;
  font: 700 .62rem/1 var(--df-font); letter-spacing: .1em; text-transform: uppercase;
  color: var(--df-amber); border-right: 1px solid var(--df-line);
}
.df-tick__rail {
  display: flex; gap: 0; overflow-x: auto; scrollbar-width: none;
}
.df-tick__rail::-webkit-scrollbar { height: 0; }
.df-tick__one {
  display: flex; align-items: baseline; gap: 6px; flex: none;
  padding: 10px 14px; text-decoration: none; white-space: nowrap;
  border-right: 1px solid var(--df-line-soft); font-size: .72rem;
}
.df-tick__one:hover { background: var(--df-row); text-decoration: none; }
.df-tick__one.is-on { background: var(--df-amber-bg); box-shadow: inset 0 -2px 0 var(--df-amber); }
.df-tick__one b { color: #eef4fb; font-size: .68rem; letter-spacing: .04em; }
.df-tick__one span { color: var(--df-text); font-variant-numeric: tabular-nums; }
.df-tick__one i { font-style: normal; font-size: .66rem; font-variant-numeric: tabular-nums; }
.df-floor__grid { display: grid; grid-template-columns: 1fr 330px; gap: 14px; align-items: start; }
.df-floor__feed .df-stkbox__body { max-height: 720px; overflow-y: auto; }
.df-flr { display: flex; flex-direction: column; }
.df-flr__head, .df-flr__row {
  display: grid; align-items: center; gap: 10px;
  grid-template-columns: minmax(0, 1fr) 92px 64px 64px 120px 68px 60px;
  padding: 9px 14px;
}
.df-flr__head {
  font-size: .6rem; letter-spacing: .06em; color: var(--df-muted);
  border-bottom: 1px solid var(--df-line);
}
.df-flr__head span:nth-child(n+2) { text-align: right; }
.df-flr__head span:nth-child(5) { text-align: left; }
.df-flr__row {
  border-bottom: 1px solid var(--df-line-soft); text-decoration: none; color: inherit;
  font-size: .74rem; font-variant-numeric: tabular-nums;
}
.df-flr__row:hover { background: var(--df-row); text-decoration: none; }
.df-flr__row.is-open { background: var(--df-amber-bg); box-shadow: inset 3px 0 0 var(--df-amber); }
.df-flr__row > span:nth-child(n+2) { text-align: right; }
.df-flr__row > span:nth-child(5) { text-align: left; }
.df-flr__name { color: #eef4fb; font-size: .8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.df-flr__shut { font-style: normal; font-size: .6rem; color: var(--df-faint); margin-left: 6px; }
.df-flr__px { color: #fff; font-size: .8rem; }
.df-flr__held { color: #eef4fb; }
.df-flr__go {
  font-size: .58rem; letter-spacing: .08em; text-transform: uppercase;
  color: var(--df-action); text-align: right;
}
.df-flr__open {
  padding: 4px 14px 16px; background: rgba(77, 184, 255, .04);
  border-bottom: 1px solid var(--df-line); box-shadow: inset 3px 0 0 var(--df-amber);
}
.df-flr__open .df-sranges { margin-bottom: 10px; align-items: center; }
.df-flr__big { margin-left: auto; font-size: 1.3rem; font-variant-numeric: tabular-nums; }
.df-flr__bigwhat { margin-left: auto; font-size: .7rem; color: var(--df-muted); letter-spacing: .04em; }
.df-flr__bigwhat + .df-flr__big { margin-left: .45em; }
.df-flr__open-in { display: grid; grid-template-columns: 1fr 230px; gap: 16px; align-items: start; }
.df-flr__chart .df-skchart { height: 230px; }
.df-flr__under {
  display: flex; justify-content: space-between; align-items: baseline;
  gap: 10px; padding-top: 7px; font-size: .72rem; flex-wrap: wrap;
}
.df-flr__under b { color: #fff; font-size: 1rem; font-variant-numeric: tabular-nums; }
.df-flr__under i { font-style: normal; margin-left: 7px; font-variant-numeric: tabular-nums; }
.df-flr__facts { list-style: none; margin: 12px 0 0; padding: 0; }
.df-flr__facts li {
  display: flex; justify-content: space-between; gap: 10px; padding: 6px 0;
  border-bottom: 1px solid var(--df-line-soft); font-size: .72rem;
}
.df-flr__facts li:last-child { border-bottom: 0; }
.df-flr__facts span { color: var(--df-muted); }
.df-flr__facts b { color: #eef4fb; font-variant-numeric: tabular-nums; }
.df-flr__blurb {
  font-size: .7rem; color: var(--df-muted); line-height: 1.5;
  margin: 10px 0 0; padding-top: 9px; border-top: 1px solid var(--df-line-soft);
}
.df-lfeed { list-style: none; margin: 0; padding: 0; }
.df-lfeed__row {
  display: flex; gap: 9px; align-items: baseline; padding: 8px 0;
  border-bottom: 1px solid var(--df-line-soft); font-size: .72rem; line-height: 1.45;
}
.df-lfeed__row:last-child { border-bottom: 0; }
.df-lfeed__row time { flex: none; width: 36px; font-size: .62rem; color: var(--df-faint); }
.df-lfeed__row b { color: #eef4fb; font-weight: 500; }
.df-lfeed__row i { font-style: normal; font-variant-numeric: tabular-nums; }
.df-lfeed__row.is-mine span { color: var(--df-muted); }
.df-lfeed__book {
  display: flex; gap: 0; margin-top: 12px; padding-top: 11px;
  border-top: 1px solid var(--df-line);
}
.df-lfeed__book > div { flex: 1 1 0; min-width: 0; }
.df-lfeed__book span {
  display: block; font-size: .58rem; letter-spacing: .05em;
  text-transform: uppercase; color: var(--df-muted);
}
.df-lfeed__book b { font-size: .84rem; font-variant-numeric: tabular-nums; }
@media (max-width: 1100px) {
  .df-floor__grid { grid-template-columns: 1fr; }
  .df-floor__feed .df-stkbox__body { max-height: 360px; }
  .df-flr__open-in { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .df-flr__head, .df-flr__row { grid-template-columns: minmax(0, 1fr) 84px 60px; padding: 10px 12px; }
  .df-flr__head span:nth-child(n+4),
  .df-flr__row > span:nth-child(n+4) { display: none; }
  .df-flr__open { padding: 4px 12px 14px; }
}
@container stk (max-width: 1150px) {
  .df-flr__head, .df-flr__row {
    grid-template-columns: minmax(80px, 1fr) 84px 58px 104px 58px 52px;
    gap: 8px;
  }
  .df-flr__head span:nth-child(4),
  .df-flr__row > span:nth-child(4) { display: none; }
  .df-flr__head span:nth-child(5) { text-align: left; }
  .df-flr__row > span:nth-child(5) { text-align: left; }
}
@container stk (max-width: 1150px) {
  .df-floor__grid { grid-template-columns: 1fr 290px; }
}
.df-shell__page--wide,
body[data-menus="wide"] .df-shell__page--wide {
  max-width: 1340px;
  width: 100%;
}
.df-shell__page--wide,
body[data-menus="wide"] .df-shell__page--wide {
  width: 100%;
  max-width: 1340px;
}
.df-floor__grid, .df-floor__board, .df-floor__feed,
.df-flr, .df-flr__row, .df-flr__head, .df-flr__open, .df-flr__open-in { min-width: 0; }
.df-flr__row > span, .df-flr__head > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.df-tick { max-width: 100%; }
@container stk (max-width: 1250px) {
  .df-flr__head, .df-flr__row {
    grid-template-columns: minmax(70px, 1fr) 78px 56px 96px 54px 50px;
    gap: 8px; padding: 9px 12px;
  }
  .df-flr__head span:nth-child(4),
  .df-flr__row > span:nth-child(4) { display: none; }
}
@container stk (max-width: 980px) {
  .df-flr__head, .df-flr__row {
    grid-template-columns: minmax(60px, 1fr) 74px 54px 50px 48px;
  }
  .df-flr__head span:nth-child(5),
  .df-flr__row > span:nth-child(5) { display: none; }
}
.df-flr__head, .df-flr__row { grid-template-columns: minmax(0, 1fr) 82px 76px 52px 108px 46px; }
.df-flr__head span:nth-child(n+3):nth-child(-n+5), .df-flr__row > span:nth-child(n+3):nth-child(-n+5) { display: block; }
.df-flr__head span:nth-child(4), .df-flr__row > span:nth-child(4) { text-align: right; }
.df-flr__head span:nth-child(5), .df-flr__row > span:nth-child(5) { text-align: left; }
.df-flr__cur b { font-weight: 700; }
.df-flr__row > span:nth-child(5) { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.35; }
@container stk (max-width: 1250px) {
  .df-flr__head, .df-flr__row { grid-template-columns: minmax(64px, 1fr) 76px 70px 48px 104px 44px; gap: 8px; }
  .df-flr__head span:nth-child(n+3):nth-child(-n+5), .df-flr__row > span:nth-child(n+3):nth-child(-n+5) { display: block; }
}
@container stk (max-width: 980px) {
  .df-flr__head, .df-flr__row { grid-template-columns: minmax(60px, 1fr) 70px 66px 44px 98px 40px; gap: 7px; }
  .df-flr__head span:nth-child(n+3):nth-child(-n+5), .df-flr__row > span:nth-child(n+3):nth-child(-n+5) { display: block; }
}
@media (max-width: 767px) {
  .df-flr__head, .df-flr__row { grid-template-columns: minmax(0, 1fr) 84px 72px; }
  .df-flr__head span:nth-child(3), .df-flr__row > span:nth-child(3) { display: block; }
  .df-flr__head span:nth-child(n+4), .df-flr__row > span:nth-child(n+4) { display: none; }
}
.df-stk .df-tick { align-items: center; gap: 22px; padding: 9px 13px; }
.df-stk .df-tick__live { padding: 0; border-right: 0; font-size: .64rem; }
.df-stk .df-tick__rail { gap: 22px; }
.df-stk .df-tick__one {
  padding: 0; border-right: 0; gap: 6px; font-size: .74rem; background: none;
}
.df-stk .df-tick__one:hover,
.df-stk .df-tick__one.is-on { background: none; box-shadow: none; }
.df-stk .df-tick__one b { font-size: .74rem; letter-spacing: 0; font-weight: 700; color: #eef4fb; }
.df-stk .df-tick__one:hover b,
.df-stk .df-tick__one.is-on b { color: var(--df-amber); }
.df-stk .df-tick__one i { font-size: .74rem; }
.df-stk .df-tick__one:has(i.df-stockup) span   { color: #4caf50; }
.df-stk .df-tick__one:has(i.df-stockdown) span { color: #d32f2f; }
.df-stk .df-flr__open-in { grid-template-columns: minmax(0, 1fr) 190px; gap: 18px; }
.df-stk .df-flr__chart .df-skchart { height: 190px; }
.df-flr__deal { display: flex; gap: 6px; margin: 0 0 8px; }
.df-flr__deal .df-input { flex: 1 1 auto; min-width: 0; width: auto; padding: 6px 8px; font-size: .72rem; }
.df-flr__deal .df-btn { flex: none; padding: 6px 11px; font-size: .62rem; }
.df-flr__dealnote { margin: 0 0 8px; padding: 6px 0; font-size: .68rem; color: var(--df-muted); }
.df-stk .df-flr__mine { margin-top: 2px; }
.df-stk .df-flr__mine .df-sfact { padding: 7px 2px; }
.df-stk .df-flr__mine .df-sfact > span,
.df-stk .df-flr__mine .df-sfact > b { font-size: .7rem; }
.df-stk .df-flr__mine > .df-sfact:nth-child(n) .df-sfact__why {
  left: auto; right: calc(100% + 12px); top: 0; bottom: auto; width: 260px;
}
.df-sknum { margin-top: 14px; }
.df-sknum__why {
  min-height: 3.2em; margin: 0 0 10px; padding: 8px 11px; border-radius: 8px;
  background: var(--df-amber-bg); color: var(--df-text); font-size: .76rem; line-height: 1.5;
}
.df-sknum__why b { color: var(--df-amber); font-weight: 600; margin-right: 4px; }
.df-sknum.is-js .df-sfact__why { display: none !important; }
.df-stk .df-sknum .df-sfacts { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 22px; margin-top: 4px; }
.df-stk .df-sknum .df-sband { margin: 12px 0 6px; }
@container stk (max-width: 900px) {
  .df-stk .df-sknum .df-sfacts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1100px) {
  .df-stk .df-flr__open-in { grid-template-columns: minmax(0, 1fr); }
  .df-stk .df-flr__mine > .df-sfact:nth-child(n) .df-sfact__why {
    position: static; width: auto; margin-top: 6px; flex-basis: 100%;
  }
  .df-stk .df-flr__mine .df-sfact { flex-wrap: wrap; }
}
@media (max-width: 600px) {
  .df-stk .df-sknum .df-sfacts { grid-template-columns: minmax(0, 1fr); }
}
.df-stk .df-sknum .df-sknum__stock { padding: 6px 0 4px; }
.df-sknum__more-h {
  margin: 14px 0 0; padding-top: 10px; border-top: 1px solid var(--df-line);
  font: 700 .62rem/1 var(--df-mono, monospace); letter-spacing: .12em; text-transform: uppercase; color: var(--df-faint);
}
.df-stk .df-sknum .df-sknum__more { font-size: .9em; opacity: .78; }
.df-flr__pull {
  display: inline-block; margin-left: 4px; padding: 0 5px; border-radius: 3px;
  font: 700 .66em/1.5 var(--df-mono, monospace); letter-spacing: .06em; text-transform: uppercase; font-style: normal;
}
.df-flr__pull--pricey { color: #ffb4a8; background: rgba(239,68,68,.16); }
.df-flr__pull--cheap { color: #a8f0c0; background: rgba(34,197,94,.16); }
.df-stk.df-floor .df-stkbox { height: auto; }
.df-stk.df-floor .df-floor__grid { align-items: stretch; }
.df-stk.df-floor .df-floor__feed { contain: size; display: flex; flex-direction: column; }
.df-stk.df-floor .df-floor__feed .df-stkbox__body { max-height: none; flex: 1 1 auto; min-height: 0; overflow-y: auto; }
@media (max-width: 1100px) {
  .df-stk.df-floor .df-floor__feed { contain: none; }
  .df-stk.df-floor .df-floor__feed .df-stkbox__body { max-height: 360px; }
}
.df-stk .df-tick__rail { overflow: hidden; gap: 0; flex: 1 1 auto; min-width: 0; }
.df-tick__belt { display: flex; flex: none; width: max-content; animation: df-tape 60s linear infinite; }
.df-stk .df-tick__belt .df-tick__one { padding-right: 26px; }
.df-tick__rail:hover .df-tick__belt,
.df-tick__rail:focus-within .df-tick__belt { animation-play-state: paused; }
@keyframes df-tape { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  .df-tick__belt { animation: none; }
  .df-stk .df-tick__rail { overflow-x: auto; }
}
.df-stk .df-lfeed__book { flex-direction: column; gap: 0; }
.df-stk .df-lfeed__book > div {
  display: flex; justify-content: space-between; align-items: baseline; gap: 10px;
  padding: 5px 0; flex: none;
}
.df-stk .df-lfeed__book span { margin: 0; }
.df-stk .df-lfeed__book b { white-space: nowrap; }
@media (max-width: 1100px) {
  .df-stk.df-floor .df-floor__grid { grid-template-columns: minmax(0, 1fr); }
}
.df-stk .df-flr__row > .df-flr__name { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.3; }
@media (max-width: 767px) {
  .df-stk .df-flr__head, .df-stk .df-flr__row { grid-template-columns: minmax(0, 1fr) 88px 76px; gap: 8px; }
  .df-stk .df-flr__head span:nth-child(n+4),
  .df-stk .df-flr__row > span:nth-child(n+4) { display: none; }
  .df-stk .df-flr__head span:nth-child(3),
  .df-stk .df-flr__row > span:nth-child(3) { display: block; }
}
.df-dftop {
  position: relative; max-width: var(--df-shell-max); margin: var(--df-crawl-h) auto 0;
}
.df-dftop + .df-shell {
  padding-top: 0;
  min-height: calc(100vh - var(--df-crawl-h) - var(--df-online-h) - var(--df-dftop-h, 200px));
}
.df-dftop .df-banner { border-radius: 0; }
.df-dftabs {
  display: flex; align-items: flex-end; gap: 0;
  background: var(--df-panel-alt); border-bottom: 1px solid var(--df-line);
  padding-top: 6px;
}
.df-dftabs__row { display: flex; gap: 4px; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.df-dftabs__row::-webkit-scrollbar { height: 0; }
.df-dftabs__tab {
  flex: none; padding: 9px 18px 8px; border-radius: 9px 9px 0 0;
  background: var(--df-panel); border: 1px solid var(--df-line); border-bottom: 0;
  color: #eef4fb; font-size: .74rem; font-weight: 700; letter-spacing: .04em;
  text-transform: uppercase; text-decoration: none; white-space: nowrap;
}
.df-dftabs__tab span { color: var(--df-amber); }
.df-dftabs__tab:hover { background: var(--df-menu-hi); color: var(--df06-white, #fff); text-decoration: none; }
.df-dftabs__tab.is-on { background: var(--df-amber); border-color: var(--df-amber); color: var(--df-amber-ink); }
.df-dftabs__tab.is-on span { color: var(--df-amber-ink); }
.df-dfcorner {
  position: absolute; top: 6px; z-index: 6;
  color: #eef4fb; font-size: .74rem; line-height: 1.55;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .9);
}
.df-dfcorner--left { left: 10px; display: flex; flex-direction: column; }
.df-dfcorner--right { right: 10px; display: flex; align-items: center; gap: 8px; font-weight: 700; margin: 0; }
.df-dfcorner a { color: #eef4fb; }
.df-dfcorner a:hover { color: var(--df-amber); }
.df-dfcorner__out { display: inline; margin: 0; }
.df-dfcorner__out button {
  background: none; border: 0; padding: 0; color: #eef4fb; font: inherit; cursor: pointer;
  text-shadow: inherit;
}
.df-dfcorner__out button:hover { color: var(--df-amber); }
.df-dfcorner--right .df-input {
  width: 150px; padding: 4px 8px; font-size: .74rem; font-weight: 400;
  background: rgba(6, 14, 24, .85); border-radius: 7px;
}
.df-dftabs__row { margin-left: calc(max(var(--df-col-left), 211px) + 14px); }
.df-dftop .df-auth__sub { top: 40px; }
@media (max-width: 1023px) {
  .df-dfcorner { display: none; }
  .df-dftabs { padding: 6px 10px 0; }
  .df-dftabs__row { margin-left: 0; }
  .df-dftabs__tab { padding: 8px 13px 7px; font-size: .7rem; }
}
@media (min-width: 1024px) {
  .df-dftop + .df-shell,
  body[data-menus="wide"] .df-dftop + .df-shell {
    max-width: var(--df-shell-max);
  }
  body[data-menus="wide"] .df-dftop + .df-shell .df-shell__page { max-width: none; }
  .df-dftop {
    border: 1px solid var(--df-line); border-top: 0;
    border-radius: 0 0 14px 14px; overflow: hidden;
  }
  .df-dftop .df-mark,
  .df-dftop .df-auth__sub,
  .df-dftop .df-hstrip,
  .df-dftop .df-banner__where { display: none; }
  .df-dftop .df-banner { border-bottom: 0; }
  .df-dftabs {
    position: absolute; left: 0; right: 0; bottom: 0; z-index: 5;
    background: none; border-bottom: 0; padding-top: 0;
  }
  .df-dftabs__tab { background: rgba(var(--df-panel-rgb), .92); }
  .df-dftop + .df-shell { margin-top: 12px; }
}
@media (min-width: 1024px) {
  body .df-dftop + .df-shell .df-navgroup,
  body .df-dftop + .df-shell .df-statsblock {
    background: var(--df-panel); border: 1px solid var(--df-line);
    border-radius: 12px; overflow: hidden; margin-top: 8px;
  }
  body .df-dftop + .df-shell .df-statsblock { margin-top: 0; }
  body .df-dftop + .df-shell .df-navgroup > .df-bar,
  body .df-dftop + .df-shell .df-statsblock > .df-bar {
    display: flex; align-items: center; gap: 8px; justify-content: flex-start;
    margin: 0; padding: 8px 11px; 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 .8rem/1.3 var(--df-font);
    letter-spacing: 0; text-transform: none; text-align: left;
  }
  body .df-dftop + .df-shell .df-navgroup > .df-bar::before,
  body .df-dftop + .df-shell .df-statsblock > .df-bar::before {
    content: "\2212"; flex: none; display: block; width: 13px; height: 13px; border-radius: 3px;
    background: var(--df-amber); color: var(--df-amber-ink);
    font: 700 10px/13px var(--df-font); text-align: center;
    position: static; margin: 0; border: 0;
  }
  body .df-dftop + .df-shell .df-navgroup > .df-bar.is-collapsed::before {
    content: "+"; background: var(--df-line-strong); color: #eef4fb;
  }
  body .df-dftop + .df-shell .df-navgroup > .df-bar::after,
  body .df-dftop + .df-shell .df-statsblock > .df-bar::after { display: none; }
  body .df-dftop + .df-shell .df-navgroup > .df-bar:hover { background: var(--df-menu-hi); }
  body .df-dftop + .df-shell .df-navgroup > .df-nav {
    padding: 6px 0 8px; margin: 0; border: 0; background: none;
  }
  body .df-dftop + .df-shell .df-navgroup > .df-nav > a,
  body .df-dftop + .df-shell .df-navgroup > .df-nav button {
    display: flex; align-items: center; gap: 8px;
    padding: 5px 12px; margin: 0; border: 0; border-radius: 0; background: none;
    color: #fff; font: 400 .78rem/1.35 var(--df-font); letter-spacing: 0; text-transform: none;
  }
  body .df-dftop + .df-shell .df-navgroup > .df-nav > a:hover,
  body .df-dftop + .df-shell .df-navgroup > .df-nav button:hover { background: var(--df-menu-hi); color: var(--df06-white, #fff); }
  body .df-dftop + .df-shell .df-navgroup > .df-nav .df-mi { display: block; flex: none; width: 15px; height: 15px; margin: 0; }
  body .df-dftop + .df-shell .df-navgroup > .df-nav .df-ml { flex: 1 1 auto; min-width: 0; }
}
@media (min-width: 1024px) {
  body .df-dftop + .df-shell { border: 0; gap: 12px; background: none; }
  body .df-dftop + .df-shell > .df-shell__left,
  body .df-dftop + .df-shell > .df-shell__right {
    background: none; border: 0; padding: 0; box-shadow: none;
  }
  body .df-dftop + .df-shell .df-shell__page {
    background: none; box-shadow: none; border-radius: 0;
  }
  body .df-dftop .df-dftabs__row { margin-left: calc(var(--df-col-left) + 12px); }
}
@media (min-width: 1024px) {
  body[data-menus="wide"] .df-dftop {
    max-width: none; border-left: 0; border-right: 0;
  }
  body[data-menus="wide"] .df-dftop + .df-shell {
    max-width: none; padding-left: 12px; padding-right: 12px;
  }
  body[data-menus="wide"] .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="wide"] .df-dftop .df-dftabs { padding-left: 12px; }
  body[data-menus="wide"] .df-dftop .df-dfcorner--left { left: 22px; }
  body[data-menus="wide"] .df-dftop .df-dfcorner--right { right: 22px; }
}
@media (min-width: 1024px) {
  body[data-menus="wide"] .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);
  }
}
.df-dfchar, .df-dfmoney, .df-dfclock { display: none; }
@media all {
  body .df-dftop + .df-shell .df-stats > *:not(.df-dfchar) { display: none; }
  body .df-dftop + .df-shell .df-stats { padding: 0; }
  body .df-dftop + .df-shell .df-dfchar { display: block; padding: 10px 12px 12px; }
  .df-dfchar dl { margin: 0; }
  .df-dfchar dt { color: var(--df-amber); font: 700 .78rem/1.3 var(--df-font); margin-top: 9px; }
  .df-dfchar dt:first-child { margin-top: 0; }
  .df-dfchar dd { margin: 1px 0 0; color: var(--df06-white, #fff); font: 400 .78rem/1.4 var(--df-font); }
  .df-dfchar dd a { color: var(--df06-white, #fff); }
  .df-dfchar dd a:hover { color: var(--df-amber); }
  .df-dfchar dd span { color: var(--df-muted); }
  .df-dfbar { display: block; margin-top: 9px; color: var(--df06-white, #fff); text-decoration: none; }
  a.df-dfbar:hover { text-decoration: none; }
  a.df-dfbar:hover > span { color: var(--df-amber); }
  .df-dfbar--gap { margin-top: 15px; }
  .df-dfbar > span { display: block; font: 400 .74rem/1.3 var(--df-font); margin-bottom: 3px; }
  .df-dfbar > span i, .df-dfbar > span em { font-style: normal; color: var(--df-muted); }
  .df-dfbar__track {
    height: 7px; border-radius: 99px; overflow: hidden;
    background: rgba(210, 75, 63, .55);
  }
  .df-dfbar__track b { display: block; height: 100%; border-radius: 99px; background: var(--df-good); }
  .df-dfbar__track--rank { background: rgba(120, 170, 220, .14); }
  .df-dfbar__track--rank b { background: var(--df-amber); }
  .df-dfbar__track.is-ready b { width: 100%; }
  .df-dfbar__track.is-wait { background: rgba(120, 170, 220, .14); }
  .df-dfbar__track.is-wait b { width: 100%; background: var(--df-bad); }
  body .df-dftop + .df-shell .df-dfclock {
    display: flex; align-items: center; gap: 8px; margin-bottom: 8px;
    padding: 8px 11px; border-radius: 12px; border: 1px solid var(--df-line);
    background: linear-gradient(180deg, var(--df-menu-1), var(--df-menu-2));
    color: #fff; font: 700 .8rem/1.3 var(--df-font);
  }
  .df-dfclock i { width: 13px; height: 13px; border-radius: 3px; background: var(--df-amber); flex: none; }
  body .df-dftop + .df-shell .df-dfmoney {
    display: grid; grid-template-columns: auto 1fr; gap: 1px 10px; align-items: baseline;
    padding: 9px 12px 2px;
  }
  .df-dfmoney span { color: var(--df-amber); font: 700 .74rem/1.4 var(--df-font); }
  .df-dfmoney b { color: var(--df06-white, #fff); font: 400 .76rem/1.4 var(--df-font); text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
}
@media (min-width: 1024px) {
  body .df-dftop + .df-shell [data-menu-group="logout"] .df-logout-form { display: none; }
}
@media all {
  body .df-dftop + .df-shell .df-dfmoney { display: block; padding: 9px 12px 0; }
  .df-dfmoney span { display: block; font: 700 .78rem/1.3 var(--df-font); }
  .df-dfmoney b { display: block; text-align: left; font: 400 .78rem/1.4 var(--df-font); }
}
.df-shelf__in:not(:has(.df-shelf__rail)) { grid-template-columns: minmax(0, 1fr); }
.df-ev--race-win      { background-image: linear-gradient(90deg, rgba(255, 230, 0, .10), rgba(255, 230, 0, 0) 55%); }
.df-ev--race-podium   { background-image: linear-gradient(90deg, rgba(205, 220, 235, .08), rgba(205, 220, 235, 0) 55%); }
.df-ev--race-out      { background-image: linear-gradient(90deg, rgba(255, 90, 90, .08), rgba(255, 90, 90, 0) 55%); }
.df-ev--race-arrested { background-image: linear-gradient(90deg, rgba(255, 70, 70, .08), rgba(80, 120, 255, .07) 30%, rgba(80, 120, 255, 0) 60%); }
.df-ev--race-win .df-ev__title      { color: #ffe600; text-shadow: 0 0 10px rgba(255, 230, 0, .30); }
.df-ev--race-podium .df-ev__title   { color: #dfe8f1; }
.df-ev--race-out .df-ev__title,
.df-ev--race-arrested .df-ev__title { color: #ff8f8f; }
.df-ev__race {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 2px 6px; border-radius: 2px; border: 1px solid currentColor;
  font: 700 var(--df-fs-micro)/1.4 var(--df-font); letter-spacing: .1em; text-transform: uppercase;
  white-space: nowrap;
}
.df-ev__race--win      { background: #ffe600; border-color: #ffe600; color: #1a1600; }
.df-ev__race--win::before {
  content: ""; width: 10px; height: 10px; border-radius: 1px;
  background: repeating-conic-gradient(#1a1600 0 25%, #fff8c0 0 50%) 0 0 / 5px 5px;
}
.df-ev__race--podium   { color: #cfdbe6; }
.df-ev__race--finish   { color: var(--df-faint); }
.df-ev__race--out      { color: #ff6b6b; }
.df-ev__race--arrested { color: #fff; border-color: transparent; background: linear-gradient(90deg, #d42a3a 50%, #2f5bdc 50%); }
html body .df-shell__left .df-navgroup .df-nav span.df-nav__next,
html body .df-shell__right .df-navgroup .df-nav span.df-nav__next {
  display: flex; align-items: baseline; gap: 8px;
  white-space: nowrap; overflow-wrap: normal; padding-right: 12px;
}
html body .df-shell__left .df-navgroup .df-nav .df-nav__next .df-nav__nl,
html body .df-shell__right .df-navgroup .df-nav .df-nav__next .df-nav__nl {
  flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; padding: 0;
}
html body .df-shell__left .df-navgroup .df-nav .df-nav__next .df-nav__nr,
html body .df-shell__right .df-navgroup .df-nav .df-nav__next .df-nav__nr {
  flex: 0 0 auto; padding: 0; font-style: normal;
}
html body .df-shell__left .df-navgroup .df-nav .df-nav__next::before,
html body .df-shell__right .df-navgroup .df-nav .df-nav__next::before,
html body .df-navgroup .df-nav .df-nav__next span::before { content: none; display: none; }
.df-sales__row { align-items: flex-start; }
.df-sales__what { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.df-sales__what b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.df-sales__what small { font-size: .66rem; color: var(--df-faint); font-variant-numeric: tabular-nums; }
.df-sales__pl { flex: none; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--df-muted); }
.df-sales__row.is-up .df-sales__pl   { color: var(--df-good); }
.df-sales__row.is-down .df-sales__pl { color: var(--df-bad); }
.df-lfeed__row.df-sales__row { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; column-gap: 9px; row-gap: 1px; align-items: baseline; }
.df-sales__row .df-sales__what { display: contents; }
.df-sales__row time { grid-column: 1; grid-row: 1; }
.df-sales__row .df-sales__what b { grid-column: 2; grid-row: 1; }
.df-sales__row .df-sales__pl { grid-column: 3; grid-row: 1; }
.df-sales__row .df-sales__what small { grid-column: 2 / 4; grid-row: 2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.df-dfstocks { display: none; }
body .df-dftop + .df-shell .df-dfstocks {
  display: block; margin-bottom: 8px; padding: 7px 11px 6px; border-radius: 12px;
  border: 1px solid var(--df-line);
  background: linear-gradient(180deg, var(--df-menu-1), var(--df-menu-2));
}
.df-dfstocks__h {
  display: block; padding-bottom: 5px; margin-bottom: 3px; border-bottom: 1px solid var(--df-line-soft);
  color: #fff; font: 700 .8rem/1.3 var(--df-font); text-decoration: none;
}
.df-dfstocks__h:hover { color: var(--df-amber); text-decoration: none; }
.df-dfstocks__row {
  display: flex; align-items: baseline; gap: 8px; padding: 3px 0;
  color: #fff; font: 400 .74rem/1.35 var(--df-font); text-decoration: none;
}
.df-dfstocks__row:hover { text-decoration: none; }
.df-dfstocks__row:hover span { color: var(--df-amber); }
.df-dfstocks__row span { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.df-dfstocks__row b { flex: none; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--df-muted); }
.df-dfstocks__row.is-up b   { color: var(--df-good); }
.df-dfstocks__row.is-down b { color: var(--df-bad); }
.df-ctab {
  display: block; margin: 0;
  border: 1px solid var(--df-line);
  background:
    linear-gradient(180deg, rgba(10,10,10,.62), rgba(6,6,6,.76) 60%, rgba(6,6,6,.86)),
    url('images/crimes/board.png') center / cover no-repeat;
}
.df-ctab__scroll { overflow-x: auto; }
.df-ctab__head, .df-ctab__row {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 52px 52px 52px 60px 64px;
  column-gap: 8px; align-items: center;
  padding: 6px 10px;
}
.df-ctab__head {
  padding-top: 8px; padding-bottom: 7px;
  border-bottom: 1px solid var(--df-line-strong);
  color: var(--df-amber); font: 700 .7rem/1.2 var(--df-font);
  letter-spacing: .06em; text-transform: uppercase;
}
.df-ctab__head > span::before, .df-ctab__row > span::before { content: none; }
.df-ctab__row {
  margin: 0; cursor: pointer;
  border-bottom: 1px solid rgba(255,255,255,.07);
  text-shadow: 0 1px 3px #000;
}
.df-ctab__row:last-child { border-bottom: 0; }
.df-ctab__row:hover { background: rgba(255,255,255,.05); }
.df-ctab__row:has(.df-ctab__radio:checked) {
  background: rgba(255,255,255,.08);
  box-shadow: inset 3px 0 0 var(--df-amber);
}
.df-ctab__row--locked { cursor: default; opacity: .45; }
.df-ctab__row--locked:hover { background: none; }
.df-ctab__n { text-align: center; }
.df-ctab__badge {
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 22px; border-radius: 3px;
  border: 1px solid var(--df-line-strong); background: rgba(255,255,255,.06);
  color: var(--df-text); font: 700 .72rem/1 var(--df-font);
  font-variant-numeric: tabular-nums; text-shadow: none;
}
.df-ctab__row .df-ctab__name {
  min-width: 0; color: #fff; font: 700 .86rem/1.3 var(--df-font);
}
.df-ctab__st, .df-ctab__cd, .df-ctab__sel { text-align: center; white-space: nowrap; }
.df-ctab__row .df-ctab__st { font: 700 .8rem/1.2 var(--df-font); font-variant-numeric: tabular-nums; }
.df-ctab__row .df-ctab__st--off { color: var(--df-stat-off); }
.df-ctab__row .df-ctab__st--def { color: var(--df-stat-def); }
.df-ctab__row .df-ctab__st--stl { color: var(--df-stat-stl); }
.df-ctab__row .df-ctab__cd { color: var(--df-muted); font: 400 .78rem/1.2 var(--df-font); font-variant-numeric: tabular-nums; }
.df-ctab__radio {
  width: 16px; height: 16px; margin: 0; vertical-align: middle;
  accent-color: var(--df-amber); cursor: pointer;
}
.df-ctab__lock { color: var(--df-faint); font: 700 .66rem/1.2 var(--df-font); text-transform: uppercase; letter-spacing: .04em; }
.df-ctab__go {
  display: flex; justify-content: flex-end; align-items: center;
  padding: 8px 10px; border-top: 1px solid var(--df-line-strong);
  background: rgba(0,0,0,.35);
}
@media (max-width: 767px) {
  .df-ctab { background-image: linear-gradient(180deg, rgba(10,10,10,.62), rgba(6,6,6,.76) 60%, rgba(6,6,6,.86)), url('images/crimes/board-sm.png'); }
  .df-ctab__head, .df-ctab__row {
    grid-template-columns: 26px minmax(0, 1fr) 44px 44px 44px 60px 60px;
    column-gap: 4px; padding: 7px 8px;
  }
  .df-ctab__head .df-ctab__name { visibility: hidden; }
  .df-ctab__row { row-gap: 4px; min-height: 44px; }
  .df-ctab__row .df-ctab__n    { grid-column: 1; grid-row: 1 / 3; align-self: start; }
  .df-ctab__row .df-ctab__name { grid-column: 2 / 8; grid-row: 1; }
  .df-ctab__row .df-ctab__st--off { grid-column: 3; grid-row: 2; }
  .df-ctab__row .df-ctab__st--def { grid-column: 4; grid-row: 2; }
  .df-ctab__row .df-ctab__st--stl { grid-column: 5; grid-row: 2; }
  .df-ctab__row .df-ctab__cd      { grid-column: 6; grid-row: 2; }
  .df-ctab__row .df-ctab__sel     { grid-column: 7; grid-row: 2; }
  .df-ctab__row .df-ctab__cd { font-size: .72rem; }
  .df-ctab__lock { font-size: .6rem; letter-spacing: 0; }
  .df-ctab__radio { width: 20px; height: 20px; }
  .df-ctab__scroll { overflow: visible; }
  .df-ctab__go .df-btn-job { width: 100%; justify-content: center; min-height: 44px; }
}
@media (max-width: 359px) {
  .df-ctab__head, .df-ctab__row {
    grid-template-columns: 24px minmax(0, 1fr) 40px 40px 40px 52px 40px;
    padding: 7px 6px;
  }
  .df-ctab__head > span { letter-spacing: 0; font-size: 8.5px; }
}
.df-cw__gif {
  display: block; margin: 4px 0 2px; max-width: min(220px, 100%); max-height: 160px;
  width: auto; height: auto; border-radius: 6px; border: 1px solid var(--df-line);
  background: rgba(0, 0, 0, .25);
}
.df-ctab__head { font-size: .66rem; letter-spacing: 0; text-transform: none; }
@media (max-width: 767px) {
  .df-ctab__head { font-size: .6rem; }
}
.df-ctab__commit {
  display: inline-flex; align-items: center; gap: 10px; max-width: 100%;
  min-height: 38px; padding: 8px 16px 8px 13px; border-radius: 7px;
  border: 1px solid var(--df-amber);
  background: linear-gradient(180deg, color-mix(in srgb, var(--df-amber) 20%, transparent), color-mix(in srgb, var(--df-amber) 6%, transparent));
  color: #fff; font: 700 .8rem/1.2 var(--df-font); letter-spacing: .02em;
  cursor: pointer; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
  transition: background .15s, box-shadow .15s, border-color .15s;
}
.df-ctab__commit:hover, .df-ctab__commit:focus-visible {
  background: linear-gradient(180deg, color-mix(in srgb, var(--df-amber) 34%, transparent), color-mix(in srgb, var(--df-amber) 14%, transparent));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--df-amber) 35%, transparent), 0 0 14px color-mix(in srgb, var(--df-amber) 22%, transparent);
  outline: none;
}
.df-ctab__commit:active { transform: translateY(1px); }
.df-ctab__commit-ico { flex: none; width: 15px; height: 15px; color: var(--df-amber); }
.df-ctab__commit-do { flex: none; text-transform: uppercase; letter-spacing: .08em; }
.df-ctab__commit-pick {
  min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  max-width: 280px; padding-left: 10px; border-left: 1px solid color-mix(in srgb, var(--df-amber) 35%, transparent);
  color: var(--df-muted); font-weight: 400; letter-spacing: 0;
}
.df-ctab__commit:disabled {
  cursor: default; opacity: .5; border-color: var(--df-line-strong);
  background: rgba(255, 255, 255, .04); box-shadow: none; transform: none;
}
@media (max-width: 767px) {
  .df-ctab__commit { width: 100%; justify-content: center; min-height: 44px; }
  .df-ctab__commit-pick { max-width: 55%; }
}
@media (prefers-reduced-motion: reduce) { .df-ctab__commit { transition: none; } }
html body .df-shell__main .df-teller__card {
  margin-top: 0; padding-top: 0; border-radius: 12px;
  border: 1px solid var(--df-line); box-shadow: none; overflow: hidden;
}
html body .df-shell__main .df-teller__card .df-teller__head {
  display: flex; justify-content: flex-start; align-items: baseline; gap: 7px;
  width: auto; max-width: none; margin: 0 calc(-1 * var(--df-6)) var(--df-4); padding: 12px 16px 10px;
  background: none; background-image: none; border: 0; border-bottom: 1px solid var(--df-line);
  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;
}
html body .df-shell__main .df-teller__card .df-teller__head::before,
html body .df-shell__main .df-teller__card .df-teller__head::after { display: none; content: none; }
:is(.df-btn, .df-btn-job, .df-teller__go, .df-market__btn, .df-quest__go, .df-loot__go,
    .df-lb__go, .df-lu__btn, .df-feat__btn, .df-story__cta--go, .df-off__openbtn, .sr-go, .df-dispatch__b):not(#df-b) {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 36px; padding: 8px 16px; border-radius: 7px;
  border: 1px solid var(--df-amber);
  background: linear-gradient(180deg, color-mix(in srgb, var(--df-amber) 20%, transparent), color-mix(in srgb, var(--df-amber) 6%, transparent));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
  color: #fff; font: 700 .76rem/1.2 var(--df-font); letter-spacing: .07em; text-transform: uppercase;
  text-decoration: none; text-shadow: none; cursor: pointer;
  transition: background .15s, box-shadow .15s, border-color .15s, color .15s;
}
:is(.df-btn, .df-btn-job, .df-teller__go, .df-market__btn, .df-quest__go, .df-loot__go,
    .df-lb__go, .df-lu__btn, .df-feat__btn, .df-story__cta--go, .df-off__openbtn, .sr-go, .df-dispatch__b):not(#df-b):is(:hover, :focus-visible):not([disabled]):not(.df-btn--wait):not(.df-btn-job--wait) {
  background: linear-gradient(180deg, color-mix(in srgb, var(--df-amber) 34%, transparent), color-mix(in srgb, var(--df-amber) 14%, transparent));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--df-amber) 35%, transparent), 0 0 14px color-mix(in srgb, var(--df-amber) 22%, transparent);
  border-color: var(--df-amber); color: #fff; outline: none; text-decoration: none;
}
:is(.df-btn, .df-btn-job, .df-teller__go, .df-market__btn, .df-quest__go, .df-loot__go,
    .df-lb__go, .df-lu__btn, .df-feat__btn, .df-story__cta--go, .df-off__openbtn, .sr-go, .df-dispatch__b):not(#df-b):active:not([disabled]) { transform: translateY(1px); }
:is(.df-btn, .df-btn-job):not(#df-b) svg { color: var(--df-amber); flex: none; }
:is(.df-btn--sm, .df-btn--small):not(#df-b) { min-height: 28px; padding: 5px 11px; font-size: .68rem; border-radius: 6px; }
.df-btn--ghost:not(#df-b) {
  border-color: var(--df-line-strong); background: rgba(255, 255, 255, .04); color: var(--df-muted);
}
.df-btn--ghost:not(#df-b):is(:hover, :focus-visible):not([disabled]) {
  border-color: var(--df-amber); background: color-mix(in srgb, var(--df-amber) 12%, transparent); color: #fff; box-shadow: none;
}
:is(.df-btn--danger, .df-teller__card--out .df-teller__go):not(#df-b) {
  border-color: var(--df-bad);
  background: linear-gradient(180deg, color-mix(in srgb, var(--df-bad) 22%, transparent), color-mix(in srgb, var(--df-bad) 7%, transparent));
  color: #fff;
}
:is(.df-btn--danger, .df-teller__card--out .df-teller__go):not(#df-b):is(:hover, :focus-visible):not([disabled]) {
  border-color: var(--df-bad);
  background: linear-gradient(180deg, color-mix(in srgb, var(--df-bad) 36%, transparent), color-mix(in srgb, var(--df-bad) 14%, transparent));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--df-bad) 35%, transparent), 0 0 14px color-mix(in srgb, var(--df-bad) 22%, transparent);
}
.df-teller__card--in .df-teller__go:not(#df-b) {
  border-color: var(--df-good);
  background: linear-gradient(180deg, color-mix(in srgb, var(--df-good) 22%, transparent), color-mix(in srgb, var(--df-good) 7%, transparent));
  color: #fff;
}
.df-teller__card--in .df-teller__go:not(#df-b):is(:hover, :focus-visible):not([disabled]) {
  border-color: var(--df-good);
  background: linear-gradient(180deg, color-mix(in srgb, var(--df-good) 36%, transparent), color-mix(in srgb, var(--df-good) 14%, transparent));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--df-good) 35%, transparent), 0 0 14px color-mix(in srgb, var(--df-good) 22%, transparent);
}
:is(.df-btn, .df-btn-job, .df-teller__go, .df-market__btn, .df-quest__go, .df-loot__go,
    .df-lb__go, .df-lu__btn, .df-feat__btn, .df-story__cta--go, .df-off__openbtn, .sr-go, .df-dispatch__b):not(#df-b):is([disabled], .df-btn--wait, .df-btn-job--wait, .is-dear) {
  opacity: .5; cursor: not-allowed; border-color: var(--df-line-strong);
  background: rgba(255, 255, 255, .04); box-shadow: none; color: var(--df-muted); transform: none;
}
@media (prefers-reduced-motion: reduce) {
  :is(.df-btn, .df-btn-job, .df-teller__go, .df-market__btn, .df-quest__go, .df-loot__go,
      .df-lb__go, .df-lu__btn, .df-feat__btn, .df-story__cta--go, .df-off__openbtn, .sr-go, .df-dispatch__b):not(#df-b) { transition: none; }
}
@media (min-width: 768px) {
  html body .df-teller__form .df-teller__field { flex: 1 1 0; min-width: 90px; }
  html body .df-teller__form .df-teller__go:not(#df-b) { flex: none; white-space: nowrap; padding-left: 14px; padding-right: 14px; }
}
.df-shell__left .df-navgroup .df-nav a:hover .df-nav__count:not(.df-nav__count--timer):not(.df-nav__count--ready):not(.df-nav__count--go):not(.df-nav__count--dot),
.df-shell__right .df-navgroup .df-nav a:hover .df-nav__count:not(.df-nav__count--timer):not(.df-nav__count--ready):not(.df-nav__count--go):not(.df-nav__count--dot) {
  background: #e64a4a; color: #fff;
}
@media (min-width: 1024px) {
  body .df-dftop + .df-shell .df-navgroup--creator { border-color: var(--df-good-line); }
  body .df-dftop + .df-shell .df-navgroup--creator > .df-bar { color: var(--df-good); }
  body .df-dftop + .df-shell .df-navgroup--creator > .df-bar::before { background: var(--df-good); color: #04140a; }
  body .df-dftop + .df-shell .df-navgroup--admin { border-color: var(--df-bad-line); }
  body .df-dftop + .df-shell .df-navgroup--admin > .df-bar { color: var(--df-bad); }
  body .df-dftop + .df-shell .df-navgroup--admin > .df-bar::before { background: var(--df-bad); color: #1a0505; }
}
body:not([data-cells]) {
  --df-amber: #f5762f; --df-amber-hi: #ffdbac; --df-amber-ink: #000000;
  --df-amber-bg: #3a2418; --df-amber-line: #bb5d29;
  --df-bg: #242b36; --df-row: #283040; --df-input: #1d232c;
  --df-panel-rgb: 36, 43, 54; --df-panel-alt-rgb: 32, 40, 56;
  --df-panel: rgba(var(--df-panel-rgb), 1); --df-panel-alt: rgba(var(--df-panel-alt-rgb), 1);
  --df-line: #6b7480; --df-line-soft: #353c47; --df-line-strong: #7f8894;
  --df-menu-1: #242b36; --df-menu-2: #202838; --df-menu-hi: #2e3644; --df-menu-hi2: #3a4352;
  --df-text: #e8eef4; --df-muted: #aab3be; --df-faint: #707a87; --df-auto: #63b4ee;
}
:root { --df-frame: #2a3f55; --df-frame-hi: #35506b; --df-cell: #102032; }
body:not([data-cells]) { --df-frame: #7f8894; --df-frame-hi: #242b36; --df-cell: #242b36; }
html body:not([data-cells]) .df-shell__main .df-panel > .df-bar:not(.df-cdesign),
html body:not([data-cells]) .df-shell__left .df-navgroup > .df-bar,
html body:not([data-cells]) .df-shell__right .df-navgroup > .df-bar,
html body:not([data-cells]) .df-shell__left .df-statsblock > .df-bar {
  background: linear-gradient(180deg, #f48c51 0%, #f07a32 25%, #ee6f31 40%, #d6662f 65%, #c45c22 85%, #bb5d29 100%);
  color: #ffdbac; text-shadow: 0 1px 0 rgba(60, 20, 0, .45);
  border-color: #6d310c; border-top: 1px solid #6d310c; border-bottom: 1px solid #623013;
}
html body:not([data-cells]) .df-shell__main .df-panel > .df-bar:not(.df-cdesign) .df-bar__note { color: #ffdbac; opacity: .85; }
html body:not([data-cells]) .df-shell__left .df-navgroup > .df-bar,
html body:not([data-cells]) .df-shell__right .df-navgroup > .df-bar,
html body:not([data-cells]) .df-shell__left .df-statsblock > .df-bar { margin-left: -4px; margin-right: -4px; border-top: 0; }
.df-dftop .df-dftabs__tab {
  background: linear-gradient(180deg, color-mix(in srgb, var(--df-amber) 16%, var(--df-panel)), var(--df-panel));
  border-color: color-mix(in srgb, var(--df-amber) 45%, var(--df-line));
  color: #fff;
}
.df-dftop .df-dftabs__tab:hover {
  background: linear-gradient(180deg, color-mix(in srgb, var(--df-amber) 30%, var(--df-panel)), color-mix(in srgb, var(--df-amber) 10%, var(--df-panel)));
  border-color: var(--df-amber); color: #fff;
  box-shadow: 0 0 12px color-mix(in srgb, var(--df-amber) 25%, transparent);
}
.df-dftop .df-dftabs__tab.is-on { background: var(--df-amber); border-color: var(--df-amber); color: var(--df-amber-ink); box-shadow: none; }
.df-dftop .df-dftabs__tab.is-on span { color: var(--df-amber-ink); }
   colour tho". Every option is drawn in its theme's accent on its theme's panel,
   read from that theme's own block (the option is named beside the body in it),
   so a colour still has one home. Dark Future's option restates the blue, since
   it is the one theme with no block and would otherwise wear whatever is on. */
body[data-cells] :is(.df-btn, .df-btn-job, .df-teller__go, .df-market__btn, .df-quest__go, .df-loot__go,
    .df-lb__go, .df-lu__btn, .df-feat__btn, .df-story__cta--go, .df-off__openbtn, .sr-go, .df-dispatch__b) { --df-amber: #4db8ff; }
.df-shell__main .df-ev__src {
  padding: 4px 9px; border-radius: 6px;
  border: 1px solid color-mix(in srgb, currentColor 45%, transparent);
  background: color-mix(in srgb, currentColor 14%, transparent);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
  letter-spacing: .1em;
}
.df-shell__main .df-ev__race {
  padding: 3px 9px; border-radius: 6px;
  border-color: color-mix(in srgb, currentColor 45%, transparent);
  background: color-mix(in srgb, currentColor 14%, transparent);
}
.df-shell__main .df-ev__race--win      { background: #ffe600; border-color: #ffe600; }
.df-shell__main .df-ev__race--arrested { border-color: transparent; background: linear-gradient(90deg, #d42a3a 50%, #2f5bdc 50%); }
.df-shell__main .df-ev__new, same request as the event badges
   above ("degree?", 9 Oct 2026). It was a square grey box with a hard edge.
   Now rounded with a wash of the degree's own tone (--df-deg, set on the card)
   and its edge at half strength, so it matches the badges and the buttons. */
.df-shell__main .df-colcard__does span {
  padding: 2px 7px 1px; border-radius: 5px;
  color: var(--df-deg, var(--df-amber));
  border: 1px solid color-mix(in srgb, var(--df-deg, var(--df-amber)) 45%, transparent);
  background: color-mix(in srgb, var(--df-deg, var(--df-amber)) 14%, transparent);
}
@media (max-width: 1023px) {
  :is(.df-btn, .df-btn-job, .df-teller__go, .df-market__btn, .df-quest__go, .df-loot__go,
      .df-lb__go, .df-lu__btn, .df-feat__btn, .df-story__cta--go, .df-off__openbtn, .sr-go, .df-dispatch__b):not(#df-b) {
    min-height: 44px;
  }
    .df-friend input { font-size: 16px; }
  .df-lb__tab { min-height: 44px; }
  .df-ideatab, .df-onoff { min-width: 44px; }
  .df-teller__chip, .df-js .df-teller__fills .df-teller__max, .df-ctab__commit { min-height: 44px; }
  .df-pager__btn { min-width: 44px; min-height: 44px; }
}
.df-tradehold__v { color: var(--df-amber); font-weight: 700; }
.df-tradehold__v.is-full { color: var(--df-bad); }
.df-trade__price { color: var(--df-amber); }
.df-trade__have { color: var(--df-faint); }
.df-trade tr.is-held .df-trade__item,
.df-trade tr.is-held .df-trade__have { color: var(--df-amber); }
.df-trade tr.is-held { background: color-mix(in srgb, var(--df-amber) 6%, transparent); }
.df-trade__acts { text-align: right; white-space: nowrap; }
.df-trade__form { display: inline-flex; align-items: center; gap: 6px; margin-left: 6px; vertical-align: middle; }
.df-feats { grid-template-columns: repeat(10, minmax(0, 1fr)); }
.df-feats > .df-feat:nth-child(-n+10) .df-feat__tip { bottom: auto; top: calc(100% + 6px); }
@media (max-width: 1023px) {
  .df-feats { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .df-feats > .df-feat:nth-child(n+6) .df-feat__tip { top: auto; bottom: calc(100% + 6px); }
}
@media (max-width: 767px) {
  .df-feats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .df-feats > .df-feat:nth-child(5) .df-feat__tip { top: auto; bottom: calc(100% + 6px); }
  .df-feat__n { letter-spacing: .04em; hyphens: auto; -webkit-hyphens: auto; }
}
@media (max-width: 1023px) {
  .df-tabbar a.is-active, .df-tabbar a.is-active.is-ready,
  .df-tabbar a.is-active .df-tabbar__ico, .df-tabbar a.is-active.is-ready .df-tabbar__ico,
  .df-tabbar a.is-active .df-nav__count, .df-tabbar a.is-active .df-nav__count--ready,
  .df-tabbar a.is-active .df-nav__count--timer { color: var(--df-amber-ink); }
}
@media (max-width: 1023px) {
  .df-swipe .df-shell__main > .df-now.is-more-right {
    -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 40px), rgba(0, 0, 0, .35));
            mask-image: linear-gradient(to right, #000 calc(100% - 40px), rgba(0, 0, 0, .35));
  }
  .df-swipe .df-shell__main > .df-now.is-more-left {
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, .35), #000 40px);
            mask-image: linear-gradient(to right, rgba(0, 0, 0, .35), #000 40px);
  }
  .df-swipe .df-shell__main > .df-now.is-more-left.is-more-right {
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, .35), #000 40px, #000 calc(100% - 40px), rgba(0, 0, 0, .35));
            mask-image: linear-gradient(to right, rgba(0, 0, 0, .35), #000 40px, #000 calc(100% - 40px), rgba(0, 0, 0, .35));
  }
}
@media (min-width: 1024px) {
  html body .df-shell__left .df-navgroup .df-nav a.df-nav--phone-only,
  html body .df-shell__right .df-navgroup .df-nav a.df-nav--phone-only { display: none; }
}
@media (min-width: 1024px) { html body .df-dftop .df-dftabs__tab--phone { display: none; } }
.df-dftabs__row.is-more-right { -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), rgba(0, 0, 0, .35)); mask-image: linear-gradient(to right, #000 calc(100% - 28px), rgba(0, 0, 0, .35)); }
.df-dftabs__row.is-more-left { -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, .35), #000 28px); mask-image: linear-gradient(to right, rgba(0, 0, 0, .35), #000 28px); }
.df-dftabs__row.is-more-left.is-more-right { -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, .35), #000 28px, #000 calc(100% - 28px), rgba(0, 0, 0, .35)); mask-image: linear-gradient(to right, rgba(0, 0, 0, .35), #000 28px, #000 calc(100% - 28px), rgba(0, 0, 0, .35)); }
.df-dftabs__ico { display: none; }
html body .df-dftabs__tab .df-dftabs__lab,
html body .df-dftabs__tab.is-on .df-dftabs__lab { color: inherit; }
@media (max-width: 767px) {
  html body .df-dftop .df-dftabs { padding: 6px 6px 0; }
  html body .df-dftop .df-dftabs__row {
    display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 3px;
    overflow: visible; margin-left: 0;
  }
  html body .df-dftop .df-dftabs__tab {
    position: relative; min-width: 0;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
    padding: 6px 2px 5px; font-size: 8.5px; line-height: 1.1; letter-spacing: .03em;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center;
  }
  html body .df-dftop .df-dftabs__ico {
    display: block; width: 18px; height: 18px; flex: none; fill: currentColor;
  }
  html body .df-dftop .df-dftabs__ico.is-stroke {
    fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
  }
  html body .df-dftop .df-dftabs__lab { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
  html body .df-dftop .df-dftabs__tab .df-dftabs__n,
  html body .df-dftop .df-dftabs__tab .df-nav__count--dot {
    position: absolute; top: 2px; left: calc(50% + 6px);
    font: 700 8px/1 var(--df-mono); letter-spacing: 0;
  }
  html body .df-dftop .df-dftabs__tab .df-nav__ready {
    position: absolute; top: 2px; right: 3px; font-size: 7px;
  }
}
@media (max-width: 340px) { html body .df-dftop .df-dftabs__tab { font-size: 7.5px; letter-spacing: 0; } }
.df-dftop .df-dftabs__tab.is-ready:not(.is-on),
.df-dftop .df-dftabs__tab:has(.df-nav__count--ready):not(.is-on) {
  background: linear-gradient(180deg, color-mix(in srgb, var(--df-amber) 34%, var(--df-panel)), color-mix(in srgb, var(--df-amber) 12%, var(--df-panel)));
  border-color: var(--df-amber); color: #fff;
  box-shadow: 0 0 10px color-mix(in srgb, var(--df-amber) 30%, transparent);
}
.df-dftabs__tab .df-nav__count--timer { color: var(--df-faint); font: 700 .62rem/1 var(--df-mono); margin-left: 4px; }
.df-dftabs__tab .df-nav__count--ready { color: #4caf50; font: 700 .62rem/1 var(--df-font); margin-left: 4px; text-transform: uppercase; }
.df-dftop .df-dftabs__tab.is-on .df-nav__count--timer,
.df-dftop .df-dftabs__tab.is-on .df-nav__count--ready { color: var(--df-amber-ink); }
@media (max-width: 767px) {
  html body .df-dftop .df-dftabs__tab {
    background: linear-gradient(180deg, color-mix(in srgb, var(--df-amber) 5%, #04070c), #04070c);
    border-color: color-mix(in srgb, var(--df-amber) 22%, var(--df-line));
    color: rgba(238, 244, 251, .72);
  }
  html body .df-dftop .df-dftabs__tab .df-nav__count--timer {
    position: absolute; top: 2px; left: calc(50% + 6px); margin: 0; font-size: 7.5px;
  }
  html body .df-dftop .df-dftabs__tab .df-nav__count--ready {
    position: absolute; top: 4px; left: calc(50% + 8px); margin: 0;
    width: 7px; height: 7px; border-radius: 50%; background: #4caf50; font-size: 0; overflow: hidden;
    box-shadow: 0 0 6px rgba(76, 175, 80, .8);
  }
}
@media (max-width: 767px) {
  .df-panel .df-sig__codes,
  .df-panel .df-sig__codes tbody,
  .df-panel .df-sig__codes tr,
  .df-panel .df-sig__codes td { display: block; width: auto; }
  .df-panel .df-sig__codes td:first-child { white-space: normal; overflow-wrap: anywhere; padding-bottom: 2px; border-bottom: 0; }
  .df-panel .df-sig__codes td + td { padding-top: 0; }
}
@media (max-width: 767px) {
  html body .df-shelf.df-shelf--top .df-shelf__rail {
    display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr);
    overflow: visible;
  }
  html body .df-shelf.df-shelf--top .df-shelf__k {
    display: grid; grid-template-columns: auto auto; justify-content: center; align-items: center;
    column-gap: 5px; row-gap: 3px; min-width: 0; min-height: 48px; padding: 7px 4px 8px;
  }
  html body .df-shelf.df-shelf--top .df-shelf__k:last-child { border-right: 0; }
  html body .df-shelf.df-shelf--top .df-shelf__k span { grid-row: 1; font-size: 13px; }
  html body .df-shelf.df-shelf--top .df-shelf__k small { grid-row: 1; font-size: 11px; letter-spacing: .06em; }
  html body .df-shelf.df-shelf--top .df-shelf__k em {
    grid-column: 1 / -1; grid-row: 2; font-size: 10.5px; line-height: 1.1;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;
    font-variant-numeric: tabular-nums; color: var(--df-faint);
  }
  html body .df-shelf.df-shelf--top .df-shelf__k.is-on {
    background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--df-amber) 14%, transparent));
  }
  html body .df-shelf.df-shelf--top .df-shelf__k.is-on em { color: var(--df-amber); opacity: .85; }
  html body .df-shelf.df-shelf--top .df-shelf__k.is-ready::after { top: 5px; right: 5px; }
}
@media (max-width: 1023px) {
  html body .df-swipe .df-shell__main > .df-now {
    gap: 3px; padding: 5px 6px; background: #02040a;
    border-bottom: 1px solid var(--df-line);
  }
  html body .df-swipe .df-shell__main > .df-now > .df-now__row {
    flex: 1 0 64px; min-height: 54px; padding: 6px 2px 5px; gap: 3px;
    border: 1px solid color-mix(in srgb, var(--df-amber) 22%, var(--df-line)); border-radius: 8px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--df-amber) 5%, #04070c), #04070c);
    color: rgba(238, 244, 251, .72);
  }
  html body .df-swipe .df-shell__main > .df-now > .df-now__row .df-now__ico { fill: currentColor; width: 20px; height: 20px; }
  html body .df-swipe .df-shell__main > .df-now .df-now__name {
    font: 700 8px/1.1 var(--df-font); letter-spacing: 0; text-transform: uppercase; color: inherit;
    white-space: normal; text-align: center; overflow-wrap: anywhere;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2;
  }
  html body .df-swipe .df-shell__main > .df-now > .df-now__row { min-height: 60px; }
  html body .df-swipe .df-shell__main > .df-now .df-now__state {
    font: 700 10px/1 var(--df-mono); font-variant-numeric: tabular-nums; color: var(--df-faint);
  }
  html body .df-swipe .df-shell__main > .df-now > .df-now__row.is-go {
    background: linear-gradient(180deg, color-mix(in srgb, var(--df-good) 30%, #04070c), color-mix(in srgb, var(--df-good) 10%, #04070c));
    border-color: var(--df-good); color: #fff;
    box-shadow: 0 0 9px color-mix(in srgb, var(--df-good) 28%, transparent);
  }
  html body .df-swipe .df-shell__main > .df-now > .df-now__row.is-go .df-now__ico { fill: var(--df-good); }
  html body .df-swipe .df-shell__main > .df-now > .df-now__row.is-go .df-now__name { color: #fff; }
  html body .df-swipe .df-shell__main > .df-now > .df-now__row.is-go .df-now__state {
    color: var(--df-good); font-family: var(--df-font); text-transform: uppercase; font-size: 9.5px; letter-spacing: .04em;
  }
  html body .df-swipe .df-shell__main > .df-now > .df-now__row.is-auto .df-now__state { color: var(--df-auto); }
  html body .df-swipe .df-shell__main > .df-now > .df-now__row.is-locked { opacity: .5; }
}
@media (max-width: 1023px) {
  html.df-has-swipe { --df-tabbar-h: 56px; }
  html.df-has-swipe body .df-tabbar {
    gap: 3px; padding: 4px 5px calc(4px + env(safe-area-inset-bottom, 0px));
    background: #02040a; border-top: 1px solid var(--df-line);
  }
  html.df-has-swipe body .df-tabbar a,
  html.df-has-swipe body .df-tabbar__side,
  html.df-has-swipe body .df-tabbar__slot .df-dock__pin {
    min-height: 48px; padding: 5px 2px 4px; gap: 2px;
    border: 1px solid color-mix(in srgb, var(--df-amber) 22%, var(--df-line)); border-radius: 8px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--df-amber) 5%, #04070c), #04070c);
    color: rgba(238, 244, 251, .72); box-shadow: none;
    font: 700 8.5px/1.1 var(--df-font); letter-spacing: .03em; text-transform: uppercase;
  }
  html.df-has-swipe body .df-tabbar__side { flex: 0 0 30px; color: var(--df-amber); }
  html.df-has-swipe body .df-tabbar__side--right { border-left: 1px solid color-mix(in srgb, var(--df-amber) 22%, var(--df-line)); }
  html.df-has-swipe body .df-tabbar__side.is-open { background: var(--df-amber); color: var(--df-amber-ink); border-color: var(--df-amber); }
  html.df-has-swipe body .df-tabbar__slot { border-left: 0; flex: 1 1 0; }
  html.df-has-swipe body .df-tabbar a,
  html.df-has-swipe body .df-tabbar__slot { flex: 1 1 60px; min-width: 0; }
  html.df-has-swipe body .df-tabbar__slot .df-dock__bar { flex: 1 1 auto; width: 100%; margin: 0; padding: 0; }
  html.df-has-swipe body .df-tabbar__slot .df-dock__pin { flex: 1 1 auto; width: 100%; margin: 0; }
  html.df-has-swipe body .df-tabbar__slot .df-dock__pin { color: var(--df-text); }
  html.df-has-swipe body .df-tabbar .df-tabbar__ico { width: 18px; height: 18px; fill: currentColor; }
  html.df-has-swipe body .df-tabbar a .df-nav__count--timer,
  html.df-has-swipe body .df-tabbar a .df-tabbar__lock {
    font: 700 10px/1 var(--df-mono); font-variant-numeric: tabular-nums; color: var(--df-faint); letter-spacing: 0;
  }
  html.df-has-swipe body .df-tabbar a.is-ready:not(.is-active) {
    background: linear-gradient(180deg, color-mix(in srgb, var(--df-good) 30%, #04070c), color-mix(in srgb, var(--df-good) 10%, #04070c));
    border-color: var(--df-good); color: #fff;
    box-shadow: 0 0 9px color-mix(in srgb, var(--df-good) 28%, transparent);
  }
  html.df-has-swipe body .df-tabbar a.is-ready:not(.is-active) .df-tabbar__ico { fill: var(--df-good); }
  html.df-has-swipe body .df-tabbar a.is-active {
    background: var(--df-amber); border-color: var(--df-amber); color: var(--df-amber-ink); box-shadow: none;
  }
  html.df-has-swipe body .df-tabbar a.is-active .df-nav__count--timer { color: var(--df-amber-ink); opacity: .8; }
  html.df-has-swipe body .df-tabbar a.is-locked { opacity: .5; }
}
@media (max-width: 1023px) {
  html body .df-swipe { --df-drawer: 320px; }
  html body .df-swipe > .df-shell__left,
  html body .df-swipe > .df-shell__right { width: min(var(--df-drawer), 84vw); }
}
@media (max-width: 1023px) {
  html body .df-dispatch {
    background: linear-gradient(180deg, color-mix(in srgb, var(--df-amber) 5%, #04070c), #04070c);
    border: 1px solid color-mix(in srgb, var(--df-amber) 22%, var(--df-line)); border-radius: 12px;
    padding: 12px 14px; line-height: 1.5;
  }
  html body .df-dispatch__b { min-height: 44px; border-radius: 8px; padding: 0 16px; }
  html body .df-agmsg { border-radius: 10px; background: #04070c; }
  html body .df-hitcard.df-agplate {
    display: flex; flex-direction: column; height: auto; min-height: 0; padding: 0; gap: 0;
    border: 1px solid color-mix(in srgb, var(--df-amber) 22%, var(--df-line)); border-radius: 12px;
    overflow: hidden; background: #04070c; box-shadow: none; animation: none;
  }
  html body .df-hitcard.df-agplate.is-live {
    background: linear-gradient(180deg, #070b12, #04070c);
    border-color: color-mix(in srgb, var(--df-bad) 45%, var(--df-line));
  }
  html body .df-hitcard.df-agplate.is-here { border-color: color-mix(in srgb, var(--df-good) 55%, var(--df-line)); }
  html body .df-hitcard.df-agplate::before,
  html body .df-hitcard.df-agplate::after,
  html body .df-hitcard.df-agplate .df-agplate__ghost,
  html body .df-hitcard.df-agplate .df-hitcard__x,
  html body .df-hitcard.df-agplate .df-hitcard__scrim { display: none; }
  html body .df-hitcard.df-agplate .df-agwall__mug {
    position: relative; flex: none; width: 100%; min-height: 96px; margin: 0;
    display: flex; align-items: flex-end; justify-content: flex-start;
    padding: 10px 14px; border: 0; border-bottom: 1px solid var(--df-line); border-radius: 0;
    background-position: center; background-size: cover;
  }
  html body .df-hitcard.df-agplate .df-agwall__mug::after {
    content: ''; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(180deg, transparent 25%, rgba(4, 7, 12, .88));
  }
  html body .df-hitcard.df-agplate .df-agwall__mugtx {
    position: relative; z-index: 1;
    font: 400 24px/1 var(--df-display); letter-spacing: .04em; text-shadow: 0 2px 6px #000;
  }
  html body .df-hitcard.df-agplate .df-hitcard__hud {
    position: relative; inset: auto; display: flex; flex-direction: column; gap: 8px;
    padding: 14px 16px 16px; background: none; text-shadow: none;
  }
  html body .df-hitcard.df-agplate .df-hitcard__eye {
    font: 700 10px/1.2 var(--df-font); letter-spacing: .14em; text-transform: uppercase;
    color: var(--df-faint); text-shadow: none;
  }
  html body .df-hitcard.df-agplate .df-hitcard__name {
    font: 400 26px/1.05 var(--df-display); letter-spacing: .02em; color: #fff; text-shadow: none;
  }
  html body .df-hitcard.df-agplate .df-hitcard__line {
    display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px;
    font: 400 13px/1.3 var(--df-font); letter-spacing: 0; text-shadow: none;
  }
  html body .df-hitcard.df-agplate .df-hitcard__line .df-opt-sep { color: var(--df-line-strong); }
  html body .df-hitcard.df-agplate .df-hitcard__line .df-hitcard__k {
    font: 700 10px/1 var(--df-font); letter-spacing: .1em; text-transform: uppercase; color: var(--df-faint);
  }
  html body .df-hitcard.df-agplate .df-hitcard__clock {
    font: 700 15px/1 var(--df-mono); font-variant-numeric: tabular-nums; color: var(--df-bad); text-shadow: none;
  }
  html body .df-hitcard.df-agplate .df-hitcard__shots { font: 700 13px/1 var(--df-font); color: var(--df-text-strong); }
  html body .df-hitcard.df-agplate .df-agnum--cash {
    font: 700 15px/1 var(--df-mono); font-variant-numeric: tabular-nums; color: var(--df-amber); letter-spacing: 0;
  }
  html body .df-hitcard.df-agplate .df-hitcard__ready,
  html body .df-hitcard.df-agplate .df-hitcard__travel {
    margin-top: 2px; font: 600 13px/1.45 var(--df-font); letter-spacing: 0; text-shadow: none; color: var(--df-muted);
  }
  html body .df-hitcard.df-agplate .df-hitcard__ready { color: var(--df-good); }
  html body .df-hitcard.df-agplate .df-hitcard__act { align-items: stretch; gap: 8px; margin-top: 4px; }
  html body .df-hitcard.df-agplate .df-hitcard__fire {
    width: 100%; min-height: 46px; border-radius: 8px;
    border: 1px solid var(--df-good);
    background: linear-gradient(180deg, color-mix(in srgb, var(--df-good) 35%, #04070c), color-mix(in srgb, var(--df-good) 15%, #04070c));
    color: #fff; font: 700 13px/1 var(--df-font); letter-spacing: .1em; text-transform: uppercase;
    text-shadow: none; box-shadow: 0 0 10px color-mix(in srgb, var(--df-good) 25%, transparent);
  }
  html body .df-hitcard.df-agplate .df-hitcard__odds {
    text-align: left; font: 400 12px/1.45 var(--df-font); letter-spacing: 0; color: var(--df-faint);
  }
  html body .df-hitcard.df-agplate .df-hitcard__odds b { color: var(--df-text-strong); }
  html body .df-hitcard.df-agplate .df-agwall__mugtx,
  html body .df-hitcard.df-agplate.is-live .df-agwall__mugtx { text-shadow: 0 2px 6px #000; }
  html body .df-agth.df-agplate {
    border: 1px solid color-mix(in srgb, var(--df-amber) 22%, var(--df-line)); border-radius: 10px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--df-amber) 5%, #04070c), #04070c);
    box-shadow: none; outline: 0; animation: none;
  }
  html body .df-agth.df-agplate.is-on { border-color: var(--df-amber); box-shadow: inset 0 -2px 0 var(--df-amber); }
  html body .df-agth.df-agplate .df-agth__n { text-shadow: none; color: #fff; }
  html body .df-agth.df-agplate .df-agth__m { font-family: var(--df-font); }
}
@media (min-width: 1024px) {
  .df-shelf__in.df-shelf__in--wiki { grid-template-columns: 132px 1fr; }
}
@media (max-width: 767px) {
  html body .df-shelf:not(.df-shelf--top) .df-shelf__rail:not(.df-shelf__rail--wide) {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(76px, 1fr));
    overflow: visible;
  }
  html body .df-shelf:not(.df-shelf--top) .df-shelf__rail:not(.df-shelf__rail--wide) .df-shelf__k {
    min-width: 0; border-bottom: 1px solid var(--df-line);
  }
  html body .df-shelf:not(.df-shelf--top) .df-shelf__rail:not(.df-shelf__rail--wide) .df-shelf__k small {
    white-space: normal; overflow-wrap: anywhere; line-height: 1.15;
  }
}
@media (max-width: 1023px) {
  html body .df-ocsetup__row { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  html body .df-ocsetup__role small { white-space: normal; }
}
@media (max-width: 767px) {
  html body .df-table th.df-num { white-space: normal; }
}
@media (max-width: 359px) {
  html body .df-table-wrap .df-table th,
  html body .df-table-wrap .df-table td { padding-left: 5px; padding-right: 5px; }
}
@media (max-width: 767px) {
  html body .df-lb__pick .df-lb__select { flex: 1 1 auto; min-width: 0; width: auto; max-width: 100%; }
  html body .df-lb__scroll td { overflow-wrap: anywhere; }
}
@media (max-width: 767px) {
  html body .df-lb__table .df-lb__c-name:has(.df-badge-creator, .df-badge-admin) { min-width: 0; white-space: normal; }
}
@media (max-width: 767px) {
  html body .df-stk .df-flr__row > .df-flr__name { grid-column: 1; grid-row: 1; }
  html body .df-stk .df-flr__row > .df-flr__held {
    display: block; grid-column: 1; grid-row: 2; margin-top: -4px;
    text-align: left; font-size: 11px; font-weight: 700; color: var(--df-amber);
  }
  html body .df-stk .df-flr__row > .df-flr__held::before { content: 'Held '; color: var(--df-faint); font-weight: 400; }
  html body .df-stk .df-flr__row > .df-flr__held:has(.df-muted) { display: none; }
}
@media (max-width: 1023px) {
  html body .df-shelf .df-shelf__rail {
    gap: 3px; padding: 5px 6px; background: #02040a;
    border-bottom: 1px solid var(--df-line);
  }
  html body .df-shelf .df-shelf__rail .df-shelf__k {
    min-height: 48px; padding: 6px 4px 5px;
    border: 1px solid color-mix(in srgb, var(--df-amber) 22%, var(--df-line)); border-radius: 8px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--df-amber) 5%, #04070c), #04070c);
    color: rgba(238, 244, 251, .72); box-shadow: none;
  }
  html body .df-shelf .df-shelf__rail .df-shelf__k small { color: inherit; }
  html body .df-shelf .df-shelf__rail .df-shelf__k em { color: var(--df-faint); opacity: 1; }
  html body .df-shelf .df-shelf__rail .df-shelf__k.is-on {
    background: var(--df-amber); border-color: var(--df-amber); color: var(--df-amber-ink); box-shadow: none;
  }
  html body .df-shelf .df-shelf__rail .df-shelf__k.is-on em { color: var(--df-amber-ink); opacity: .8; }
  html body .df-shelf .df-shelf__rail .df-shelf__k.is-ready:not(.is-on) {
    background: linear-gradient(180deg, color-mix(in srgb, var(--df-good) 30%, #04070c), color-mix(in srgb, var(--df-good) 10%, #04070c));
    border-color: var(--df-good); color: #fff;
    box-shadow: 0 0 9px color-mix(in srgb, var(--df-good) 28%, transparent);
  }
  html body .df-shelf .df-shelf__rail--wide .df-shelf__k { flex: 0 0 auto; min-width: 84px; }
}
.df-shelf.df-shelf--top .df-shelf__k .df-ico { display: block; width: 16px; height: 16px; margin: 0; }
.df-updtab__n {
  display: inline-block; margin-left: 5px; min-width: 16px; padding: 1px 5px; border-radius: 8px;
  background: color-mix(in srgb, var(--df-good) 18%, transparent); color: var(--df-good);
  font: 700 10px/1.3 var(--df-mono); letter-spacing: 0; vertical-align: 1px;
}
.df-updtab.is-on .df-updtab__n { background: rgba(0, 0, 0, .18); color: var(--df-amber-ink); }
.df-updtab__here { margin-left: 3px; }
@media (max-width: 1023px) {
  html body .df-updtabs { gap: 4px; padding: 7px; background: transparent; }
  html body .df-updtabs .df-updtab {
    padding: 9px 6px; border: 1px solid color-mix(in srgb, var(--df-amber) 22%, var(--df-line)); border-radius: 8px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--df-amber) 5%, #04070c), #04070c);
    color: rgba(238, 244, 251, .72);
  }
  html body .df-updtabs .df-updtab.is-on { background: var(--df-amber); border-color: var(--df-amber); color: var(--df-amber-ink); }
}
html body .df-updtabs { gap: 4px; padding: 7px; background: transparent; }
html body .df-updtabs .df-updtab {
  padding: 9px 8px; border: 1px solid color-mix(in srgb, var(--df-amber) 22%, var(--df-line)); border-radius: 8px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--df-amber) 5%, #04070c), #04070c);
  color: rgba(238, 244, 251, .72);
}
html body .df-updtabs .df-updtab:hover { color: #fff; border-color: var(--df-amber); }
html body .df-updtabs .df-updtab.is-on { background: var(--df-amber); border-color: var(--df-amber); color: var(--df-amber-ink); }
@media (min-width: 1024px) {
  html body .df-shelf .df-shelf__in { grid-template-columns: minmax(0, 1fr); }
  html body .df-shelf .df-shelf__rail {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: 4px; padding: 6px; overflow: visible;
    background: #02040a; border-right: 0; border-bottom: 1px solid var(--df-line);
  }
  html body .df-shelf .df-shelf__rail .df-shelf__k {
    min-height: 52px; padding: 7px 6px 6px; min-width: 0;
    border: 1px solid color-mix(in srgb, var(--df-amber) 22%, var(--df-line)); border-radius: 8px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--df-amber) 5%, #04070c), #04070c);
    color: rgba(238, 244, 251, .72); box-shadow: none;
  }
  html body .df-shelf .df-shelf__rail .df-shelf__k:hover { color: #fff; border-color: var(--df-amber); }
  html body .df-shelf .df-shelf__rail .df-shelf__k small { color: inherit; white-space: normal; }
  html body .df-shelf .df-shelf__rail .df-shelf__k em { color: var(--df-faint); opacity: 1; }
  html body .df-shelf .df-shelf__rail .df-shelf__k.is-on {
    background: var(--df-amber); border-color: var(--df-amber); color: var(--df-amber-ink); box-shadow: none;
  }
  html body .df-shelf .df-shelf__rail .df-shelf__k.is-on em { color: var(--df-amber-ink); opacity: .8; }
  html body .df-shelf .df-shelf__rail .df-shelf__k.is-ready:not(.is-on) {
    background: linear-gradient(180deg, color-mix(in srgb, var(--df-good) 30%, #04070c), color-mix(in srgb, var(--df-good) 10%, #04070c));
    border-color: var(--df-good); color: #fff;
    box-shadow: 0 0 9px color-mix(in srgb, var(--df-good) 28%, transparent);
  }
}
@media (min-width: 768px) {
  html body .df-shelf.df-shelf--top .df-shelf__rail {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); overflow: visible;
  }
  html body .df-shelf.df-shelf--top .df-shelf__k {
    flex-direction: row; align-items: center; justify-content: center; gap: 8px;
    padding: 10px 12px; border-right: 1px solid color-mix(in srgb, var(--df-amber) 22%, var(--df-line));
  }
  html body .df-shelf.df-shelf--top .df-shelf__k.is-on { border-right-color: var(--df-amber); }
  html body .df-shelf.df-shelf--top .df-shelf__k span { align-self: center; display: flex; }
}
@media (min-width: 768px) {
  html body .df-updtabs.df-updtabs--wrap { flex-wrap: nowrap; }
  html body .df-updtabs.df-updtabs--wrap .df-updtab {
    position: relative; flex: 1 1 0; min-width: 0;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
    padding: 8px 2px; font-size: 10px; letter-spacing: .04em; line-height: 1.15;
  }
  html body .df-updtabs.df-updtabs--wrap .df-updtab__n { margin-left: 0; }
  html body .df-updtabs.df-updtabs--wrap .df-updtab__here { position: absolute; top: 3px; right: 5px; margin: 0; }
}
.df-trade__acts .df-btn.df-trade__sell:not(#df-b):not(#df-c) {
  background: transparent; border-color: var(--df-good); color: var(--df-good); opacity: 1;
}
.df-trade__acts .df-btn.df-trade__sell--all:not(#df-b):not(#df-c) {
  background: var(--df-good); border-color: var(--df-good); color: #04130a;
}
.df-trade__acts .df-btn.df-trade__sell:not(#df-b):not(#df-c):hover { filter: brightness(1.15); }
.df-market__btn.df-market__btn--sell:not(#df-b):not(#df-c) { background: transparent; border-color: var(--df-good); color: var(--df-good); }
.df-market__btn.df-market__btn--all:not(#df-b):not(#df-c)  { border-color: var(--df-good); background: var(--df-good); color: #04130a; }
html body .df-lb__table .df-lb__c-lvl { width: auto; text-align: left; font: 400 12px/1.3 var(--df-font); color: var(--df-muted); white-space: nowrap; }
html body .df-lb__table th.df-lb__c-lvl { text-align: left; }
html body .df-lb__table .df-lb__c-lvl b { font: 700 13px/1 var(--df-mono); color: #d7d1c5; font-variant-numeric: tabular-nums; }
@media (max-width: 767px) {
  html body .df-lb__table .df-lb__rkname { display: none; }
  html body .df-lb__table .df-lb__c-lvl, html body .df-lb__table th.df-lb__c-lvl { text-align: center; }
}
html body .df-shield b, html body .df-shield em { display: inline; }
html body .df-shield em { margin-left: 1px; }
html body .df-dfcorner a.df-dfcorner__themes { color: #f5c542; font-weight: 700; }
html body .df-dfcorner a.df-dfcorner__themes:hover { color: #ffe08a; }
html body .df-dfcorner__vn { font: 700 11px/1 var(--df-mono); color: #c9a961; }
html body .df-dfcorner__vn.is-go { color: var(--df-good); }
.df-cw__gif-btn { font: 800 11px var(--df-font); letter-spacing: .04em; padding: 0 8px; }
.df-cw__gifs { flex: 0 0 auto; display: flex; flex-direction: column; gap: 5px; padding: 6px;
               background: #121216; border-top: 1px solid var(--df-line); }
.df-cw__gifs[hidden] { display: none; }
.df-cw__gifs-q { width: 100%; box-sizing: border-box; background: var(--df-input); color: var(--df-text);
                 border: 1px solid var(--df-line); border-radius: 4px; padding: 6px 8px; font: inherit; }
.df-cw__gifs-q:focus { outline: none; border-color: var(--df-amber-line); }
.df-cw__gifs-msg { color: var(--df-muted); font-size: var(--df-fs-small); padding: 0 2px; }
.df-cw__gifs-msg:empty { display: none; }
.df-cw__gifs-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 4px;
                    max-height: 200px; overflow-y: auto; }
.df-cw__gifs-one { display: block; height: 84px; padding: 0; overflow: hidden; cursor: pointer;
                   background: rgba(0, 0, 0, .3); border: 1px solid transparent; border-radius: 4px; }
.df-cw__gifs-one img { display: block; width: 100%; height: 100%; object-fit: cover; }
.df-cw__gifs-one:hover, .df-cw__gifs-one:focus-visible { border-color: var(--df-amber); outline: none; }
.df-cw__gifs-by { align-self: flex-end; color: var(--df-muted); font: 700 10px var(--df-font); letter-spacing: .06em; }
html body .df-doss .df-alog__frame,
html body .df-doss .df-alog__hero {
  border: 1px solid var(--df-line); border-radius: 12px; overflow: hidden;
  box-shadow: inset 0 0 0 1px #080f19, inset 0 0 0 3px var(--df-frame-hi), inset 0 0 40px rgba(0,0,0,.55), 0 8px 24px rgba(0,0,0,.7);
}
html body .df-doss .df-alog__frame { background: var(--df-panel); }
html body .df-doss .df-alog__plate > span {
  display: inline; min-width: 0; padding: 0; background: none; border: 0; box-shadow: none; clip-path: none;
  font: 600 .88rem/1.2 var(--df-font); letter-spacing: .01em; text-transform: none; text-shadow: none;
  color: var(--df-amber-hi);
}
html body .df-doss .df-alog__plate { justify-content: flex-start; margin: 22px 2px 10px; }
html body .df-doss .df-alog__plate > span { font-size: 1rem; }
html body .df-doss .df-alog__plate--top { margin: 0 2px 10px; }
html body .df-doss .df-alog__plate--top > span { font-size: 1.1rem; padding: 0; }
html body .df-doss .df-alog__frame > .df-alog__plate--small {
  display: block; margin: -22px -14px 12px; padding: 14px 16px 11px;
  border-bottom: 1px solid var(--df-line);
}
html body .df-doss .df-alog__frame > .df-alog__plate--small > span { font-size: .88rem; }
html body .df-doss .df-alog__ribbon {
  clip-path: none; border-radius: 6px; border: 1px solid var(--df-line);
  background: color-mix(in srgb, var(--df-amber) 8%, #04070c);
}
html body .df-killfind { display: flex; gap: 8px; align-items: stretch; max-width: 420px; }
html body .df-killfind .df-input { flex: 1 1 auto; min-width: 0; }
html body .df-killgo { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
html body .df-killgo form { margin: 0; }
html body .df-killwho b { font-size: 1.05rem; }
html body .df-shell__main .df-panel.df-killwin {
  display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 16px; align-items: center; padding: 20px 22px 12px;
  background: linear-gradient(90deg, rgba(94, 200, 79, .10), transparent 55%), var(--df-panel);
}
html body .df-killwin__badge {
  width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; color: #0b1a08;
  background: radial-gradient(circle at 35% 30%, #7fe36f, #2f8a24);
  box-shadow: 0 0 0 4px rgba(94, 200, 79, .18), 0 0 24px rgba(94, 200, 79, .35);
}
html body .df-killwin__k { color: var(--df-good); font: 800 12px/1 var(--df-font); letter-spacing: .22em; text-transform: uppercase; }
html body .df-killwin__t { color: #eef4fb; font-size: 20px; font-weight: 700; margin: 6px 0 8px; }
html body .df-killwin__name { color: var(--df-bad); }
html body .df-killwin__cash { font-size: 14px; color: #eef4fb; }
html body .df-killwin__cash + .df-killwin__cash { margin-top: 4px; }
html body .df-killwin__money { color: #f5c542; font-weight: 700; font-size: 18px; }
html body .df-killwin__foot {
  grid-column: 1 / -1; display: flex; justify-content: space-between; margin-top: 4px; padding-top: 10px;
  border-top: 1px solid var(--df-line); color: var(--df-muted); font-size: 11px; letter-spacing: .04em;
}
@media (max-width: 520px) {
  html body .df-shell__main .df-panel.df-killwin { grid-template-columns: 48px minmax(0, 1fr); padding: 16px 16px 10px; }
  html body .df-killwin__badge { width: 48px; height: 48px; }
  html body .df-killwin__t { font-size: 17px; }
}
html body .df-set__fold { margin-bottom: 6px; }
html body .df-set__foldin { padding: 8px 4px 4px; }
html body .df-sheet { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; margin: 10px 0 14px; }
html body .df-sheet__sec { border: 1px solid var(--df-line); border-radius: 10px; padding: 10px 12px; background: rgba(0, 0, 0, .18); min-width: 0; }
html body .df-sheet__h { margin: 0 0 6px; font: 700 11px/1.2 var(--df-font); letter-spacing: .12em; text-transform: uppercase; color: var(--df-amber-hi); }
html body .df-sheet__h--things { margin: 4px 2px 8px; }
html body .df-sheet__kv { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 12px; margin: 0; font-size: 12.5px; }
html body .df-sheet__kv dt { color: var(--df-muted); }
html body .df-sheet__kv dd { margin: 0; text-align: right; color: #eef4fb; overflow-wrap: anywhere; }
html body .df-sheet__kv dd .df-faint { font-size: 11px; }
html body .df-doss__buyout { display: block; margin-top: 6px; }
html body .df-dftop + .df-shell .df-dfstocks--phone { display: none; }
@media (max-width: 1023px) {
  html body .df-dftop + .df-shell .df-shell__right .df-dfstocks { display: none; }
  html body .df-dftop + .df-shell .df-dfstocks--phone {
    display: grid; grid-template-columns: 1fr 1fr; column-gap: 14px;
    margin: 0; padding: 6px 10px 5px; border-radius: 0;
    border: 2px solid var(--df-frame); border-top: 0;
    background: rgba(13,15,18,1);
  }
  html body .df-dftop + .df-shell .df-dfstocks--phone .df-dfstocks__h {
    grid-column: 1 / -1; padding-bottom: 4px; margin-bottom: 2px;
    font: 700 9px/1.2 var(--df-font); letter-spacing: .14em; text-transform: uppercase; color: var(--df-muted);
  }
  html body .df-dftop + .df-shell .df-dfstocks--phone .df-dfstocks__row { min-width: 0; padding: 2px 0; font-size: 12px; }
}
html body .df-cw__crewpick { margin-left: auto; width: 140px; max-width: 60vw; flex: none; font: 600 11px/1.2 var(--df-font); color: var(--df-text); background: rgba(13,15,18,.9); border: 1px solid var(--df-line); border-radius: 6px; padding: 2px 4px; }
html body .df-watch__crews { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0; }
html body .df-watch__h { margin: 14px 0 6px; font: 700 .9rem/1.3 var(--df-font); color: var(--df-text); }
html body .df-watch__mail { display: grid; gap: 6px; max-height: 520px; overflow-y: auto; }
html body .df-watch__msg { padding: 7px 10px; border: 1px solid var(--df-line); border-radius: 8px; background: rgba(13,15,18,.6); }
html body .df-watch__msg.is-sent { border-color: var(--df-line-strong); }
html body .df-watch__meta { font-size: .74rem; color: var(--df-muted); margin-bottom: 3px; }
html body .df-watch__body { color: var(--df-text); overflow-wrap: anywhere; }
html body .df-usage__wrap { overflow-x: auto; overflow-y: hidden; }
html body .df-usage td, html body .df-usage th { white-space: nowrap; }
html body .df-usage__none td { color: var(--df-faint); }
html body .df-usage__none td b { color: var(--df-bad); }
html body .df-cw__rx { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-left: 6px; vertical-align: middle; }
html body .df-cw__rxc { font: 600 11px/1 var(--df-font); color: var(--df-text); background: rgba(255,255,255,.06); border: 1px solid var(--df-line); border-radius: 999px; padding: 2px 6px; cursor: pointer; }
html body .df-cw__rxc.is-mine { border-color: var(--df-amber); background: rgba(255,190,80,.14); }
html body .df-cw__rxadd { font: 700 11px/1 var(--df-font); color: var(--df-muted); background: transparent; border: 1px solid var(--df-line); border-radius: 999px; width: 18px; height: 18px; padding: 0; cursor: pointer; opacity: .35; }
html body .df-cw__line:hover .df-cw__rxadd, html body .df-cw__rxadd:focus-visible { opacity: 1; }
@media (hover: none) { html body .df-cw__rxadd { opacity: .6; } }
html body .df-cw__rxpick { display: inline-flex; gap: 2px; padding: 2px 4px; background: rgba(13,15,18,.95); border: 1px solid var(--df-line); border-radius: 999px; }
html body .df-cw__rxpick button { font-size: 15px; line-height: 1; background: transparent; border: 0; padding: 2px 3px; cursor: pointer; }
html body .df-cw__rxpick button:hover { transform: scale(1.2); }
html body .df-upd__del { margin-left: auto; }
html body .df-pop--card { position: fixed; inset: 0; z-index: 300; display: block; padding: 0; overflow: visible; }
html body .df-pop--card .df-pop__back { position: fixed; inset: 0; background: rgba(0, 0, 0, .74); backdrop-filter: none; }
html body .df-pop--card .df-pop__box {
  position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);
  width: min(1180px, calc(100vw - 24px)); max-width: none; min-height: 0;
  max-height: calc(100dvh - 32px); overflow-y: auto; overscroll-behavior: contain;
  background: var(--df-panel); border: 1px solid var(--df-amber-line);
  box-shadow: 0 24px 64px rgba(0, 0, 0, .72); padding: 0 14px 14px;
}
html body .df-pop--card .df-pop__bar {
  position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: var(--df-4);
  margin: 0 -14px 12px; padding: 10px 14px; background: var(--df-panel); border-bottom: 1px solid var(--df-line-strong);
}
html body .df-pop--card .df-pop__title { font: 700 var(--df-fs-label)/1 var(--df-font); letter-spacing: .12em; text-transform: uppercase; color: var(--df-amber); }
html body .df-pop--card .df-pop__shut {
  position: static; flex: 0 0 auto; width: 30px; height: 30px; display: grid; place-items: center;
  border: 1px solid var(--df-line-strong); border-radius: 10px; color: var(--df-muted);
  font: 400 18px/1 var(--df-font); text-decoration: none;
}
html body .df-pop--card .df-pop__shut:hover { color: var(--df-text); border-color: var(--df-amber); }
@media (min-width: 1024px) {
  html body .df-pop--card .df-pop__box {
    left: calc(50% + (var(--df-col-left) - var(--df-col-right)) / 2);
    width: calc(min(100vw, var(--df-shell-max)) - var(--df-col-left) - var(--df-col-right) - 28px);
  }
}
@media (max-width: 1023px) {
  html body .df-pop--card .df-pop__shut { width: 44px; height: 44px; font-size: 22px; }
  html body .df-pop--card .df-pop__box { padding: 0 12px 12px; }
  html body .df-pop--card .df-pop__bar { margin: 0 -12px 10px; padding: 6px 12px; }
}
.df-mark.df-mark--arma { background: linear-gradient(90deg, rgba(30,2,0,.82), rgba(30,2,0,.55) 60%, rgba(0,0,0,0)); }
.df-mark--arma .df-mark__name {
  font: 400 48px/1 'Anton', Impact, sans-serif; letter-spacing: .05em;
  color: #ffe3b8; -webkit-text-stroke: 1px #3a0a04;
  text-shadow: 0 0 6px #ff5a1f, 0 0 18px #ff2a10, 0 0 34px rgba(255,40,10,.7), 0 3px 0 #5a0d06;
  margin-left: 0;
}
.df-mark--arma .df-mark__tag, .df-mark--arma .df-mark__est { color: #ffd0a0; }
.df-mark--arma .df-mark__gem { background: #ff5a1f; box-shadow: 0 0 6px #ff5a1f; }
.df-mark--arma .df-mark__rule { background: linear-gradient(90deg, rgba(255,90,31,0), #ff5a1f 30%, #ff5a1f 70%, rgba(255,90,31,0)); }
@media (max-width: 1023px) { .df-mark--arma .df-mark__name { font-size: 32px; } }
.df-arma {
  display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px;
  margin: 6px 0 0; padding: 8px 14px;
  background: linear-gradient(90deg, #3a0804, #1c0402); border: 1px solid #8a1a12; border-left: 4px solid #ff4b2b;
  color: #ffd9c2; font-size: 12px; line-height: 1.4;
}
.df-arma__word { font: 400 17px/1 'Anton', Impact, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #ffb347; }
.df-arma__say { flex: 1 1 260px; min-width: 0; }
.df-arma__clock { white-space: nowrap; color: #ffd0a0; }
.df-arma__clock b { color: #fff; }
html body .df-shield.df-shield--mini { display: inline-flex; align-items: center; gap: 4px; margin-left: 6px; vertical-align: middle; font-size: .68rem; line-height: 1; }
html body .df-shield.df-shield--mini svg { width: 12px; height: 13px; }
html body .df-shield.df-shield--mini b { display: inline; font-weight: 700; letter-spacing: .02em; }
html body .df-shield--mini.df-shield--held b { color: #e8c547; }
html body .df-shield--mini.df-shield--new b { color: #e08a2e; }
html body .df-shield--mini.df-shield--staff b { color: #6f9fd8; }
html body .df-shield--mini.df-shield--hawaii b { color: #3cc6b8; }
.df-pdot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-left: 7px; vertical-align: middle; flex: none; }
.df-pdot--on { background: #3fd46b; box-shadow: 0 0 6px rgba(63,212,107,.8); }
.df-pdot--off { background: #e0484d; box-shadow: 0 0 6px rgba(224,72,77,.6); }
.df-ocx { display: grid; grid-template-columns: minmax(200px, 42%) 1fr; margin-top: 12px; border: 1px solid var(--df-line); border-radius: 10px; overflow: hidden; background: rgba(0,0,0,.18); }
.df-ocx__art { position: relative; min-height: 300px; overflow: hidden; }
.df-ocx__art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.df-ocx__art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,14,22,0) 45%, rgba(8,14,22,.92)), linear-gradient(0deg, rgba(4,8,14,.94), rgba(4,8,14,0) 58%); }
.df-ocx__ribbon { position: absolute; top: 16px; left: -36px; z-index: 2; transform: rotate(-45deg); padding: 5px 44px; background: var(--df-ocx-ink); color: #120c00; font: 700 10px/1 Verdana, sans-serif; letter-spacing: .16em; text-transform: uppercase; box-shadow: 0 2px 6px rgba(0,0,0,.5); }
.df-ocx__title { position: absolute; left: 14px; right: 14px; bottom: 14px; z-index: 1; }
.df-ocx__title i { display: block; font: 700 9px/1 Verdana, sans-serif; font-style: normal; letter-spacing: .2em; text-transform: uppercase; color: var(--df-ocx-ink); }
.df-ocx__title b { display: block; margin: 5px 0 6px; font: 700 21px/1.05 Verdana, sans-serif; text-transform: uppercase; color: #fff; text-shadow: 0 2px 6px rgba(0,0,0,.8); }
.df-ocx__title p { margin: 0; font-size: .72rem; line-height: 1.4; color: #b8c7d6; }
.df-ocx__side { display: flex; flex-direction: column; gap: 10px; padding: 16px; min-width: 0; }
.df-ocx__money { font-size: .82rem; color: var(--df-muted); }
.df-ocx__money > b { display: block; font-size: 1.55rem; line-height: 1.1; color: #f2c14e; text-shadow: 0 0 14px rgba(242,193,78,.25); }
.df-ocx__money small { display: block; margin-top: 2px; font-size: .72rem; } .df-ocx__money small b { color: var(--df-text); }
.df-ocx__kv { display: grid; grid-template-columns: auto 1fr; gap: 6px 14px; margin: 0; padding: 10px 0; border-top: 1px solid var(--df-line); border-bottom: 1px solid var(--df-line); font-size: .78rem; }
.df-ocx__kv dt { color: var(--df-muted); } .df-ocx__kv dd { margin: 0; text-align: right; color: var(--df-text); font-weight: 700; } .df-ocx__kv dd.is-bad { color: #e0484d; }
.df-ocx__lab { font: 700 9px/1 Verdana, sans-serif; letter-spacing: .16em; text-transform: uppercase; color: var(--df-muted); margin-bottom: -4px; }
.df-ocx__seg { display: flex; height: 26px; border-radius: 6px; overflow: hidden; font: 700 10px/26px Verdana, sans-serif; }
.df-ocx__seg > span { min-width: 54px; text-align: center; white-space: nowrap; color: #0a0f14; transition: width .25s ease; }
.df-ocx__seg b { font-weight: 700; }
.df-ocx__seg-off { background: var(--df-stat-off); } .df-ocx__seg-def { background: var(--df-stat-def); color: #fff !important; } .df-ocx__seg-stl { background: var(--df-stat-stl); }
.df-ocx__roles { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.df-ocx__role { display: block; padding: 6px 9px; border-left: 3px solid var(--df-line); border-radius: 0 6px 6px 0; background: rgba(255,255,255,.03); font-size: .74rem; color: var(--df-text); }
.df-ocx__role b { display: block; font-weight: 700; } .df-ocx__role small { display: block; font-size: .64rem; color: var(--df-muted); margin-top: 1px; }
.df-ocx__role--off { border-left-color: var(--df-stat-off); } .df-ocx__role--def { border-left-color: var(--df-stat-def); } .df-ocx__role--ste { border-left-color: var(--df-stat-stl); }
.df-ocx__go { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-top: 2px; }
.df-ocx__open { display: inline-flex; border: 1px solid var(--df-line); border-radius: 999px; overflow: hidden; }
.df-ocx__open label { position: relative; cursor: pointer; }
.df-ocx__open input { position: absolute; opacity: 0; pointer-events: none; }
.df-ocx__open span { display: block; padding: 7px 13px; font-size: .72rem; color: var(--df-muted); }
.df-ocx__open input:checked + span { background: rgba(77,184,255,.16); color: #fff; }
.df-ocx__open input:focus-visible + span { outline: 2px solid var(--df-amber); outline-offset: -2px; }
.df-ocx__note { font-size: .68rem; color: var(--df-muted); }
@media (max-width: 767px) {
  .df-ocx { grid-template-columns: 1fr; }
  .df-ocx__art { min-height: 170px; }
  .df-ocx__art::after { background: linear-gradient(0deg, rgba(4,8,14,.94), rgba(4,8,14,0) 60%); }
}
.df-ocx--run { overflow: clip; }
.df-ocx--run .df-ocx__art { align-self: start; position: sticky; top: 12px; height: 460px; min-height: 0; }
.df-ocx__chance > b { color: #4db8ff; text-shadow: 0 0 14px rgba(77,184,255,.3); font-size: 2rem; }
.df-ocx__kv dd.is-pay { color: #f2c14e; }
.df-ocx--run .df-team { margin-top: 2px; }
.df-ocx--run .df-team__head { margin-bottom: 8px; }
.df-ocx--run .df-team__lead .df-seat { width: 100%; }
.df-ocx--run .df-team__seats,
.df-ocx--run .df-team__seats--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.df-ocx--run .df-team__seats--1 { grid-template-columns: 1fr; }
.df-ocx--run .df-seat { min-height: 96px; }
.df-ocx__check { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: .76rem; color: var(--df-muted); }
.df-ocx--run .df-ocgo { justify-content: space-between; padding-top: 10px; border-top: 1px solid var(--df-line); }
@media (max-width: 767px) {
  .df-ocx--run .df-ocx__art { position: relative; top: 0; height: 200px; }
}
.df-pg-body { padding: 18px 16px 48px; }
.df-pg { max-width: 1040px; margin: 0 auto; border: 1px solid var(--df-line); border-radius: 12px; overflow: hidden; background: rgba(6,12,20,.92); }
.df-pg__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 20px; border-bottom: 1px solid var(--df-line); }
.df-pg__top .df-wordmark { font-size: 22px; text-decoration: none; }
.df-pg__top nav { display: flex; gap: 16px; align-items: center; font-size: .8rem; }
.df-pg__top nav a { color: var(--df-muted); text-decoration: none; }
.df-pg__top nav a:hover, .df-pg__top nav a:focus-visible { color: #fff; }
.df-pg__top nav a.is-play { color: #f2c14e; font-weight: 700; }
.df-pg__hero { position: relative; height: 180px; }
.df-pg__hero img { display: block; width: 100%; height: 100%; object-fit: cover; }
.df-pg__hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(6,12,20,1), rgba(6,12,20,0) 72%); }
.df-pg__crumbs { padding: 14px 24px 0; font-size: .74rem; color: var(--df-muted); }
.df-pg__crumbs a { color: #4db8ff; text-decoration: none; }
.df-pg__body { padding: 8px 24px 26px; }
.df-pg__body h1 { margin: 6px 0 12px; font: 700 30px/1.15 Verdana, sans-serif; color: #fff; text-transform: none; letter-spacing: 0; text-wrap: balance; }
.df-pg__lead { max-width: 68ch; color: #b8c7d6; line-height: 1.6; margin: 0 0 20px; }
.df-pg__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; }
.df-pg__card { display: block; border: 1px solid var(--df-line); border-radius: 10px; overflow: hidden; background: rgba(0,0,0,.25); text-decoration: none; color: inherit; transition: border-color .15s, transform .15s; }
.df-pg__card:hover, .df-pg__card:focus-visible { border-color: #4db8ff; transform: translateY(-2px); }
.df-pg__card img { display: block; width: 100%; height: 96px; object-fit: cover; }
.df-pg__card span { display: block; padding: 10px 12px 12px; font-size: .76rem; line-height: 1.45; color: var(--df-muted); }
.df-pg__card b { display: block; margin-bottom: 4px; font-size: .95rem; color: #fff; }
.df-pg__cols { display: grid; grid-template-columns: minmax(0, 1fr) 240px; gap: 28px; align-items: start; }
.df-pg__wiki > .df-bar:first-child { display: none; }
.df-pg__side { position: sticky; top: 14px; }
.df-pg__box { border: 1px solid var(--df-line); border-radius: 10px; padding: 12px 14px; background: rgba(0,0,0,.25); font-size: .8rem; }
.df-pg__box h2 { margin: 0 0 8px; font: 700 10px/1 Verdana, sans-serif; letter-spacing: .16em; text-transform: uppercase; color: var(--df-muted); }
.df-pg__box a { display: block; padding: 5px 0; color: #4db8ff; text-decoration: none; }
.df-pg__box a.is-on { color: #fff; font-weight: 700; }
.df-pg__cta { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-top: 24px; padding: 16px 18px; border: 1px solid rgba(242,193,78,.35); border-radius: 10px; background: rgba(242,193,78,.06); }
.df-pg__cta p { margin: 0; color: #e8d9b0; } .df-pg__cta p b { color: #fff; }
.df-pg__foot { display: flex; gap: 18px; flex-wrap: wrap; padding: 14px 24px; border-top: 1px solid var(--df-line); font-size: .74rem; }
.df-pg__foot a { color: var(--df-muted); text-decoration: none; }
@media (max-width: 767px) {
  .df-pg-body { padding: 0 0 32px; }
  .df-pg { border-radius: 0; border-left: 0; border-right: 0; }
  .df-pg__cols { grid-template-columns: 1fr; }
  .df-pg__side { position: static; }
  .df-pg__body { padding: 8px 16px 22px; } .df-pg__crumbs { padding: 12px 16px 0; }
  .df-pg__body h1 { font-size: 23px; }
  .df-pg__hero { height: 130px; }
}
.df-sath { margin-top: 10px; }
.df-sath__bar { position: relative; display: block; height: 6px; border-radius: 3px; background: linear-gradient(90deg, #e5484d, #c9a227 50%, #3fb950); }
.df-sath__bar i { position: absolute; top: 50%; width: 12px; height: 12px; margin: -6px 0 0 -6px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 2px #0b1520, 0 0 8px rgba(255,255,255,.5); }
.df-sath small { display: flex; justify-content: space-between; margin-top: 6px; font-size: .68rem; color: var(--df-muted); }
.df-sath small b { color: var(--df-text); font-weight: 700; }
.df-phs { position: relative; overflow: hidden; container-type: inline-size; }
.df-phs img { display: block; width: 100%; height: auto; }
.df-phs::after { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(90deg, rgba(4,8,14,.82) 0%, rgba(4,8,14,.55) 32%, rgba(4,8,14,0) 58%); }
.df-phs__words { position: absolute; z-index: 1; left: 6%; top: 50%; transform: translateY(-50%);
  display: flex; flex-direction: column; gap: 1.1cqw; pointer-events: none; }
.df-phs__words b { font: 400 7.4cqw/0.95 'Anton', Impact, 'Arial Narrow', sans-serif; color: #fff; text-transform: uppercase;
  letter-spacing: .02em; text-shadow: 0 .3cqw 1.6cqw rgba(0,0,0,.85); }
.df-phs__words i { font: 700 max(9px, 1.9cqw)/1.1 Verdana, sans-serif;    font-style: normal; color: #f5a623; text-transform: uppercase;
  letter-spacing: .14em; text-shadow: 0 .15cqw .8cqw rgba(0,0,0,.9); }
.df-banner__name { position: absolute; right: 22px; bottom: 12px; z-index: 3; pointer-events: none;
  font: 700 22px/1 'Playfair Display', Georgia, 'Times New Roman', serif; letter-spacing: .2em; text-transform: uppercase;
  color: #efe9dc; text-shadow: 0 1px 2px #000, 0 0 10px rgba(0,0,0,.95); white-space: nowrap; }
@media (max-width: 1023px) { .df-banner__name { display: none; } }
.df-flr__news { margin-top: var(--df-4); padding-top: var(--df-3); border-top: 1px solid var(--df-line-soft); }
.df-flr__newshead { margin: 0 0 var(--df-2); font: 700 12px/1.2 var(--df-font); letter-spacing: .12em; text-transform: uppercase; color: var(--df-amber); }
.df-flr__newslist { list-style: none; margin: 0; padding: 0 6px 0 0; display: grid; gap: 6px; max-height: 210px; overflow-y: auto; }
.df-flr__max { margin: 0; padding: 7px 14px; font-size: 12px; font-weight: 700; color: var(--df-text); border-bottom: 1px solid var(--df-line-soft); }
.df-flr__newslist li { display: grid; grid-template-columns: 76px 1fr; gap: 8px; color: var(--df-text); font-size: 13px; line-height: 1.45; }
.df-flr__newstime { white-space: nowrap; color: var(--df-faint); font-size: 12px; }
.df-stk.df-floor .df-floor__grid { grid-template-columns: minmax(0, 1fr); }
.df-stk.df-floor .df-floor__feed { contain: none; }
.df-stk.df-floor .df-floor__feed .df-stkbox__body { max-height: 420px; }
.df-stk.df-floor .df-floor__board { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.df-dfm__scroll { overflow-x: auto; }
.df-dfm__t { width: 100%; border-collapse: collapse; font-size: 13px; }
.df-dfm__t th { text-align: left; padding: 9px 10px; font: 700 11px/1.25 var(--df-font); letter-spacing: .06em; text-transform: uppercase; color: var(--df-muted); border-bottom: 1px solid var(--df-line); vertical-align: bottom; white-space: nowrap; }
.df-dfm__t td { padding: 8px 10px; color: var(--df-text); border-bottom: 1px solid var(--df-line-soft); white-space: nowrap; vertical-align: middle; }
.df-dfm__t th:first-child, .df-dfm__t td:first-child { padding-left: 16px; }
.df-dfm__t th:last-child, .df-dfm__t td:last-child { padding-right: 16px; }
.df-dfm__t td.df-dfm__name { line-height: 1.25; }
.df-dfm__t tbody tr:nth-child(even) td { background: rgba(255,255,255,.02); }
.df-dfm__t .num { text-align: right; font-variant-numeric: tabular-nums; }
.df-dfm__row.is-on td { background: rgba(255,255,255,.07); }
.df-dfm__pm button { background: none; border: 0; padding: 0 5px 0 0; color: var(--df-amber); font: 700 13px/1 var(--df-font); cursor: pointer; }
.df-dfm__pm button:hover { color: var(--df06-white, #fff); }
.df-dfm__in { width: 72px; padding: 5px 7px; background: var(--df-input); border: 1px solid var(--df-line); color: var(--df-text); border-radius: 4px; text-align: right; font: inherit; font-variant-numeric: tabular-nums; }
.df-dfm__in[readonly] { color: var(--df-muted); }
.df-dfm__in:disabled { opacity: .5; }
.df-dfm__name a { color: var(--df-amber); font-weight: 700; text-decoration: none; }
.df-dfm__name a:hover { text-decoration: underline; }
.df-dfm__a { display: inline-block; width: 14px; text-align: center; font-size: 10px; font-style: normal; }
.df-dfm__a--up { color: var(--df-good); }
.df-dfm__a--down { color: var(--df-bad); }
.df-dfm__a--eq { color: var(--df-faint); }
.df-dfm__row--locked td { color: var(--df-faint); }
.df-dfm__row--locked .df-dfm__name a { color: var(--df-faint); font-weight: 400; }
.df-dfm__barrow td { padding: 8px 10px; border-bottom: 0; background: none !important; }
.df-dfm__barlabel { font-size: 11px; color: var(--df-faint); margin-bottom: 4px; }
.df-dfm__bar { height: 8px; border-radius: 4px; background: var(--df-panel-alt); border: 1px solid var(--df-line-soft); overflow: hidden; }
.df-dfm__bar i { display: block; height: 100%; background: var(--df-amber); }
.df-dfm__foot { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; padding: 14px; border-top: 1px solid var(--df-line); }
.df-dfm__foot--ok { padding-top: 0; border-top: 0; }
.df-dfm__foot .df-btn { min-width: 90px; justify-content: center; }
.df-dfi__close { color: inherit; text-decoration: none; font-weight: 700; }
.df-dfi__close:hover { text-decoration: underline; }
.df-dfi__t { width: 100%; border-collapse: collapse; font-size: 13px; }
.df-dfi__t th { width: 120px; text-align: left; vertical-align: top; padding: 7px 14px; color: var(--df-muted); font-weight: 700; border-bottom: 1px solid var(--df-line-soft); }
.df-dfi__t td { padding: 7px 14px 7px 0; color: var(--df-text); border-bottom: 1px solid var(--df-line-soft); line-height: 1.45; }
.df-dfi__chart { padding: 10px 14px 4px; }
.df-dfi__chart .df-sranges { margin-bottom: 8px; }
.df-dfi__evhead { margin: 10px 14px 6px; font: 700 12px/1.2 var(--df-font); letter-spacing: .12em; text-transform: uppercase; color: var(--df-amber); }
.df-dfi__none { margin: 0 14px 14px; }
.df-dfi__evbox { max-height: 260px; overflow-y: auto; margin: 0 0 6px; }
.df-dfi__ev { width: 100%; border-collapse: collapse; font-size: 13px; }
.df-dfi__ev td { padding: 5px 14px 5px 0; color: var(--df-text); border-bottom: 1px solid var(--df-line-soft); line-height: 1.4; vertical-align: top; }
.df-dfi__ev tr:nth-child(even) td { background: rgba(255,255,255,.02); }
.df-dfi__ev .df-dfi__evtime { padding-left: 14px; width: 1%; white-space: nowrap; color: var(--df-faint); font-variant-numeric: tabular-nums; }
.df-crewkill { display: grid; }
.df-crewkill__row { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.2fr) minmax(0, 1fr) auto; gap: 8px; padding: 6px 12px; font-size: 13px; align-items: center; }
.df-crewkill__row:nth-child(even) { background: rgba(255,255,255,.03); }
.df-crewkill__row--head { font-size: 11px; text-transform: uppercase; letter-spacing: .06em; opacity: .7; }
.df-crewkill__row > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.df-crewmass { display: grid; gap: 10px; }
.df-crewmass textarea { width: 100%; box-sizing: border-box; resize: vertical; }
.df-crewmass__who { display: flex; flex-wrap: wrap; gap: 14px; }
.df-crewmass__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 4px 12px; font-size: 13px; }
.df-crewmass__list label { display: flex; align-items: center; gap: 6px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.df-crewmass > .df-btn { justify-self: start; }
.df-crewbld { display: grid; gap: 4px; margin: 10px 0 4px; }
.df-crewbld__row { display: grid; grid-template-columns: minmax(0, 1.4fr) 1fr 0.8fr 0.9fr auto; gap: 8px; align-items: center; padding: 6px 8px; border-radius: 6px; font-size: 13px; }
.df-crewbld__row > span { white-space: nowrap; }
.df-crewbld__row:nth-child(even) { background: rgba(255,255,255,.03); }
.df-crewbld__row.is-here { box-shadow: inset 3px 0 0 var(--df-amber); background: rgba(240,165,0,.08); }
@media (max-width: 767px) { .df-crewbld__row { grid-template-columns: minmax(0, 1fr) auto auto; } .df-crewbld__row > span:nth-child(3), .df-crewbld__row > span:nth-child(4) { display: none; } }
.df-lottery { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; margin-top: 10px; }
.df-lottery__card { border: 1px solid var(--df-line); border-radius: 10px; padding: 12px; background: rgba(255,255,255,.03); }
.df-lottery__price { font: 700 18px/1.2 var(--df-font); color: var(--df-amber); }
.df-lottery__price span { font-size: 12px; color: var(--df-muted); font-weight: 400; }
.df-lottery__facts { margin: 8px 0; display: grid; gap: 3px; font-size: 13px; }
.df-lottery__facts div { display: flex; justify-content: space-between; gap: 8px; }
.df-lottery__facts dt { color: var(--df-muted); }
.df-lottery__facts dd { margin: 0; font-variant-numeric: tabular-nums; }
.df-lottery__buy { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 6px; }
.df-lottery__buy .df-input { width: 80px; }
.df-lottery__past { display: flex; flex-wrap: wrap; gap: 8px; padding: 6px 0; border-bottom: 1px solid var(--df-line-soft); font-size: 13px; }
.df-russian { display: flex; justify-content: center; gap: 12px; padding: 22px 14px; }
.df-russian__ch { width: 38px; height: 38px; border-radius: 50%; border: 2px solid var(--df-line); background: radial-gradient(circle at 35% 35%, rgba(255,255,255,.12), rgba(0,0,0,.4)); }
.df-russian__ch.is-fired { background: #c0102c; border-color: #ff4a5e; box-shadow: 0 0 14px rgba(255,40,60,.6); }
.df-guess { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; padding: 14px; }
.df-guess__n { position: relative; display: flex; align-items: center; justify-content: center; height: 64px; border: 1px solid var(--df-line); border-radius: 10px; background: rgba(255,255,255,.04); cursor: pointer; font: 700 22px/1 var(--df-font); color: var(--df-text); }
.df-guess__n input { position: absolute; opacity: 0; pointer-events: none; }
.df-guess__n:has(input:checked) { border-color: var(--df-amber); background: rgba(240,165,0,.14); color: var(--df-amber); }
.df-guess__n:has(input:focus-visible) { outline: 2px solid var(--df-amber); outline-offset: 2px; }
.df-guess__n.is-drawn { box-shadow: 0 0 0 3px var(--df-good) inset; }
.df-mail__save { display: inline; margin-left: 6px; }
.df-mail__save button { background: none; border: 0; padding: 0; color: var(--df-amber); font: inherit; font-size: 11px; cursor: pointer; text-decoration: underline; }
.df-savebox__row { padding: 8px 0; border-bottom: 1px solid var(--df-line-soft); }
.df-savebox__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; font-size: 13px; }
.df-savebox__body { margin-top: 4px; color: var(--df-text); font-size: 13px; line-height: 1.45; overflow-wrap: anywhere; }
.df-keyhelp { position: fixed; inset: 0; z-index: 9000; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.6); }
.df-keyhelp__box { background: var(--df-panel); border: 1px solid var(--df-line); border-radius: 12px; padding: 16px 20px; min-width: 260px; max-width: calc(100vw - 32px); color: var(--df-text); }
.df-keyhelp__box b { display: block; color: var(--df-amber); margin-bottom: 8px; }
.df-keyhelp__box ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: 13px; }
.df-keyhelp__box kbd { display: inline-block; min-width: 42px; text-align: center; padding: 1px 6px; margin-right: 6px; border: 1px solid var(--df-line); border-radius: 4px; background: var(--df-input); font: 700 12px/1.5 var(--df-font); }
.df-reward__anon { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: var(--df-muted); white-space: nowrap; }
.df-reward__buyout { margin-top: 6px; }
.df-evsell { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 10px 0 6px; padding-top: 10px; border-top: 1px solid var(--df-line-soft); }
.df-evsell__head { font-weight: 700; color: var(--df-amber); font-size: 12px; text-transform: uppercase; letter-spacing: .06em; }
.df-evsell .df-input { width: 130px; }
.df-evsell__anon { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: var(--df-muted); }
.df-evoffer { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 8px 0; border-bottom: 1px solid var(--df-line-soft); }
.df-evoffer__what { flex: 1 1 260px; min-width: 0; }
.df-hawaii { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.df-hawaii .df-btn { min-width: 80px; justify-content: center; }
.df-teller__card--send { flex-basis: 100%; }
.df-teller__card--send .df-teller__head { color: var(--df-amber); }
.df-teller__card--send .df-banksend__field { flex: 1 1 100%; }
.df-teller__card--send .df-teller__go { background: var(--df-amber-bg); border-color: var(--df-amber-line); color: var(--df-amber); }
.df-teller__card--send .df-teller__go:hover { background: var(--df-amber); border-color: var(--df-amber); color: #000; }
.df-banksend__go { display: flex; flex-wrap: wrap; gap: var(--df-3); margin-top: var(--df-4); }
@media (max-width: 767px) {
  .df-teller__card--send .df-teller__go { background: var(--df-amber); border-color: var(--df-amber); color: #000; }
}
.df-pinfo { padding: 0; overflow: hidden; }
.df-pinfo + .df-pinfo { margin-top: var(--df-3); }
.df-shell__main .df-panel.df-pinfo > .df-bar:not(.df-cdesign) { justify-content: center; text-align: center; }
.df-shell__main .df-panel.df-pinfo { box-shadow: inset 0 0 40px rgba(0,0,0,.55), 0 8px 24px rgba(0,0,0,.7); }
.df-pinfo__top { display: flex; align-items: stretch; }
.df-pinfo__top > .df-pinfo__rows { flex: 1 1 auto; min-width: 0; }
.df-pinfo__rows { margin: 0; display: grid; grid-template-columns: 165px 1fr; }
.df-pinfo__r { display: contents; }
.df-pinfo__r > dt, .df-pinfo__r > dd { margin: 0; padding: 6px 12px; }
.df-pinfo__r > dt { text-align: right; font-weight: 700; color: var(--df-muted); background: var(--df-panel-alt);
  border-right: 1px solid var(--df-line-soft); }
.df-pinfo__r > dd { color: var(--df-text); min-width: 0; overflow-wrap: anywhere; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.df-pinfo__name { font-weight: 700; font-size: 15px; color: var(--df-amber-hi, var(--df-text)); }
.df-pinfo__safe { font-size: 12px; }
.df-pinfo__opts a { color: var(--df-amber); text-decoration: none; }
.df-pinfo__opts a:hover { text-decoration: underline; }
.df-pinfo__opts a + a::before { content: "\00b7"; color: var(--df-faint); margin-right: 8px; }
.df-pinfo__opts a.df-pinfo__bad { color: var(--df-bad); }
html body .df-pinfo .df-doss__buyout { display: inline; margin: 0; }
.df-pinfo__buy { all: unset; cursor: pointer; color: var(--df-amber); font: inherit; }
.df-pinfo__buy:hover { text-decoration: underline; }
.df-pinfo__buy:focus-visible { outline: 2px solid var(--df-amber); outline-offset: 2px; }
.df-pinfo__buy:disabled { color: var(--df-faint); cursor: not-allowed; text-decoration: none; }
.df-pinfo__pics { flex: 0 0 200px; display: flex; flex-direction: column; align-items: center; gap: 10px;
  padding: 10px; background: transparent; }
.df-pinfo__portrait { display: block; width: 180px; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
.df-pinfo__crewpic { display: block; width: 180px; }
.df-pinfo__crewpic img { display: block; width: 100%; height: auto; aspect-ratio: 180 / 75; object-fit: fill; border: 1px solid var(--df-line); }
.df-pinfo__r.is-hidden > dt, .df-pinfo__r.is-hidden > dd { opacity: .45; }
.df-pinfo__r.is-hidden > dt::after { content: "hidden"; display: block; font-size: 10px; font-weight: normal; letter-spacing: .04em; color: var(--df-faint); }
.df-pinfo__sep { height: 8px; background: var(--df-line); border-top: 1px solid var(--df-line-strong); border-bottom: 1px solid var(--df-line-strong); }
.df-pinfo__sig { padding: 12px; }
.df-pinfo__pad { padding: 12px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
@media (max-width: 767px) {
  .df-pinfo__top { flex-direction: column-reverse; }
  .df-pinfo__pics { flex: none; flex-direction: column; justify-content: center; align-items: center;
    border-left: 0; border-bottom: 1px solid var(--df-line-soft); }
  .df-pinfo__portrait { width: 150px; }
  .df-pinfo__crewpic { width: 150px; }
  .df-pinfo__rows { grid-template-columns: 104px 1fr; }
  .df-pinfo__r > dt, .df-pinfo__r > dd { padding: 6px 8px; }
}
html body .df-online .df-online__who { white-space: nowrap; }
html body .df-online .df-online__who > span { margin-left: 2px; vertical-align: middle; }
html body .df-online .df-online__who > .df-title-tag,
html body .df-online .df-online__who > [class*="df-title-tag"] { font-size: 8px !important; }
html body .df-online .df-online__name.is-leader { color: #8fd2ea !important; font-weight: 700 !important; font-style: normal; }
html body .df-online .df-online__name.df-name-creator {
  background: linear-gradient(90deg, #ff2a00, #ff7a00, #ffd23a, #ff7a00, #ff2a00) 0 0 / 200% 100% !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  color: transparent !important; -webkit-text-fill-color: transparent;
  font-weight: 700 !important;
  filter: drop-shadow(0 0 3px rgba(255, 90, 0, .75));
  animation: df-lava 3.2s linear infinite;
}
html body .df-cw__who.is-creator,
html body .df-cw__name.is-creator,
html body .df-chatbox__rowname.is-creator,
html body .df-shout__who.df-name-creator {
  background: linear-gradient(90deg, #ff2a00, #ff7a00, #ffd23a, #ff7a00, #ff2a00) 0 0 / 200% 100% !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  color: transparent !important; -webkit-text-fill-color: transparent;
  font-weight: 700 !important;
  filter: drop-shadow(0 0 3px rgba(255, 90, 0, .75));
  animation: df-lava 3.2s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  html body .df-cw__who.is-creator, html body .df-cw__name.is-creator, html body .df-chatbox__rowname.is-creator, html body .df-shout__who.df-name-creator { animation: none; }
}
@keyframes df-lava { from { background-position: 0 0; } to { background-position: 200% 0; } }
html body .df-lava {
  background: linear-gradient(90deg, #ff2a00, #ff7a00, #ffd23a, #ff7a00, #ff2a00) 0 0 / 200% 100% !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  color: transparent !important; -webkit-text-fill-color: transparent;
  font-weight: 700 !important;
  filter: drop-shadow(0 0 3px rgba(255, 90, 0, .75));
  animation: df-lava 3.2s linear infinite;
}
@media (prefers-reduced-motion: reduce) { html body .df-lava { animation: none; } }
@media (prefers-reduced-motion: reduce) { html body .df-online .df-online__name.df-name-creator { animation: none; } }
.df-trade__shut { display: inline-block; padding: 0 8px; font-size: 12px; color: var(--df-muted); white-space: nowrap; }
.df-tokmarket__add { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end; }
.df-tokmarket__add label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--df-muted); }
.df-pinfo__gold { padding: 10px 10px 0; }
.df-pinfo__gold img { display: block; width: auto; max-width: 100%; height: auto; margin: 0 auto; }
.df-pinfo__goldcrew { display: block; width: 100%; margin: 10px auto 0; }
.df-pinfo__goldcrew img { display: block; width: 100%; height: auto; aspect-ratio: 440 / 73; object-fit: fill; border: 1px solid var(--df-line); }
.df-pinfo__goldcrew img.is-crewgold { aspect-ratio: auto; object-fit: initial; }
.df-tokrows { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; }
.df-tokrows p { flex-basis: 100%; margin: 0; }
.df-tokrows label { display: inline-flex; gap: 5px; align-items: center; font-size: 13px; }
.df-mail__icon { display: block; width: 75px; height: 75px; object-fit: cover; border-radius: 6px; border: 1px solid var(--df-line); }
.df-mail__icon--in { margin: 6px 0 2px; }
.df-cprof__goldbar { padding: 10px 10px 0; }
.df-cprof__gold { display: block; width: 100%; max-width: 500px; height: auto; aspect-ratio: 5 / 1; object-fit: cover; margin: 0 auto; border-radius: 6px; }
.df-poll__pick { display: flex; flex-wrap: wrap; gap: 8px; }
.df-poll__list { list-style: none; margin: 0; display: grid; gap: 8px; }
.df-poll__list li.is-mine { color: var(--df-amber); }
.df-poll__bar { display: block; height: 6px; margin-top: 4px; background: var(--df-line-soft); border-radius: 3px; overflow: hidden; }
.df-poll__bar i { display: block; height: 100%; background: var(--df-amber); }
.df-poll__make { display: grid; gap: 10px; max-width: 560px; }
.df-poll__make label { display: grid; gap: 4px; font-size: 13px; color: var(--df-muted); }
.df-crewtable td { vertical-align: middle; }
.df-crewtable__crew { display: grid; gap: 4px; justify-items: start; }
.df-crewtable__name { font-weight: 700; }
.df-crewtable__pic img { display: block; width: 150px; height: 75px; object-fit: cover; border-radius: 4px; border: 1px solid var(--df-line); }
.df-crewtable tr.is-held td { background: rgba(255, 255, 255, .03); }
.df-dfm__scroll { container-type: inline-size; }
@container (max-width: 640px) {
  .df-dfm__t thead { display: none; }
  .df-dfm__t, .df-dfm__t tbody { display: block; width: 100%; }
  .df-dfm__t tr.df-dfm__row {
    display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: "name name name" "pm chg held" "px pf tot";
    gap: 8px 10px; align-items: end; padding: 12px 14px; border-bottom: 1px solid var(--df-line-soft);
  }
  .df-dfm__t tbody tr.df-dfm__row td { display: block; padding: 0; border: 0; background: none; white-space: normal; text-align: left; }
  .df-dfm__t tr.df-dfm__row td:first-child, .df-dfm__t tr.df-dfm__row td:last-child { padding: 0; }
  .df-dfm__t td.df-dfm__name { grid-area: name; font-size: 15px; }
  .df-dfm__t td.df-dfm__pm { grid-area: pm; display: flex; gap: 6px; align-items: center; }
  .df-dfm__t td.df-dfm__chg { grid-area: chg; }
  .df-dfm__t td.df-dfm__held { grid-area: held; }
  .df-dfm__t td.df-dfm__px { grid-area: px; }
  .df-dfm__t td.df-dfm__pf { grid-area: pf; }
  .df-dfm__t td.df-dfm__tot { grid-area: tot; }
  .df-dfm__t td[data-th]::before { content: attr(data-th); display: block; margin-bottom: 3px; font: 700 10px/1.2 var(--df-font); letter-spacing: .08em; text-transform: uppercase; color: var(--df-muted); }
  .df-dfm__t .df-dfm__in { width: 100%; box-sizing: border-box; }
  .df-dfm__pm button { min-width: 44px; min-height: 40px; padding: 0 8px; border: 1px solid var(--df-line); border-radius: 6px; font-size: 15px; }
  .df-dfm__t tr.df-dfm__barrow, .df-dfm__t tr.df-dfm__barrow td { display: block; }
  .df-dfm__t tbody tr:nth-child(even) { background: rgba(255,255,255,.02); }
}
@media (max-width: 1023px) {
  html.df-has-swipe body .df-tabbar__slot .df-dock__bar { align-items: stretch !important; }
  html.df-has-swipe body .df-tabbar__slot .df-dock__pin { align-self: stretch !important; height: auto !important; }
}
html body .df-perks .df-perks__tile:not(#df-perk-x) { position: relative !important; }
html body .df-perks .df-perks__tile.is-owned:not(#df-perk-x) {
  background: #2f8a46 !important; border: 1px solid #6fd08a !important; color: #fff !important;
  opacity: 1 !important; filter: none !important;
}
html body .df-perks .df-perks__tile.is-owned:not(#df-perk-x) .df-ico { color: #fff !important; fill: currentColor; }
html body .df-perks .df-perks__tile.is-owned:not(#df-perk-x) .df-perks__lv { color: #e6ffe9 !important; opacity: 1 !important; }
html body .df-perks .df-perks__tile.is-owned:not(#df-perk-x)::after {
  content: "\2713" !important; position: absolute !important;
  inset: 1px 3px auto auto !important; width: auto !important; height: auto !important;
  transform: none !important; margin: 0 !important; background: none !important; opacity: 1 !important;
  font: 700 11px/1 var(--df-font, sans-serif) !important; color: #fff !important;
}
html body .df-perks .df-perks__tile.is-next:not(#df-perk-x) {
  background: transparent !important; border: 1px dashed #f0c060 !important; color: #f0c060 !important;
  opacity: 1 !important; filter: none !important;
}
html body .df-perks .df-perks__tile.is-next:not(#df-perk-x) .df-ico { color: #f0c060 !important; }
html body .df-perks .df-perks__tile.is-locked:not(#df-perk-x) {
  background: transparent !important; border: 1px solid rgba(160,160,160,.35) !important;
  opacity: .45 !important; filter: grayscale(1) !important;
}
html body .df-title-tag.df-tq {
  position: relative; isolation: isolate; display: inline-block; vertical-align: middle;
  border: 0; background: none; box-shadow: none; animation: none; filter: none; border-radius: 0;
  font: 700 10px/1.2em Verdana, Geneva, sans-serif; letter-spacing: .03em; text-transform: none;
  height: auto; padding-top: .2em; padding-bottom: .2em; margin-top: .15em; margin-bottom: .15em;
  text-shadow: 0 1px 0 rgba(0,0,0,.85);
}
html body .df-tfold__held > .df-title-tag.df-tq { font-size: 10px; }
html body .df-title-tag.df-tq::before {
  content: ""; position: absolute; inset: 0; z-index: -1; background: none; box-shadow: none; animation: none; transform: none; opacity: 1;
  border-style: solid; border-color: transparent; border-top-width: 0; border-bottom-width: 0;
}
html body .df-title-tag.df-tq::after {
  content: ""; position: absolute; z-index: 1; pointer-events: none; inset: auto; box-shadow: none; transform: none; opacity: 1;
  background-repeat: no-repeat;
}
html body .df-title-tag.df-tq-lean { font-style: italic; }
html body .df-title-tag.df-tq:hover { translate: 0 -1px; }
html body .df-title-tag.df-tq--contracts { --tq-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%227%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222.2%22/%3E%3Cpath d=%22M12 1v6M12 17v6M1 12h6M17 12h6%22 stroke=%22%23fff%22 stroke-width=%222.2%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%221.6%22 fill=%22%23fff%22/%3E%3C/svg%3E"); padding-left: 2.2em; padding-right: 1.25em; }
html body .df-title-tag.df-tq--contracts::before { border-left-width: 0.8em; border-right-width: 0.8em; }
html body .df-title-tag.df-tq--contracts::after { left: 0.95em; right: 0.8em; }
html body .df-title-tag.df-tq--contracts.df-tq-s0::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%233a414b%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%231c2026%22/%3E%3Cstop offset=%221%22 stop-color=%22%231c2026%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M12 2H118L108 30H2z%22 fill=%22url%28%23g%29%22 stroke=%22%237d8794%22 stroke-width=%222%22 stroke-linejoin=%22miter%22/%3E%3Cpath d=%22M12.5 4H115%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3Cpath d=%22M106 26l6-18%22 stroke=%22%237d8794%22 stroke-width=%222.4%22/%3E%3C/svg%3E") 0 16 0 16 fill stretch; }
html body .df-title-tag.df-tq--contracts.df-tq-s1::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2325603a%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2310301b%22/%3E%3Cstop offset=%221%22 stop-color=%22%2310301b%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M12 2H118L108 30H2z%22 fill=%22url%28%23g%29%22 stroke=%22%234fd16c%22 stroke-width=%222%22 stroke-linejoin=%22miter%22/%3E%3Cpath d=%22M12.5 4H115%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3Cpath d=%22M106 26l6-18%22 stroke=%22%234fd16c%22 stroke-width=%222.4%22/%3E%3C/svg%3E") 0 16 0 16 fill stretch; }
html body .df-title-tag.df-tq--contracts.df-tq-s2::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%231f4a8c%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%230e2350%22/%3E%3Cstop offset=%221%22 stop-color=%22%230e2350%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M12 2H118L108 30H2z%22 fill=%22url%28%23g%29%22 stroke=%22%2352a8ff%22 stroke-width=%222%22 stroke-linejoin=%22miter%22/%3E%3Cpath d=%22M12.5 4H115%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3Cpath d=%22M106 26l6-18%22 stroke=%22%2352a8ff%22 stroke-width=%222.4%22/%3E%3C/svg%3E") 0 16 0 16 fill stretch; }
html body .df-title-tag.df-tq--contracts.df-tq-s3::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2358288e%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%232a0f4c%22/%3E%3Cstop offset=%221%22 stop-color=%22%232a0f4c%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M12 2H118L108 30H2z%22 fill=%22url%28%23g%29%22 stroke=%22%23bd73ff%22 stroke-width=%222%22 stroke-linejoin=%22miter%22/%3E%3Cpath d=%22M12.5 4H115%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3Cpath d=%22M106 26l6-18%22 stroke=%22%23bd73ff%22 stroke-width=%222.4%22/%3E%3C/svg%3E") 0 16 0 16 fill stretch; }
html body .df-title-tag.df-tq--contracts.df-tq-s4::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%237a5410%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%233b2605%22/%3E%3Cstop offset=%221%22 stop-color=%22%233b2605%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M12 2H118L108 30H2z%22 fill=%22url%28%23g%29%22 stroke=%22%23ffcd4f%22 stroke-width=%222%22 stroke-linejoin=%22miter%22/%3E%3Cpath d=%22M12.5 4H115%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3Cpath d=%22M106 26l6-18%22 stroke=%22%23ffcd4f%22 stroke-width=%222.4%22/%3E%3C/svg%3E") 0 16 0 16 fill stretch; }
html body .df-title-tag.df-tq--contracts.df-tq-s5::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%238c1224%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2340050f%22/%3E%3Cstop offset=%221%22 stop-color=%22%2340050f%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M12 2H118L108 30H2z%22 fill=%22url%28%23g%29%22 stroke=%22%23ff4d62%22 stroke-width=%222%22 stroke-linejoin=%22miter%22/%3E%3Cpath d=%22M12.5 4H115%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3Cpath d=%22M106 26l6-18%22 stroke=%22%23ff4d62%22 stroke-width=%222.4%22/%3E%3C/svg%3E") 0 16 0 16 fill stretch; }
html body .df-title-tag.df-tq--contracts.df-tq-s4, html body .df-title-tag.df-tq--contracts.df-tq-s5 { --tq-ico: url('images/titles/crests/contracts.png'); --tq-cw: 1.696em; padding-left: 2.696em; }
html body .df-title-tag.df-tq--contracts.df-tq-s4::after, html body .df-title-tag.df-tq--contracts.df-tq-s5::after { left: 0.7em; }
html body .df-title-tag.df-tq--ladder { --tq-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M4 13l8-6 8 6M4 20l8-6 8 6%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222.6%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M12 1.5l1.6 3.3 3.6.5-2.6 2.5.6 3.6-3.2-1.7-3.2 1.7.6-3.6-2.6-2.5 3.6-.5z%22 fill=%22%23fff%22 transform=%22translate%280 -1%29 scale%281%29%22/%3E%3C/svg%3E"); padding-left: 2.1em; padding-right: 1.25em; }
html body .df-title-tag.df-tq--ladder::before { border-left-width: 0.7em; border-right-width: 0.8em; }
html body .df-title-tag.df-tq--ladder::after { left: 0.85em; right: 0.8em; }
html body .df-title-tag.df-tq--ladder.df-tq-s0::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%233a414b%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%231c2026%22/%3E%3Cstop offset=%221%22 stop-color=%22%231c2026%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M2 2H106L118 16 106 30H2L10 16z%22 fill=%22url%28%23g%29%22 stroke=%22%237d8794%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M5 4H104%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 16 0 14 fill stretch; }
html body .df-title-tag.df-tq--ladder.df-tq-s1::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2325603a%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2310301b%22/%3E%3Cstop offset=%221%22 stop-color=%22%2310301b%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M2 2H106L118 16 106 30H2L10 16z%22 fill=%22url%28%23g%29%22 stroke=%22%234fd16c%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M5 4H104%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 16 0 14 fill stretch; }
html body .df-title-tag.df-tq--ladder.df-tq-s2::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%231f4a8c%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%230e2350%22/%3E%3Cstop offset=%221%22 stop-color=%22%230e2350%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M2 2H106L118 16 106 30H2L10 16z%22 fill=%22url%28%23g%29%22 stroke=%22%2352a8ff%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M5 4H104%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 16 0 14 fill stretch; }
html body .df-title-tag.df-tq--ladder.df-tq-s3::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2358288e%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%232a0f4c%22/%3E%3Cstop offset=%221%22 stop-color=%22%232a0f4c%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M2 2H106L118 16 106 30H2L10 16z%22 fill=%22url%28%23g%29%22 stroke=%22%23bd73ff%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M5 4H104%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 16 0 14 fill stretch; }
html body .df-title-tag.df-tq--ladder.df-tq-s4::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%237a5410%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%233b2605%22/%3E%3Cstop offset=%221%22 stop-color=%22%233b2605%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M2 2H106L118 16 106 30H2L10 16z%22 fill=%22url%28%23g%29%22 stroke=%22%23ffcd4f%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M5 4H104%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 16 0 14 fill stretch; }
html body .df-title-tag.df-tq--ladder.df-tq-s5::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%238c1224%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2340050f%22/%3E%3Cstop offset=%221%22 stop-color=%22%2340050f%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M2 2H106L118 16 106 30H2L10 16z%22 fill=%22url%28%23g%29%22 stroke=%22%23ff4d62%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M5 4H104%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 16 0 14 fill stretch; }
html body .df-title-tag.df-tq--ladder.df-tq-s4, html body .df-title-tag.df-tq--ladder.df-tq-s5 { --tq-ico: url('images/titles/crests/ladder.png'); --tq-cw: 1.719em; padding-left: 2.619em; }
html body .df-title-tag.df-tq--ladder.df-tq-s4::after, html body .df-title-tag.df-tq--ladder.df-tq-s5::after { left: 0.6em; }
html body .df-title-tag.df-tq--cash { --tq-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Crect x=%221.5%22 y=%225.5%22 width=%2221%22 height=%2213%22 rx=%221.5%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223.4%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222%22/%3E%3Ccircle cx=%225.5%22 cy=%2212%22 r=%221.1%22 fill=%22%23fff%22/%3E%3Ccircle cx=%2218.5%22 cy=%2212%22 r=%221.1%22 fill=%22%23fff%22/%3E%3C/svg%3E"); padding-left: 2em; padding-right: 1.05em; }
html body .df-title-tag.df-tq--cash::before { border-left-width: 0.6em; border-right-width: 0.6em; }
html body .df-title-tag.df-tq--cash::after { left: 0.75em; right: 0.6em; }
html body .df-title-tag.df-tq--cash.df-tq-s0::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%233a414b%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%231c2026%22/%3E%3Cstop offset=%221%22 stop-color=%22%231c2026%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M7 2H113L118 7V25L113 30H7L2 25V7z%22 fill=%22url%28%23g%29%22 stroke=%22%237d8794%22 stroke-width=%222%22/%3E%3Cpath d=%22M8 6H112V26H8z%22 fill=%22none%22 stroke=%22%237d8794%22 stroke-opacity=%22.55%22 stroke-width=%221%22 stroke-dasharray=%223 2%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--cash.df-tq-s1::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2325603a%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2310301b%22/%3E%3Cstop offset=%221%22 stop-color=%22%2310301b%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M7 2H113L118 7V25L113 30H7L2 25V7z%22 fill=%22url%28%23g%29%22 stroke=%22%234fd16c%22 stroke-width=%222%22/%3E%3Cpath d=%22M8 6H112V26H8z%22 fill=%22none%22 stroke=%22%234fd16c%22 stroke-opacity=%22.55%22 stroke-width=%221%22 stroke-dasharray=%223 2%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--cash.df-tq-s2::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%231f4a8c%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%230e2350%22/%3E%3Cstop offset=%221%22 stop-color=%22%230e2350%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M7 2H113L118 7V25L113 30H7L2 25V7z%22 fill=%22url%28%23g%29%22 stroke=%22%2352a8ff%22 stroke-width=%222%22/%3E%3Cpath d=%22M8 6H112V26H8z%22 fill=%22none%22 stroke=%22%2352a8ff%22 stroke-opacity=%22.55%22 stroke-width=%221%22 stroke-dasharray=%223 2%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--cash.df-tq-s3::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2358288e%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%232a0f4c%22/%3E%3Cstop offset=%221%22 stop-color=%22%232a0f4c%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M7 2H113L118 7V25L113 30H7L2 25V7z%22 fill=%22url%28%23g%29%22 stroke=%22%23bd73ff%22 stroke-width=%222%22/%3E%3Cpath d=%22M8 6H112V26H8z%22 fill=%22none%22 stroke=%22%23bd73ff%22 stroke-opacity=%22.55%22 stroke-width=%221%22 stroke-dasharray=%223 2%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--cash.df-tq-s4::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%237a5410%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%233b2605%22/%3E%3Cstop offset=%221%22 stop-color=%22%233b2605%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M7 2H113L118 7V25L113 30H7L2 25V7z%22 fill=%22url%28%23g%29%22 stroke=%22%23ffcd4f%22 stroke-width=%222%22/%3E%3Cpath d=%22M8 6H112V26H8z%22 fill=%22none%22 stroke=%22%23ffcd4f%22 stroke-opacity=%22.55%22 stroke-width=%221%22 stroke-dasharray=%223 2%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--cash.df-tq-s5::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%238c1224%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2340050f%22/%3E%3Cstop offset=%221%22 stop-color=%22%2340050f%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M7 2H113L118 7V25L113 30H7L2 25V7z%22 fill=%22url%28%23g%29%22 stroke=%22%23ff4d62%22 stroke-width=%222%22/%3E%3Cpath d=%22M8 6H112V26H8z%22 fill=%22none%22 stroke=%22%23ff4d62%22 stroke-opacity=%22.55%22 stroke-width=%221%22 stroke-dasharray=%223 2%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--cash.df-tq-s4, html body .df-title-tag.df-tq--cash.df-tq-s5 { --tq-ico: url('images/titles/crests/cash.png'); --tq-cw: 2.75em; padding-left: 3.55em; }
html body .df-title-tag.df-tq--cash.df-tq-s4::after, html body .df-title-tag.df-tq--cash.df-tq-s5::after { left: 0.5em; }
html body .df-title-tag.df-tq--casino { --tq-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M12 2C9 6.5 3.5 9.5 3.5 14a4.3 4.3 0 0 0 7.4 3c-.3 2.3-1.3 3.6-2.9 4.5h8c-1.6-.9-2.6-2.2-2.9-4.5a4.3 4.3 0 0 0 7.4-3C20.5 9.5 15 6.5 12 2z%22 fill=%22%23fff%22/%3E%3C/svg%3E"); padding-left: 2.2em; padding-right: 1.25em; }
html body .df-title-tag.df-tq--casino::before { border-left-width: 0.8em; border-right-width: 0.8em; }
html body .df-title-tag.df-tq--casino::after { left: 0.95em; right: 0.8em; }
html body .df-title-tag.df-tq--casino.df-tq-s0::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%233a414b%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%231c2026%22/%3E%3Cstop offset=%221%22 stop-color=%22%231c2026%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%2214%22 fill=%22url%28%23g%29%22 stroke=%22%237d8794%22 stroke-width=%222%22/%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%2214%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.55%22 stroke-width=%222%22 stroke-dasharray=%224 7%22/%3E%3Cpath d=%22M14 5H106%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 16 0 16 fill stretch; }
html body .df-title-tag.df-tq--casino.df-tq-s1::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2325603a%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2310301b%22/%3E%3Cstop offset=%221%22 stop-color=%22%2310301b%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%2214%22 fill=%22url%28%23g%29%22 stroke=%22%234fd16c%22 stroke-width=%222%22/%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%2214%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.55%22 stroke-width=%222%22 stroke-dasharray=%224 7%22/%3E%3Cpath d=%22M14 5H106%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 16 0 16 fill stretch; }
html body .df-title-tag.df-tq--casino.df-tq-s2::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%231f4a8c%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%230e2350%22/%3E%3Cstop offset=%221%22 stop-color=%22%230e2350%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%2214%22 fill=%22url%28%23g%29%22 stroke=%22%2352a8ff%22 stroke-width=%222%22/%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%2214%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.55%22 stroke-width=%222%22 stroke-dasharray=%224 7%22/%3E%3Cpath d=%22M14 5H106%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 16 0 16 fill stretch; }
html body .df-title-tag.df-tq--casino.df-tq-s3::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2358288e%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%232a0f4c%22/%3E%3Cstop offset=%221%22 stop-color=%22%232a0f4c%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%2214%22 fill=%22url%28%23g%29%22 stroke=%22%23bd73ff%22 stroke-width=%222%22/%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%2214%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.55%22 stroke-width=%222%22 stroke-dasharray=%224 7%22/%3E%3Cpath d=%22M14 5H106%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 16 0 16 fill stretch; }
html body .df-title-tag.df-tq--casino.df-tq-s4::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%237a5410%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%233b2605%22/%3E%3Cstop offset=%221%22 stop-color=%22%233b2605%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%2214%22 fill=%22url%28%23g%29%22 stroke=%22%23ffcd4f%22 stroke-width=%222%22/%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%2214%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.55%22 stroke-width=%222%22 stroke-dasharray=%224 7%22/%3E%3Cpath d=%22M14 5H106%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 16 0 16 fill stretch; }
html body .df-title-tag.df-tq--casino.df-tq-s5::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%238c1224%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2340050f%22/%3E%3Cstop offset=%221%22 stop-color=%22%2340050f%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%2214%22 fill=%22url%28%23g%29%22 stroke=%22%23ff4d62%22 stroke-width=%222%22/%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%2214%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.55%22 stroke-width=%222%22 stroke-dasharray=%224 7%22/%3E%3Cpath d=%22M14 5H106%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 16 0 16 fill stretch; }
html body .df-title-tag.df-tq--casino.df-tq-s4, html body .df-title-tag.df-tq--casino.df-tq-s5 { --tq-ico: url('images/titles/crests/casino.png'); --tq-cw: 1.994em; padding-left: 2.994em; }
html body .df-title-tag.df-tq--casino.df-tq-s4::after, html body .df-title-tag.df-tq--casino.df-tq-s5::after { left: 0.7em; }
html body .df-title-tag.df-tq--market { --tq-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M2 20l6-7 4 4 9-11%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222.6%22 stroke-linejoin=%22round%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M15 4h7v7%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222.6%22 stroke-linejoin=%22round%22 stroke-linecap=%22round%22/%3E%3C/svg%3E"); padding-left: 2.2em; padding-right: 0.75em; }
html body .df-title-tag.df-tq--market::before { border-left-width: 0.8em; border-right-width: 0.3em; }
html body .df-title-tag.df-tq--market::after { left: 0.95em; right: 0.3em; }
html body .df-title-tag.df-tq--market.df-tq-s0::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%233a414b%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%231c2026%22/%3E%3Cstop offset=%221%22 stop-color=%22%231c2026%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M13 2H118V30H13L2 16z%22 fill=%22url%28%23g%29%22 stroke=%22%237d8794%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Ccircle cx=%2210%22 cy=%2216%22 r=%222.2%22 fill=%22%23000%22 fill-opacity=%22.55%22 stroke=%22%237d8794%22 stroke-width=%221%22/%3E%3Cpath d=%22M14 4H116%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 6 0 16 fill stretch; }
html body .df-title-tag.df-tq--market.df-tq-s1::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2325603a%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2310301b%22/%3E%3Cstop offset=%221%22 stop-color=%22%2310301b%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M13 2H118V30H13L2 16z%22 fill=%22url%28%23g%29%22 stroke=%22%234fd16c%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Ccircle cx=%2210%22 cy=%2216%22 r=%222.2%22 fill=%22%23000%22 fill-opacity=%22.55%22 stroke=%22%234fd16c%22 stroke-width=%221%22/%3E%3Cpath d=%22M14 4H116%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 6 0 16 fill stretch; }
html body .df-title-tag.df-tq--market.df-tq-s2::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%231f4a8c%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%230e2350%22/%3E%3Cstop offset=%221%22 stop-color=%22%230e2350%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M13 2H118V30H13L2 16z%22 fill=%22url%28%23g%29%22 stroke=%22%2352a8ff%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Ccircle cx=%2210%22 cy=%2216%22 r=%222.2%22 fill=%22%23000%22 fill-opacity=%22.55%22 stroke=%22%2352a8ff%22 stroke-width=%221%22/%3E%3Cpath d=%22M14 4H116%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 6 0 16 fill stretch; }
html body .df-title-tag.df-tq--market.df-tq-s3::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2358288e%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%232a0f4c%22/%3E%3Cstop offset=%221%22 stop-color=%22%232a0f4c%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M13 2H118V30H13L2 16z%22 fill=%22url%28%23g%29%22 stroke=%22%23bd73ff%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Ccircle cx=%2210%22 cy=%2216%22 r=%222.2%22 fill=%22%23000%22 fill-opacity=%22.55%22 stroke=%22%23bd73ff%22 stroke-width=%221%22/%3E%3Cpath d=%22M14 4H116%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 6 0 16 fill stretch; }
html body .df-title-tag.df-tq--market.df-tq-s4::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%237a5410%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%233b2605%22/%3E%3Cstop offset=%221%22 stop-color=%22%233b2605%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M13 2H118V30H13L2 16z%22 fill=%22url%28%23g%29%22 stroke=%22%23ffcd4f%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Ccircle cx=%2210%22 cy=%2216%22 r=%222.2%22 fill=%22%23000%22 fill-opacity=%22.55%22 stroke=%22%23ffcd4f%22 stroke-width=%221%22/%3E%3Cpath d=%22M14 4H116%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 6 0 16 fill stretch; }
html body .df-title-tag.df-tq--market.df-tq-s5::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%238c1224%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2340050f%22/%3E%3Cstop offset=%221%22 stop-color=%22%2340050f%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M13 2H118V30H13L2 16z%22 fill=%22url%28%23g%29%22 stroke=%22%23ff4d62%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Ccircle cx=%2210%22 cy=%2216%22 r=%222.2%22 fill=%22%23000%22 fill-opacity=%22.55%22 stroke=%22%23ff4d62%22 stroke-width=%221%22/%3E%3Cpath d=%22M14 4H116%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 6 0 16 fill stretch; }
html body .df-title-tag.df-tq--market.df-tq-s4, html body .df-title-tag.df-tq--market.df-tq-s5 { --tq-ico: url('images/titles/crests/market.png'); --tq-cw: 1.719em; padding-left: 2.719em; }
html body .df-title-tag.df-tq--market.df-tq-s4::after, html body .df-title-tag.df-tq--market.df-tq-s5::after { left: 0.7em; }
html body .df-title-tag.df-tq--days { --tq-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Crect x=%222.5%22 y=%224.5%22 width=%2219%22 height=%2217%22 rx=%222.5%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222.2%22/%3E%3Crect x=%222.5%22 y=%224.5%22 width=%2219%22 height=%225%22 rx=%222%22 fill=%22%23fff%22/%3E%3Cpath d=%22M7.5 2v5M16.5 2v5%22 stroke=%22%23fff%22 stroke-width=%222.4%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M7 14.5l3 3 6.5-6.5%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); padding-left: 2em; padding-right: 1.05em; }
html body .df-title-tag.df-tq--days::before { border-left-width: 0.6em; border-right-width: 0.6em; }
html body .df-title-tag.df-tq--days::after { left: 0.75em; right: 0.6em; }
html body .df-title-tag.df-tq--days.df-tq-s0::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%233a414b%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%231c2026%22/%3E%3Cstop offset=%221%22 stop-color=%22%231c2026%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M9 2H118V23L111 30H2V9z%22 fill=%22url%28%23g%29%22 stroke=%22%237d8794%22 stroke-width=%222%22/%3E%3Cpath d=%22M3 12V4.5L6 2M117 20v7.5L114 30%22 stroke=%22%237d8794%22 stroke-width=%221.4%22 fill=%22none%22/%3E%3Cpath d=%22M10 4H116%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--days.df-tq-s1::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2325603a%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2310301b%22/%3E%3Cstop offset=%221%22 stop-color=%22%2310301b%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M9 2H118V23L111 30H2V9z%22 fill=%22url%28%23g%29%22 stroke=%22%234fd16c%22 stroke-width=%222%22/%3E%3Cpath d=%22M3 12V4.5L6 2M117 20v7.5L114 30%22 stroke=%22%234fd16c%22 stroke-width=%221.4%22 fill=%22none%22/%3E%3Cpath d=%22M10 4H116%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--days.df-tq-s2::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%231f4a8c%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%230e2350%22/%3E%3Cstop offset=%221%22 stop-color=%22%230e2350%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M9 2H118V23L111 30H2V9z%22 fill=%22url%28%23g%29%22 stroke=%22%2352a8ff%22 stroke-width=%222%22/%3E%3Cpath d=%22M3 12V4.5L6 2M117 20v7.5L114 30%22 stroke=%22%2352a8ff%22 stroke-width=%221.4%22 fill=%22none%22/%3E%3Cpath d=%22M10 4H116%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--days.df-tq-s3::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2358288e%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%232a0f4c%22/%3E%3Cstop offset=%221%22 stop-color=%22%232a0f4c%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M9 2H118V23L111 30H2V9z%22 fill=%22url%28%23g%29%22 stroke=%22%23bd73ff%22 stroke-width=%222%22/%3E%3Cpath d=%22M3 12V4.5L6 2M117 20v7.5L114 30%22 stroke=%22%23bd73ff%22 stroke-width=%221.4%22 fill=%22none%22/%3E%3Cpath d=%22M10 4H116%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--days.df-tq-s4::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%237a5410%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%233b2605%22/%3E%3Cstop offset=%221%22 stop-color=%22%233b2605%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M9 2H118V23L111 30H2V9z%22 fill=%22url%28%23g%29%22 stroke=%22%23ffcd4f%22 stroke-width=%222%22/%3E%3Cpath d=%22M3 12V4.5L6 2M117 20v7.5L114 30%22 stroke=%22%23ffcd4f%22 stroke-width=%221.4%22 fill=%22none%22/%3E%3Cpath d=%22M10 4H116%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--days.df-tq-s5::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%238c1224%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2340050f%22/%3E%3Cstop offset=%221%22 stop-color=%22%2340050f%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M9 2H118V23L111 30H2V9z%22 fill=%22url%28%23g%29%22 stroke=%22%23ff4d62%22 stroke-width=%222%22/%3E%3Cpath d=%22M3 12V4.5L6 2M117 20v7.5L114 30%22 stroke=%22%23ff4d62%22 stroke-width=%221.4%22 fill=%22none%22/%3E%3Cpath d=%22M10 4H116%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--days.df-tq-s4, html body .df-title-tag.df-tq--days.df-tq-s5 { --tq-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2264%22 height=%2264%22 viewBox=%220 0 64 64%22%3E%3Cdefs%3E%3ClinearGradient id=%22p%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23ffffff%22/%3E%3Cstop offset=%221%22 stop-color=%22%23cfd6de%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22r%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23ff7a86%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%23d4223a%22/%3E%3Cstop offset=%221%22 stop-color=%22%237a0a1a%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff0b0%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23e2ab3c%22/%3E%3Cstop offset=%221%22 stop-color=%22%237d5410%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M12 20H54V56Q54 60 50 60H16Q12 60 12 56z%22 fill=%22%238a96a3%22 stroke=%22%231f2830%22 stroke-width=%221.6%22 transform=%22translate%283 0%29%22/%3E%3Crect x=%228%22 y=%2212%22 width=%2246%22 height=%2246%22 rx=%225%22 fill=%22url%28%23p%29%22 stroke=%22%231f2830%22 stroke-width=%222.2%22/%3E%3Cpath d=%22M8 25V17Q8 12 13 12H49Q54 12 54 17V25z%22 fill=%22url%28%23r%29%22 stroke=%22%231f2830%22 stroke-width=%222.2%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M13 16H49%22 stroke=%22%23fff%22 stroke-opacity=%22.5%22 stroke-width=%221.4%22 stroke-linecap=%22round%22/%3E%3Crect x=%2217%22 y=%224%22 width=%226%22 height=%2214%22 rx=%223%22 fill=%22url%28%23g%29%22 stroke=%22%231f2830%22 stroke-width=%221.8%22/%3E%3Crect x=%2239%22 y=%224%22 width=%226%22 height=%2214%22 rx=%223%22 fill=%22url%28%23g%29%22 stroke=%22%231f2830%22 stroke-width=%221.8%22/%3E%3Cpath d=%22M14 31H48M14 39H48M14 47H48%22 stroke=%22%239aa6b2%22 stroke-width=%221%22 stroke-opacity=%22.7%22/%3E%3Cpath d=%22M19 41L28 50L45 32%22 fill=%22none%22 stroke=%22%231f2830%22 stroke-width=%228%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M19 41L28 50L45 32%22 fill=%22none%22 stroke=%22%232bc46a%22 stroke-width=%224.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); --tq-cw: 2.2em; padding-left: 3em; }
html body .df-title-tag.df-tq--days.df-tq-s4::after, html body .df-title-tag.df-tq--days.df-tq-s5::after { left: 0.5em; }
html body .df-title-tag.df-tq--training { --tq-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Crect x=%221%22 y=%228%22 width=%223.5%22 height=%228%22 rx=%221%22 fill=%22%23fff%22/%3E%3Crect x=%224.5%22 y=%225.5%22 width=%223.5%22 height=%2213%22 rx=%221%22 fill=%22%23fff%22/%3E%3Crect x=%2216%22 y=%225.5%22 width=%223.5%22 height=%2213%22 rx=%221%22 fill=%22%23fff%22/%3E%3Crect x=%2219.5%22 y=%228%22 width=%223.5%22 height=%228%22 rx=%221%22 fill=%22%23fff%22/%3E%3Crect x=%228%22 y=%2210.5%22 width=%228%22 height=%223%22 fill=%22%23fff%22/%3E%3C/svg%3E"); padding-left: 2em; padding-right: 1.05em; }
html body .df-title-tag.df-tq--training::before { border-left-width: 0.6em; border-right-width: 0.6em; }
html body .df-title-tag.df-tq--training::after { left: 0.75em; right: 0.6em; }
html body .df-title-tag.df-tq--training.df-tq-s0::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%233a414b%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%231c2026%22/%3E%3Cstop offset=%221%22 stop-color=%22%231c2026%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M9 2H118V23L111 30H2V9z%22 fill=%22url%28%23g%29%22 stroke=%22%237d8794%22 stroke-width=%222%22/%3E%3Cpath d=%22M3 12V4.5L6 2M117 20v7.5L114 30%22 stroke=%22%237d8794%22 stroke-width=%221.4%22 fill=%22none%22/%3E%3Cpath d=%22M10 4H116%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--training.df-tq-s1::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2325603a%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2310301b%22/%3E%3Cstop offset=%221%22 stop-color=%22%2310301b%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M9 2H118V23L111 30H2V9z%22 fill=%22url%28%23g%29%22 stroke=%22%234fd16c%22 stroke-width=%222%22/%3E%3Cpath d=%22M3 12V4.5L6 2M117 20v7.5L114 30%22 stroke=%22%234fd16c%22 stroke-width=%221.4%22 fill=%22none%22/%3E%3Cpath d=%22M10 4H116%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--training.df-tq-s2::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%231f4a8c%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%230e2350%22/%3E%3Cstop offset=%221%22 stop-color=%22%230e2350%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M9 2H118V23L111 30H2V9z%22 fill=%22url%28%23g%29%22 stroke=%22%2352a8ff%22 stroke-width=%222%22/%3E%3Cpath d=%22M3 12V4.5L6 2M117 20v7.5L114 30%22 stroke=%22%2352a8ff%22 stroke-width=%221.4%22 fill=%22none%22/%3E%3Cpath d=%22M10 4H116%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--training.df-tq-s3::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2358288e%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%232a0f4c%22/%3E%3Cstop offset=%221%22 stop-color=%22%232a0f4c%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M9 2H118V23L111 30H2V9z%22 fill=%22url%28%23g%29%22 stroke=%22%23bd73ff%22 stroke-width=%222%22/%3E%3Cpath d=%22M3 12V4.5L6 2M117 20v7.5L114 30%22 stroke=%22%23bd73ff%22 stroke-width=%221.4%22 fill=%22none%22/%3E%3Cpath d=%22M10 4H116%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--training.df-tq-s4::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%237a5410%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%233b2605%22/%3E%3Cstop offset=%221%22 stop-color=%22%233b2605%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M9 2H118V23L111 30H2V9z%22 fill=%22url%28%23g%29%22 stroke=%22%23ffcd4f%22 stroke-width=%222%22/%3E%3Cpath d=%22M3 12V4.5L6 2M117 20v7.5L114 30%22 stroke=%22%23ffcd4f%22 stroke-width=%221.4%22 fill=%22none%22/%3E%3Cpath d=%22M10 4H116%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--training.df-tq-s5::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%238c1224%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2340050f%22/%3E%3Cstop offset=%221%22 stop-color=%22%2340050f%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M9 2H118V23L111 30H2V9z%22 fill=%22url%28%23g%29%22 stroke=%22%23ff4d62%22 stroke-width=%222%22/%3E%3Cpath d=%22M3 12V4.5L6 2M117 20v7.5L114 30%22 stroke=%22%23ff4d62%22 stroke-width=%221.4%22 fill=%22none%22/%3E%3Cpath d=%22M10 4H116%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--training.df-tq-s4, html body .df-title-tag.df-tq--training.df-tq-s5 { --tq-ico: url('images/titles/crests/training.png'); --tq-cw: 2.59em; padding-left: 3.39em; }
html body .df-title-tag.df-tq--training.df-tq-s4::after, html body .df-title-tag.df-tq--training.df-tq-s5::after { left: 0.5em; }
html body .df-title-tag.df-tq--business { --tq-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M5 22V4l7-3v21M12 22V8l7 2v12%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M7.5 7h2M7.5 11h2M7.5 15h2M14.5 13h2M14.5 17h2M2 22h20%22 stroke=%22%23fff%22 stroke-width=%222%22/%3E%3C/svg%3E"); padding-left: 2em; padding-right: 1.05em; }
html body .df-title-tag.df-tq--business::before { border-left-width: 0.6em; border-right-width: 0.6em; }
html body .df-title-tag.df-tq--business::after { left: 0.75em; right: 0.6em; }
html body .df-title-tag.df-tq--business.df-tq-s0::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%233a414b%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%231c2026%22/%3E%3Cstop offset=%221%22 stop-color=%22%231c2026%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M9 2H111L118 16 111 30H9L2 16z%22 fill=%22url%28%23g%29%22 stroke=%22%237d8794%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 4H110%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--business.df-tq-s1::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2325603a%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2310301b%22/%3E%3Cstop offset=%221%22 stop-color=%22%2310301b%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M9 2H111L118 16 111 30H9L2 16z%22 fill=%22url%28%23g%29%22 stroke=%22%234fd16c%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 4H110%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--business.df-tq-s2::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%231f4a8c%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%230e2350%22/%3E%3Cstop offset=%221%22 stop-color=%22%230e2350%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M9 2H111L118 16 111 30H9L2 16z%22 fill=%22url%28%23g%29%22 stroke=%22%2352a8ff%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 4H110%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--business.df-tq-s3::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2358288e%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%232a0f4c%22/%3E%3Cstop offset=%221%22 stop-color=%22%232a0f4c%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M9 2H111L118 16 111 30H9L2 16z%22 fill=%22url%28%23g%29%22 stroke=%22%23bd73ff%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 4H110%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--business.df-tq-s4::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%237a5410%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%233b2605%22/%3E%3Cstop offset=%221%22 stop-color=%22%233b2605%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M9 2H111L118 16 111 30H9L2 16z%22 fill=%22url%28%23g%29%22 stroke=%22%23ffcd4f%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 4H110%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--business.df-tq-s5::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%238c1224%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2340050f%22/%3E%3Cstop offset=%221%22 stop-color=%22%2340050f%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M9 2H111L118 16 111 30H9L2 16z%22 fill=%22url%28%23g%29%22 stroke=%22%23ff4d62%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 4H110%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--business.df-tq-s4, html body .df-title-tag.df-tq--business.df-tq-s5 { --tq-ico: url('images/titles/crests/business.png'); --tq-cw: 1.467em; padding-left: 2.267em; }
html body .df-title-tag.df-tq--business.df-tq-s4::after, html body .df-title-tag.df-tq--business.df-tq-s5::after { left: 0.5em; }
html body .df-title-tag.df-tq--gta { --tq-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229.5%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222.4%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%222.6%22 fill=%22%23fff%22/%3E%3Cpath d=%22M3 10.5c3-1.5 15-1.5 18 0M12 14.5v7%22 stroke=%22%23fff%22 stroke-width=%222.4%22 fill=%22none%22/%3E%3C/svg%3E"); padding-left: 2.6em; padding-right: 1.45em; }
html body .df-title-tag.df-tq--gta::before { border-left-width: 1.2em; border-right-width: 1em; }
html body .df-title-tag.df-tq--gta::after { left: 1.35em; right: 1em; }
html body .df-title-tag.df-tq--gta.df-tq-s0::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%233a414b%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%231c2026%22/%3E%3Cstop offset=%221%22 stop-color=%22%231c2026%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M20 3H118L102 29H4z%22 fill=%22url%28%23g%29%22 stroke=%22%237d8794%22 stroke-width=%222%22/%3E%3Cpath d=%22M0 10H12M2 16H10M0 22H7%22 stroke=%22%237d8794%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M20.5 5H115%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 20 0 24 fill stretch; }
html body .df-title-tag.df-tq--gta.df-tq-s1::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2325603a%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2310301b%22/%3E%3Cstop offset=%221%22 stop-color=%22%2310301b%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M20 3H118L102 29H4z%22 fill=%22url%28%23g%29%22 stroke=%22%234fd16c%22 stroke-width=%222%22/%3E%3Cpath d=%22M0 10H12M2 16H10M0 22H7%22 stroke=%22%234fd16c%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M20.5 5H115%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 20 0 24 fill stretch; }
html body .df-title-tag.df-tq--gta.df-tq-s2::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%231f4a8c%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%230e2350%22/%3E%3Cstop offset=%221%22 stop-color=%22%230e2350%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M20 3H118L102 29H4z%22 fill=%22url%28%23g%29%22 stroke=%22%2352a8ff%22 stroke-width=%222%22/%3E%3Cpath d=%22M0 10H12M2 16H10M0 22H7%22 stroke=%22%2352a8ff%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M20.5 5H115%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 20 0 24 fill stretch; }
html body .df-title-tag.df-tq--gta.df-tq-s3::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2358288e%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%232a0f4c%22/%3E%3Cstop offset=%221%22 stop-color=%22%232a0f4c%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M20 3H118L102 29H4z%22 fill=%22url%28%23g%29%22 stroke=%22%23bd73ff%22 stroke-width=%222%22/%3E%3Cpath d=%22M0 10H12M2 16H10M0 22H7%22 stroke=%22%23bd73ff%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M20.5 5H115%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 20 0 24 fill stretch; }
html body .df-title-tag.df-tq--gta.df-tq-s4::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%237a5410%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%233b2605%22/%3E%3Cstop offset=%221%22 stop-color=%22%233b2605%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M20 3H118L102 29H4z%22 fill=%22url%28%23g%29%22 stroke=%22%23ffcd4f%22 stroke-width=%222%22/%3E%3Cpath d=%22M0 10H12M2 16H10M0 22H7%22 stroke=%22%23ffcd4f%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M20.5 5H115%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 20 0 24 fill stretch; }
html body .df-title-tag.df-tq--gta.df-tq-s5::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%238c1224%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2340050f%22/%3E%3Cstop offset=%221%22 stop-color=%22%2340050f%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M20 3H118L102 29H4z%22 fill=%22url%28%23g%29%22 stroke=%22%23ff4d62%22 stroke-width=%222%22/%3E%3Cpath d=%22M0 10H12M2 16H10M0 22H7%22 stroke=%22%23ff4d62%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M20.5 5H115%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 20 0 24 fill stretch; }
html body .df-title-tag.df-tq--gta.df-tq-s4, html body .df-title-tag.df-tq--gta.df-tq-s5 { --tq-ico: url('images/titles/crests/gta.png'); --tq-cw: 2.177em; padding-left: 3.577em; }
html body .df-title-tag.df-tq--gta.df-tq-s4::after, html body .df-title-tag.df-tq--gta.df-tq-s5::after { left: 1.1em; }
html body .df-title-tag.df-tq--collection { --tq-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ccircle cx=%227%22 cy=%2212%22 r=%224.6%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222.4%22/%3E%3Cpath d=%22M11.5 12H23M19 12v4M15.5 12v3%22 stroke=%22%23fff%22 stroke-width=%222.4%22/%3E%3C/svg%3E"); padding-left: 2.1em; padding-right: 1.15em; }
html body .df-title-tag.df-tq--collection::before { border-left-width: 0.7em; border-right-width: 0.7em; }
html body .df-title-tag.df-tq--collection::after { left: 0.85em; right: 0.7em; }
html body .df-title-tag.df-tq--collection.df-tq-s0::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%233a414b%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%231c2026%22/%3E%3Cstop offset=%221%22 stop-color=%22%231c2026%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%225%22 fill=%22url%28%23g%29%22 stroke=%22%237d8794%22 stroke-width=%222%22/%3E%3Crect x=%225%22 y=%225%22 width=%22110%22 height=%2222%22 rx=%223%22 fill=%22none%22 stroke=%22%237d8794%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%229%22 cy=%2216%22 r=%221.6%22 fill=%22%237d8794%22/%3E%3Ccircle cx=%22111%22 cy=%2216%22 r=%221.6%22 fill=%22%237d8794%22/%3E%3C/svg%3E") 0 14 0 14 fill stretch; }
html body .df-title-tag.df-tq--collection.df-tq-s1::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2325603a%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2310301b%22/%3E%3Cstop offset=%221%22 stop-color=%22%2310301b%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%225%22 fill=%22url%28%23g%29%22 stroke=%22%234fd16c%22 stroke-width=%222%22/%3E%3Crect x=%225%22 y=%225%22 width=%22110%22 height=%2222%22 rx=%223%22 fill=%22none%22 stroke=%22%234fd16c%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%229%22 cy=%2216%22 r=%221.6%22 fill=%22%234fd16c%22/%3E%3Ccircle cx=%22111%22 cy=%2216%22 r=%221.6%22 fill=%22%234fd16c%22/%3E%3C/svg%3E") 0 14 0 14 fill stretch; }
html body .df-title-tag.df-tq--collection.df-tq-s2::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%231f4a8c%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%230e2350%22/%3E%3Cstop offset=%221%22 stop-color=%22%230e2350%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%225%22 fill=%22url%28%23g%29%22 stroke=%22%2352a8ff%22 stroke-width=%222%22/%3E%3Crect x=%225%22 y=%225%22 width=%22110%22 height=%2222%22 rx=%223%22 fill=%22none%22 stroke=%22%2352a8ff%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%229%22 cy=%2216%22 r=%221.6%22 fill=%22%2352a8ff%22/%3E%3Ccircle cx=%22111%22 cy=%2216%22 r=%221.6%22 fill=%22%2352a8ff%22/%3E%3C/svg%3E") 0 14 0 14 fill stretch; }
html body .df-title-tag.df-tq--collection.df-tq-s3::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2358288e%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%232a0f4c%22/%3E%3Cstop offset=%221%22 stop-color=%22%232a0f4c%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%225%22 fill=%22url%28%23g%29%22 stroke=%22%23bd73ff%22 stroke-width=%222%22/%3E%3Crect x=%225%22 y=%225%22 width=%22110%22 height=%2222%22 rx=%223%22 fill=%22none%22 stroke=%22%23bd73ff%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%229%22 cy=%2216%22 r=%221.6%22 fill=%22%23bd73ff%22/%3E%3Ccircle cx=%22111%22 cy=%2216%22 r=%221.6%22 fill=%22%23bd73ff%22/%3E%3C/svg%3E") 0 14 0 14 fill stretch; }
html body .df-title-tag.df-tq--collection.df-tq-s4::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%237a5410%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%233b2605%22/%3E%3Cstop offset=%221%22 stop-color=%22%233b2605%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%225%22 fill=%22url%28%23g%29%22 stroke=%22%23ffcd4f%22 stroke-width=%222%22/%3E%3Crect x=%225%22 y=%225%22 width=%22110%22 height=%2222%22 rx=%223%22 fill=%22none%22 stroke=%22%23ffcd4f%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%229%22 cy=%2216%22 r=%221.6%22 fill=%22%23ffcd4f%22/%3E%3Ccircle cx=%22111%22 cy=%2216%22 r=%221.6%22 fill=%22%23ffcd4f%22/%3E%3C/svg%3E") 0 14 0 14 fill stretch; }
html body .df-title-tag.df-tq--collection.df-tq-s5::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%238c1224%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2340050f%22/%3E%3Cstop offset=%221%22 stop-color=%22%2340050f%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%225%22 fill=%22url%28%23g%29%22 stroke=%22%23ff4d62%22 stroke-width=%222%22/%3E%3Crect x=%225%22 y=%225%22 width=%22110%22 height=%2222%22 rx=%223%22 fill=%22none%22 stroke=%22%23ff4d62%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Ccircle cx=%229%22 cy=%2216%22 r=%221.6%22 fill=%22%23ff4d62%22/%3E%3Ccircle cx=%22111%22 cy=%2216%22 r=%221.6%22 fill=%22%23ff4d62%22/%3E%3C/svg%3E") 0 14 0 14 fill stretch; }
html body .df-title-tag.df-tq--collection.df-tq-s4, html body .df-title-tag.df-tq--collection.df-tq-s5 { --tq-ico: url('images/titles/crests/collection.png'); --tq-cw: 2.613em; padding-left: 3.513em; }
html body .df-title-tag.df-tq--collection.df-tq-s4::after, html body .df-title-tag.df-tq--collection.df-tq-s5::after { left: 0.6em; }
html body .df-title-tag.df-tq--crew { --tq-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M12 1.5l9 3.5v6c0 6-4 10-9 11.5C7 21 3 17 3 11V5z%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222.2%22 stroke-linejoin=%22round%22/%3E%3Ccircle cx=%2212%22 cy=%229%22 r=%222.6%22 fill=%22%23fff%22/%3E%3Cpath d=%22M7.5 17c.8-3 2.5-4.5 4.5-4.5s3.7 1.5 4.5 4.5z%22 fill=%22%23fff%22/%3E%3C/svg%3E"); padding-left: 2em; padding-right: 1.05em; }
html body .df-title-tag.df-tq--crew::before { border-left-width: 0.6em; border-right-width: 0.6em; }
html body .df-title-tag.df-tq--crew::after { left: 0.75em; right: 0.6em; }
html body .df-title-tag.df-tq--crew.df-tq-s0::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%233a414b%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%231c2026%22/%3E%3Cstop offset=%221%22 stop-color=%22%231c2026%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M10 2H110L118 9V23L110 30H10L2 23V9z%22 fill=%22url%28%23g%29%22 stroke=%22%237d8794%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M11 5H109L115 10.5V21.5L109 27H11L5 21.5V10.5z%22 fill=%22none%22 stroke=%22%237d8794%22 stroke-opacity=%22.45%22 stroke-width=%221%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--crew.df-tq-s1::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2325603a%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2310301b%22/%3E%3Cstop offset=%221%22 stop-color=%22%2310301b%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M10 2H110L118 9V23L110 30H10L2 23V9z%22 fill=%22url%28%23g%29%22 stroke=%22%234fd16c%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M11 5H109L115 10.5V21.5L109 27H11L5 21.5V10.5z%22 fill=%22none%22 stroke=%22%234fd16c%22 stroke-opacity=%22.45%22 stroke-width=%221%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--crew.df-tq-s2::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%231f4a8c%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%230e2350%22/%3E%3Cstop offset=%221%22 stop-color=%22%230e2350%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M10 2H110L118 9V23L110 30H10L2 23V9z%22 fill=%22url%28%23g%29%22 stroke=%22%2352a8ff%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M11 5H109L115 10.5V21.5L109 27H11L5 21.5V10.5z%22 fill=%22none%22 stroke=%22%2352a8ff%22 stroke-opacity=%22.45%22 stroke-width=%221%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--crew.df-tq-s3::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2358288e%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%232a0f4c%22/%3E%3Cstop offset=%221%22 stop-color=%22%232a0f4c%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M10 2H110L118 9V23L110 30H10L2 23V9z%22 fill=%22url%28%23g%29%22 stroke=%22%23bd73ff%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M11 5H109L115 10.5V21.5L109 27H11L5 21.5V10.5z%22 fill=%22none%22 stroke=%22%23bd73ff%22 stroke-opacity=%22.45%22 stroke-width=%221%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--crew.df-tq-s4::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%237a5410%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%233b2605%22/%3E%3Cstop offset=%221%22 stop-color=%22%233b2605%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M10 2H110L118 9V23L110 30H10L2 23V9z%22 fill=%22url%28%23g%29%22 stroke=%22%23ffcd4f%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M11 5H109L115 10.5V21.5L109 27H11L5 21.5V10.5z%22 fill=%22none%22 stroke=%22%23ffcd4f%22 stroke-opacity=%22.45%22 stroke-width=%221%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--crew.df-tq-s5::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%238c1224%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2340050f%22/%3E%3Cstop offset=%221%22 stop-color=%22%2340050f%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M10 2H110L118 9V23L110 30H10L2 23V9z%22 fill=%22url%28%23g%29%22 stroke=%22%23ff4d62%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M11 5H109L115 10.5V21.5L109 27H11L5 21.5V10.5z%22 fill=%22none%22 stroke=%22%23ff4d62%22 stroke-opacity=%22.45%22 stroke-width=%221%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--crew.df-tq-s4, html body .df-title-tag.df-tq--crew.df-tq-s5 { --tq-ico: url('images/titles/crests/crew.png'); --tq-cw: 1.765em; padding-left: 2.565em; }
html body .df-title-tag.df-tq--crew.df-tq-s4::after, html body .df-title-tag.df-tq--crew.df-tq-s5::after { left: 0.5em; }
html body .df-title-tag.df-tq--street { --tq-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Crect x=%225%22 y=%229%22 width=%229%22 height=%2214%22 rx=%222%22 fill=%22%23fff%22/%3E%3Crect x=%227%22 y=%225.5%22 width=%225%22 height=%223.5%22 fill=%22%23fff%22/%3E%3Ccircle cx=%2218%22 cy=%224%22 r=%221.2%22 fill=%22%23fff%22/%3E%3Ccircle cx=%2221%22 cy=%227%22 r=%221.2%22 fill=%22%23fff%22/%3E%3Ccircle cx=%2221.5%22 cy=%222.5%22 r=%221%22 fill=%22%23fff%22/%3E%3Ccircle cx=%2217.5%22 cy=%228.5%22 r=%22.9%22 fill=%22%23fff%22/%3E%3C/svg%3E"); padding-left: 2.9em; padding-right: 1.95em; }
html body .df-title-tag.df-tq--street::before { border-left-width: 1.5em; border-right-width: 1.5em; }
html body .df-title-tag.df-tq--street::after { left: 1.65em; right: 1.5em; }
html body .df-title-tag.df-tq--street.df-tq-s0::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%233a414b%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%231c2026%22/%3E%3Cstop offset=%221%22 stop-color=%22%231c2026%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cdefs%3E%3ClinearGradient id=%22s%22 x1=%220%22 x2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%237d8794%22 stop-opacity=%220%22/%3E%3Cstop offset=%22.25%22 stop-color=%22%237d8794%22 stop-opacity=%22.35%22/%3E%3Cstop offset=%22.75%22 stop-color=%22%237d8794%22 stop-opacity=%22.35%22/%3E%3Cstop offset=%221%22 stop-color=%22%237d8794%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22u%22 x1=%220%22 x2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%237d8794%22 stop-opacity=%220%22/%3E%3Cstop offset=%22.3%22 stop-color=%22%237d8794%22/%3E%3Cstop offset=%22.7%22 stop-color=%22%237d8794%22/%3E%3Cstop offset=%221%22 stop-color=%22%237d8794%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M6 6L120 4 114 27 0 28z%22 fill=%22url%28%23s%29%22/%3E%3Cpath d=%22M0 29.5H120%22 stroke=%22url%28%23u%29%22 stroke-width=%222%22/%3E%3C/svg%3E") 0 30 0 30 fill stretch; }
html body .df-title-tag.df-tq--street.df-tq-s1::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2325603a%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2310301b%22/%3E%3Cstop offset=%221%22 stop-color=%22%2310301b%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cdefs%3E%3ClinearGradient id=%22s%22 x1=%220%22 x2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%234fd16c%22 stop-opacity=%220%22/%3E%3Cstop offset=%22.25%22 stop-color=%22%234fd16c%22 stop-opacity=%22.35%22/%3E%3Cstop offset=%22.75%22 stop-color=%22%234fd16c%22 stop-opacity=%22.35%22/%3E%3Cstop offset=%221%22 stop-color=%22%234fd16c%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22u%22 x1=%220%22 x2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%234fd16c%22 stop-opacity=%220%22/%3E%3Cstop offset=%22.3%22 stop-color=%22%234fd16c%22/%3E%3Cstop offset=%22.7%22 stop-color=%22%234fd16c%22/%3E%3Cstop offset=%221%22 stop-color=%22%234fd16c%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M6 6L120 4 114 27 0 28z%22 fill=%22url%28%23s%29%22/%3E%3Cpath d=%22M0 29.5H120%22 stroke=%22url%28%23u%29%22 stroke-width=%222%22/%3E%3C/svg%3E") 0 30 0 30 fill stretch; }
html body .df-title-tag.df-tq--street.df-tq-s2::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%231f4a8c%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%230e2350%22/%3E%3Cstop offset=%221%22 stop-color=%22%230e2350%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cdefs%3E%3ClinearGradient id=%22s%22 x1=%220%22 x2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2352a8ff%22 stop-opacity=%220%22/%3E%3Cstop offset=%22.25%22 stop-color=%22%2352a8ff%22 stop-opacity=%22.35%22/%3E%3Cstop offset=%22.75%22 stop-color=%22%2352a8ff%22 stop-opacity=%22.35%22/%3E%3Cstop offset=%221%22 stop-color=%22%2352a8ff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22u%22 x1=%220%22 x2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2352a8ff%22 stop-opacity=%220%22/%3E%3Cstop offset=%22.3%22 stop-color=%22%2352a8ff%22/%3E%3Cstop offset=%22.7%22 stop-color=%22%2352a8ff%22/%3E%3Cstop offset=%221%22 stop-color=%22%2352a8ff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M6 6L120 4 114 27 0 28z%22 fill=%22url%28%23s%29%22/%3E%3Cpath d=%22M0 29.5H120%22 stroke=%22url%28%23u%29%22 stroke-width=%222%22/%3E%3C/svg%3E") 0 30 0 30 fill stretch; }
html body .df-title-tag.df-tq--street.df-tq-s3::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2358288e%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%232a0f4c%22/%3E%3Cstop offset=%221%22 stop-color=%22%232a0f4c%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cdefs%3E%3ClinearGradient id=%22s%22 x1=%220%22 x2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23bd73ff%22 stop-opacity=%220%22/%3E%3Cstop offset=%22.25%22 stop-color=%22%23bd73ff%22 stop-opacity=%22.35%22/%3E%3Cstop offset=%22.75%22 stop-color=%22%23bd73ff%22 stop-opacity=%22.35%22/%3E%3Cstop offset=%221%22 stop-color=%22%23bd73ff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22u%22 x1=%220%22 x2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23bd73ff%22 stop-opacity=%220%22/%3E%3Cstop offset=%22.3%22 stop-color=%22%23bd73ff%22/%3E%3Cstop offset=%22.7%22 stop-color=%22%23bd73ff%22/%3E%3Cstop offset=%221%22 stop-color=%22%23bd73ff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M6 6L120 4 114 27 0 28z%22 fill=%22url%28%23s%29%22/%3E%3Cpath d=%22M0 29.5H120%22 stroke=%22url%28%23u%29%22 stroke-width=%222%22/%3E%3C/svg%3E") 0 30 0 30 fill stretch; }
html body .df-title-tag.df-tq--street.df-tq-s4::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%237a5410%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%233b2605%22/%3E%3Cstop offset=%221%22 stop-color=%22%233b2605%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cdefs%3E%3ClinearGradient id=%22s%22 x1=%220%22 x2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23ffcd4f%22 stop-opacity=%220%22/%3E%3Cstop offset=%22.25%22 stop-color=%22%23ffcd4f%22 stop-opacity=%22.35%22/%3E%3Cstop offset=%22.75%22 stop-color=%22%23ffcd4f%22 stop-opacity=%22.35%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ffcd4f%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22u%22 x1=%220%22 x2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23ffcd4f%22 stop-opacity=%220%22/%3E%3Cstop offset=%22.3%22 stop-color=%22%23ffcd4f%22/%3E%3Cstop offset=%22.7%22 stop-color=%22%23ffcd4f%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ffcd4f%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M6 6L120 4 114 27 0 28z%22 fill=%22url%28%23s%29%22/%3E%3Cpath d=%22M0 29.5H120%22 stroke=%22url%28%23u%29%22 stroke-width=%222%22/%3E%3C/svg%3E") 0 30 0 30 fill stretch; }
html body .df-title-tag.df-tq--street.df-tq-s5::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%238c1224%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2340050f%22/%3E%3Cstop offset=%221%22 stop-color=%22%2340050f%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cdefs%3E%3ClinearGradient id=%22s%22 x1=%220%22 x2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23ff4d62%22 stop-opacity=%220%22/%3E%3Cstop offset=%22.25%22 stop-color=%22%23ff4d62%22 stop-opacity=%22.35%22/%3E%3Cstop offset=%22.75%22 stop-color=%22%23ff4d62%22 stop-opacity=%22.35%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ff4d62%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22u%22 x1=%220%22 x2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23ff4d62%22 stop-opacity=%220%22/%3E%3Cstop offset=%22.3%22 stop-color=%22%23ff4d62%22/%3E%3Cstop offset=%22.7%22 stop-color=%22%23ff4d62%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ff4d62%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M6 6L120 4 114 27 0 28z%22 fill=%22url%28%23s%29%22/%3E%3Cpath d=%22M0 29.5H120%22 stroke=%22url%28%23u%29%22 stroke-width=%222%22/%3E%3C/svg%3E") 0 30 0 30 fill stretch; }
html body .df-title-tag.df-tq--street.df-tq-s4, html body .df-title-tag.df-tq--street.df-tq-s5 { --tq-ico: url('images/titles/crests/street.png'); --tq-cw: 1.879em; padding-left: 3.579em; }
html body .df-title-tag.df-tq--street.df-tq-s4::after, html body .df-title-tag.df-tq--street.df-tq-s5::after { left: 1.4em; }
html body .df-title-tag.df-tq--travel { --tq-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M22 12c0-1-1-1.6-2.2-1.6H15L9.5 2H7l3 8.4H5.2L3 7.5H1l1.4 4.5L1 16.5h2l2.2-2.9H10L7 22h2.5l5.5-8.4h4.8c1.2 0 2.2-.6 2.2-1.6z%22 fill=%22%23fff%22/%3E%3C/svg%3E"); padding-left: 3em; padding-right: 0.85em; }
html body .df-title-tag.df-tq--travel::before { border-left-width: 1.6em; border-right-width: 0.4em; }
html body .df-title-tag.df-tq--travel::after { left: 1.75em; right: 0.4em; }
html body .df-title-tag.df-tq--travel.df-tq-s0::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%233a414b%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%231c2026%22/%3E%3Cstop offset=%221%22 stop-color=%22%231c2026%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M2 2H24A4 4 0 0 0 32 2H118V30H32A4 4 0 0 0 24 30H2z%22 fill=%22url%28%23g%29%22 stroke=%22%237d8794%22 stroke-width=%222%22/%3E%3Cpath d=%22M28 7V25%22 stroke=%22%237d8794%22 stroke-width=%221.4%22 stroke-dasharray=%222 2%22/%3E%3Cpath d=%22M33 4H116%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 8 0 32 fill stretch; }
html body .df-title-tag.df-tq--travel.df-tq-s1::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2325603a%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2310301b%22/%3E%3Cstop offset=%221%22 stop-color=%22%2310301b%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M2 2H24A4 4 0 0 0 32 2H118V30H32A4 4 0 0 0 24 30H2z%22 fill=%22url%28%23g%29%22 stroke=%22%234fd16c%22 stroke-width=%222%22/%3E%3Cpath d=%22M28 7V25%22 stroke=%22%234fd16c%22 stroke-width=%221.4%22 stroke-dasharray=%222 2%22/%3E%3Cpath d=%22M33 4H116%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 8 0 32 fill stretch; }
html body .df-title-tag.df-tq--travel.df-tq-s2::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%231f4a8c%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%230e2350%22/%3E%3Cstop offset=%221%22 stop-color=%22%230e2350%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M2 2H24A4 4 0 0 0 32 2H118V30H32A4 4 0 0 0 24 30H2z%22 fill=%22url%28%23g%29%22 stroke=%22%2352a8ff%22 stroke-width=%222%22/%3E%3Cpath d=%22M28 7V25%22 stroke=%22%2352a8ff%22 stroke-width=%221.4%22 stroke-dasharray=%222 2%22/%3E%3Cpath d=%22M33 4H116%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 8 0 32 fill stretch; }
html body .df-title-tag.df-tq--travel.df-tq-s3::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2358288e%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%232a0f4c%22/%3E%3Cstop offset=%221%22 stop-color=%22%232a0f4c%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M2 2H24A4 4 0 0 0 32 2H118V30H32A4 4 0 0 0 24 30H2z%22 fill=%22url%28%23g%29%22 stroke=%22%23bd73ff%22 stroke-width=%222%22/%3E%3Cpath d=%22M28 7V25%22 stroke=%22%23bd73ff%22 stroke-width=%221.4%22 stroke-dasharray=%222 2%22/%3E%3Cpath d=%22M33 4H116%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 8 0 32 fill stretch; }
html body .df-title-tag.df-tq--travel.df-tq-s4::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%237a5410%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%233b2605%22/%3E%3Cstop offset=%221%22 stop-color=%22%233b2605%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M2 2H24A4 4 0 0 0 32 2H118V30H32A4 4 0 0 0 24 30H2z%22 fill=%22url%28%23g%29%22 stroke=%22%23ffcd4f%22 stroke-width=%222%22/%3E%3Cpath d=%22M28 7V25%22 stroke=%22%23ffcd4f%22 stroke-width=%221.4%22 stroke-dasharray=%222 2%22/%3E%3Cpath d=%22M33 4H116%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 8 0 32 fill stretch; }
html body .df-title-tag.df-tq--travel.df-tq-s5::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%238c1224%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2340050f%22/%3E%3Cstop offset=%221%22 stop-color=%22%2340050f%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M2 2H24A4 4 0 0 0 32 2H118V30H32A4 4 0 0 0 24 30H2z%22 fill=%22url%28%23g%29%22 stroke=%22%23ff4d62%22 stroke-width=%222%22/%3E%3Cpath d=%22M28 7V25%22 stroke=%22%23ff4d62%22 stroke-width=%221.4%22 stroke-dasharray=%222 2%22/%3E%3Cpath d=%22M33 4H116%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 8 0 32 fill stretch; }
html body .df-title-tag.df-tq--travel.df-tq-s4, html body .df-title-tag.df-tq--travel.df-tq-s5 { --tq-ico: url('images/titles/crests/travel.png'); --tq-cw: 1.696em; padding-left: 3.496em; }
html body .df-title-tag.df-tq--travel.df-tq-s4::after, html body .df-title-tag.df-tq--travel.df-tq-s5::after { left: 1.5em; }
html body .df-title-tag.df-tq--bank { --tq-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M12 1.5L1.5 7h21z%22 fill=%22%23fff%22/%3E%3Cpath d=%22M4 9v10M9.3 9v10M14.7 9v10M20 9v10%22 stroke=%22%23fff%22 stroke-width=%222.4%22/%3E%3Cpath d=%22M1.5 21.5h21%22 stroke=%22%23fff%22 stroke-width=%222.4%22/%3E%3C/svg%3E"); padding-left: 2em; padding-right: 1.05em; }
html body .df-title-tag.df-tq--bank::before { border-left-width: 0.6em; border-right-width: 0.6em; }
html body .df-title-tag.df-tq--bank::after { left: 0.75em; right: 0.6em; }
html body .df-title-tag.df-tq--bank.df-tq-s0::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%233a414b%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%231c2026%22/%3E%3Cstop offset=%221%22 stop-color=%22%231c2026%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%223%22 fill=%22url%28%23g%29%22 stroke=%22%237d8794%22 stroke-width=%222.6%22/%3E%3Crect x=%225%22 y=%225%22 width=%22110%22 height=%2222%22 rx=%221.5%22 fill=%22none%22 stroke=%22%237d8794%22 stroke-opacity=%22.55%22 stroke-width=%221%22/%3E%3Ccircle cx=%227%22 cy=%227%22 r=%221.3%22 fill=%22%237d8794%22/%3E%3Ccircle cx=%227%22 cy=%2225%22 r=%221.3%22 fill=%22%237d8794%22/%3E%3Ccircle cx=%22113%22 cy=%227%22 r=%221.3%22 fill=%22%237d8794%22/%3E%3Ccircle cx=%22113%22 cy=%2225%22 r=%221.3%22 fill=%22%237d8794%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--bank.df-tq-s1::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2325603a%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2310301b%22/%3E%3Cstop offset=%221%22 stop-color=%22%2310301b%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%223%22 fill=%22url%28%23g%29%22 stroke=%22%234fd16c%22 stroke-width=%222.6%22/%3E%3Crect x=%225%22 y=%225%22 width=%22110%22 height=%2222%22 rx=%221.5%22 fill=%22none%22 stroke=%22%234fd16c%22 stroke-opacity=%22.55%22 stroke-width=%221%22/%3E%3Ccircle cx=%227%22 cy=%227%22 r=%221.3%22 fill=%22%234fd16c%22/%3E%3Ccircle cx=%227%22 cy=%2225%22 r=%221.3%22 fill=%22%234fd16c%22/%3E%3Ccircle cx=%22113%22 cy=%227%22 r=%221.3%22 fill=%22%234fd16c%22/%3E%3Ccircle cx=%22113%22 cy=%2225%22 r=%221.3%22 fill=%22%234fd16c%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--bank.df-tq-s2::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%231f4a8c%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%230e2350%22/%3E%3Cstop offset=%221%22 stop-color=%22%230e2350%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%223%22 fill=%22url%28%23g%29%22 stroke=%22%2352a8ff%22 stroke-width=%222.6%22/%3E%3Crect x=%225%22 y=%225%22 width=%22110%22 height=%2222%22 rx=%221.5%22 fill=%22none%22 stroke=%22%2352a8ff%22 stroke-opacity=%22.55%22 stroke-width=%221%22/%3E%3Ccircle cx=%227%22 cy=%227%22 r=%221.3%22 fill=%22%2352a8ff%22/%3E%3Ccircle cx=%227%22 cy=%2225%22 r=%221.3%22 fill=%22%2352a8ff%22/%3E%3Ccircle cx=%22113%22 cy=%227%22 r=%221.3%22 fill=%22%2352a8ff%22/%3E%3Ccircle cx=%22113%22 cy=%2225%22 r=%221.3%22 fill=%22%2352a8ff%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--bank.df-tq-s3::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2358288e%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%232a0f4c%22/%3E%3Cstop offset=%221%22 stop-color=%22%232a0f4c%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%223%22 fill=%22url%28%23g%29%22 stroke=%22%23bd73ff%22 stroke-width=%222.6%22/%3E%3Crect x=%225%22 y=%225%22 width=%22110%22 height=%2222%22 rx=%221.5%22 fill=%22none%22 stroke=%22%23bd73ff%22 stroke-opacity=%22.55%22 stroke-width=%221%22/%3E%3Ccircle cx=%227%22 cy=%227%22 r=%221.3%22 fill=%22%23bd73ff%22/%3E%3Ccircle cx=%227%22 cy=%2225%22 r=%221.3%22 fill=%22%23bd73ff%22/%3E%3Ccircle cx=%22113%22 cy=%227%22 r=%221.3%22 fill=%22%23bd73ff%22/%3E%3Ccircle cx=%22113%22 cy=%2225%22 r=%221.3%22 fill=%22%23bd73ff%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--bank.df-tq-s4::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%237a5410%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%233b2605%22/%3E%3Cstop offset=%221%22 stop-color=%22%233b2605%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%223%22 fill=%22url%28%23g%29%22 stroke=%22%23ffcd4f%22 stroke-width=%222.6%22/%3E%3Crect x=%225%22 y=%225%22 width=%22110%22 height=%2222%22 rx=%221.5%22 fill=%22none%22 stroke=%22%23ffcd4f%22 stroke-opacity=%22.55%22 stroke-width=%221%22/%3E%3Ccircle cx=%227%22 cy=%227%22 r=%221.3%22 fill=%22%23ffcd4f%22/%3E%3Ccircle cx=%227%22 cy=%2225%22 r=%221.3%22 fill=%22%23ffcd4f%22/%3E%3Ccircle cx=%22113%22 cy=%227%22 r=%221.3%22 fill=%22%23ffcd4f%22/%3E%3Ccircle cx=%22113%22 cy=%2225%22 r=%221.3%22 fill=%22%23ffcd4f%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--bank.df-tq-s5::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%238c1224%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2340050f%22/%3E%3Cstop offset=%221%22 stop-color=%22%2340050f%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%223%22 fill=%22url%28%23g%29%22 stroke=%22%23ff4d62%22 stroke-width=%222.6%22/%3E%3Crect x=%225%22 y=%225%22 width=%22110%22 height=%2222%22 rx=%221.5%22 fill=%22none%22 stroke=%22%23ff4d62%22 stroke-opacity=%22.55%22 stroke-width=%221%22/%3E%3Ccircle cx=%227%22 cy=%227%22 r=%221.3%22 fill=%22%23ff4d62%22/%3E%3Ccircle cx=%227%22 cy=%2225%22 r=%221.3%22 fill=%22%23ff4d62%22/%3E%3Ccircle cx=%22113%22 cy=%227%22 r=%221.3%22 fill=%22%23ff4d62%22/%3E%3Ccircle cx=%22113%22 cy=%2225%22 r=%221.3%22 fill=%22%23ff4d62%22/%3E%3C/svg%3E") 0 12 0 12 fill stretch; }
html body .df-title-tag.df-tq--bank.df-tq-s4, html body .df-title-tag.df-tq--bank.df-tq-s5 { --tq-ico: url('images/titles/crests/bank.png'); --tq-cw: 2.177em; padding-left: 2.977em; }
html body .df-title-tag.df-tq--bank.df-tq-s4::after, html body .df-title-tag.df-tq--bank.df-tq-s5::after { left: 0.5em; }
html body .df-title-tag.df-tq--trade { --tq-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M12 1.5l10 5v11l-10 5-10-5v-11z%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222.2%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M2 6.5l10 5 10-5M12 11.5v11%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222.2%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); padding-left: 2.2em; padding-right: 1.25em; }
html body .df-title-tag.df-tq--trade::before { border-left-width: 0.8em; border-right-width: 0.8em; }
html body .df-title-tag.df-tq--trade::after { left: 0.95em; right: 0.8em; }
html body .df-title-tag.df-tq--trade.df-tq-s0::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%233a414b%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%231c2026%22/%3E%3Cstop offset=%221%22 stop-color=%22%231c2026%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%221%22 fill=%22url%28%23g%29%22 stroke=%22%237d8794%22 stroke-width=%222%22/%3E%3Cpath d=%22M3 3L14 29M14 3L3 29M106 3L117 29M117 3L106 29%22 stroke=%22%237d8794%22 stroke-opacity=%22.6%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M15 2V30M105 2V30%22 stroke=%22%237d8794%22 stroke-width=%221.6%22/%3E%3C/svg%3E") 0 16 0 16 fill stretch; }
html body .df-title-tag.df-tq--trade.df-tq-s1::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2325603a%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2310301b%22/%3E%3Cstop offset=%221%22 stop-color=%22%2310301b%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%221%22 fill=%22url%28%23g%29%22 stroke=%22%234fd16c%22 stroke-width=%222%22/%3E%3Cpath d=%22M3 3L14 29M14 3L3 29M106 3L117 29M117 3L106 29%22 stroke=%22%234fd16c%22 stroke-opacity=%22.6%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M15 2V30M105 2V30%22 stroke=%22%234fd16c%22 stroke-width=%221.6%22/%3E%3C/svg%3E") 0 16 0 16 fill stretch; }
html body .df-title-tag.df-tq--trade.df-tq-s2::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%231f4a8c%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%230e2350%22/%3E%3Cstop offset=%221%22 stop-color=%22%230e2350%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%221%22 fill=%22url%28%23g%29%22 stroke=%22%2352a8ff%22 stroke-width=%222%22/%3E%3Cpath d=%22M3 3L14 29M14 3L3 29M106 3L117 29M117 3L106 29%22 stroke=%22%2352a8ff%22 stroke-opacity=%22.6%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M15 2V30M105 2V30%22 stroke=%22%2352a8ff%22 stroke-width=%221.6%22/%3E%3C/svg%3E") 0 16 0 16 fill stretch; }
html body .df-title-tag.df-tq--trade.df-tq-s3::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2358288e%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%232a0f4c%22/%3E%3Cstop offset=%221%22 stop-color=%22%232a0f4c%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%221%22 fill=%22url%28%23g%29%22 stroke=%22%23bd73ff%22 stroke-width=%222%22/%3E%3Cpath d=%22M3 3L14 29M14 3L3 29M106 3L117 29M117 3L106 29%22 stroke=%22%23bd73ff%22 stroke-opacity=%22.6%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M15 2V30M105 2V30%22 stroke=%22%23bd73ff%22 stroke-width=%221.6%22/%3E%3C/svg%3E") 0 16 0 16 fill stretch; }
html body .df-title-tag.df-tq--trade.df-tq-s4::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%237a5410%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%233b2605%22/%3E%3Cstop offset=%221%22 stop-color=%22%233b2605%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%221%22 fill=%22url%28%23g%29%22 stroke=%22%23ffcd4f%22 stroke-width=%222%22/%3E%3Cpath d=%22M3 3L14 29M14 3L3 29M106 3L117 29M117 3L106 29%22 stroke=%22%23ffcd4f%22 stroke-opacity=%22.6%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M15 2V30M105 2V30%22 stroke=%22%23ffcd4f%22 stroke-width=%221.6%22/%3E%3C/svg%3E") 0 16 0 16 fill stretch; }
html body .df-title-tag.df-tq--trade.df-tq-s5::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%238c1224%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2340050f%22/%3E%3Cstop offset=%221%22 stop-color=%22%2340050f%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%221%22 fill=%22url%28%23g%29%22 stroke=%22%23ff4d62%22 stroke-width=%222%22/%3E%3Cpath d=%22M3 3L14 29M14 3L3 29M106 3L117 29M117 3L106 29%22 stroke=%22%23ff4d62%22 stroke-opacity=%22.6%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M15 2V30M105 2V30%22 stroke=%22%23ff4d62%22 stroke-width=%221.6%22/%3E%3C/svg%3E") 0 16 0 16 fill stretch; }
html body .df-title-tag.df-tq--trade.df-tq-s4, html body .df-title-tag.df-tq--trade.df-tq-s5 { --tq-ico: url('images/titles/crests/trade.png'); --tq-cw: 1.856em; padding-left: 2.856em; }
html body .df-title-tag.df-tq--trade.df-tq-s4::after, html body .df-title-tag.df-tq--trade.df-tq-s5::after { left: 0.7em; }
html body .df-title-tag.df-tq--cells { --tq-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Crect x=%223.5%22 y=%2210%22 width=%2217%22 height=%2212.5%22 rx=%222%22 fill=%22%23fff%22/%3E%3Cpath d=%22M7 10V7a5 5 0 0 1 10 0v3%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222.6%22/%3E%3Ccircle cx=%2212%22 cy=%2215.5%22 r=%221.8%22 fill=%22%23000%22/%3E%3Crect x=%2211.2%22 y=%2215.5%22 width=%221.6%22 height=%224%22 fill=%22%23000%22/%3E%3C/svg%3E"); padding-left: 2.3em; padding-right: 1.35em; }
html body .df-title-tag.df-tq--cells::before { border-left-width: 0.9em; border-right-width: 0.9em; }
html body .df-title-tag.df-tq--cells::after { left: 1.05em; right: 0.9em; }
html body .df-title-tag.df-tq--cells.df-tq-s0::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%233a414b%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%231c2026%22/%3E%3Cstop offset=%221%22 stop-color=%22%231c2026%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%222%22 fill=%22url%28%23g%29%22 stroke=%22%237d8794%22 stroke-width=%222%22/%3E%3Cpath d=%22M6 2V30M11 2V30M16 2V30M104 2V30M109 2V30M114 2V30%22 stroke=%22%237d8794%22 stroke-width=%222%22/%3E%3C/svg%3E") 0 18 0 18 fill stretch; }
html body .df-title-tag.df-tq--cells.df-tq-s1::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2325603a%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2310301b%22/%3E%3Cstop offset=%221%22 stop-color=%22%2310301b%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%222%22 fill=%22url%28%23g%29%22 stroke=%22%234fd16c%22 stroke-width=%222%22/%3E%3Cpath d=%22M6 2V30M11 2V30M16 2V30M104 2V30M109 2V30M114 2V30%22 stroke=%22%234fd16c%22 stroke-width=%222%22/%3E%3C/svg%3E") 0 18 0 18 fill stretch; }
html body .df-title-tag.df-tq--cells.df-tq-s2::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%231f4a8c%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%230e2350%22/%3E%3Cstop offset=%221%22 stop-color=%22%230e2350%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%222%22 fill=%22url%28%23g%29%22 stroke=%22%2352a8ff%22 stroke-width=%222%22/%3E%3Cpath d=%22M6 2V30M11 2V30M16 2V30M104 2V30M109 2V30M114 2V30%22 stroke=%22%2352a8ff%22 stroke-width=%222%22/%3E%3C/svg%3E") 0 18 0 18 fill stretch; }
html body .df-title-tag.df-tq--cells.df-tq-s3::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2358288e%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%232a0f4c%22/%3E%3Cstop offset=%221%22 stop-color=%22%232a0f4c%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%222%22 fill=%22url%28%23g%29%22 stroke=%22%23bd73ff%22 stroke-width=%222%22/%3E%3Cpath d=%22M6 2V30M11 2V30M16 2V30M104 2V30M109 2V30M114 2V30%22 stroke=%22%23bd73ff%22 stroke-width=%222%22/%3E%3C/svg%3E") 0 18 0 18 fill stretch; }
html body .df-title-tag.df-tq--cells.df-tq-s4::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%237a5410%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%233b2605%22/%3E%3Cstop offset=%221%22 stop-color=%22%233b2605%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%222%22 fill=%22url%28%23g%29%22 stroke=%22%23ffcd4f%22 stroke-width=%222%22/%3E%3Cpath d=%22M6 2V30M11 2V30M16 2V30M104 2V30M109 2V30M114 2V30%22 stroke=%22%23ffcd4f%22 stroke-width=%222%22/%3E%3C/svg%3E") 0 18 0 18 fill stretch; }
html body .df-title-tag.df-tq--cells.df-tq-s5::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%238c1224%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2340050f%22/%3E%3Cstop offset=%221%22 stop-color=%22%2340050f%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%222%22 fill=%22url%28%23g%29%22 stroke=%22%23ff4d62%22 stroke-width=%222%22/%3E%3Cpath d=%22M6 2V30M11 2V30M16 2V30M104 2V30M109 2V30M114 2V30%22 stroke=%22%23ff4d62%22 stroke-width=%222%22/%3E%3C/svg%3E") 0 18 0 18 fill stretch; }
html body .df-title-tag.df-tq--cells.df-tq-s4, html body .df-title-tag.df-tq--cells.df-tq-s5 { --tq-ico: url('images/titles/crests/cells.png'); --tq-cw: 2.521em; padding-left: 3.621em; }
html body .df-title-tag.df-tq--cells.df-tq-s4::after, html body .df-title-tag.df-tq--cells.df-tq-s5::after { left: 0.8em; }
html body .df-title-tag.df-tq--voting { --tq-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M12 1.5l3.1 6.6 7.2.9-5.3 5 1.4 7.1L12 17.6l-6.4 3.5L7 14l-5.3-5 7.2-.9z%22 fill=%22%23fff%22/%3E%3C/svg%3E"); padding-left: 2.1em; padding-right: 1.15em; }
html body .df-title-tag.df-tq--voting::before { border-left-width: 0.7em; border-right-width: 0.7em; }
html body .df-title-tag.df-tq--voting::after { left: 0.85em; right: 0.7em; }
html body .df-title-tag.df-tq--voting.df-tq-s0::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%233a414b%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%231c2026%22/%3E%3Cstop offset=%221%22 stop-color=%22%231c2026%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%229%22 fill=%22url%28%23g%29%22 stroke=%22%237d8794%22 stroke-width=%222%22/%3E%3Crect x=%225%22 y=%225%22 width=%22110%22 height=%2222%22 rx=%226.5%22 fill=%22none%22 stroke=%22%237d8794%22 stroke-opacity=%22.55%22 stroke-width=%221%22/%3E%3Cpath d=%22M10 4H110%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 14 0 14 fill stretch; }
html body .df-title-tag.df-tq--voting.df-tq-s1::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2325603a%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2310301b%22/%3E%3Cstop offset=%221%22 stop-color=%22%2310301b%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%229%22 fill=%22url%28%23g%29%22 stroke=%22%234fd16c%22 stroke-width=%222%22/%3E%3Crect x=%225%22 y=%225%22 width=%22110%22 height=%2222%22 rx=%226.5%22 fill=%22none%22 stroke=%22%234fd16c%22 stroke-opacity=%22.55%22 stroke-width=%221%22/%3E%3Cpath d=%22M10 4H110%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 14 0 14 fill stretch; }
html body .df-title-tag.df-tq--voting.df-tq-s2::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%231f4a8c%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%230e2350%22/%3E%3Cstop offset=%221%22 stop-color=%22%230e2350%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%229%22 fill=%22url%28%23g%29%22 stroke=%22%2352a8ff%22 stroke-width=%222%22/%3E%3Crect x=%225%22 y=%225%22 width=%22110%22 height=%2222%22 rx=%226.5%22 fill=%22none%22 stroke=%22%2352a8ff%22 stroke-opacity=%22.55%22 stroke-width=%221%22/%3E%3Cpath d=%22M10 4H110%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 14 0 14 fill stretch; }
html body .df-title-tag.df-tq--voting.df-tq-s3::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2358288e%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%232a0f4c%22/%3E%3Cstop offset=%221%22 stop-color=%22%232a0f4c%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%229%22 fill=%22url%28%23g%29%22 stroke=%22%23bd73ff%22 stroke-width=%222%22/%3E%3Crect x=%225%22 y=%225%22 width=%22110%22 height=%2222%22 rx=%226.5%22 fill=%22none%22 stroke=%22%23bd73ff%22 stroke-opacity=%22.55%22 stroke-width=%221%22/%3E%3Cpath d=%22M10 4H110%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 14 0 14 fill stretch; }
html body .df-title-tag.df-tq--voting.df-tq-s4::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%237a5410%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%233b2605%22/%3E%3Cstop offset=%221%22 stop-color=%22%233b2605%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%229%22 fill=%22url%28%23g%29%22 stroke=%22%23ffcd4f%22 stroke-width=%222%22/%3E%3Crect x=%225%22 y=%225%22 width=%22110%22 height=%2222%22 rx=%226.5%22 fill=%22none%22 stroke=%22%23ffcd4f%22 stroke-opacity=%22.55%22 stroke-width=%221%22/%3E%3Cpath d=%22M10 4H110%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 14 0 14 fill stretch; }
html body .df-title-tag.df-tq--voting.df-tq-s5::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%238c1224%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2340050f%22/%3E%3Cstop offset=%221%22 stop-color=%22%2340050f%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%222%22 y=%222%22 width=%22116%22 height=%2228%22 rx=%229%22 fill=%22url%28%23g%29%22 stroke=%22%23ff4d62%22 stroke-width=%222%22/%3E%3Crect x=%225%22 y=%225%22 width=%22110%22 height=%2222%22 rx=%226.5%22 fill=%22none%22 stroke=%22%23ff4d62%22 stroke-opacity=%22.55%22 stroke-width=%221%22/%3E%3Cpath d=%22M10 4H110%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221%22 fill=%22none%22/%3E%3C/svg%3E") 0 14 0 14 fill stretch; }
html body .df-title-tag.df-tq--voting.df-tq-s4, html body .df-title-tag.df-tq--voting.df-tq-s5 { --tq-ico: url('images/titles/crests/voting.png'); --tq-cw: 2.544em; padding-left: 3.444em; }
html body .df-title-tag.df-tq--voting.df-tq-s4::after, Ziggy: "remove the animation on the titles and
   have animation for the REALLY harder titles to get as 100 people all on
   animated titles ill be overload". Red is the last title of each set and the
   podium prizes, about one in twelve. Gold keeps its crest and a still glow. */
html body .df-title-tag.df-tq-s4::after, html body .df-title-tag.df-tq-s5::after {
  top: -.3em; bottom: -.3em;
  background-image: var(--tq-ico); background-size: var(--tq-cw, 1.6em) 2.2em; background-position: 0 50%;
  filter: drop-shadow(0 0 3px rgba(255,205,79,.85));
}
html body .df-title-tag.df-tq-s5::after {
  background-image: var(--tq-ico), linear-gradient(100deg, rgba(255,255,255,0) 43%, rgba(255,255,255,.4) 50%, rgba(255,255,255,0) 57%); background-size: var(--tq-cw, 1.6em) 2.2em, 300% 1.6em; background-position: 0 50%, 150% .3em;
  animation: df-tq-shine-crest 3.5s ease-in-out infinite, df-tq-breathe-red 1.8s ease-in-out infinite;
}
@keyframes df-tq-shine-crest { 0% { background-position: 0 50%, 150% .3em; } 35%, 100% { background-position: 0 50%, -50% .3em; } }
@keyframes df-tq-breathe-red { 0%, 100% { filter: drop-shadow(0 0 2px rgba(255,77,98,.7)) brightness(1); } 50% { filter: drop-shadow(0 0 7px rgba(255,120,90,1)) brightness(1.18); } }
html body .df-title-tag.df-tq-s0 { color: #e6ebf1; }
html body .df-title-tag.df-tq-s0::before { filter: drop-shadow(0 1px 0 rgba(0,0,0,.9)); }
html body .df-title-tag.df-tq-s1 { color: #eaffee; }
html body .df-title-tag.df-tq-s1::before { filter: drop-shadow(0 1px 0 rgba(0,0,0,.9)) drop-shadow(0 0 2px rgba(79,209,108,0.33)); }
html body .df-title-tag.df-tq-s2 { color: #eef6ff; }
html body .df-title-tag.df-tq-s2::before { filter: drop-shadow(0 1px 0 rgba(0,0,0,.9)) drop-shadow(0 0 3px rgba(82,168,255,0.41)); }
html body .df-title-tag.df-tq-s3 { color: #f8eeff; }
html body .df-title-tag.df-tq-s3::before { filter: drop-shadow(0 1px 0 rgba(0,0,0,.9)) drop-shadow(0 0 4px rgba(189,115,255,0.49)); }
html body .df-title-tag.df-tq-s3::after { filter: drop-shadow(0 0 2px rgba(189,115,255,.9)); }
html body .df-title-tag.df-tq-s4 { color: #fff7de; }
html body .df-title-tag.df-tq-s4::before { filter: drop-shadow(0 1px 0 rgba(0,0,0,.9)) drop-shadow(0 0 5px rgba(255,205,79,0.57)); }
html body .df-title-tag.df-tq-s5 { color: #fff1f3; }
html body .df-title-tag.df-tq-s5::before { filter: drop-shadow(0 1px 0 rgba(0,0,0,.9)) drop-shadow(0 0 6px rgba(255,77,98,0.65)); }
html body .df-badge-creator[class*="df-sb--"], html body .df-badge-admin[class*="df-sb--"] {
  position: relative; isolation: isolate; display: inline-block; vertical-align: middle;
  border: 0; background: none; box-shadow: none; animation: none; filter: none; border-radius: 0;
  font: 700 10.5px/1.2em Verdana, Geneva, sans-serif; letter-spacing: .12em; text-transform: uppercase;
  height: auto; padding: .2em 1.3em .2em 0; margin-top: .3em; margin-bottom: .3em;
  text-shadow: 0 1px 0 rgba(0,0,0,.85);
}
html body .df-badge-creator[class*="df-sb--"]::before, html body .df-badge-admin[class*="df-sb--"]::before {
  content: ""; position: absolute; inset: 0; z-index: -1; background: none; box-shadow: none; animation: none; transform: none; opacity: 1; mask: none; -webkit-mask: none;
  border-style: solid; border-color: transparent; border-width: 0 0.8em 0 0.9em;
}
html body .df-badge-creator[class*="df-sb--"]::after, html body .df-badge-admin[class*="df-sb--"]::after {
  content: ""; position: absolute; z-index: 1; pointer-events: none; transform: none; opacity: 1; box-shadow: none;
  left: 0.6em; right: 0.8em; top: -0.35em; bottom: -0.35em;
  background-repeat: no-repeat; background-image: var(--sb-crest); background-size: var(--sb-cw, 2em) 2.3em; background-position: 0 50%;
}
html body .df-badge-creator[class*="df-sb--"] { color: #fff6dc; }
html body .df-badge-creator[class*="df-sb--"]::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%231f7d4a%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%230a3520%22/%3E%3Cstop offset=%221%22 stop-color=%22%230a3520%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M12 2H108L118 10V22L108 30H12L2 22V10z%22 fill=%22url%28%23g%29%22 stroke=%22%23ffd25c%22 stroke-width=%222.4%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M13 5.5H107L114.5 11.5V20.5L107 26.5H13L5.5 20.5V11.5z%22 fill=%22none%22 stroke=%22%23ffd25c%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Cpath d=%22M108 16l3.5-3.5 3.5 3.5-3.5 3.5z%22 fill=%22%23ffd25c%22/%3E%3Cpath d=%22M14 7.5H106%22 stroke=%22%23fff%22 stroke-opacity=%22.3%22 stroke-width=%221%22/%3E%3C/svg%3E") 0 16 0 18 fill stretch; filter: drop-shadow(0 1px 0 rgba(0,0,0,.9)) drop-shadow(0 0 5px rgba(255,210,92,.6)); }
html body .df-badge-admin[class*="df-sb--"] { color: #ffffff; }
html body .df-badge-admin[class*="df-sb--"]::before { border-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2232%22 viewBox=%220 0 120 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%238c1426%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%233d0710%22/%3E%3Cstop offset=%221%22 stop-color=%22%233d0710%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M12 2H108L118 10V22L108 30H12L2 22V10z%22 fill=%22url%28%23g%29%22 stroke=%22%23e2e9f0%22 stroke-width=%222.4%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M13 5.5H107L114.5 11.5V20.5L107 26.5H13L5.5 20.5V11.5z%22 fill=%22none%22 stroke=%22%23e2e9f0%22 stroke-opacity=%22.5%22 stroke-width=%221%22/%3E%3Cpath d=%22M108 16l3.5-3.5 3.5 3.5-3.5 3.5z%22 fill=%22%23e2e9f0%22/%3E%3Cpath d=%22M14 7.5H106%22 stroke=%22%23fff%22 stroke-opacity=%22.3%22 stroke-width=%221%22/%3E%3C/svg%3E") 0 16 0 18 fill stretch; filter: drop-shadow(0 1px 0 rgba(0,0,0,.9)) drop-shadow(0 0 5px rgba(230,80,95,.6)); }
html body .df-badge-creator.df-sb--creator-crown { --sb-crest: url('images/titles/crests/creator-crown.png'); --sb-cw: 3.091em; padding-left: 3.991em; }
html body .df-badge-creator.df-sb--creator-dragon { --sb-crest: url('images/titles/crests/creator-dragon.png'); --sb-cw: 1.845em; padding-left: 2.745em; }
html body .df-badge-creator.df-sb--creator-star { --sb-crest: url('images/titles/crests/creator-star.png'); --sb-cw: 2.396em; padding-left: 3.296em; }
html body .df-badge-creator.df-sb--creator-lion { --sb-crest: url('images/titles/crests/creator-lion.png'); --sb-cw: 1.917em; padding-left: 2.817em; }
html body .df-badge-creator.df-sb--creator-goldcrown { --sb-crest: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2264%22 height=%2264%22 viewBox=%220 0 64 64%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff4b8%22/%3E%3Cstop offset=%22.45%22 stop-color=%22%23ffc93a%22/%3E%3Cstop offset=%221%22 stop-color=%22%2394600e%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22e%22 cx=%22.35%22 cy=%22.3%22 r=%22.75%22%3E%3Cstop offset=%220%22 stop-color=%22%23c6ffe0%22/%3E%3Cstop offset=%22.45%22 stop-color=%22%2322c46e%22/%3E%3Cstop offset=%221%22 stop-color=%22%2308401f%22/%3E%3C/radialGradient%3E%3CradialGradient id=%22r%22 cx=%22.35%22 cy=%22.3%22 r=%22.75%22%3E%3Cstop offset=%220%22 stop-color=%22%23ffd0d5%22/%3E%3Cstop offset=%22.45%22 stop-color=%22%23e5263e%22/%3E%3Cstop offset=%221%22 stop-color=%22%23560611%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d=%22M8 46L5 19L19 31L32 11L45 31L59 19L56 46z%22 fill=%22url%28%23g%29%22 stroke=%22%234d3205%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Crect x=%226.5%22 y=%2244.5%22 width=%2251%22 height=%2211%22 rx=%223%22 fill=%22url%28%23g%29%22 stroke=%22%234d3205%22 stroke-width=%222%22/%3E%3Ccircle cx=%225%22 cy=%2218%22 r=%223.6%22 fill=%22url%28%23g%29%22 stroke=%22%234d3205%22 stroke-width=%221.5%22/%3E%3Ccircle cx=%2232%22 cy=%2210%22 r=%224.2%22 fill=%22url%28%23g%29%22 stroke=%22%234d3205%22 stroke-width=%221.5%22/%3E%3Ccircle cx=%2259%22 cy=%2218%22 r=%223.6%22 fill=%22url%28%23g%29%22 stroke=%22%234d3205%22 stroke-width=%221.5%22/%3E%3Ccircle cx=%2232%22 cy=%2235%22 r=%226.2%22 fill=%22url%28%23e%29%22 stroke=%22%234d3205%22 stroke-width=%221.5%22/%3E%3Ccircle cx=%2219%22 cy=%2239%22 r=%223.8%22 fill=%22url%28%23r%29%22 stroke=%22%234d3205%22 stroke-width=%221.2%22/%3E%3Ccircle cx=%2245%22 cy=%2239%22 r=%223.8%22 fill=%22url%28%23r%29%22 stroke=%22%234d3205%22 stroke-width=%221.2%22/%3E%3Ccircle cx=%2218%22 cy=%2250%22 r=%222.4%22 fill=%22url%28%23e%29%22/%3E%3Ccircle cx=%2232%22 cy=%2250%22 r=%222.6%22 fill=%22url%28%23r%29%22/%3E%3Ccircle cx=%2246%22 cy=%2250%22 r=%222.4%22 fill=%22url%28%23e%29%22/%3E%3Cpath d=%22M11.5 43L9.5 27M9 47.5H55%22 stroke=%22%23fff%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M52 3L53.25 6.75L57 8L53.25 9.25L52 13L50.75 9.25L47 8L50.75 6.75z%22 fill=%22%23fff%22/%3E%3C/svg%3E"); --sb-cw: 2.116em; padding-left: 3.016em; }
html body .df-badge-creator.df-sb--creator-diamond { --sb-crest: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2264%22 height=%2264%22 viewBox=%220 0 64 64%22%3E%3Cdefs%3E%3ClinearGradient id=%22d%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23f2fdff%22/%3E%3Cstop offset=%221%22 stop-color=%22%237fd6ff%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M6 25L18 12H46L58 25L32 58z%22 fill=%22url%28%23d%29%22 stroke=%22%230b4a7a%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M6 25L18 12L26 25z%22 fill=%22%23e6fbff%22/%3E%3Cpath d=%22M18 12H46L38 25H26z%22 fill=%22%23b4ecff%22/%3E%3Cpath d=%22M46 12L58 25H38z%22 fill=%22%23d9f7ff%22/%3E%3Cpath d=%22M6 25H26L32 58z%22 fill=%22%237fd0ff%22/%3E%3Cpath d=%22M26 25H38L32 58z%22 fill=%22%23d2f4ff%22/%3E%3Cpath d=%22M38 25H58L32 58z%22 fill=%22%233aa3e6%22/%3E%3Cpath d=%22M6 25L18 12H46L58 25L32 58z%22 fill=%22none%22 stroke=%22%230b4a7a%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M6 25H58M18 12L26 25L32 58L38 25L46 12%22 fill=%22none%22 stroke=%22%230b4a7a%22 stroke-opacity=%22.55%22 stroke-width=%221%22/%3E%3Cpath d=%22M21 15.5H35%22 stroke=%22%23fff%22 stroke-opacity=%22.9%22 stroke-width=%221.6%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M52 3L53.5 7.5L58 9L53.5 10.5L52 15L50.5 10.5L46 9L50.5 7.5z%22 fill=%22%23fff%22/%3E%3Cpath d=%22M12 40.5L12.875 43.125L15.5 44L12.875 44.875L12 47.5L11.125 44.875L8.5 44L11.125 43.125z%22 fill=%22%23fff%22/%3E%3C/svg%3E"); --sb-cw: 2.116em; padding-left: 3.016em; }
html body .df-badge-creator.df-sb--creator-laurel { --sb-crest: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2264%22 height=%2264%22 viewBox=%220 0 64 64%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff4b8%22/%3E%3Cstop offset=%22.45%22 stop-color=%22%23ffc93a%22/%3E%3Cstop offset=%221%22 stop-color=%22%2394600e%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22e%22 cx=%22.35%22 cy=%22.3%22 r=%22.75%22%3E%3Cstop offset=%220%22 stop-color=%22%23c6ffe0%22/%3E%3Cstop offset=%22.45%22 stop-color=%22%2322c46e%22/%3E%3Cstop offset=%221%22 stop-color=%22%2308401f%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse cx=%2228.2%22 cy=%2254.7%22 rx=%228%22 ry=%223.6%22 transform=%22rotate%28215 28.2 54.7%29%22 fill=%22url%28%23g%29%22 stroke=%22%234d3205%22 stroke-width=%221%22/%3E%3Cellipse cx=%2235.8%22 cy=%2254.7%22 rx=%228%22 ry=%223.6%22 transform=%22rotate%28-215 35.8 54.7%29%22 fill=%22url%28%23g%29%22 stroke=%22%234d3205%22 stroke-width=%221%22/%3E%3Cellipse cx=%2221%22 cy=%2252.1%22 rx=%228%22 ry=%223.6%22 transform=%22rotate%28235 21 52.1%29%22 fill=%22url%28%23g%29%22 stroke=%22%234d3205%22 stroke-width=%221%22/%3E%3Cellipse cx=%2243%22 cy=%2252.1%22 rx=%228%22 ry=%223.6%22 transform=%22rotate%28-235 43 52.1%29%22 fill=%22url%28%23g%29%22 stroke=%22%234d3205%22 stroke-width=%221%22/%3E%3Cellipse cx=%2215.1%22 cy=%2247.1%22 rx=%228%22 ry=%223.6%22 transform=%22rotate%28255 15.1 47.1%29%22 fill=%22url%28%23g%29%22 stroke=%22%234d3205%22 stroke-width=%221%22/%3E%3Cellipse cx=%2248.9%22 cy=%2247.1%22 rx=%228%22 ry=%223.6%22 transform=%22rotate%28-255 48.9 47.1%29%22 fill=%22url%28%23g%29%22 stroke=%22%234d3205%22 stroke-width=%221%22/%3E%3Cellipse cx=%2211.3%22 cy=%2240.5%22 rx=%228%22 ry=%223.6%22 transform=%22rotate%28275 11.3 40.5%29%22 fill=%22url%28%23g%29%22 stroke=%22%234d3205%22 stroke-width=%221%22/%3E%3Cellipse cx=%2252.7%22 cy=%2240.5%22 rx=%228%22 ry=%223.6%22 transform=%22rotate%28-275 52.7 40.5%29%22 fill=%22url%28%23g%29%22 stroke=%22%234d3205%22 stroke-width=%221%22/%3E%3Cellipse cx=%2210%22 cy=%2233%22 rx=%228%22 ry=%223.6%22 transform=%22rotate%28295 10 33%29%22 fill=%22url%28%23g%29%22 stroke=%22%234d3205%22 stroke-width=%221%22/%3E%3Cellipse cx=%2254%22 cy=%2233%22 rx=%228%22 ry=%223.6%22 transform=%22rotate%28-295 54 33%29%22 fill=%22url%28%23g%29%22 stroke=%22%234d3205%22 stroke-width=%221%22/%3E%3Cellipse cx=%2211.3%22 cy=%2225.5%22 rx=%228%22 ry=%223.6%22 transform=%22rotate%28315 11.3 25.5%29%22 fill=%22url%28%23g%29%22 stroke=%22%234d3205%22 stroke-width=%221%22/%3E%3Cellipse cx=%2252.7%22 cy=%2225.5%22 rx=%228%22 ry=%223.6%22 transform=%22rotate%28-315 52.7 25.5%29%22 fill=%22url%28%23g%29%22 stroke=%22%234d3205%22 stroke-width=%221%22/%3E%3Cellipse cx=%2215.1%22 cy=%2218.9%22 rx=%228%22 ry=%223.6%22 transform=%22rotate%28335 15.1 18.9%29%22 fill=%22url%28%23g%29%22 stroke=%22%234d3205%22 stroke-width=%221%22/%3E%3Cellipse cx=%2248.9%22 cy=%2218.9%22 rx=%228%22 ry=%223.6%22 transform=%22rotate%28-335 48.9 18.9%29%22 fill=%22url%28%23g%29%22 stroke=%22%234d3205%22 stroke-width=%221%22/%3E%3Cpath d=%22M32 13L37.5 26.5L52 27.5L41 37L44.5 51L32 43L19.5 51L23 37L12 27.5L26.5 26.5z%22 fill=%22url%28%23g%29%22 stroke=%22%234d3205%22 stroke-width=%221.8%22 stroke-linejoin=%22round%22/%3E%3Ccircle cx=%2232%22 cy=%2234%22 r=%224.6%22 fill=%22url%28%23e%29%22 stroke=%22%234d3205%22 stroke-width=%221.2%22/%3E%3Cpath d=%22M26 56C29 53 35 53 38 56%22 stroke=%22%234d3205%22 stroke-width=%222%22 fill=%22none%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M50 7.5L51.125 10.875L54.5 12L51.125 13.125L50 16.5L48.875 13.125L45.5 12L48.875 10.875z%22 fill=%22%23fff%22/%3E%3C/svg%3E"); --sb-cw: 2.116em; padding-left: 3.016em; }
html body .df-badge-creator.df-sb--creator-citykey { --sb-crest: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2264%22 height=%2264%22 viewBox=%220 0 64 64%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff4b8%22/%3E%3Cstop offset=%22.45%22 stop-color=%22%23ffc93a%22/%3E%3Cstop offset=%221%22 stop-color=%22%2394600e%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22e%22 cx=%22.35%22 cy=%22.3%22 r=%22.75%22%3E%3Cstop offset=%220%22 stop-color=%22%23c6ffe0%22/%3E%3Cstop offset=%22.45%22 stop-color=%22%2322c46e%22/%3E%3Cstop offset=%221%22 stop-color=%22%2308401f%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx=%2221%22 cy=%2221%22 r=%2213%22 fill=%22url%28%23g%29%22 stroke=%22%234d3205%22 stroke-width=%222%22/%3E%3Ccircle cx=%2221%22 cy=%2221%22 r=%226.2%22 fill=%22url%28%23e%29%22 stroke=%22%234d3205%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M29 29L55 55%22 stroke=%22%234d3205%22 stroke-width=%229.5%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M29 29L55 55%22 stroke=%22url%28%23g%29%22 stroke-width=%226.5%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M46 46L40 52L44 56L50 50M52 52L47 57L50 60L55 55%22 fill=%22url%28%23g%29%22 stroke=%22%234d3205%22 stroke-width=%221.6%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M12 15C14 11 18 9 22 9M32 32L50 50%22 stroke=%22%23fff%22 stroke-opacity=%22.6%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 fill=%22none%22/%3E%3Cpath d=%22M50 8L51.25 11.75L55 13L51.25 14.25L50 18L48.75 14.25L45 13L48.75 11.75z%22 fill=%22%23fff%22/%3E%3C/svg%3E"); --sb-cw: 2.116em; padding-left: 3.016em; }
html body .df-badge-admin.df-sb--admin-shield { --sb-crest: url('images/titles/crests/crew.png'); --sb-cw: 1.845em; padding-left: 2.745em; }
html body .df-badge-admin.df-sb--admin-rank { --sb-crest: url('images/titles/crests/ladder.png'); --sb-cw: 1.797em; padding-left: 2.697em; }
html body .df-badge-admin.df-sb--admin-lock { --sb-crest: url('images/titles/crests/cells.png'); --sb-cw: 2.635em; padding-left: 3.535em; }
html body .df-badge-admin.df-sb--admin-vault { --sb-crest: url('images/titles/crests/bank.png'); --sb-cw: 2.276em; padding-left: 3.176em; }
html body .df-badge-admin.df-sb--admin-sheriff { --sb-crest: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2264%22 height=%2264%22 viewBox=%220 0 64 64%22%3E%3Cdefs%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23ffffff%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23c8d2dc%22/%3E%3Cstop offset=%221%22 stop-color=%22%2366727f%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22b%22 cx=%22.35%22 cy=%22.3%22 r=%22.75%22%3E%3Cstop offset=%220%22 stop-color=%22%23d4ecff%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%232f7fe0%22/%3E%3Cstop offset=%221%22 stop-color=%22%230b2a5c%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d=%22M32 6L39 20.9L55.4 19.5L46 33L55.4 46.5L39 45.1L32 60L25 45.1L8.6 46.5L18 33L8.6 19.5L25 20.9z%22 fill=%22url%28%23s%29%22 stroke=%22%231f2830%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Ccircle cx=%2232%22 cy=%225%22 r=%223.6%22 fill=%22url%28%23s%29%22 stroke=%22%231f2830%22 stroke-width=%221.3%22/%3E%3Ccircle cx=%2256.2%22 cy=%2219%22 r=%223.6%22 fill=%22url%28%23s%29%22 stroke=%22%231f2830%22 stroke-width=%221.3%22/%3E%3Ccircle cx=%2256.2%22 cy=%2247%22 r=%223.6%22 fill=%22url%28%23s%29%22 stroke=%22%231f2830%22 stroke-width=%221.3%22/%3E%3Ccircle cx=%2232%22 cy=%2261%22 r=%223.6%22 fill=%22url%28%23s%29%22 stroke=%22%231f2830%22 stroke-width=%221.3%22/%3E%3Ccircle cx=%227.8%22 cy=%2247%22 r=%223.6%22 fill=%22url%28%23s%29%22 stroke=%22%231f2830%22 stroke-width=%221.3%22/%3E%3Ccircle cx=%227.8%22 cy=%2219%22 r=%223.6%22 fill=%22url%28%23s%29%22 stroke=%22%231f2830%22 stroke-width=%221.3%22/%3E%3Ccircle cx=%2232%22 cy=%2233%22 r=%229.5%22 fill=%22url%28%23b%29%22 stroke=%22%231f2830%22 stroke-width=%221.6%22/%3E%3Ccircle cx=%2232%22 cy=%2233%22 r=%226.5%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.55%22 stroke-width=%221%22/%3E%3Cpath d=%22M22 20L30 24%22 stroke=%22%23fff%22 stroke-opacity=%22.8%22 stroke-width=%221.5%22 stroke-linecap=%22round%22/%3E%3C/svg%3E"); --sb-cw: 2.116em; padding-left: 3.016em; }
html body .df-badge-admin.df-sb--admin-gavel { --sb-crest: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2264%22 height=%2264%22 viewBox=%220 0 64 64%22%3E%3Cdefs%3E%3ClinearGradient id=%22br%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff0b0%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23e2ab3c%22/%3E%3Cstop offset=%221%22 stop-color=%22%237d5410%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22w%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23e3a86a%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%23a5622a%22/%3E%3Cstop offset=%221%22 stop-color=%22%235a3110%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%2210%22 y=%2249%22 width=%2244%22 height=%229%22 rx=%223%22 fill=%22url%28%23w%29%22 stroke=%22%231f2830%22 stroke-width=%221.8%22/%3E%3Cg transform=%22rotate%28-35 30 26%29%22%3E%3Crect x=%2227.5%22 y=%2224%22 width=%225%22 height=%2234%22 rx=%222.5%22 fill=%22url%28%23w%29%22 stroke=%22%231f2830%22 stroke-width=%221.6%22/%3E%3Crect x=%2214%22 y=%2210%22 width=%2232%22 height=%2215%22 rx=%224%22 fill=%22url%28%23w%29%22 stroke=%22%231f2830%22 stroke-width=%222%22/%3E%3Crect x=%2217%22 y=%2210%22 width=%224%22 height=%2215%22 fill=%22url%28%23br%29%22 stroke=%22%231f2830%22 stroke-width=%221%22/%3E%3Crect x=%2239%22 y=%2210%22 width=%224%22 height=%2215%22 fill=%22url%28%23br%29%22 stroke=%22%231f2830%22 stroke-width=%221%22/%3E%3Cpath d=%22M23 13.5H37%22 stroke=%22%23fff%22 stroke-opacity=%22.5%22 stroke-width=%221.4%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3Cpath d=%22M14 51.5H50%22 stroke=%22%23fff%22 stroke-opacity=%22.35%22 stroke-width=%221.2%22 stroke-linecap=%22round%22/%3E%3C/svg%3E"); --sb-cw: 2.116em; padding-left: 3.016em; }
html body .df-badge-admin.df-sb--admin-cuffs { --sb-crest: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2264%22 height=%2264%22 viewBox=%220 0 64 64%22%3E%3Cdefs%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23ffffff%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23c8d2dc%22/%3E%3Cstop offset=%221%22 stop-color=%22%2366727f%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx=%2218%22 cy=%2240%22 r=%2212%22 fill=%22none%22 stroke=%22%231f2830%22 stroke-width=%228.5%22/%3E%3Ccircle cx=%2218%22 cy=%2240%22 r=%2212%22 fill=%22none%22 stroke=%22url%28%23s%29%22 stroke-width=%225.5%22/%3E%3Ccircle cx=%2246%22 cy=%2240%22 r=%2212%22 fill=%22none%22 stroke=%22%231f2830%22 stroke-width=%228.5%22/%3E%3Ccircle cx=%2246%22 cy=%2240%22 r=%2212%22 fill=%22none%22 stroke=%22url%28%23s%29%22 stroke-width=%225.5%22/%3E%3Crect x=%2212%22 y=%2222%22 width=%2212%22 height=%229%22 rx=%222%22 fill=%22url%28%23s%29%22 stroke=%22%231f2830%22 stroke-width=%221.6%22/%3E%3Crect x=%2240%22 y=%2222%22 width=%2212%22 height=%229%22 rx=%222%22 fill=%22url%28%23s%29%22 stroke=%22%231f2830%22 stroke-width=%221.6%22/%3E%3Cellipse cx=%2227%22 cy=%2222%22 rx=%224%22 ry=%222.6%22 fill=%22none%22 stroke=%22%231f2830%22 stroke-width=%223.6%22/%3E%3Cellipse cx=%2227%22 cy=%2222%22 rx=%224%22 ry=%222.6%22 fill=%22none%22 stroke=%22url%28%23s%29%22 stroke-width=%221.8%22/%3E%3Cellipse cx=%2237%22 cy=%2222%22 rx=%224%22 ry=%222.6%22 fill=%22none%22 stroke=%22%231f2830%22 stroke-width=%223.6%22/%3E%3Cellipse cx=%2237%22 cy=%2222%22 rx=%224%22 ry=%222.6%22 fill=%22none%22 stroke=%22url%28%23s%29%22 stroke-width=%221.8%22/%3E%3Cpath d=%22M9 34C11 30 14 29 17 29M37 34C39 30 42 29 45 29%22 stroke=%22%23fff%22 stroke-opacity=%22.75%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 fill=%22none%22/%3E%3C/svg%3E"); --sb-cw: 2.116em; padding-left: 3.016em; }
html body .df-badge-admin.df-sb--admin-siren { --sb-crest: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2264%22 height=%2264%22 viewBox=%220 0 64 64%22%3E%3Cdefs%3E%3CradialGradient id=%22rd%22 cx=%22.4%22 cy=%22.35%22 r=%22.8%22%3E%3Cstop offset=%220%22 stop-color=%22%23ffd2d2%22/%3E%3Cstop offset=%22.45%22 stop-color=%22%23ff2b3b%22/%3E%3Cstop offset=%221%22 stop-color=%22%236a0008%22/%3E%3C/radialGradient%3E%3CradialGradient id=%22bl%22 cx=%22.6%22 cy=%22.35%22 r=%22.8%22%3E%3Cstop offset=%220%22 stop-color=%22%23d6ecff%22/%3E%3Cstop offset=%22.45%22 stop-color=%22%232b7bff%22/%3E%3Cstop offset=%221%22 stop-color=%22%23001f6a%22/%3E%3C/radialGradient%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23ffffff%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23c8d2dc%22/%3E%3Cstop offset=%221%22 stop-color=%22%2366727f%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M8 22L2 16M8 36L1 38M56 22L62 16M56 36L63 38M32 6V0%22 stroke=%22%23ff5a66%22 stroke-width=%222.4%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M56 22L62 16M56 36L63 38%22 stroke=%22%235aa2ff%22 stroke-width=%222.4%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M14 46V30A18 18 0 0 1 32 12V46z%22 fill=%22url%28%23rd%29%22 stroke=%22%231f2830%22 stroke-width=%222%22/%3E%3Cpath d=%22M50 46V30A18 18 0 0 0 32 12V46z%22 fill=%22url%28%23bl%29%22 stroke=%22%231f2830%22 stroke-width=%222%22/%3E%3Cpath d=%22M20 32A12 12 0 0 1 28 20%22 stroke=%22%23fff%22 stroke-opacity=%22.75%22 stroke-width=%222%22 stroke-linecap=%22round%22 fill=%22none%22/%3E%3Crect x=%228%22 y=%2245%22 width=%2248%22 height=%2211%22 rx=%223%22 fill=%22url%28%23s%29%22 stroke=%22%231f2830%22 stroke-width=%222%22/%3E%3Cpath d=%22M12 48.5H52%22 stroke=%22%23fff%22 stroke-opacity=%22.6%22 stroke-width=%221.2%22 stroke-linecap=%22round%22/%3E%3C/svg%3E"); --sb-cw: 2.116em; padding-left: 3.016em; }
html body .df-badge-admin[class*="df-sb--"]::after { filter: drop-shadow(0 0 3px rgba(230,80,95,.75)); }
html body .df-badge-creator[class*="df-sb--"]::after {
  background-image: var(--sb-crest), linear-gradient(100deg, rgba(255,255,255,0) 43%, rgba(255,255,255,.45) 50%, rgba(255,255,255,0) 57%); background-size: var(--sb-cw, 2em) 2.3em, 300% 1.6em; background-position: 0 50%, 150% 0.35em;
  animation: df-sb-shine 4s ease-in-out infinite, df-sb-breathe 2.4s ease-in-out infinite;
}
@keyframes df-sb-shine { 0% { background-position: 0 50%, 150% 0.35em; } 35%, 100% { background-position: 0 50%, -50% 0.35em; } }
@keyframes df-sb-breathe { 0%, 100% { filter: drop-shadow(0 0 2px rgba(255,210,92,.7)); } 50% { filter: drop-shadow(0 0 7px rgba(255,220,120,1)) brightness(1.12); } }
html body .df-pcard__fold[open] > .df-pcard__body .df-fchips { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
html body .df-chips__swatch { justify-content: center; min-height: 46px; overflow: visible; }
html body .df-chips__swatch > [class*="df-sb--"] { font-size: 9px; }
@media (max-width: 1023px) {
  html.df-has-swipe :is(.df-shell__left, .df-shell__right) .df-nav a:not(.df-hp) {
    min-height: 36px; display: flex; align-items: center;
  }
  html.df-has-swipe :is(.df-shell__left, .df-shell__right) :is(
      .df-stats dd a, .df-dfchar a, .df-menufoot__form button, .df-logout-form button) {
    min-height: 36px; display: inline-flex; align-items: center;
  }
  html.df-has-swipe :is(.df-online__tag, .df-online__pick button, .df-pedit__tools button) {
    min-height: 36px; display: inline-flex; align-items: center;
  }
}
html body .df-nav a.df-hp {
  position: absolute; left: -9999px; width: 1px; height: 1px; min-height: 0; padding: 0; overflow: hidden;
}
@media (max-width: 1023px) {
  html.df-has-swipe { --df-online-h: 0px; }
  html.df-has-swipe .df-online {
    position: static; inset: auto; z-index: auto;
    display: block; height: auto; max-height: none; overflow: visible;
    margin: 0; padding: 6px 8px 10px;
  }
  html.df-has-swipe .df-online .df-online__list {
    display: flex; flex-wrap: wrap; justify-content: center; gap: 2px 10px;
    white-space: normal; overflow: visible;
  }
  html.df-has-swipe .df-online .df-online__list[hidden] { display: none; }
  html.df-has-swipe .df-online button.df-online__tag {
    width: 100%; height: auto; justify-content: center; pointer-events: none;
    background: none; border: 0; box-shadow: none; color: var(--df-muted); padding: 4px 0;
  }
  html.df-has-swipe .df-online .df-online__chev { display: none; }
  html.df-has-swipe .df-online .df-online__name { display: inline-flex; align-items: center; min-height: 32px; }
  html.df-has-swipe .df-online { margin-bottom: 16px; }
  html.df-has-swipe .df-online { text-align: center; }
  html.df-has-swipe .df-online .df-online__pick { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 4px; }
}
html body .df-crewcard__body { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px 14px; }
html body .df-crewcard__pic { flex: 0 0 auto; }
html body .df-crewcard__facts {
  flex: 1 1 150px; min-width: 0; margin: 0;
  display: grid; grid-template-columns: auto 1fr; gap: 3px 10px; align-items: baseline;
}
html body .df-crewcard__facts dt { margin: 0; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; opacity: .7; }
html body .df-crewcard__facts dd { margin: 0; overflow-wrap: anywhere; }
body[data-motion-off~="news"] .df-crawl__pad { display: none; }
@media (prefers-reduced-motion: reduce) { .df-crawl__pad { display: none; } }
.df-casinotabs { margin-bottom: 0; }
.df-casinopanel .df-panel__body { display: flex; flex-direction: column; gap: var(--df-4); }
.df-casino__play { display: flex; flex-direction: column; gap: var(--df-3); border-top: 1px solid var(--df-line); padding-top: var(--df-4); }
.df-casino__row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--df-3); margin: 0; }
.df-casino__on { color: var(--df-muted); }
.df-casino__on b { color: var(--df-text-strong); }
.df-casino__own { display: inline-flex; align-items: center; gap: var(--df-2); color: var(--df-faint); }
.df-casino__own input { width: 110px; }
.df-casino__money { margin: 0; color: var(--df-muted); font-size: var(--df-fs-small); }
.df-casino__money b { color: var(--df-text-strong); }
.df-casino__money .df-faint { margin-left: var(--df-3); }