:root{--lemon: #ffd84a;--lemon-deep: #f2c21e;--ink: #12172b;--paper: #ffffff;--mist: #eef0f4;--cobalt: #2742f5;--muted: #575e73;--line: #d9dce5;--display: "Bricolage Grotesque", "Arial Narrow", system-ui, sans-serif;--body: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--gutter: clamp(20px, 5vw, 48px);--radius: 10px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}h1,h2,h3{margin:0;font-family:var(--display);font-weight:700;line-height:1.05;letter-spacing:-.025em;text-wrap:balance}p{margin:0}a{color:inherit;text-decoration-thickness:2px;text-underline-offset:.2em}a:focus-visible,.button:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px;border-radius:4px}.container{width:100%;max-width:1160px;margin-inline:auto;padding-inline:var(--gutter)}.skip-link{position:absolute;left:-9999px;top:8px;padding:8px 14px;background:var(--ink);color:#fff;border-radius:6px;z-index:10}.skip-link:focus{left:8px}.top{background:var(--lemon)}.masthead{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding-block:22px}.brand{font-family:var(--display);font-weight:800;font-size:1.25rem;letter-spacing:-.02em;text-decoration:none}.nav-list{display:flex;gap:clamp(16px,3vw,32px);margin:0;padding:0;list-style:none;font-weight:600}.nav-list a{text-decoration:none;padding-block:4px;border-bottom:2px solid transparent}.nav-list a:hover,.nav-list a[aria-current=page]{border-bottom-color:var(--ink)}.lead{padding-block:clamp(32px,5vw,64px) clamp(44px,6vw,80px)}.lead h1{font-size:clamp(2.4rem,6.4vw,5rem);font-weight:800;line-height:.98;letter-spacing:-.04em;max-width:21ch}.lead--page h1{font-size:clamp(2.25rem,5.5vw,4rem);max-width:20ch}.lead__intro{margin-top:clamp(20px,3vw,32px);max-width:60ch;font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.5}.lead__actions{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:clamp(24px,3vw,36px)}.button{display:inline-block;padding:12px 20px;border:2px solid var(--ink);border-radius:8px;background:var(--ink);color:#fff;font-weight:600;line-height:1.2;text-decoration:none;transition:transform .12s ease}.button:hover{transform:translateY(-2px)}.button--outline{background:transparent;color:var(--ink)}.band--ink .button{background:var(--lemon);border-color:var(--lemon);color:var(--ink)}@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}.band{padding-block:clamp(56px,9vw,112px)}.band--mist{background:var(--mist)}.band--ink{background:var(--ink);color:#fff}.band--ink a{color:var(--lemon)}.band--tight{padding-block:clamp(40px,6vw,72px)}.section-head{margin-bottom:clamp(32px,5vw,56px)}.section-head h2{font-size:clamp(1.9rem,4.2vw,3.25rem);letter-spacing:-.03em}.section-head p{margin-top:14px;max-width:62ch;color:var(--muted);font-size:1.125rem}.band--ink .section-head p{color:#c5cade}.ledger{margin:0;padding:0;list-style:none;border-top:2px solid var(--ink)}.ledger li{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:8px 32px;padding-block:20px;border-bottom:1px solid var(--line)}.ledger strong{font-family:var(--display);font-size:1.2rem;font-weight:700;letter-spacing:-.015em;line-height:1.25}.ledger span{max-width:64ch}.work-list{display:grid;gap:clamp(40px,6vw,72px)}.work{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,7fr);gap:clamp(20px,4vw,56px);align-items:start}.work:nth-child(2n) .work__media{order:2}.shot,.panel{width:100%;aspect-ratio:16 / 10;border:2px solid var(--ink);border-radius:var(--radius);overflow:hidden}.shot img{width:100%;height:100%;object-fit:cover;object-position:top center}.panel{display:flex;align-items:flex-end;padding:clamp(18px,3vw,32px);background:var(--ink);color:var(--lemon);font-family:var(--display);font-weight:700;font-size:clamp(1.4rem,2.8vw,2.25rem);line-height:1.08;letter-spacing:-.025em;text-wrap:balance}.band--mist .panel{background:var(--lemon);color:var(--ink)}.work__title{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.work__title h3{font-size:clamp(1.5rem,2.6vw,2.1rem)}.tag{display:inline-block;padding:2px 10px;border:1.5px solid currentColor;border-radius:999px;font-size:.8125rem;font-weight:600;line-height:1.5;white-space:nowrap}.tag--live{background:var(--lemon);border-color:var(--ink);color:var(--ink)}.work__summary{margin-top:14px;max-width:58ch}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:14px 24px;margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line)}.facts div{min-width:0}.facts dt{color:var(--muted);font-size:.875rem}.facts dd{margin:2px 0 0;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.35}.stack{margin-top:16px;color:var(--muted);font-size:.9375rem}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:20px}.actions a:not(.button){font-weight:600}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,4vw,56px) clamp(24px,3vw,40px)}.game .shot,.game .panel{aspect-ratio:16 / 9}.game__media{display:block;text-decoration:none}.game .work__title{margin-top:18px}.game .work__title h3{font-size:clamp(1.35rem,2.2vw,1.75rem)}.game .work__summary{margin-top:10px}.game--wide{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,4vw,48px);align-items:center}.game--wide .work__title{margin-top:0}.small-list{margin:clamp(40px,6vw,72px) 0 0;padding:0;list-style:none;border-top:2px solid var(--ink)}.small-list li{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:4px 32px;padding-block:14px;border-bottom:1px solid var(--line)}.band--mist .small-list li{border-bottom-color:#cfd3de}.small-list strong{font-weight:700}.small-list span{max-width:66ch}.small-list__title{margin:clamp(40px,6vw,72px) 0 14px;font-size:1.35rem}.small-list__title+.small-list{margin-top:0}.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:start}.prose>*+*{margin-top:1em}.prose{max-width:66ch}.prose h2{margin-top:1.6em;font-size:1.6rem}.prose ul{padding-left:1.2em}.prose li+li{margin-top:.4em}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.data-table caption{text-align:left;padding-bottom:12px;font-family:var(--display);font-weight:700;font-size:1.25rem;letter-spacing:-.015em}.data-table th,.data-table td{padding:12px 16px 12px 0;border-bottom:1px solid #343b57;text-align:left;vertical-align:top}.data-table thead th{border-bottom:2px solid var(--lemon);color:#c5cade;font-size:.875rem;font-weight:600}.data-table tbody th{font-weight:700;white-space:nowrap}.data-table .num{color:var(--lemon);font-family:var(--display);font-size:1.35rem;font-weight:700;line-height:1.15;white-space:nowrap}.rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px clamp(24px,4vw,56px);margin:clamp(40px,6vw,72px) 0 0;padding:clamp(28px,4vw,40px) 0 0;border-top:1px solid #343b57;list-style:none}.rules h3{font-size:1.25rem;letter-spacing:-.015em}.rules p{margin-top:8px;color:#d6daea;max-width:52ch}.note{margin-top:20px;color:#aab0c8;font-size:.9375rem;max-width:70ch}.about{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(28px,5vw,72px);align-items:start}.link-list{margin:0;padding:0;list-style:none;border-top:2px solid var(--ink)}.link-list li{padding-block:14px;border-bottom:1px solid var(--line)}.link-list a{font-family:var(--display);font-size:1.25rem;font-weight:700;letter-spacing:-.015em}.link-list span{display:block;color:var(--muted);font-size:.9375rem}.detail{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(28px,5vw,72px);align-items:start}.detail .shot{aspect-ratio:auto;margin-bottom:28px}.detail .shot img{height:auto}.detail .facts{grid-template-columns:1fr;margin-top:0;padding-top:0;border-top:2px solid var(--ink);gap:0}.detail .facts div{padding-block:12px;border-bottom:1px solid var(--line)}.site-footer{padding-block:36px;border-top:2px solid var(--ink);font-size:.9375rem}.site-footer__inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px}.footer-links{display:flex;gap:20px;margin:0;padding:0;list-style:none;font-weight:600}@media(max-width:820px){.work,.game--wide,.split,.about,.detail{grid-template-columns:minmax(0,1fr)}.work:nth-child(2n) .work__media{order:0}.game-grid,.rules,.ledger li,.small-list li{grid-template-columns:minmax(0,1fr)}.masthead{padding-block:16px}}
