@font-face{font-family:Michroma;src:url("/assets/Michroma-Regular.ttf") format("truetype");font-display:swap}
*{box-sizing:border-box}
[hidden]{display:none!important}
:root{color-scheme:dark;--paper:#171515;--panel:#24201e;--line:#514238;--text:#f9f3ef;--muted:#d0bdb0;--brand:#ff9a66;--soft:#3a271e;--green:#b4e3b8}
body{margin:0;color:var(--text);font:15px/1.45 system-ui,sans-serif}
.console{background:var(--paper)}
.shell{max-width:1130px;margin:auto;padding:clamp(14px,4vw,36px)}
.narrow{max-width:760px}
.masthead,.bar,.actions,.status-row,.tabs{display:flex;gap:10px 16px;align-items:center;flex-wrap:wrap}
.masthead,.bar{justify-content:space-between}
.kicker{color:var(--brand);letter-spacing:.14em;text-transform:uppercase;font-weight:700;font-size:.75rem}
h1,h2,h3,p,ol,ul,dl,dd{margin:0}
h1{font-size:clamp(1.6rem,5vw,2.65rem);line-height:1.13}
h2{font-size:1.2rem}
h3{font-size:1rem}
a{color:var(--brand);overflow-wrap:anywhere}
button,.button,input,select,textarea{font:inherit;border:1px solid var(--line);border-radius:8px;padding:8px 11px;color:var(--text);background:#171515}
button,.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;max-width:100%;white-space:normal;text-align:center}
button:disabled{opacity:.48;cursor:default}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.primary,[aria-pressed=true]{background:var(--soft);border-color:var(--brand);color:#ffcca9}
input,select,textarea{max-width:100%;min-width:0;width:100%}
input[type=checkbox]{width:auto}
textarea{min-height:3.8rem;resize:vertical}
label{display:grid;gap:4px;color:var(--muted);font-size:.91rem}
label.inline{display:flex;align-items:center;gap:6px}
.tabs{margin-block:14px}
.page,.panel,.fields{display:grid;gap:12px;min-width:0}
.panel{padding:clamp(12px,2.3vw,20px);border-radius:13px;border:1px solid var(--line);background:var(--panel)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,315px),1fr));gap:12px;align-items:start;min-width:0}
.compact{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}
.status-row span,.tag{border:1px solid var(--line);border-radius:6px;padding:2px 7px;font-size:.82rem}
.good{color:var(--green)}
.minor,.facts dt{color:var(--muted);font-size:.86rem}
.notice{color:var(--brand);overflow-wrap:anywhere}
.notice:empty{display:none}
.masthead+.notice:not(:empty){margin-top:10px}
.queue{display:grid;gap:8px;padding-left:1.3rem}
.queue li>div{display:flex;gap:5px 9px;flex-wrap:wrap;align-items:center}
.queue img{height:46px;width:63px;object-fit:contain;border-radius:5px;background:#191514}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,125px),1fr));gap:7px 12px}
.facts dd{font-weight:700;overflow-wrap:anywhere}
.time{color:var(--brand);font-variant-numeric:tabular-nums}
.console #clock{font-size:2rem;font-weight:650;line-height:1.1}
.time-form{display:grid;gap:7px}
.time-form input{width:9em}
details>summary{cursor:pointer;color:var(--brand)}
details>button,details>ol{margin-top:7px}
dialog{width:min(700px,calc(100% - 22px));max-height:calc(100% - 24px);background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:17px}
dialog::backdrop{background:#100b09c9}
#drop{border:1px dashed var(--line);border-radius:7px;padding:10px}
.headline-demo{font-size:var(--title-size,18px)}
.title-preview{border-radius:7px;background:#151311;padding:9px;font:18px/1.25 Michroma,sans-serif;overflow-wrap:anywhere}
.payment-entry{display:grid;gap:8px;border:1px solid var(--line);border-radius:8px;padding:10px}
.payment-entry form{display:grid;gap:6px;margin-block:5px}
.obs{background:transparent;overflow:hidden;min-height:100vh;padding:11px}
.plate{max-width:880px;margin:0 auto;width:100%;container-type:inline-size;border-radius:16px;color:#fff;background:#171311ef;box-shadow:0 0 18px #ff7a3758;font-family:Michroma,system-ui,sans-serif}
.lot{display:grid;grid-template-columns:minmax(0,1fr) minmax(82px,32%);gap:clamp(8px,2.5cqw,20px);padding:clamp(12px,2.3cqw,20px)}
.lot.no-image{grid-template-columns:minmax(0,1fr)}
.copy{min-width:0;display:grid;align-content:start;gap:5px}
.phase{display:flex;align-items:center;gap:7px;text-transform:uppercase;color:#ffd0b3;font:650 clamp(12px,2.1cqw,17px)/1.2 system-ui,sans-serif;letter-spacing:.08em}
.dot{height:8px;width:8px;flex:none;border-radius:50%;background:#ff7a37;box-shadow:0 0 13px #ff7a37}
.copy h1{font-family:Michroma,system-ui,sans-serif;font-size:var(--title-size,clamp(17px,4.15cqw,35px));font-weight:400;line-height:1.24;overflow-wrap:anywhere;max-height:2.48em;overflow:hidden}
.copy h1.measuring{max-height:none}
.metrics{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:end}
.metrics>div{min-width:0;display:grid}
.large{font-size:clamp(19px,6.2cqw,53px);line-height:1.25;white-space:nowrap}
.large.time{font-size:clamp(17px,5.2cqw,44px)}
.metric-label,.lot-extra{font:500 clamp(12px,2.1cqw,18px)/1.3 system-ui,sans-serif;color:#ead5ca;overflow-wrap:anywhere}
.sponsor{color:#cbb9ad}
.track{height:3px;border-radius:5px;background:#ffffff24;overflow:hidden}
.track>div{height:100%;background:#ffad7f;transform-origin:left}
.plate[data-phase=final]{box-shadow:0 0 20px #ff7a3790}
.plate[data-phase=final] .time,.plate[data-phase=final] .phase{color:#ffc19e}
.plate[data-phase=payment] .time,.plate[data-phase=payment] .phase{color:#f5d79c}
.plate[data-phase=paid] .phase{color:#c2e2ba}
.slideshow{position:relative;min-height:105px;border-radius:9px;overflow:hidden;background:#0f0e0e8f}
.slideshow img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .55s ease}
.slideshow img.visible{opacity:1}
.team{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;padding:8px clamp(12px,2.3cqw,20px);border-top:1px solid #745039;background:#27211d;border-radius:0 0 16px 16px;color:#ffe8d9;font:500 clamp(13px,2.4cqw,20px)/1.35 system-ui,sans-serif}
.team-value{position:relative;white-space:nowrap;font:400 clamp(14px,3.2cqw,27px)/1.35 Michroma,system-ui,sans-serif;color:#fff}
.unit{font:400 .65em system-ui,sans-serif;margin-left:.35em}
.card-wave{position:absolute;inset:0;overflow:hidden;border-radius:inherit;z-index:-1}
.card-wave-band{position:absolute;top:0;left:0;width:75%;height:100%;opacity:0;transform:translate3d(-100%,0,0)}
.amount-wave{position:absolute;pointer-events:none;white-space:pre}
.amount-wave-char{position:absolute;top:0;display:block;height:100%;line-height:inherit;white-space:pre}
.delta-notice{position:absolute;right:16px;bottom:100%;z-index:2;display:block;pointer-events:none;white-space:nowrap;color:#fff;font:500 17px/1.3 system-ui,sans-serif;padding:3px 7px;background:#281a14;border-radius:5px}
.delta-ink{display:block}
.delta-glow{position:absolute;inset:3px 7px;filter:blur(2px);opacity:.55}
.delta-unit{margin-left:.15em}
.delta-notice.is-colorful .delta-ink{color:transparent;background-image:linear-gradient(100deg,#ff7a37 15%,#ffd52d 46%,#fff3cc 50%,#4263ff 80%);background-size:300% 100%;background-clip:text}
.pairing{width:max-content;max-width:100%;padding:10px;border-radius:8px;background:#211a16}
@media(max-width:410px){.metrics .large{font-size:clamp(17px,5.8cqw,27px)}.lot-extra{font-size:11px}}
@media(prefers-reduced-motion:reduce){.slideshow img{transition:none}}