.paper-page{--paper:#faf9f5;--paper-recessed:#f1efe7;--paper-dots:radial-gradient(#8d8d8230 .7px,transparent .9px);--ink:#343633;--ink-line:#b6b6ab;--ink-line-soft:#d0cfc4;--graphite:#5f6058;--graphite-soft:#73736b;--rust:#b84f43;--hand:"Slop Hand",cursive;--print:"Slop Print",Arial,Helvetica,sans-serif;--wobble:13px 10px 15px 9px/9px 15px 10px 14px;--wobble-in:10px 14px 9px 13px/13px 9px 14px 10px;background-color:var(--paper);background-image:var(--paper-dots);min-height:100vh;color:var(--ink);font-family:var(--print);background-size:18px 18px;flex-direction:column;display:flex}.paper-mast{background-color:#292b28;background-image:repeating-linear-gradient(143deg,#0000 0 4px,#ffffff05 4px 5px);border-bottom:3px solid #a8a99e}.paper-mast-inner{justify-content:space-between;align-items:center;gap:20px;width:100%;height:96px;margin:0;padding:0 24px;display:flex}.paper-mast-id{align-items:center;gap:28px;display:flex}.paper-mast-mark{background:url(/art/first-splat/slop-rider-wordmark.png) 0/contain no-repeat;flex:0 0 276px;width:276px;height:84px;display:block}.paper-scene{z-index:0;pointer-events:none;opacity:.62;clip-path:polygon(0 0,100% 0,100% 92%,96% 100%,92% 93%,88% 99%,84% 93%,80% 100%,76% 94%,72% 99%,68% 93%,64% 100%,60% 93%,56% 99%,52% 94%,48% 100%,44% 93%,40% 99%,36% 94%,32% 100%,28% 93%,24% 99%,20% 94%,16% 100%,12% 93%,8% 99%,4% 94%,0 100%);background:url(/art/first-splat/paper-scene-phone-1200.webp) 50% 18%/cover no-repeat;height:220px;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 45%,#0000);mask-image:linear-gradient(#000 45%,#0000)}.ai-root{position:relative}.ai-page{z-index:1;width:100%;max-width:1240px;color:var(--ink);flex:auto;margin:0 auto;padding:0 32px 48px;position:relative}.ai-page a{color:inherit;text-underline-offset:4px}.ai-hero{justify-content:space-between;align-items:flex-end;gap:36px;padding:30px 0;display:flex;position:relative}.ai-eyebrow{font:700 20px/1 var(--hand);letter-spacing:1.4px;text-transform:uppercase;color:var(--graphite-soft);margin:0}.ai-hero h1{height:auto;font:700 clamp(40px,6vw,66px)/1.02 var(--hand);letter-spacing:0;white-space:normal;margin:10px 0 14px;overflow:visible}.ai-hero h1 span{color:var(--rust);margin-top:2px;display:inline-block;transform:rotate(-2deg)}.ai-hero p{max-width:560px;color:var(--graphite);margin:0;font-size:17px;line-height:1.55}.ai-hero-note{text-align:right;max-width:260px;color:var(--graphite);flex:0 0 260px;margin:0;font-size:15px;line-height:1.5}.ai-hero-note strong{font:700 26px/1.15 var(--hand);letter-spacing:0;color:var(--ink);margin-bottom:6px;display:block}.ai-panel{background:var(--paper);border:1.5px solid var(--ink-line);border-radius:var(--wobble);position:relative;box-shadow:0 6px 26px #34363310}.ai-panel:before{content:"";border:1px solid var(--ink-line-soft);border-radius:var(--wobble-in);opacity:.7;pointer-events:none;z-index:2;position:absolute;inset:4px}.ai-track{border-bottom:1.5px dashed var(--ink-line-soft);letter-spacing:.3px;color:var(--graphite-soft);flex-wrap:wrap;align-items:baseline;gap:9px;margin:0;padding:15px 24px 13px;font-size:14px;display:flex}.ai-track strong{font:700 21px/1 var(--hand);letter-spacing:0;color:var(--ink)}.ai-track .ai-dot{opacity:.5}.ai-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;padding:20px 24px 16px;display:flex}.ai-heading h2{font:700 30px/1.1 var(--hand);letter-spacing:0;color:var(--ink);margin:0}.ai-standard{max-width:640px;color:var(--graphite);margin:6px 0 0;font-size:14px;line-height:1.55}.ai-sort{border:1.5px solid var(--ink-line);border-radius:var(--wobble-in);background:var(--paper-recessed);flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:5px;display:flex}.ai-sort legend{float:left;width:100%;font:700 15px/1 var(--hand);letter-spacing:1.1px;text-transform:uppercase;color:var(--graphite-soft);padding:0 0 6px}.ai-sort-radio{clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ai-sort label{cursor:pointer;color:var(--graphite);border:1.5px solid #0000;border-radius:11px 8px 12px 7px/7px 12px 8px 11px;padding:8px 15px;font-size:15px;font-weight:600}.ai-sort label:hover{border-color:var(--ink-line-soft)}.ai-sort-radio:checked+label{background:var(--ink);border-color:var(--ink);color:var(--paper)}.ai-sort-radio:focus-visible+label{outline:3px solid var(--rust);outline-offset:3px}.ai-panel:has(#ai-order-ride:checked) .ai-board[data-order=launches]{display:none}.ai-panel:has(#ai-order-launches:checked) .ai-board[data-order=ride]{display:none}.ai-table-wrap{overflow:auto}.ai-table-wrap:focus-visible{outline:3px solid var(--rust);outline-offset:-3px}.ai-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-family:var(--print)}.ai-table th,.ai-table td{border-bottom:1px solid var(--ink-line-soft);vertical-align:top;padding:14px 22px}.ai-table thead th{background:var(--paper-recessed);border-bottom:1.5px solid var(--ink-line);font:700 16px/1 var(--hand);letter-spacing:.6px;text-transform:uppercase;color:var(--graphite-soft)}.ai-table thead th:first-child{width:72px}.ai-group th{background:var(--paper);font:700 21px/1.15 var(--hand);letter-spacing:0;color:var(--ink);padding:13px 22px}.ai-group span{font:450 13px var(--print);color:var(--graphite-soft);margin-left:10px}.ai-model strong{letter-spacing:0;color:var(--ink);font-size:16px;font-weight:700;display:block}.ai-model code{color:var(--graphite-soft);white-space:nowrap;margin-top:3px;font:400 12px ui-monospace,Menlo,monospace;display:block}.ai-sub{color:var(--graphite-soft);margin-top:3px;font-size:12px;font-weight:450;display:block}.ai-rank{padding-right:0}.ai-rank span{background:var(--ink);min-width:30px;height:30px;color:var(--paper);font-variant-numeric:tabular-nums;border-radius:50% 46% 52% 48%/48% 52% 46% 50%;justify-content:center;align-items:center;padding:0 7px;font-size:14px;font-weight:700;display:inline-flex}.ai-num{font-variant-numeric:tabular-nums}.ai-num strong{font:700 24px/1.1 var(--hand);letter-spacing:0;color:var(--ink)}.ai-leader td,.ai-leader th{background-blend-mode:normal,multiply;background-color:#dceca6;background-image:linear-gradient(#faf9f5cc,#faf9f5cc),url(/art/first-splat/poster-paint-phone-512.webp);background-size:auto,340px}.ai-leader .ai-rank span{background:#3d4a19}.ai-leader .ai-num strong,.ai-leader .ai-model strong{color:#2f3a14}.ai-thinking{color:var(--graphite);font-size:14px}.ai-dnf th{background:var(--paper-recessed)}.ai-dnf .ai-group th{color:var(--rust)}.ai-dnf-row td,.ai-dnf-row th{color:var(--graphite-soft)}.ai-dnf-row .ai-rank span{color:var(--graphite-soft);border:1.5px dashed var(--ink-line);background:0 0}.ai-dnf-row .ai-model strong{color:var(--graphite)}.ai-foot{border-top:1.5px dashed var(--ink-line-soft);color:var(--graphite);margin:0;padding:16px 24px;font-size:14px;line-height:1.55}.ai-footnote{border-top:1.5px dashed var(--ink-line-soft);color:var(--graphite);flex-wrap:wrap;justify-content:space-between;gap:14px;margin:26px 0 0;padding-top:18px;font-size:14px;display:flex;position:relative}@media (max-width:1180px){.paper-mast-mark{flex-basis:230px;width:230px;height:68px}}@media (max-width:900px){.paper-mast-inner{height:80px;padding:0 20px}.paper-mast-mark{flex-basis:190px;width:190px;height:56px}.ai-page{padding:0 20px 36px}}@media (max-width:760px){.paper-scene{height:170px}.ai-page{padding:0 16px 32px}.paper-mast-inner{padding:0 16px}.ai-hero{padding:20px 0 24px;display:block}.ai-hero-note{text-align:left;max-width:none;margin-top:22px}.ai-hero-note strong{font-size:21px}.ai-track,.ai-heading{padding:14px 16px}.ai-heading{display:block}.ai-heading h2{font-size:26px}.ai-sort{width:fit-content;margin-top:16px}.ai-table th,.ai-table td{padding:11px 12px}.ai-table thead th:first-child{width:52px}.ai-model strong{white-space:normal;font-size:15px}.ai-model code{white-space:normal;word-break:break-all;font-size:11px}.ai-thinking{white-space:normal;font-size:13px}.ai-num strong{font-size:20px}.ai-foot{padding:14px 16px}}@media (max-width:480px){.ai-table th,.ai-table td{padding:10px 8px}.ai-table thead th{letter-spacing:.2px;font-size:13px}.ai-table thead th:first-child{width:40px}.ai-sub{display:none}.ai-rank span{min-width:26px;height:26px;padding:0 5px;font-size:12px}.ai-model code{font-size:10px}.ai-num strong{font-size:17px}.ai-group th{font-size:18px}.ai-group span{margin:2px 0 0;display:block}}@media (prefers-reduced-motion:reduce){.ai-hero h1 span{transform:none}}
