@font-face { font-family: "Lilita One"; src: url(fonts/lilita.woff2) format("woff2"); font-display: swap; }
@font-face { font-family: "Anton"; src: url(fonts/anton.woff2) format("woff2"); font-display: swap; }
@font-face { font-family: "Space Mono"; src: url(fonts/spacemono-700.woff2) format("woff2"); font-weight: 700; font-display: swap; }

:root {
  --sky: #2798fd;
  --ink: #1b1b1f;
  --plat: #e8e8e8;
  --plat-dark: #5b5b63;
  --gold: #ffc629;
  --purple: #7a1fd1;
  --red: #e2231a;
  --face: "Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;
  --mono: "Space Mono", ui-monospace, Consolas, monospace;
}

* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body {
  background: var(--sky);
  color: var(--ink);
  font: 17px/1.35 var(--face);
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; }
button { font: inherit; color: inherit; }
[hidden] { display: none !important; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }

/* ---------------- the lot ---------------- */
#world { position: fixed; inset: 0; overflow: hidden; background: #d9804a url(media/bg.jpg) center / cover; }
#world video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 58% 60%; transition: opacity .35s; }
#copsvid { opacity: 0; }
#world.cops #copsvid { opacity: 1; }
#flash { position: fixed; inset: 0; background: #fff; opacity: 0; pointer-events: none; z-index: 90; }
#flash.on { animation: flash .7s ease-out; }
@keyframes flash { 0% { opacity: 0; } 8% { opacity: 1; } 100% { opacity: 0; } }

#lot { position: fixed; inset: 0; }

.wordmark { position: absolute; left: 16px; top: 10px; margin: 0; width: clamp(220px, 19vw, 330px); animation: bob 2.5s ease-in-out infinite; transform-origin: 50% 80%; z-index: 3; }
.wordmark img { width: 100%; height: auto; filter: drop-shadow(0 6px 0 rgba(40, 10, 70, .35)); }
@keyframes bob { 0%, 100% { transform: translateY(0) rotate(-1.5deg); } 50% { transform: translateY(-6px) rotate(1deg); } }

/* ---------------- Platinum windows ---------------- */
.win {
  position: absolute;
  border: solid transparent;
  border-width: 32px 9px 9px 9px;
  min-width: 220px;
  filter: drop-shadow(4px 6px 0 rgba(20, 10, 40, .45));
  z-index: 10;
  --tint: none;
}
/* the Platinum frame is painted on a layer of its own so it can wear an iMac colour
   without tinting the text inside */
.win::before {
  content: ""; position: absolute; inset: -32px -9px -9px -9px; z-index: -1; pointer-events: none;
  border: solid transparent; border-width: 32px 9px 9px 9px;
  border-image: url(art/win_body.png) 32 9 9 9 fill / 32px 9px 9px 9px stretch;
  filter: var(--tint);
}
/* 1998 iMac flavours */
.win[data-tint="tangerine"] { --tint: sepia(1) saturate(6) hue-rotate(-32deg) brightness(1.02); }
.win[data-tint="lime"] { --tint: sepia(1) saturate(4.5) hue-rotate(50deg) brightness(1.02); }
.win[data-tint="strawberry"] { --tint: sepia(1) saturate(5) hue-rotate(-60deg) brightness(1.02); }
.win[data-tint="blueberry"] { --tint: sepia(1) saturate(5) hue-rotate(170deg) brightness(.98); }
.win[data-tint="grape"] { --tint: sepia(1) saturate(4.5) hue-rotate(230deg) brightness(.98); }
.win[data-tint="bondi"] { --tint: sepia(1) saturate(4.5) hue-rotate(135deg) brightness(1); }
.win[data-tint="graphite"] { --tint: brightness(.8) contrast(1.1); }
.win-bar { position: absolute; left: -9px; right: -9px; top: -32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: grab; touch-action: none; user-select: none; }
.win-bar:active { cursor: grabbing; }
.win-bar::before { content: ""; position: absolute; inset: 0; pointer-events: none; filter: var(--tint);
  background: url(art/win_capl.png) left top / 100px 32px no-repeat, url(art/win_capr.png) right top / 100px 32px no-repeat; }
