/* Ticker Dash in the terminal: a street poster pasted on the dark desk. Orange paper, ink, tape and hard shadows
   for the race bill; painted lanes on asphalt for the track; stickers for places. Scoped to #terminal and td- classes. */
#terminal.tm{--td-ink:#101310;--td-paper:#f6f5ef;--td-orange:#fda638;--td-tape:#efe6c8cc;--td-marker:'Permanent Marker',Impact,cursive;--td-shadow:5px 5px 0 #000}

/* ---------- The whole terminal: asphalt with grain, hard edges and shadows, the active screen as a sticker ---------- */
#terminal.tm{--td-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");--td-grain-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .11 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");isolation:isolate;background:var(--td-grain),var(--t-bg)}
/* A ghost of the wordmark sprayed on the wall behind everything. */
#terminal.tm::before{content:'';position:fixed;right:-60px;bottom:40px;z-index:-1;width:min(80vw,980px);aspect-ratio:7.65;background:url(assets/brand/logo-paper.svg) no-repeat center/contain;opacity:.05;transform:rotate(-8deg);pointer-events:none}
/* Every surface carries grain: light grain on the dark ones, ink grain on paper, posters and stickers. */
#terminal :is(.tm-card,.tm-mini,.tm-top,.tm-nav,.td-history>li){background-image:var(--td-grain)}
#terminal :is(.td-bill,.td-win,.td-bill-pot,.td-bill-clock,.td-place,.td-card-art,.td-tag,.td-lane-no,.td-stamp){background-image:var(--td-grain-ink)}
#terminal .td-bill{background:var(--td-grain-ink),radial-gradient(circle at 1px 1px,#10131014 1.1px,transparent 1.4px) 0 0/7px 7px,linear-gradient(170deg,#ffb550,var(--td-orange) 60%,#f39a2c)}
/* Sprayed paint: a stroke with drips under every title, overspray past the poster corners. */
#terminal .tm-head h1::after{content:'';display:block;width:min(100%,3.6em);height:.62em;margin-top:2px;border-radius:0;transform:rotate(-1.5deg);background:var(--t-lemon);-webkit-mask:url(assets/street/spray-line.svg) no-repeat 0 0/100% 100%;mask:url(assets/street/spray-line.svg) no-repeat 0 0/100% 100%}
#terminal :is(.tm-hero,.tm-pot,.td-bill,.td-track-card)::after{content:'';position:absolute;top:-6px;right:-6px;width:190px;height:190px;pointer-events:none;background:var(--td-orange);opacity:.55;-webkit-mask:url(assets/street/overspray.svg) no-repeat 100% 0/100% 100%;mask:url(assets/street/overspray.svg) no-repeat 100% 0/100% 100%}
#terminal .tm-pot::after{background:var(--t-lemon);opacity:.4}
#terminal .td-bill::after{background:var(--td-ink);opacity:.35}
#terminal .td-track-card::after{background:var(--t-lemon);opacity:.25;width:150px;height:150px}
#terminal .tm-top{border-bottom:2px solid #000}
#terminal .tm-nav{border-right:2px solid #000}
#terminal .tm-nav button[aria-current=page]{background:var(--t-lemon);color:var(--td-ink);font-weight:700;box-shadow:3px 3px 0 #000;transform:rotate(-1deg)}
#terminal .tm-nav button[aria-current=page]::before{display:none}
#terminal .tm-nav button[aria-current=page] svg{color:var(--td-ink)}
#terminal .tm-nav button[aria-current=page] kbd{color:var(--td-ink);border-color:#10131055}
#terminal .tm-nav-label{font-family:var(--td-marker)!important;font-size:14px!important;letter-spacing:.02em!important;text-transform:none!important;color:var(--td-orange)!important}
#terminal :is(.tm-card,.tm-mini){border:2px solid var(--t-line-2);border-radius:6px;box-shadow:4px 4px 0 #000}
#terminal :is(.tm-hero,.tm-pot){position:relative;border:3px solid #000;border-radius:4px;box-shadow:6px 6px 0 #000;background:radial-gradient(circle at 1px 1px,#fda6381f 1.1px,transparent 1.4px) 0 0/8px 8px,var(--t-panel)}
#terminal .tm-pot{background:radial-gradient(circle at 1px 1px,#d8fa221c 1.1px,transparent 1.4px) 0 0/8px 8px,var(--t-panel)}
#terminal :is(.tm-hero,.tm-pot)::before{content:'';position:absolute;top:-12px;left:28px;width:104px;height:26px;background:var(--td-tape);transform:rotate(-5deg);box-shadow:0 1px 0 #0003}
#terminal .tm-button.tm-primary{border:2px solid #000;box-shadow:none}
#terminal .tm-button.tm-primary:active{transform:translateY(1px)}
#terminal .tm-button:not(.tm-primary):not(.is-locked){border-width:2px}
@media (max-width:720px){#terminal .tm-nav{border-right:0;border-bottom:2px solid #000}#terminal .tm-nav button[aria-current=page]{transform:none}#terminal :is(.tm-hero,.tm-pot)::before{left:18px}}

/* ---------- The bill: what is racing, for how much, how far the session is ---------- */
.td-bill{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:center;margin:4px 6px 26px;padding:26px 28px 34px;color:var(--td-ink);background:radial-gradient(circle at 1px 1px,#10131014 1.1px,transparent 1.4px) 0 0/7px 7px,linear-gradient(170deg,#ffb550,var(--td-orange) 60%,#f39a2c);border:3px solid var(--td-ink);box-shadow:var(--td-shadow);transform:rotate(-.35deg);clip-path:polygon(0 0,100% 0,100% 94%,97% 100%,93% 95%,88% 99%,82% 95%,76% 100%,70% 96%,63% 100%,57% 95%,50% 99%,43% 95%,37% 100%,30% 96%,23% 100%,17% 95%,10% 99%,4% 95%,0 100%)}
.td-tape{position:absolute;top:-11px;width:96px;height:26px;background:var(--td-tape);box-shadow:0 1px 0 #0002;z-index:1}
.td-tape.is-left{left:22px;transform:rotate(-7deg)}
.td-tape.is-right{right:26px;transform:rotate(5deg)}
.td-bill-main{display:grid;gap:8px;min-width:0}
.td-stamp{justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:2px solid var(--td-ink);font:700 12px/1 var(--t-mono);letter-spacing:.12em;text-transform:uppercase;transform:rotate(-2deg);background:#f6f5ef}
.td-stamp.is-live{background:var(--td-ink);color:var(--t-lemon)}
#terminal .td-bill-title{font:900 clamp(46px,5.4vw,78px)/.84 var(--t-display);letter-spacing:-.02em;text-transform:uppercase}
.td-bill-title em{display:inline-block;font-style:normal;line-height:.9;padding:.06em .12em 0;background:var(--td-ink);color:var(--t-lemon)}
.td-bill-main>p{margin-top:6px!important}
#terminal .td-bill-main p{font:600 14px/1.35 var(--t-sans);color:var(--td-ink)}
.td-bill-pot,.td-bill-clock{display:grid;gap:6px;padding:16px 18px;border:2.5px solid var(--td-ink);background:var(--td-paper);box-shadow:4px 4px 0 var(--td-ink)}
.td-bill-pot{transform:rotate(1.4deg)}
.td-bill-clock{transform:rotate(-1deg)}
.td-bill-pot>span,.td-bill-clock>span{font:700 11px/1 var(--t-mono);letter-spacing:.14em;text-transform:uppercase}
.td-bill-pot strong,.td-bill-clock strong{font:900 clamp(32px,3vw,44px)/.9 var(--t-display)}
#terminal .td-bill small{font-size:12px;line-height:1.4;color:#3f3c35}
#terminal .td-bill-pot strong small{font-size:.5em;color:var(--td-ink)}
/* ETH and $STRAY side by side, one line where it fits. */
#terminal .td-pot-pair{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
#terminal .td-bill-pot strong.td-pot-pair{font-size:clamp(22px,2vw,30px)}
@media(min-width:701px){#terminal .td-pot-pair{flex-wrap:nowrap;white-space:nowrap}}
#terminal .td-pot-pair>i{font-style:normal;font-size:.6em;opacity:.55}
.td-meter{height:12px;border:2px solid var(--td-ink);background:repeating-linear-gradient(90deg,transparent 0 9px,#10131026 9px 10px)}
.td-meter em{display:block;height:100%;background:var(--td-ink)}

/* ---------- A win waiting to be claimed: a lemon sticker above everything else ---------- */
.td-win{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin:0 6px 24px;padding:18px 22px;color:var(--td-ink);background:var(--t-lemon);border:3px solid var(--td-ink);box-shadow:var(--td-shadow);transform:rotate(.3deg)}
.td-win>div:first-child{display:grid;gap:4px;min-width:min(100%,280px);flex:1}
.td-win-badge{justify-self:start;font:400 22px/1 var(--td-marker);transform:rotate(-3deg)}
.td-win strong{font:900 30px/1 var(--t-display);text-transform:uppercase}
#terminal .td-win p{font-size:13.5px;color:#2b2925}
#terminal .td-win .tm-button{background:var(--td-ink);border-color:var(--td-ink);color:var(--td-paper)}
#terminal .td-win .tm-button.tm-primary{background:var(--td-paper);color:var(--td-ink);border:2px solid var(--td-ink)}
#terminal .td-win .tm-status{color:#2b2925}

/* ---------- Tabs: stickers, the chosen one lemon ---------- */
.td-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 6px 18px}
#terminal .td-tabs button{min-height:42px;padding:0 18px;border:2px solid var(--t-line-2);background:var(--t-panel);font:800 17px/1 var(--t-display);letter-spacing:.04em;text-transform:uppercase;color:var(--t-muted);cursor:pointer;transition:transform .15s,border-color .15s,color .15s}
#terminal .td-tabs button:hover{border-color:var(--t-muted);color:var(--t-text)}
#terminal .td-tabs button[aria-selected=true]{background:var(--t-lemon);border-color:var(--td-ink);color:var(--td-ink);box-shadow:3px 3px 0 #000;transform:rotate(-1deg)}
.td-panel{display:grid;gap:18px}
.td-panel[hidden]{display:none}

/* ---------- The track: painted lanes on asphalt, start on the left, the checkered finish on the right ---------- */
.td-track-card{position:relative;padding:20px 22px 22px;border:3px solid #000;border-radius:4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(180deg,#201f1d,#181816);box-shadow:var(--td-shadow)}
.td-track-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin-bottom:14px}
#terminal .td-track-head h2{font:900 34px/1 var(--t-display);text-transform:uppercase;color:var(--td-paper)}
.td-track-head span{font:400 17px/1.1 var(--td-marker);color:var(--t-lemon);transform:rotate(-1.5deg)}
.td-track{position:relative;display:grid}
.td-lane{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;min-height:62px;border-top:2px dashed #f6f5ef3d}
.td-lane:last-of-type{border-bottom:2px dashed #f6f5ef3d}
.td-lane-no{display:grid;place-items:center;width:32px;height:32px;background:var(--td-paper);color:var(--td-ink);font:900 20px/1 var(--t-display);transform:rotate(-3deg);box-shadow:2px 2px 0 #000}
.td-lane.is-lead .td-lane-no{background:var(--t-lemon)}
.td-rail{position:relative;height:62px;margin-right:28px;border-left:3px solid #f6f5efb3}
.td-rail::after{content:'';position:absolute;top:-2px;bottom:-2px;right:-28px;width:16px;background:repeating-conic-gradient(#f6f5ef 0 25%,#101310 0 50%) 0 0/8px 8px;opacity:.9}
.td-runner{position:absolute;top:50%;left:calc(var(--at) * (100% - 52px));display:flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:inherit;cursor:pointer;transform:translateY(-50%);transition:left .6s cubic-bezier(.16,1,.3,1);white-space:nowrap;width:max-content;z-index:1}
.td-runner.is-late{flex-direction:row-reverse;transform:translate(calc(-100% + 52px),-50%)}
.td-runner img{width:52px;height:52px;flex:none;border:3px solid var(--td-paper);border-radius:50%;object-fit:cover;background:#2a2927;box-shadow:3px 3px 0 #000}
.td-tag{display:grid;grid-template-columns:auto auto;align-items:center;gap:0 10px;padding:5px 9px 6px;background:var(--td-paper);color:var(--td-ink);box-shadow:2px 2px 0 #000;transform:rotate(-1.2deg)}
.td-tag b{font:800 15px/1.05 var(--t-display);text-transform:uppercase;max-width:150px;overflow:hidden;text-overflow:ellipsis}
#terminal .td-tag small{grid-column:1;font:500 10.5px/1.2 var(--t-mono);color:#56534b}
.td-tag .tm-move{grid-column:2;grid-row:1/3;font:900 19px/1 var(--t-display)}
#terminal .td-tag .tm-move.is-up{color:#24701a}
#terminal .td-tag .tm-move.is-down{color:#b33a14}
.td-lane.is-lead .td-runner img{border-color:var(--t-lemon)}
.td-lane.is-lead .td-tag{background:var(--t-lemon)}
.td-lane.is-mine .td-runner img{border-color:var(--td-orange)}
.td-lane.is-mine .td-tag{outline:2px solid var(--td-orange);outline-offset:2px}
.td-runner:hover .td-tag,.td-runner:focus-visible .td-tag{transform:rotate(0) translateY(-2px)}
.td-yours{position:relative;z-index:2;margin:18px 0 12px!important;font:400 17px/1 var(--td-marker);color:var(--td-orange);transform:rotate(-1deg)}
.td-lane.is-off{border-top:0}

/* ---------- The board ---------- */
.td-board .tm-card-head{flex-wrap:wrap}
.td-find{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:10px 14px;margin-bottom:6px}
.td-find .tm-check{align-self:center;padding-top:22px}
#terminal .td-find-note{min-height:18px;margin:2px 0 8px;font-size:13px;color:var(--t-lemon)}
.td-table-wrap{overflow-x:auto}
.td-table td{padding-top:9px;padding-bottom:9px}
.td-table .td-rank{width:52px;font:900 24px/1 var(--t-display);color:var(--t-muted)}
.td-table tr.is-paid .td-rank{color:var(--t-lemon)}
.td-table tr.is-mine{background:#fda6380f}
.td-table tr.is-mine .td-rank{color:var(--td-orange)}
.td-who{display:flex;align-items:center;gap:10px;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}
.td-who img{width:40px;height:40px;flex:none;border:2px solid var(--t-line-2);border-radius:50%;object-fit:cover;background:var(--t-raise)}
.td-who b{display:block;font-weight:700}
.td-who:hover b{text-decoration:underline;text-decoration-color:var(--t-lemon)}
.td-chips{display:flex;flex-wrap:wrap;gap:4px;max-width:340px}
.td-chips i{padding:3px 6px;border:1px solid var(--t-line-2);border-radius:3px;font:500 11px/1 var(--t-mono);font-style:normal;color:var(--t-muted);white-space:nowrap}
.td-chips i b{font-weight:600}
.td-chips i.is-up b{color:var(--t-up)}
.td-chips i.is-down b{color:var(--t-down)}
.td-pager{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:16px}
#terminal .td-page{min-width:42px;min-height:36px;padding:0 11px;border:2px solid var(--t-line-2);background:var(--t-bg);font:600 12.5px/1 var(--t-mono);color:var(--t-text);cursor:pointer}
#terminal .td-page:hover:not(:disabled){border-color:var(--t-muted)}
#terminal .td-page[aria-current=page]{background:var(--t-lemon);border-color:var(--td-ink);color:var(--td-ink);box-shadow:2px 2px 0 #000}
#terminal .td-page:disabled{opacity:.35;cursor:default}
.td-gap{color:var(--t-dim);padding:0 2px}

/* ---------- Last result: three posters, the winner in the middle and highest ---------- */
.td-result{padding:8px 6px 4px}
#terminal .td-result-head{margin-bottom:18px;font:600 12px/1 var(--t-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--t-muted)}
.td-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:26px;max-width:880px;margin:30px auto 8px}
.td-place{position:relative;margin:0;padding:12px 12px 16px;background:var(--td-paper);color:var(--td-ink);border:3px solid var(--td-ink);box-shadow:var(--td-shadow)}
.td-place.is-1{transform:translateY(-22px) rotate(-1deg);background:var(--t-lemon)}
.td-place.is-2{transform:rotate(1.6deg)}
.td-place.is-3{transform:rotate(-1.8deg)}
.td-place-art{display:block;width:100%;padding:0;border:2px solid var(--td-ink);background:#222;cursor:pointer}
.td-place-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.td-medal{position:absolute;top:-16px;left:-14px;z-index:1;display:grid;place-items:center;width:62px;height:62px;border:3px solid var(--td-ink);border-radius:50%;background:var(--td-orange);color:var(--td-ink);font:400 19px/1 var(--td-marker);transform:rotate(-10deg);box-shadow:3px 3px 0 #000}
.td-place.is-1 .td-medal{background:var(--td-paper);width:72px;height:72px;font-size:23px}
.td-place figcaption{display:grid;gap:6px;margin-top:12px}
.td-place figcaption b{font:900 24px/1.05 var(--t-display);text-transform:uppercase}
#terminal .td-place figcaption small{font:500 12px/1.3 var(--t-mono);color:#56534b}
.td-place figcaption strong{display:block;font:900 34px/1.1 var(--t-display)}
.td-place figcaption strong .tm-move{font:inherit}
#terminal .td-place .tm-move.is-up{color:#24701a}
#terminal .td-place .tm-move.is-down{color:#b33a14}
.td-place figcaption span{margin-top:3px;font:600 13px/1.35 var(--t-sans)}
.td-place figcaption em{justify-self:start;margin-top:4px;padding:3px 7px;background:var(--td-ink);color:var(--td-paper);font:600 11px/1.2 var(--t-mono);font-style:normal;text-transform:uppercase;letter-spacing:.06em}

/* ---------- History ---------- */
.td-history{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.td-history>li{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--t-line);border-radius:6px;background:var(--t-panel)}
.td-history-id{font:900 26px/1 var(--t-display)}
.td-history-id small{display:block;margin-top:4px;font:500 11px/1 var(--t-mono)}
.td-history-podium{display:flex;flex-wrap:wrap;gap:10px 18px}
.td-history-podium button{display:flex;align-items:center;gap:9px;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}
.td-history-podium img{width:44px;height:44px;border:2px solid var(--t-line-2);border-radius:50%;object-fit:cover}
.td-history-podium b{display:block;font-size:13.5px}
.td-history-podium em{font-style:normal;font-size:12px;color:var(--t-muted)}

/* ---------- One runner's whole card (the dialog) ---------- */
.td-card{display:grid;gap:22px;margin-bottom:22px}
.td-card .tm-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.td-card-art{position:relative;width:min(100%,300px);padding:8px;background:var(--td-paper);border:3px solid var(--td-ink);box-shadow:var(--td-shadow);transform:rotate(-1.5deg)}
.td-card-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.td-card-art .td-medal{top:-14px;left:auto;right:-14px}
.td-card-info{display:grid;gap:8px}
#terminal .td-card-info h2{font:900 34px/1 var(--t-display);text-transform:uppercase}
#terminal .td-card-return{font:900 40px/1.1 var(--t-display)}
.td-card-return .tm-move{font:inherit}
#terminal .td-card-return small{font:500 13px/1 var(--t-sans)}

@media (max-width:980px){
  .td-bill{grid-template-columns:1fr 1fr}
  .td-bill-main{grid-column:1/-1}
}
@media (max-width:720px){
  .td-bill{grid-template-columns:1fr 1fr;gap:12px;margin:4px 2px 22px;padding:20px 14px 28px;transform:none}
  .td-bill-pot,.td-bill-clock{transform:none;padding:12px;gap:5px}
  .td-bill-pot strong,.td-bill-clock strong{font-size:28px}
  #terminal .td-bill small{font-size:11px}
  #terminal .td-bill-main p{font-size:13px}
  .td-win{margin:0 2px 20px;transform:none}
  .td-tabs{margin:0 2px 14px}
  #terminal .td-tabs button{flex:1;padding:0 8px;font-size:15px}
  .td-track-card{padding:14px 12px 16px}
  .td-lane{grid-template-columns:34px minmax(0,1fr);min-height:56px}
  .td-lane-no{width:26px;height:26px;font-size:16px}
  .td-rail{height:56px;margin-right:18px}
  .td-rail::after{right:-18px;width:10px;background-size:5px 5px}
  .td-runner{left:calc(var(--at) * (100% - 40px));gap:6px}
  .td-runner.is-late{transform:translate(calc(-100% + 40px),-50%)}
  .td-runner img{width:40px;height:40px;border-width:2px}
  .td-tag{padding:4px 7px;gap:0 7px}
  .td-tag b{max-width:92px;font-size:13px}
  #terminal .td-tag small{display:none}
  .td-tag .tm-move{font-size:16px}
  .td-find{grid-template-columns:1fr auto}
  .td-find .tm-check{grid-column:1/-1;padding-top:0}
  .td-table thead{display:none}
  .td-table tbody tr{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:6px 10px;padding:10px 0;border-bottom:1px solid var(--t-line)}
  .td-table tbody td{padding:0;border:0}
  .td-table tbody td:nth-child(3){grid-column:2/-1}
  .td-table tbody td:nth-child(4){grid-row:1;grid-column:3;text-align:right}
  .td-table tbody td:nth-child(5){grid-column:2/-1;font-size:12.5px;color:var(--t-muted)}
  .td-table tbody td:nth-child(5):not(:empty)::before{content:'Prize if it ended now: '}
  .td-table tbody td[colspan]{grid-column:1/-1}
  .td-podium{grid-template-columns:1fr;gap:28px}
  .td-place.is-1{order:-1;transform:rotate(-1deg)}
  .td-place{max-width:340px;justify-self:center;width:100%}
  .td-history>li{grid-template-columns:1fr}
  .td-card{grid-template-columns:1fr}
  .td-card-art{max-width:260px}
}
@media (prefers-reduced-motion:reduce){.td-runner{transition:none}}
@media (max-width:720px){.td-table tbody tr:not(.is-paid) td:nth-child(5){display:none}}
#terminal .td-waiting{margin:12px 0 4px;padding:10px 12px;border-left:4px solid var(--td-orange);background:#fda63814;font-size:13.5px;line-height:1.45}

/* ---------- The system, last word: printed paper is square, posters are the only things that cast a shadow ----------
   Square is the rule; round is kept for faces (avatars), status dots and spinners. A hard shadow and tape mean
   "poster" -- the hero of a screen, the race bill, a win, the podium, the chosen menu entry, the main button --
   so everything else is flat with a plain edge. Labels are small and calm instead of wide-tracked capitals. */
#terminal *,#terminal *::before,#terminal *::after{border-radius:0!important}
#terminal :is(.tm-dot,.tm-sync-dot,.tm-toast-icon,.tm-wallet-chip::before,.tm-pill.is-active::before,.td-runner img,.td-who img,.td-history-podium img,.td-medal,.tm-lock>svg,.tm-button[aria-busy=true]::after,.tm-check input){border-radius:50%!important}
#terminal :is(.tm-card,.tm-mini,.tm-entry-result,.td-history>li){border:1.5px solid var(--t-line-2);box-shadow:none}
#terminal :is(.tm-card,.tm-mini).tm-game:hover,#terminal .tm-mini:hover{border-color:var(--t-muted)}
#terminal .tm-hero-stats{border:1.5px solid var(--t-line-2)}
#terminal :is(.tm-tape button,.tm-wallet-chip,.tm-search,.tm-sync,.tm-pill,.tm-badge,.tm-soon,.tm-tickers span,.td-chips i){border-width:1.5px}
#terminal :is(.tm-eyebrow,.tm-table thead th,.tm-stat dt,.tm-podium b,.td-bill-pot>span,.td-bill-clock>span,.td-result-head,.tm-tape b,.tm-brand span){letter-spacing:.06em}
#terminal .tm-field input:not([type=range]){border-width:1.5px}
#terminal .tm-field input:not([type=range]):focus{outline:2px solid var(--t-lemon);outline-offset:0;border-color:var(--t-lemon)}
#terminal .tm-podium span{border-width:1.5px}
#terminal .tm-podium span:first-child{background:var(--t-lemon);border-color:#000}
#terminal .tm-podium span:first-child :is(b,strong,small){color:var(--td-ink)}
#terminal .td-fee{margin:2px 0 10px;font-size:13px;line-height:1.45;color:var(--t-muted)}
#terminal .td-fee.is-launch{padding:12px 14px;border:2px solid #000;background:var(--td-orange);color:var(--td-ink);box-shadow:3px 3px 0 #000}
#terminal .td-fee.is-launch b{display:block;margin-bottom:3px;font:900 19px/1.1 var(--t-display);text-transform:uppercase}
#terminal .td-wallet{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 14px;font-size:14px;color:var(--t-muted)}
#terminal .td-wallet b{color:var(--t-text)}
#terminal .td-wallet.is-short{padding:10px 12px;border-left:4px solid var(--td-orange);background:#fda63814;color:var(--t-text)}

/* A badge in the chosen menu entry would vanish lemon on lemon: there it turns ink. */
#terminal .tm-nav button[aria-current=page] .tm-badge{background:var(--td-ink);color:var(--t-lemon);border-color:var(--td-ink)}
/* The jackpot figure sits in the middle of its poster, not on its floor. */
#terminal .tm-pot{align-items:center}
/* Trade $STRAY: the trade card and what the token does share one row; the card keeps no extra margin there. */
#terminal .tm-trade-row .tm-trade{margin-bottom:0}
#terminal .tm-trade .tm-field input{max-width:none}