.d-strip{display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--ink);color:#fff;padding:10px 14px 7px;font-family:var(--slab);font-weight:600;font-size:14px;letter-spacing:.07em;text-transform:uppercase;line-height:1.1}
.d-strip-note{color:var(--yellow);text-align:right;min-width:0}
.d-wiring{height:10px;background:linear-gradient(90deg,var(--yellow) 0 25%,var(--blue) 25% 50%,var(--green) 50% 75%,var(--violet) 75%);border-bottom:var(--rule) solid var(--ink)}
.d-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.d-chips .chip{min-height:36px;font-size:16px;padding:8px 11px 6px}
.d-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:22px}
.d-tiles[hidden],.d-tile[hidden],.d-empty[hidden],.d-pages[hidden]{display:none}
.d-tile{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--paper);border:var(--rule) solid var(--ink);transition:transform var(--t-snap) var(--move),box-shadow var(--t-snap) var(--move)}
.d-tile:hover,.d-tile:focus-within{transform:translateY(-6px) rotate(-1.2deg);box-shadow:6px 9px 0 rgba(20,23,26,.16)}
.d-tile-shot{position:relative;display:block;flex:none;border-bottom:var(--rule) solid var(--ink)}
.d-tile-shot .slot-fill{background-color:var(--tone)}
.d-tile-body{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0;padding:12px 14px 10px}
.d-tile-maker{font-family:var(--slab);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;color:var(--grey)}
.d-tile-name{font-family:var(--slab);font-weight:700;font-size:24px;line-height:1.06;overflow-wrap:anywhere}
.d-tile-name a{text-decoration:none}
.d-tile-name a::after{content:"";position:absolute;inset:0}
.d-tile-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.d-tag-none{font-weight:400;color:var(--grey);border-color:var(--grey);white-space:normal}
.d-tile-facts{margin-top:auto;border-top:var(--rule) solid var(--ink)}
.d-tile-facts div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:6px 0 4px}
.d-tile-facts div + div{border-top:1px solid var(--hair)}
.d-tile-facts dt{color:var(--grey);font-size:14.5px;line-height:1.25}
.d-tile-facts dd{font-family:var(--slab);font-weight:700;font-size:17px;line-height:1.15;text-align:right}
.d-tile-facts dd.unknown{font-family:var(--sans);font-weight:400;font-size:15.5px}
.d-sym-name{font-family:var(--slab);font-weight:700;font-size:21px;line-height:1.1;padding-top:3px}
.d-table .ref{white-space:nowrap}
.d-offers td:last-child{text-align:right;padding-right:0}
.d-maker{background:var(--paper);border:3px solid var(--ink);box-shadow:8px 8px 0 rgba(20,23,26,.16);min-width:0}
.d-maker-id{display:flex;align-items:center;gap:14px;padding:16px 20px 8px}
.d-maker .facts-list{max-width:none;padding:0 20px 12px}
.d-top{border-top:var(--rule) solid var(--ink);padding:14px 20px 12px}
.d-top-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 14px;margin-bottom:8px}
.d-top-rows li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 0 6px;border-top:1px solid var(--hair)}
.d-top-rows li:first-child{border-top:var(--rule) solid var(--ink)}
.d-top-name{font-family:var(--slab);font-size:19px;line-height:1.15;min-width:0}
.d-top-value{font-family:var(--slab);font-weight:700;font-size:20px;line-height:1.1;text-align:right;white-space:nowrap}
.d-top-value.unknown{font-family:var(--sans);font-weight:400;font-size:15.5px}
.d-games{grid-column:1/-1;background:var(--paper);border:3px solid var(--ink);min-width:0}
.d-games-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;border-top:2px dashed var(--ink);padding:14px 22px}

