:root{--paper:#f3efe4;--paper2:#efe9da;--ink:#16120c;--ink2:#544c3d;--orange:#FF7700;--blue:#2c34c9;--line:#16120c}*{box-sizing:border-box}.px-root{font-family:DM Sans,sans-serif;color:var(--ink);background:var(--paper);min-height:100vh;background-image:radial-gradient(var(--ink) .6px,transparent .6px);background-size:5px 5px;background-blend-mode:soft-light}.px-wrap{max-width:1080px;margin:0 auto;padding:0 18px 120px}.px-disp{font-family:Anton,sans-serif;letter-spacing:.01em;text-transform:uppercase;line-height:.92}.px-mono{font-family:DM Mono,monospace}.px-head{position:sticky;top:0;z-index:30;background:var(--blue);color:var(--paper);border-bottom:3px solid var(--ink);margin:0 -18px;padding:14px 18px}.px-head-row{max-width:1080px;margin:0 auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:space-between}.px-logo{font-family:Anton,sans-serif;font-size:30px;text-transform:uppercase;letter-spacing:.02em}.px-logo b{color:var(--orange);-webkit-text-stroke:1px var(--paper)}.px-count{display:flex;gap:10px;align-items:baseline}.px-count .n{font-family:Anton,sans-serif;font-size:30px;color:var(--orange)}.px-count .l{font-family:DM Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.14em;opacity:.85}.px-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0 8px}.px-seg{display:inline-flex;border:2px solid var(--ink);background:var(--paper)}.px-seg button{font-family:DM Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.08em;padding:8px 14px;background:transparent;border:0;cursor:pointer;color:var(--ink);border-right:2px solid var(--ink)}.px-seg button:last-child{border-right:0}.px-seg button[data-on="1"]{background:var(--ink);color:var(--paper)}.px-who{display:inline-flex;align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.px-who .pill{cursor:pointer;padding:6px 11px;border:2px solid var(--ink);background:var(--paper)}.px-who .pill[data-on="1"]{background:var(--orange);border-color:var(--ink);color:var(--ink);font-weight:700}.px-search{flex:1;min-width:160px}.px-search input{width:100%;font-family:DM Mono,monospace;font-size:13px;padding:9px 12px;border:2px solid var(--ink);background:var(--paper);color:var(--ink)}.px-search input::placeholder{color:var(--ink2)}.px-gwrap{margin:12px 0 16px}.px-gfilter{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.px-gtoggle{cursor:pointer;font-family:DM Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:6px 12px;border:2px solid var(--ink);background:var(--paper);color:var(--ink)}.px-gtoggle[data-on="1"]{background:var(--ink);color:var(--paper)}.px-gtoggle[data-kind=vibe]{border-style:dashed;border-color:var(--orange);color:var(--orange)}.px-gtoggle[data-kind=vibe][data-on="1"]{background:var(--orange);border-color:var(--ink);color:var(--ink)}.px-gchips{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 0}.px-gchip{cursor:pointer;font-family:DM Mono,monospace;font-size:10.5px;letter-spacing:.03em;padding:4px 9px;border:1.5px solid var(--blue);color:var(--blue);background:transparent;border-radius:40px}.px-gchip[data-on="1"]{background:var(--blue);color:var(--paper)}.px-gchip[data-vibe="1"]{border-style:dashed;border-color:var(--orange);color:var(--orange)}.px-gchip[data-vibe="1"][data-on="1"]{background:var(--orange);color:var(--ink)}.px-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:14px}.px-card{border:2.5px solid var(--ink);background:var(--paper);padding:13px 13px 11px;position:relative;display:flex;flex-direction:column;gap:9px;box-shadow:5px 5px 0 var(--ink)}.px-name{font-family:Anton,sans-serif;text-transform:uppercase;line-height:.95;font-size:21px}.px-card[data-tier=headliner] .px-name{font-size:25px}.px-card[data-tier=big] .px-name{font-size:23px}.px-sub{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink2)}.px-tags{display:flex;gap:5px;flex-wrap:wrap}.px-tag{font-family:DM Mono,monospace;font-size:9.5px;letter-spacing:.02em;padding:2.5px 7px;border:1.3px solid var(--blue);color:var(--blue);border-radius:30px;line-height:1.25}.px-tag[data-vibe="1"]{border-style:dashed;border-color:var(--orange);color:var(--orange)}.px-levels{display:flex;gap:0;margin-top:auto;border:2px solid var(--ink)}.px-levels button{flex:1;font-family:DM Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.04em;padding:7px 2px;border:0;border-right:2px solid var(--ink);background:transparent;cursor:pointer;color:inherit}.px-levels button:last-child{border-right:0}.px-levels button[data-on="1"]{background:var(--orange);color:var(--ink);font-weight:700}.px-crew{display:flex;gap:5px;align-items:center;min-height:22px;flex-wrap:wrap}.px-crew .who{font-family:DM Mono,monospace;font-size:10px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--ink)}.px-crew .who[data-lvl="3"]{background:var(--orange);color:var(--ink);border-color:var(--ink)}.px-crew .who[data-lvl="2"]{background:#ff770073}.px-crew .who[data-lvl="1"]{background:transparent;border-style:dashed;opacity:.7}.px-crewlbl{font-family:DM Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink2)}.px-cardbtns{display:flex;gap:7px}.px-cardbtns button,.px-cardbtns a{flex:1;text-align:center;font-family:DM Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:6px;border:1.5px solid var(--ink);background:transparent;color:inherit;cursor:pointer;text-decoration:none}.px-cardbtns a:hover,.px-cardbtns button:hover{background:var(--ink);color:var(--paper)}.px-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#16120c8c;z-index:40;display:flex;justify-content:flex-end}.px-drawer{width:min(440px,100%);background:var(--paper);height:100%;overflow:auto;border-left:3px solid var(--ink);padding:20px 20px 60px}.px-drawer h2{font-family:Anton,sans-serif;text-transform:uppercase;font-size:34px;line-height:.95;margin:6px 0 2px}.px-x{float:right;font-family:DM Mono,monospace;font-size:12px;border:2px solid var(--ink);background:var(--paper);padding:5px 10px;cursor:pointer}.px-block{margin-top:18px}.px-block .h{font-family:DM Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink2);margin-bottom:7px}.px-wiki{border-left:3px solid var(--orange);padding:8px 0 8px 12px;font-size:13.5px;line-height:1.45;background:var(--paper2)}.px-rec{display:flex;flex-direction:column;gap:6px}.px-rec button{text-align:left;border:2px solid var(--ink);background:var(--paper);padding:9px 11px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.px-rec button:hover{background:var(--orange)}.px-rec .rn{font-family:Anton,sans-serif;text-transform:uppercase;font-size:16px}.px-rec .rd{font-family:DM Mono,monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink2)}.px-note{width:100%;min-height:74px;border:2px solid var(--ink);background:var(--paper);padding:10px;font-family:DM Sans,sans-serif;font-size:13.5px;color:var(--ink);resize:vertical}.px-am{display:inline-block;margin-top:8px;font-family:DM Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--ink);padding:8px 13px;text-decoration:none;color:var(--ink);background:var(--orange)}.px-foot{margin-top:34px;border-top:3px solid var(--ink);padding-top:14px}.px-foot svg{width:100%;height:auto;display:block}.px-footnote{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.05em;color:var(--ink2);text-align:center;margin-top:8px;text-transform:uppercase}.px-empty{font-family:DM Mono,monospace;font-size:13px;color:var(--ink2);padding:40px 0;text-align:center}.px-noted{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.px-notedlbl{font-family:DM Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--blue)}.who-note{font-family:DM Mono,monospace;font-size:10px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--blue);color:var(--blue);background:transparent}.px-crewnotes{display:flex;flex-direction:column;gap:8px}.px-crewnote{border-left:3px solid var(--blue);background:var(--paper2);padding:7px 0 7px 11px}.px-crewnote-who{display:block;font-family:DM Mono,monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);margin-bottom:3px}.px-crewnote-text{font-size:13.5px;line-height:1.45}@media (max-width:520px){.px-logo,.px-count .n{font-size:24px}.px-drawer h2{font-size:28px}}