.win-title { position: relative; }
.win-title {
  font: 18px/1 var(--face); letter-spacing: .02em; color: var(--ink);
  padding: 5px 16px 4px;
  background: url(art/wintitle.png) center / 100% 100%;
  max-width: calc(100% - 150px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.win-close { position: absolute; left: 6px; top: 5px; width: 22px; height: 22px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.win-shade { position: absolute; right: 6px; top: 5px; width: 22px; height: 22px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.win-close:hover, .win-close:focus-visible, .win-shade:hover, .win-shade:focus-visible { background: rgba(0, 0, 0, .12); }
.win-body { padding: 18px 28px 24px; }
.win.pop { left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(560px, calc(100vw - 32px)); max-height: calc(100vh - 40px); display: flex; flex-direction: column; }
.win.pop.dragged { transform: none; }
.win.big { width: min(980px, calc(100vw - 32px)); }
.win.pop .win-body { overflow: auto; }
.win[hidden] { display: none; }
/* Mac OS windowshade: the window rolls up into its title bar */
.win.shaded { border-bottom-width: 0; }
.win.shaded::before { inset: -32px -9px 0 -9px; border-bottom-width: 0; border-image-width: 32px 9px 0 9px; }
.win.shaded > .win-body { display: none; }
.win.pop.shaded { max-height: none; }
.win.opening { animation: pop .22s cubic-bezier(.2, 1.6, .5, 1); }
@keyframes pop { from { scale: .6; opacity: 0; } to { scale: 1; opacity: 1; } }

/* Platinum push buttons, text optically centred (bottom bevel is 1px heavier) */
.os-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 44px; padding: 7px 22px 9px;
  border-style: solid; border-width: 8px; border-image: url(art/os_button.png) 16 fill / 8px stretch;
  background: none; color: var(--ink); font: 18px/1 var(--face); text-decoration: none; cursor: pointer;
  text-align: center;
}
.os-btn:active:not([disabled]):not([aria-disabled="true"]) { filter: brightness(.82); transform: translateY(1px); }
.os-btn img { width: 22px; height: 22px; flex: none; }
.os-default { border-width: 12px; border-image: url(art/os_button_default.png) 24 fill / 12px stretch; min-height: 52px; padding: 6px 24px 8px; }
.os-btn[disabled], .os-btn[aria-disabled="true"] { opacity: .5; cursor: not-allowed; }
.wide { width: 100%; }

/* ---------------- the trunk window (token) ---------------- */
#w-trunk { z-index: 12; }
#w-trunk { filter: drop-shadow(4px 6px 0 rgba(20, 10, 40, .45)) drop-shadow(0 0 18px rgba(255, 170, 40, .75)); }
#w-trunk .win-body { padding: 14px 26px 22px; }
.ticker { margin: 0; font-size: 44px; line-height: 1; color: var(--purple); text-shadow: 2px 2px 0 #fff; }
.pitch { margin: 6px 0 14px; font-size: 19px; }
.ca-label { margin: 0 0 4px; font-size: 14px; letter-spacing: .08em; text-transform: uppercase; color: var(--plat-dark); }
.ca-row { display: flex; gap: 10px; align-items: stretch; }
.ca {
  flex: 1; min-width: 0; display: flex; align-items: center;
  padding: 8px 12px; font: 700 14px/1.35 var(--mono); word-break: break-all; user-select: all;
  border-style: solid; border-width: 4px; border-image: url(art/os_field.png) 8 fill / 4px stretch;
}
.ca.empty { font-family: var(--face); font-size: 17px; color: var(--plat-dark); user-select: none; }
.ca-msg { min-height: 20px; margin: 4px 0 8px; font-size: 15px; color: var(--purple); }
.links { display: flex; flex-wrap: wrap; gap: 10px; }
.links #buy { flex: 1 1 100%; }
.links #follow, .links #chart { flex: 1 1 0; }

/* ---------------- the stock: a tidy wall of shoe boxes ---------------- */
#stock {
  position: absolute; left: 50%; translate: -50% 0; bottom: 10px; z-index: 4;
  display: grid; grid-template-columns: repeat(4, clamp(84px, 7.6vw, 124px)); column-gap: 3px;
}
.box { position: relative; padding: 0; border: 0; background: none; cursor: pointer; transition: transform .15s; }
.box + .box:nth-child(n+5) { margin-top: -3px; }
.box:nth-child(-n+4) { margin-bottom: -3px; z-index: 1; }
.box img { width: 100%; height: auto; filter: drop-shadow(0 4px 0 rgba(40, 15, 0, .35)); }
.box span {
  position: absolute; left: 8%; right: 8%; top: 36%; bottom: 9%;
  display: flex; align-items: center; justify-content: center; text-align: center;
  font: clamp(12px, 1.05vw, 17px)/1 var(--face); letter-spacing: .01em;
}
.ink-light span { color: #fff; text-shadow: 0 2px 0 rgba(0, 0, 0, .55); }
.ink-dark span { color: #1b1b1f; text-shadow: 0 1px 0 rgba(255, 255, 255, .45); }
.box:hover, .box:focus-visible { transform: translateY(-6px); z-index: 3; }
.box:hover img, .box:focus-visible img { filter: drop-shadow(0 4px 0 rgba(40, 15, 0, .35)) drop-shadow(0 0 10px rgba(255, 214, 80, .95)); }
.box.open img { filter: drop-shadow(0 4px 0 rgba(40, 15, 0, .35)) brightness(1.12); }

/* ---------------- sound deck ---------------- */
#deck { position: absolute; left: 50%; top: 14px; translate: -50% 0; display: flex; flex-direction: column; align-items: center; gap: 6px; z-index: 4; }
#boombox { position: relative; width: clamp(104px, 8.5vw, 140px); padding: 0; border: 0; background: none; cursor: pointer; }
#boombox img { width: 100%; height: auto; filter: drop-shadow(0 5px 0 rgba(0, 0, 0, .35)); }
#boombox.on { animation: thump .5s ease-in-out infinite; }
@keyframes thump { 0%, 100% { transform: scale(1); } 12% { transform: scale(1.05, .95); } }
.deck-state { display: block; margin-top: 4px; font: 16px/1 var(--face); color: #fff; text-shadow: 0 2px 0 var(--ink), 0 0 6px rgba(0, 0, 0, .4); }
.vol { display: flex; }
.vol input { width: clamp(90px, 7.5vw, 124px); accent-color: var(--gold); filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .5)); }

/* ---------------- docked windows (open on entry) ---------------- */
.win.dock { position: absolute; }
.win.dock .win-body { padding: 12px 18px 16px; }
.shelf { grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; margin-bottom: 10px !important; }
.shelf button { aspect-ratio: 4 / 3; }
.shelf .cap, .shelf .cap2 { font-size: 12px; -webkit-text-stroke: 1px #000; }
.shelf li { transition: opacity .35s; }
.shelf li.swap { opacity: 0; }
.deckrow { display: flex; align-items: center; gap: 8px; margin-top: 10px; }
.deckrow .os-btn { min-width: 48px; padding: 4px 10px 6px; font-size: 26px; }
.deckrow { justify-content: space-between; }
.vhs { position: relative; flex: 0 0 auto; width: 200px; }
.vhs img { display: block; width: 100%; height: auto; }
/* the white label on vhs.webp: x 28-72 %, y 33-75 % (measured) */
.vhs span { position: absolute; left: 30%; right: 30%; top: 35%; bottom: 27%; display: flex; align-items: center; justify-content: center; font: 14px/1.05 var(--face); text-align: center; color: var(--ink); overflow: hidden; }

#w-trunk.nope { animation: nope .4s; }
@keyframes nope { 20%, 60% { translate: -8px 0; } 40%, 80% { translate: 8px 0; } }

/* ---------------- legit check ---------------- */
.lead { margin: 0 0 10px; font-size: 19px; }
.pick { display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; }
.pick button { padding: 4px; border: 2px solid transparent; border-radius: 8px; background: rgba(0, 0, 0, .05); cursor: pointer; }
.pick button[aria-checked="true"] { border-color: var(--purple); background: rgba(122, 31, 209, .12); }
.bench { position: relative; height: 150px; margin: 8px 0 2px; }
.bench-shoe { position: absolute; left: 58%; top: 50%; width: 190px; translate: -50% -50%; }
.bench-gun { position: absolute; height: 118px; width: auto; left: 2%; top: 50%; translate: 0 -50%; transform-origin: 30% 60%; }
.bench-beam { position: absolute; top: 12%; bottom: 12%; left: 30%; width: 14px; opacity: 0; border-radius: 7px; background: linear-gradient(90deg, rgba(166, 77, 255, 0), rgba(190, 120, 255, .85), rgba(166, 77, 255, 0)); box-shadow: 0 0 16px 6px rgba(166, 77, 255, .55); }
.bench-stamp { position: absolute; left: 58%; top: 50%; width: 260px; translate: -50% -50%; opacity: 0; pointer-events: none; }
.bench.scanning .bench-gun { animation: aim 1.8s ease-in-out; }
.bench.scanning .bench-beam { animation: beam 1.8s ease-in-out; }
.bench.scanning .bench-shoe { animation: uv 1.8s ease-in-out; }
.bench.done .bench-stamp { animation: slam .35s cubic-bezier(.2, 1.8, .4, 1) forwards; }
@keyframes aim { 0%, 100% { rotate: 0deg; } 25% { rotate: -6deg; } 75% { rotate: 6deg; } }
@keyframes beam { 0% { left: 30%; opacity: 0; } 10% { opacity: 1; } 50% { left: 82%; } 90% { opacity: 1; } 100% { left: 30%; opacity: 0; } }
@keyframes uv { 30%, 70% { filter: drop-shadow(0 0 18px #a64dff) hue-rotate(40deg); } }
@keyframes slam { from { opacity: 0; scale: 2.4; rotate: -24deg; } to { opacity: 1; scale: 1; rotate: -9deg; } }
.verdict { min-height: 24px; margin: 0 0 8px; font-size: 20px; text-align: center; color: var(--red); }

/* ---------------- drops ---------------- */
.drops { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.drops li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 6px 4px 8px; text-align: center; }
.drops img.shoe { height: 90px; width: auto; object-fit: contain; }
.drops .name { font-size: 17px; line-height: 1.1; }
.drops .cost { font-size: 14px; color: var(--plat-dark); }
.drops .os-btn { min-height: 38px; font-size: 16px; padding: 4px 16px 6px; }
.drops img.sold { position: absolute; top: 18px; width: 92%; rotate: -12deg; pointer-events: none; animation: slam .3s cubic-bezier(.2, 1.8, .4, 1); }

/* ---------------- prices ---------------- */
.cur { display: flex; gap: 8px; margin-bottom: 12px; }
.cur button { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 6px; border: 2px solid transparent; border-radius: 8px; background: rgba(0, 0, 0, .05); cursor: pointer; font-size: 16px; }
.cur img { height: 44px; width: auto; }
.cur button[aria-checked="true"] { border-color: var(--purple); background: rgba(122, 31, 209, .12); }
.prices { width: 100%; border-collapse: collapse; font-size: 18px; }
.prices td { padding: 7px 4px; border-bottom: 2px dotted #b9b9c0; }
.prices td:last-child { text-align: right; color: var(--purple); white-space: nowrap; }
.fine { margin: 12px 0 0; font-size: 14px; color: var(--plat-dark); text-align: center; }

/* ---------------- cops radar ---------------- */
.radar { position: relative; width: min(340px, 100%); margin: 0 auto; aspect-ratio: 1; }
.radar > img:first-child { width: 100%; height: 100%; }
.sweep { position: absolute; left: 14%; top: 11%; width: 68%; height: 68%; border-radius: 50%; background: conic-gradient(from 0deg, rgba(120, 255, 140, .55), rgba(120, 255, 140, 0) 22%); animation: spin 2.4s linear infinite; mix-blend-mode: screen; }
@keyframes spin { to { rotate: 360deg; } }
.blip { position: absolute; width: 13%; left: 43.5%; top: 38%; translate: var(--bx, 190%) var(--by, -240%); rotate: var(--br, 215deg); transition: translate 1s linear; filter: drop-shadow(0 0 6px #ff3b3b); }
.radar-state { min-height: 26px; margin: 12px 0; font-size: 20px; text-align: center; }
.radar-state.alarm { color: var(--red); animation: blink .3s steps(2) infinite; }
@keyframes blink { 50% { opacity: .2; } }

/* ---------------- reviews ---------------- */
.scroll { overscroll-behavior: contain; }
.reviews { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.reviews li { display: grid; grid-template-columns: 72px 1fr; gap: 14px; align-items: center; }
.reviews img { width: 72px; height: 72px; object-fit: contain; }
.reviews .who { font-size: 15px; color: var(--plat-dark); }
.reviews .stars { color: #d99a00; letter-spacing: 2px; }
.reviews q { display: block; font-size: 18px; quotes: "\201C" "\201D"; }

/* ---------------- chain ---------------- */
#chain3d { width: 100%; height: auto; aspect-ratio: 14 / 9; display: block; margin-bottom: 12px; cursor: grab; background: radial-gradient(circle at 50% 40%, #6d3bd1, #2a0f5c); border-radius: 4px; touch-action: none; }

/* ---------------- tapes ---------------- */
.tape-player { width: 100%; aspect-ratio: 16 / 9; background: #111; display: block; margin-bottom: 12px; }
.tapes { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.tapes button { position: relative; width: 100%; padding: 0; border: 0; background: none; cursor: pointer; }
.tapes img { width: 100%; height: auto; }
.tapes span { position: absolute; left: 36%; right: 36%; top: 40%; bottom: 37%; display: flex; align-items: center; justify-content: center; font: 12px/1 var(--face); color: var(--ink); text-align: center; }
.tapes button[aria-pressed="true"] img { filter: drop-shadow(0 0 6px var(--gold)); }

/* ---------------- memes ---------------- */
.memes { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
.memes button { position: relative; display: block; width: 100%; padding: 0; border: 0; background: #000; cursor: zoom-in; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 3px; }
.memes video, .memes img { width: 100%; height: 100%; object-fit: cover; }
.cap, .cap2 {
  position: absolute; left: 4%; right: 4%; text-align: center;
  font: clamp(16px, 2vw, 26px)/1.05 "Anton", Impact, sans-serif; text-transform: uppercase; color: #fff;
  -webkit-text-stroke: 1.5px #000; paint-order: stroke fill; text-shadow: 0 2px 0 #000;
}
.cap { top: 5%; } .cap2 { bottom: 5%; }
.view { display: flex; justify-content: center; }
.view > div { position: relative; width: 100%; }
.view video, .view img { width: 100%; height: auto; max-height: calc(100vh - 140px); object-fit: contain; background: #000; }
.view .cap, .view .cap2 { font-size: clamp(22px, 4vw, 52px); -webkit-text-stroke: 2.5px #000; }

/* ---------------- gate + intro ---------------- */
#gate {
  position: fixed; inset: 0; z-index: 100; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px;
  background: rgba(20, 60, 130, .25) url(media/bg.jpg) center / cover;
  background-blend-mode: multiply;
}
#gate::before { content: ""; position: absolute; inset: 0; backdrop-filter: blur(6px); }
#gate > * { position: relative; }
.gate-mark { width: min(640px, 82vw); height: auto; animation: bob 2.5s ease-in-out infinite; filter: drop-shadow(0 8px 0 rgba(40, 10, 70, .4)); }
.start { border: 0; background: none; cursor: pointer; font: clamp(34px, 5vw, 60px)/1 var(--face); color: #fff; text-shadow: 0 4px 0 var(--red), 0 8px 0 var(--ink); animation: blink 1s steps(2) infinite; padding: 10px 20px; }
.start:hover, .start:focus-visible { animation: none; color: var(--gold); }
.quiet { border: 0; background: none; cursor: pointer; font: 18px/1 var(--face); color: #fff; text-decoration: underline; text-underline-offset: 4px; text-shadow: 0 2px 0 var(--ink); padding: 8px; }
#gate.gone { animation: out .4s ease forwards; pointer-events: none; }
@keyframes out { to { opacity: 0; visibility: hidden; } }

#intro { position: fixed; inset: 0; z-index: 95; background: #000; display: flex; align-items: center; justify-content: center; }
#intro[hidden] { display: none; }
#intro video { width: 100%; height: 100%; object-fit: contain; }
.skip { position: absolute; right: 20px; bottom: 20px; }
.nojs { position: fixed; left: 16px; right: 16px; top: 16px; z-index: 200; padding: 16px; background: #fff; }

/* ---------------- phone ---------------- */
@media (max-width: 760px) {
  body { overflow: auto; }
  #world { position: fixed; }
  #lot { position: relative; inset: auto; min-height: 100%; padding: 12px 16px 150px; display: flex; flex-direction: column; align-items: center; gap: 16px; }
  .wordmark { position: relative; left: auto; top: auto; width: min(360px, 84vw); margin-top: 8px; }
  .win.dock { position: relative; left: auto !important; top: auto !important; width: 100% !important; max-width: 460px; }
  #w-trunk { margin-top: 36vh; order: 1; }
  #w-memes { order: 2; } #w-tapes { order: 3; } #w-legit { order: 4; } #stock { order: 5; }
  .wordmark { order: 0; }
  #w-trunk .win-bar { cursor: default; }
  #stock { position: relative; left: auto; translate: none; right: auto; bottom: auto; grid-template-columns: repeat(2, 1fr); gap: 4px 12px; width: 100%; max-width: 460px; }
  #stock { column-gap: 8px; row-gap: 6px; }
  .box, .box:nth-child(n) { grid-column: auto; margin: 0; }
  .box span { font-size: 15px; }
  #deck { position: fixed; left: auto; top: auto; translate: none; right: 10px; bottom: 10px; z-index: 6; gap: 0; }
  #boombox { width: 84px; }
  .vol { display: none; }
  .win.pop { top: 50%; max-height: calc(100dvh - 24px); }
  .win-body { padding: 14px 16px 18px; }
  .pick { grid-template-columns: repeat(3, 1fr); }
  .drops { grid-template-columns: repeat(2, 1fr); }
  .tapes { grid-template-columns: repeat(2, 1fr); }
  .vhs { width: 150px; }
  .vhs span { font-size: 12px; }
  .memes { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .ticker { font-size: 38px; }
}
@media (max-width: 420px) {
  .ca-row { flex-direction: column; }
  .ca-row .os-btn { width: 100%; }
}
@media (max-width: 360px) {
  .memes { grid-template-columns: 1fr; }
  .os-btn { font-size: 16px; padding: 6px 14px 8px; }
}
@media (max-height: 760px) and (min-width: 761px) {
  .wordmark { width: clamp(220px, 20vw, 360px); }
  #w-trunk { top: calc(clamp(8px, 2vh, 24px) + clamp(220px, 20vw, 360px) * .354 + 30px); }
  .pitch { margin-bottom: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition: none !important; }
}

/* legit check docked: compact bench so the left column fits a 900 px screen */
#w-legit .pick button { padding: 2px; }
#w-legit .pick img { max-height: 38px; margin: 0 auto; }
#w-legit .bench { height: 104px; margin: 6px 0 0; }
#w-legit .bench-shoe { width: 140px; }
#w-legit .bench-beam { width: 10px; }
#w-legit .bench-gun { height: 96px; }
#w-legit .bench-stamp { width: 200px; }
#w-legit .verdict { font-size: 17px; margin-bottom: 6px; }
#w-legit .os-default { min-height: 46px; }