.d-clip{background:var(--paper);border:3px solid var(--ink)}
.d-clip-stage{display:grid}
.d-clip-stage > *{grid-area:1/1;min-width:0}
.d-clip-stage .slot-fill{--ratio:16/9}
.d-clip-play{place-self:center;gap:14px;min-height:64px;font-size:24px;padding:14px 24px 10px;box-shadow:8px 8px 0 rgba(20,23,26,.2)}
.d-clip-play::before{content:"";width:0;height:0;flex:none;border-left:16px solid currentColor;border-top:10px solid transparent;border-bottom:10px solid transparent;transform:translateY(-2px)}
.d-clip-live{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:22px;text-align:center;background:var(--ink);color:#fff}
.d-clip-live[hidden],.d-clip-play[hidden]{display:none}
.d-clip-live .plate{color:var(--ink)}
.d-clip-foot{border-top:var(--rule) solid var(--ink);padding:9px 14px 8px}

.d-timeline{border-left:3px solid var(--ink);margin-left:8px}
.d-timeline li{position:relative;padding:0 0 28px 30px}
.d-timeline li:last-child{padding-bottom:4px}
.d-timeline li::before{content:"";position:absolute;left:-11px;top:5px;width:19px;height:19px;background:var(--tone);border:var(--rule) solid var(--ink)}
.d-time{display:inline-block;border:var(--rule) solid var(--ink);background:#fff;font-family:var(--slab);font-weight:700;font-size:16px;line-height:1;padding:6px 10px 3px}
.d-time.unknown{font-family:var(--sans);font-weight:400;font-size:15px;padding:5px 10px 5px}
.d-timeline h3{font-family:var(--slab);font-weight:700;font-size:25px;line-height:1.05;margin:10px 0 6px}
.d-timeline p{font-size:16.5px;line-height:1.5}
.d-source-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.page-maker .marks{align-content:start}

@media (max-width:1180px){
  .d-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1020px){
  .d-source-two{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:1000px){
  .page-maker .d-games{order:4;margin-top:22px}
  .page-maker .d-maker{margin:16px 0 20px}
}
@media (max-width:900px){
  .d-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .d-maker{box-shadow:5px 5px 0 rgba(20,23,26,.16)}
  .d-maker-id{padding:12px 12px 6px}
  .d-maker .facts-list{padding:0 12px 10px}
  .d-top{padding:12px 12px 10px}
  .d-games-foot{padding:12px}
  .d-games-foot .btn{flex:1}
  .d-clip-play{font-size:20px;min-height:56px;padding:12px 18px 8px}
  .d-timeline h3{font-size:22px}
  .d-strip{font-size:13px;padding:8px 12px 5px}
  .d-tiles{gap:10px;padding:12px}
  .d-tile-shot .slot-note{display:none}
  .d-tile-body{padding:9px 9px 8px}
  .d-tile-maker{font-size:12.5px;letter-spacing:.04em}
  .d-tile-name{font-size:19px}
  .d-tile-tags .format{font-size:13px;white-space:normal;line-height:1.15}
  .d-tile-facts div{display:block}
  .d-tile-facts dt{font-size:13.5px}
  .d-tile-facts dd{text-align:left}
  .d-table,.d-table tbody{display:block;width:100%}
  .d-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .d-table tr{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:8px 12px;padding:14px 0 12px;border-bottom:1px solid var(--hair)}
  .d-table tr:last-child{border-bottom:0}
  .d-table tbody th,.d-table td{display:block;border-bottom:0;padding:0;min-width:0}
  .d-table tbody th,.d-table .d-full{grid-column:1/-1}
  .d-table td[data-label]::before{content:attr(data-label);display:block;color:var(--grey);font-family:var(--sans);font-weight:400;font-size:14px;line-height:1.3}
  .d-offers td:last-child{text-align:left}
}
@media (pointer:coarse),(max-width:760px){
  .d-chips .chip{min-height:44px}
  .d-top-name .ref,.d-table .ref{position:relative}
  .d-top-name .ref::after,.d-table .ref::after{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px}
}