:root{--paper: #f6f4ef;--card: #ffffff;--ink: #16181d;--ink-soft: #33363d;--blade: #c8102e;--blade-deep: #9c0c24;--steel: #656c76;--slab: #e7ecf1;--hairline: rgba(22, 24, 29, .16);--hairline-soft: rgba(22, 24, 29, .08);--display: "Big Shoulders Display", system-ui, sans-serif;--body: "Instrument Sans", system-ui, sans-serif;--mono: "Fragment Mono", ui-monospace, monospace;--max: 1240px;--cut: -12deg}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.35;background-image:repeating-linear-gradient(0deg,rgba(22,24,29,.012) 0 1px,transparent 1px 3px)}img{max-width:100%;display:block}[hidden]{display:none!important}a{color:var(--ink);text-decoration-color:var(--blade);text-underline-offset:3px}a:hover{color:var(--blade)}button{font:inherit;cursor:pointer}::selection{background:var(--blade);color:var(--paper)}:focus-visible{outline:2px solid var(--blade);outline-offset:3px}.wrap{max-width:var(--max);margin:0 auto;padding:0 clamp(1.2rem,4vw,2.5rem)}.skip{position:absolute;left:-999px;top:0;z-index:100;background:var(--ink);color:var(--paper);padding:.6rem 1rem;font-family:var(--mono);font-size:.8rem}.skip:focus{left:0}.display{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.01em;line-height:.92}.eyebrow{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.22em;color:var(--blade);margin-bottom:.9rem}.lot{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.16em;color:var(--steel)}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem clamp(1.2rem,4vw,2.5rem);background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline)}.nav__brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--ink)}.nav__mark{width:30px;height:30px;flex:none}.nav__brandtext{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:1.25rem;letter-spacing:.03em;line-height:1;display:flex;flex-direction:column}.nav__tag{font-family:var(--mono);font-weight:400;font-size:.58rem;letter-spacing:.2em;color:var(--steel);margin-top:.25rem}.nav__links{display:flex;gap:1.8rem;list-style:none;align-items:center}.nav__links a{font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;text-decoration:none;color:var(--ink-soft);padding:.3rem 0;position:relative}.nav__links a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--blade);transform:skew(var(--cut));transition:right .22s ease}.nav__links a:hover{color:var(--ink)}.nav__links a:hover:after,.nav__links a[aria-current=page]:after{right:0}.nav__toggle{display:none;background:none;border:1px solid var(--hairline);padding:.45rem .9rem;font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink)}@media (max-width: 780px){.nav__toggle{display:block}.nav__links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--paper);border-bottom:1px solid var(--hairline);padding:.5rem 0 1rem}.nav__links.open{display:flex}.nav__links li{width:100%;text-align:center}.nav__links a{display:block;padding:.8rem 0}}.section{padding:clamp(3.5rem,8vw,6.5rem) 0;position:relative}.section--tight{padding:clamp(2.2rem,5vw,3.5rem) 0}.cutline{border:none;height:1px;background:var(--hairline);transform:skewY(-1.6deg);transform-origin:left center;margin:0 clamp(1.2rem,4vw,2.5rem);position:relative;overflow:visible}.cutline:after{content:"";position:absolute;left:12%;top:-2px;width:72px;height:5px;background:var(--blade)}.pagehead{padding-top:clamp(7rem,14vw,9.5rem);margin-bottom:1.4rem}.pagehead__h{font-size:clamp(2.6rem,7vw,5rem)}.pagehead__lede{max-width:56ch;margin-top:1.1rem;color:var(--ink-soft);font-size:1.05rem}.panel{background:var(--card);border:1px solid var(--hairline);position:relative}.slashcard{overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.slashcard:before{content:"";position:absolute;top:-30%;bottom:-30%;left:-18%;width:10%;background:var(--blade);opacity:0;transform:rotate(var(--cut)) translate(0);transition:transform .38s cubic-bezier(.22,.9,.3,1),opacity .12s linear;pointer-events:none;z-index:2;mix-blend-mode:multiply}.slashcard:hover{transform:translateY(-3px);border-color:var(--ink);box-shadow:0 14px 34px #16181d1a}.slashcard:hover:before{opacity:.16;transform:rotate(var(--cut)) translate(1400%)}.btn{display:inline-block;font-family:var(--mono);font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;text-decoration:none;padding:.85rem 1.6rem;border:1px solid var(--ink);color:var(--ink);background:transparent;position:relative;transition:color .18s ease,background .18s ease,border-color .18s ease}.btn:hover{background:var(--ink);color:var(--paper)}.btn--blade{background:var(--blade);border-color:var(--blade);color:#fff}.btn--blade:hover{background:var(--blade-deep);border-color:var(--blade-deep);color:#fff}.badge{display:inline-block;font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;padding:.22rem .55rem;border:1px solid transparent;white-space:nowrap}.badge--mega-key{background:var(--blade);color:#fff}.badge--key{background:var(--ink);color:var(--paper)}.badge--minor-key{border-color:var(--ink);color:var(--ink)}.badge--variant{background:var(--slab);color:var(--ink-soft)}.badge--unknown{border-color:var(--hairline);color:var(--steel)}input,select,textarea{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--hairline);padding:.6rem .8rem;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--blade);outline-offset:-1px;border-color:var(--blade)}label{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--steel);display:block;margin-bottom:.35rem}.reveal{opacity:0;transform:translateY(22px) skewY(1.2deg);transition:opacity .55s ease,transform .55s cubic-bezier(.22,.9,.3,1)}.reveal.in{opacity:1;transform:translateY(0) skewY(0)}.reveal:nth-child(2){transition-delay:.07s}.reveal:nth-child(3){transition-delay:.14s}.reveal:nth-child(4){transition-delay:.21s}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none}}.pager{display:flex;align-items:center;gap:1rem;justify-content:center;margin-top:2rem;font-family:var(--mono);font-size:.78rem;letter-spacing:.08em}.pager button{border:1px solid var(--ink);background:transparent;padding:.5rem 1.1rem;font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.pager button:hover:not(:disabled){background:var(--ink);color:var(--paper)}.pager button:disabled{opacity:.35;cursor:default}.railwrap{display:block}.railwrap--on{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:2rem;align-items:start}@media (max-width: 900px){.railwrap--on{grid-template-columns:1fr}}.sponsorrail{display:grid;gap:1rem;position:sticky;top:90px}.sponsor{display:block;background:var(--card);border:1px solid var(--hairline);padding:.8rem;text-decoration:none;color:var(--ink)}.sponsor img{width:100%;height:auto}.sponsor__label{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.16em;color:var(--steel)}.sponsor__name{display:block;font-weight:600;margin-top:.5rem}.sponsor__note{display:block;font-size:.82rem;color:var(--steel)}.sponsor__foot{font-family:var(--mono);font-size:.6rem;color:var(--steel);letter-spacing:.08em}.footer{border-top:1px solid var(--ink);background:var(--ink);padding:3.5rem 0 4rem;margin-top:clamp(3rem,7vw,5rem)}.footer .wrap{display:grid;grid-template-columns:1fr}.footer__brand{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--paper);font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:1.15rem}.footer__brand:hover{color:var(--blade)}.footer__brandtag{font-family:var(--mono);font-weight:400;font-size:.56rem;letter-spacing:.2em;color:var(--steel);display:block}.footer__legal{margin-top:2.2rem;padding-top:1.6rem;border-top:1px solid rgba(246,244,239,.14);font-size:.75rem;color:#f6f4ef80;max-width:none;line-height:1.9}.footer__legal a{color:#f6f4efc7}.footer__copyright{margin-top:1.1rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;color:#f6f4ef6b}.footer__copyright a{color:#f6f4efb3}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem;background:var(--card);border:1px solid var(--hairline);padding:1.1rem;margin:1.6rem 0}.filters>div{min-width:0}.countline{font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;color:var(--steel);margin-bottom:1.2rem}.countline a{color:var(--blade)}