:root{--pit:#17150f;--steel:#20231a;--steel-2:#2b2f21;--line:#3f4330;--dust:#ece4d0;--mud:#a49a82;--hazard:#fece04;--hazard-ink:#211a00;--hazard-edge:#7a5c00;--hydro:#ff5a1f;--ok:#57d977;--danger:#ff6b6b;--danger-bg:#8f1d1d;--gold:#ffd24a;--silver:#cfd6df;--bronze:#d98a4e;--gutter:clamp(10px, 2vw, 24px);--page-max:1480px;--display:"Big Shoulders Display", Impact, "Arial Narrow Bold", sans-serif;--body:"Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--body);font-weight:500;line-height:1.45}*,:before,:after{box-sizing:border-box}body{min-height:100vh;color:var(--dust);background:radial-gradient(1100px 520px at 85% -10%, #fece0417, transparent 60%), radial-gradient(800px 480px at 5% 108%, #ff5a1f12, transparent 60%), var(--pit);background-attachment:fixed;margin:0}main{max-width:var(--page-max);padding:28px var(--gutter) 64px;margin:0 auto;overflow-x:clip}.page>*{animation:.5s cubic-bezier(.2,.9,.25,1) both rise}.page>:nth-child(2){animation-delay:70ms}.page>:nth-child(3){animation-delay:.14s}.page>:nth-child(4){animation-delay:.21s}.page>:nth-child(n+5){animation-delay:.28s}@keyframes rise{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0}}h1{font-family:var(--display);letter-spacing:.005em;text-transform:uppercase;transform-origin:0 100%;text-shadow:3px 3px #00000073;text-wrap:balance;margin:0 0 12px;font-size:clamp(2.5rem,6.5vw,4.4rem);font-weight:900;line-height:.95;transform:skew(-6deg)}h2{font-family:var(--display);letter-spacing:.03em;text-transform:uppercase;margin:28px 0 12px;font-size:1.6rem;font-weight:800}.sub{color:var(--mud);max-width:60ch;margin:0 0 22px;font-size:1.15rem}.muted{color:var(--mud)}.center{text-align:center;justify-items:center;gap:16px;padding:56px 0;font-size:1.4rem;display:grid}.error{color:var(--danger);margin:0;font-size:1.1rem;font-weight:700}.pilot{color:var(--mud);margin:0 0 8px;font-size:1.1rem}.pilot strong{color:var(--dust)}.live-badge{border:1px solid var(--line);background:var(--steel);font-family:var(--body);letter-spacing:0;text-transform:none;text-shadow:none;color:var(--dust);vertical-align:middle;border-radius:999px;align-items:center;gap:8px;margin-left:14px;padding:4px 14px 4px 10px;font-size:.9rem;font-weight:700;display:inline-flex}.live-dot{background:var(--hydro);border-radius:50%;width:10px;height:10px;animation:1.6s ease-in-out infinite beacon;box-shadow:0 0 0 4px #ff5a1f33}@keyframes beacon{0%,to{opacity:1;scale:1}50%{opacity:.4;scale:.75}}.hazard-bar{background:repeating-linear-gradient(-45deg, var(--hazard) 0 18px, #14120b 18px 36px);height:10px;animation:14s linear infinite stripe-crawl}@keyframes stripe-crawl{to{background-position:254.56px 0}}.nav{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17150feb;position:sticky;top:0}.nav-inner{max-width:var(--page-max);padding:10px var(--gutter);flex-wrap:wrap;align-items:center;gap:16px;margin:0 auto;display:flex}.brand{font-family:var(--display);text-transform:uppercase;align-items:center;gap:10px;margin-right:auto;font-weight:900;line-height:1;display:inline-flex}.brand-logo{width:auto;height:34px;display:block}.brand-name{border-left:3px solid var(--hazard);padding-left:12px;font-size:1.35rem}.foot{padding:0 var(--gutter) 32px;color:var(--mud);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:10px;font-size:.85rem;font-weight:600;display:flex}.brand-name small{font-family:var(--body);letter-spacing:.08em;color:var(--mud);font-size:.7rem;font-weight:600;display:block}.nav nav{flex-wrap:wrap;gap:8px;display:flex}.nav a{min-height:48px;color:var(--dust);border:1px solid #0000;border-radius:10px;align-items:center;padding:0 18px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex;position:relative;overflow:hidden}.nav a:hover{border-color:var(--line);background:var(--steel)}.nav a.active{background:var(--hazard);color:var(--hazard-ink)}.nav a.active:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff8c 50%,#0000 70%);animation:.7s ease-out forwards sweep;position:absolute;inset:0;transform:translate(-110%)}@keyframes sweep{to{transform:translate(110%)}}button,input{font:inherit;min-height:56px}.btn{cursor:pointer;border:0;border-radius:12px 14px;padding:0 30px;font-size:1.3rem;font-weight:800;transition:transform .12s,background .15s,box-shadow .12s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(4px)}.btn:disabled,.option:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--hazard);color:var(--hazard-ink);box-shadow:0 6px 0 var(--hazard-edge), 0 12px 26px #fece0433}.btn-primary:active:not(:disabled){box-shadow:0 2px 0 var(--hazard-edge)}.btn-secondary{background:var(--steel-2);color:var(--dust);border:2px solid var(--line);box-shadow:0 4px #14160e}.btn-secondary:hover:not(:disabled){border-color:var(--hazard)}.btn-secondary:active:not(:disabled){box-shadow:0 0 #14160e}.btn-secondary.selected{background:var(--hazard);color:var(--hazard-ink);border-color:var(--hazard);box-shadow:0 4px 0 var(--hazard-edge)}.btn-danger{background:var(--danger-bg);color:#fff;border:2px solid #d33;box-shadow:0 6px #4c0d0d}.btn-danger:active:not(:disabled){box-shadow:0 2px #4c0d0d}:focus-visible{outline:3px solid var(--hazard);outline-offset:3px}.form{background:var(--steel);border:1px solid var(--line);border-radius:6px 24px;gap:18px;max-width:580px;margin:3vh auto 0;padding:28px 26px 30px;display:grid}.form .sub{margin:0}.field{text-align:left;gap:8px;display:grid}.field label{font-size:1.1rem;font-weight:700}input{border:2px solid var(--line);color:var(--dust);background:#141610;border-radius:12px;padding:0 16px;font-size:1.3rem;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--hazard);outline:none;box-shadow:0 0 0 4px #fece042e}.options{grid-template-columns:1fr 1fr;gap:22px;display:grid}.option{border:3px solid var(--line);background:var(--steel);color:var(--dust);cursor:pointer;border-radius:6px 24px;gap:12px;padding:14px 14px 16px;transition:border-color .15s,transform .18s,box-shadow .18s;animation:.55s cubic-bezier(.2,.9,.3,1.15) both deal-in;display:grid}.option:nth-child(2){border-radius:24px 6px;animation-delay:90ms}@keyframes deal-in{0%{opacity:0;translate:0 24px;rotate:-1.5deg}to{opacity:1;translate:0;rotate:0deg}}.option:hover:not(:disabled){border-color:var(--hazard);transform:translateY(-4px);box-shadow:0 16px 32px #0006}.option:hover:not(:disabled) img{filter:none;transform:scale(1.03)}.option:active:not(:disabled){transform:scale(.98)}.option img{aspect-ratio:4/3;object-fit:cover;background:var(--steel-2);filter:saturate(.82)contrast(1.05);border-radius:4px 16px;width:100%;max-height:44vh;transition:transform .25s,filter .2s}.option-meta{align-items:center;gap:14px;display:flex}.option-tag{width:56px;height:56px;font-family:var(--display);background:var(--hazard);color:var(--hazard-ink);border-radius:10px;flex:none;place-items:center;font-size:2.2rem;font-weight:900;line-height:1;display:inline-grid;transform:skew(-8deg);box-shadow:3px 3px #00000080}.option-hint{color:var(--mud);font-size:1rem}.option.rev{border-color:var(--hazard);animation:.55s cubic-bezier(.2,.9,.3,1.15) both deal-in,.4s rev}.option.rev:disabled,.option.wrong:disabled{opacity:1}.option.wrong{border-color:var(--danger);background:var(--danger-bg);box-shadow:0 0 0 3px #ff6b6b59,0 16px 32px #0006}.options.shake,.cats.shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}.reel{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px;display:grid}.reel img,.landed{aspect-ratio:4/3;object-fit:cover;border:3px solid var(--line);background:var(--steel-2);border-radius:6px 24px;width:100%}.reel img{opacity:.35;transition:opacity .1s,transform .1s,border-color .1s;transform:scale(.94)}.reel img.active{opacity:1;border-color:var(--hazard);transform:scale(1);box-shadow:0 0 0 4px #fece0440}.landed{border-color:var(--hazard);width:min(100%,560px,56vh);margin:0 auto 22px;display:block;box-shadow:0 0 0 4px #fece0440}.btn.wrong,.btn.wrong:disabled{border-color:var(--danger);background:var(--danger-bg);color:#fff;opacity:1}@keyframes shake{10%,90%{transform:translate(-3px)}20%,80%{transform:translate(6px)}30%,50%,70%{transform:translate(-12px)}40%,60%{transform:translate(12px)}}@keyframes rev{0%,to{transform:translate(0)}25%{transform:translate(-5px)rotate(-.6deg)}55%{transform:translate(5px)rotate(.6deg)}80%{transform:translate(-2px)}}.skeleton{border:2px dashed var(--line);text-align:center;color:var(--mud);background:repeating-linear-gradient(-45deg,#0000 0 18px,#fece040d 18px 36px);border-radius:14px;padding:48px 20px;font-size:1.3rem;animation:6s linear infinite stripe-crawl}.list{gap:12px;display:grid}.card{background:var(--steel);border:1px solid var(--line);border-radius:14px;padding:14px}.row{width:100%;min-height:72px;color:var(--dust);text-align:left;cursor:pointer;grid-template-columns:2fr 2fr 1fr 1fr;align-items:center;gap:12px;font-size:1.25rem;transition:border-color .15s,background .15s;display:grid;position:relative;overflow:hidden}.row:hover{border-color:var(--hazard)}.row:before{content:"";background:repeating-linear-gradient(to bottom, var(--hazard) 0 10px, #14120b 10px 20px);width:8px;transition:transform .2s;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.row.selected{border-color:var(--hazard);background:var(--steel-2)}.row.selected:before{transform:translate(0)}.row-name{padding-left:6px;font-weight:800}.elapsed{font-variant-numeric:tabular-nums;color:var(--hazard);text-align:right;text-shadow:2px 2px #00000080;font-size:1.6rem;font-weight:800}.cats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px;display:grid}.cats .btn{min-height:76px;font-family:var(--display);text-transform:uppercase;letter-spacing:.03em;font-size:1.7rem;font-weight:900}.stop{width:100%;min-height:80px;font-family:var(--display);text-transform:uppercase;letter-spacing:.05em;font-size:2rem;font-weight:900}.modal{border:1px solid var(--hazard);background:var(--steel);width:min(780px,100vw - 32px);color:var(--dust);border-radius:6px 24px;padding:0;overflow:hidden;box-shadow:0 30px 80px #0009}.modal[open]{animation:.28s cubic-bezier(.2,.9,.3,1.15) both modal-in}.modal[open]::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0905b8;animation:.2s both fade-in}@keyframes modal-in{0%{opacity:0;translate:0 28px;scale:.96}to{opacity:1;translate:0;scale:1}}@keyframes fade-in{0%{opacity:0}}.modal-inner{padding:22px 24px 26px}.modal h2{transform-origin:0 100%;margin:0;font-size:2.6rem;line-height:1;transform:skew(-6deg)}.modal h3{color:var(--mud);margin:18px 0 10px;font-size:1.05rem}.modal .pilot{margin:0 0 4px}.modal-time{text-align:left;margin:10px 0 0;font-size:2.2rem}.modal-actions{grid-template-columns:1fr 2fr;gap:12px;display:grid}.modal .cats{margin-bottom:18px}.modal .stop{min-height:72px;font-size:1.7rem}.result{background:var(--steel-2);border:1px solid var(--ok);border-left:10px solid var(--ok);border-radius:12px;margin:0 0 18px;padding:14px 18px;font-size:1.4rem;font-weight:800}.tv{font-size:1.2rem}.tv-head{flex-wrap:wrap;align-items:end;gap:14px;margin-bottom:22px;display:flex}.tv-head h1{margin:0}.boards{flex-direction:column;gap:14px;display:flex}.board{grid-template-columns:11.5rem minmax(0,1fr);align-items:center;gap:18px;padding:16px 14px;display:grid}.board h2{border-left:6px solid var(--hazard);color:var(--hazard);margin:0;padding-left:14px;font-size:2rem;line-height:1}.entries{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.entry{border:1px solid var(--line);background:#191c14;border-radius:12px;grid-template-rows:1fr auto;grid-template-columns:auto minmax(0,1fr);gap:8px 14px;min-height:116px;padding:12px 14px;animation:.45s both rise;display:grid}.entry:nth-child(2){animation-delay:80ms}.entry:nth-child(3){animation-delay:.16s}.entry-first{border-color:var(--hazard);position:relative;overflow:hidden}.entry-first:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 35%,#ffd24a47 50%,#0000 65%);animation:1.1s ease-out .4s forwards sweep;position:absolute;inset:0;transform:translate(-120%)}.entry-who{overflow-wrap:break-word;grid-column:2;align-content:start;gap:2px;min-width:0;display:grid}.entry-who strong{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:1.4rem;line-height:1.15;display:-webkit-box;overflow:hidden}.entry-who .muted{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.entry .elapsed{text-align:left;color:var(--dust);grid-column:2;font-size:2.1rem;line-height:1}.entry-first .elapsed{color:var(--hazard)}.rank{width:48px;height:48px;font-family:var(--display);color:var(--hazard-ink);background:var(--tier);border-radius:8px;grid-row:1/3;align-self:start;place-items:center;font-size:1.9rem;font-weight:900;line-height:1;display:inline-grid;transform:skew(-8deg);box-shadow:3px 3px #00000080}.rank.gold{--tier:var(--hazard)}.rank.silver{--tier:var(--silver)}.rank.bronze{--tier:var(--bronze)}.entry-empty{background:0 0;border-style:dashed}.entry-empty .rank{color:var(--mud);border:2px dashed var(--line);box-shadow:none;background:0 0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.roster{margin-top:14px;padding:16px 14px}.roster-bar{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:14px;display:flex}.roster-bar h2{border-left:6px solid var(--hazard);color:var(--hazard);margin:0 auto 0 0;padding-left:14px;font-size:2rem;line-height:1}.roster-filters{flex-wrap:wrap;gap:8px;display:flex}.roster-empty{text-align:center;margin:0;padding:24px 0}.table-wrap{border:1px solid var(--line);border-radius:12px;max-height:60vh;overflow:auto}.roster-table{border-collapse:collapse;width:100%;font-size:1.1em}.roster-table th,.roster-table td{text-align:left;border-bottom:1px solid var(--line);padding:10px 14px}.roster-table thead th{background:var(--steel-2);color:var(--mud);letter-spacing:.08em;text-transform:uppercase;font-size:.8em;position:sticky;top:0}.roster-table tbody tr:last-child td{border-bottom:0}.roster-table .num{text-align:right}.roster-table .elapsed{font-size:1.3em}.roster-table .cell-name{font-weight:800}.roster-table .cell-inst{white-space:nowrap;text-overflow:ellipsis;max-width:24ch;color:var(--mud);overflow:hidden}.roster-table .actions-col{white-space:nowrap;text-align:right;width:1%}.btn-sm{min-height:44px;margin-left:8px;padding:0 16px;font-size:1rem;box-shadow:0 3px #14160e}.btn-sm.btn-danger{box-shadow:0 3px #4c0d0d}.modal-fields{gap:14px;margin-top:14px;display:grid}.modal-fields h3{margin:4px 0 0}.modal-fields .cats{margin-bottom:4px}.modal-confirm{margin:14px 0 18px;font-size:1.2rem}.modal .field,.modal-error{margin-bottom:14px}.bank-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:18px;display:grid}.bank-card{background:var(--steel);border:1px solid var(--line);border-radius:6px 24px;align-content:start;gap:14px;padding:18px;display:grid}.bank-card h3{font-family:var(--display);text-transform:uppercase;margin:0;font-size:1.4rem}.bank-card p{margin:0}.bank-imgs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bank-img{gap:8px;min-width:0;display:grid}.bank-img img,.bank-img-empty{aspect-ratio:4/3;object-fit:contain;border:2px solid var(--line);background:#141610;border-radius:12px;width:100%}.bank-img-empty{color:var(--mud);place-items:center;display:grid}.bank-correct,.bank-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bank-correct span{margin-right:4px;font-weight:700}.bank-card .btn-sm{margin-left:0}.drive-link{gap:6px;display:grid}.drive-link label{font-size:.9rem}.drive-link input{min-width:0;min-height:44px;font-size:1rem}@media (width<=1040px){.board{grid-template-columns:1fr;gap:12px}}@media (width<=720px){.entries{grid-template-columns:1fr}.entry{min-height:0}}@media (width<=640px){.brand-name{display:none}.nav-inner{gap:8px}.nav nav{gap:4px;width:100%}.nav a{white-space:nowrap;flex:auto;justify-content:center;min-width:0;min-height:44px;padding:0 2px;font-size:.9rem}.cats .btn{min-height:64px}.options,.cats{grid-template-columns:1fr}.row{grid-template-columns:1fr 1fr}.modal-actions{grid-template-columns:1fr}.row .elapsed{text-align:left}}@media (height<=500px){.nav{position:static}}@media (width>=1600px){.brand-logo{height:46px}.tv{font-size:1.45rem}body:has(.tv) .nav-inner{max-width:1800px}main:has(.tv){max-width:1800px}.board{grid-template-columns:15rem minmax(0,1fr)}.entry{min-height:150px}.entry-who strong{font-size:1.9rem}.elapsed{font-size:2rem}.entry .elapsed{font-size:2.8rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}