:root{--bg:#070806;--ink:#EFE7D4;--sub:#C4BBA8;--mute:#8A8272;--dim:#615D50;--line:#1F221D;--amber:#E8A33D;--green:#8FB17A;--warn:#D9774A;--mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;--serif:"Times New Roman",Times,serif;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.55 var(--serif);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--amber);color:var(--bg)}
a{color:inherit}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible,iframe:focus-visible{outline:1px dotted var(--amber);outline-offset:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;clip:auto;margin:0;padding:8px 12px;background:var(--bg);color:var(--amber);font:500 13px/1 var(--mono);z-index:10}
.wrap{max-width:760px;margin-inline:auto;padding-inline:clamp(20px,5vw,48px)}

.top{padding-block:22px;border-bottom:1px solid var(--line)}
.home{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--amber);text-decoration:none}
.home::before{content:"\2190\00a0"}
.home:hover{color:var(--ink)}

main > section{padding-block:clamp(40px,7vw,80px);border-bottom:1px solid var(--line)}
main > section:last-child{border-bottom:0}
main > section.intro{border-bottom:0;padding-bottom:0}
.eyebrow{margin:0 0 1.4em;font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.statement{margin:0;font:400 clamp(32px,5vw,52px)/1.08 var(--serif);letter-spacing:-.005em;text-wrap:balance}
.steve-note{margin:16px 0 0;color:var(--sub);font-size:15px;line-height:1.55}
.steve-note.steve-patience{font-size:calc(15px + 4pt)}
.ticket-meta .local-time{font-size:12px}
.heading{margin:0 0 .2em;font:400 clamp(23px,2.9vw,32px)/1.22 var(--serif);color:var(--ink);text-wrap:balance}
.prose p{max-width:62ch;margin:1em 0 0;color:var(--sub);text-wrap:pretty}
.prose .caveat{margin-top:1.6em;padding-left:1em;border-left:1px solid var(--amber);font-size:15px;color:var(--mute);font-style:italic}

.player{position:relative;margin-top:clamp(24px,4vw,40px);aspect-ratio:16/9;background:#0B0C0A;border:1px solid var(--line)}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.aside{margin:0}
.link,.evidence a{display:inline-block;font:500 13px/1.3 var(--mono);letter-spacing:.02em;color:var(--amber);text-decoration:none;border-bottom:1px dotted currentColor;padding-bottom:.2em;transition:color .15s}
.aside .link{margin-top:1.4em}
.link:hover,.evidence a:hover{color:var(--ink)}

.card{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:18px}
.ticket-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;margin:0 0 14px}
.ticket-header h3,.ticket-header h2{margin:0;font:400 20px/1.25 var(--serif)}
.ticket-meta{display:grid;grid-template-columns:max-content 1fr;gap:8px 24px;margin:0}
.ticket-meta dt{font:500 10.5px/1.7 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.ticket-meta dd{margin:0;font:400 13px/1.55 var(--mono);color:var(--sub);min-width:0}
.hex{font-family:var(--mono);overflow-wrap:anywhere;word-break:break-all}
.seed-result{margin:18px 0 0;padding-top:14px;border-top:1px dotted var(--line)}
.seed-value{display:block;font:500 clamp(22px,4.2vw,34px)/1.15 var(--mono);color:var(--ink);letter-spacing:-.01em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.countdown{font:500 15px/1.4 var(--mono);color:var(--amber);font-variant-numeric:tabular-nums}
.notice{margin:0;font:400 14px/1.5 var(--mono);color:var(--mute)}
.error{margin:0;font:400 14px/1.5 var(--mono);color:var(--warn)}
.error button,.notice button{margin-left:.6em}
.badge{display:inline-block;padding:3px 7px 2px;border:1px solid currentColor;font:500 10px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.badge.verified{color:var(--green)}
.badge.unverified{color:var(--mute)}
.badge.failed{color:var(--warn)}
.evidence{display:flex;flex-wrap:wrap;gap:4px 14px}

.code{position:relative;margin-top:1.4em;border:1px solid var(--line);background:#0B0C0A}
.code pre{margin:0;padding:16px;padding-top:40px;overflow-x:auto;font:400 12.5px/1.6 var(--mono);color:var(--sub);tab-size:4}
.copy{appearance:none;background:transparent;border:1px solid var(--line);color:var(--amber);font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:7px 10px;cursor:pointer;transition:color .15s,border-color .15s}
.code .copy{position:absolute;top:8px;right:8px}
.copy:hover{color:var(--ink);border-color:var(--dim)}

.table-wrap{margin-top:1.2em;overflow-x:auto;-webkit-overflow-scrolling:touch}
.runs{width:100%;min-width:520px;border-collapse:collapse;font:400 13px/1.5 var(--mono)}
.runs th,.runs td{padding:11px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.runs th{font-weight:500;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.runs td{color:var(--sub)}
.runs th:first-child,.runs td:first-child{padding-left:0}

.foot{padding-block:28px 40px;border-top:1px solid var(--line)}
.foot p{margin:0;font:400 12px/1.6 var(--mono);color:var(--dim)}

@media (max-width:540px){
  body{font-size:16px}
  .ticket-meta{grid-template-columns:1fr;gap:2px}
  .ticket-meta dd{margin-bottom:8px}
}
