.disc{gap:36px}[data-rails]{display:contents}.disc [hidden]{display:none!important}.crew,.disc .sec{grid-template-columns:minmax(0,1fr)}.crew{position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;display:grid;padding:26px 28px 24px;border-radius:var(--r-xl);background:#0b0912;box-shadow:0 0 0 1px rgb(255 255 255/.08),0 30px 80px -40px #000}.crew__bg{z-index:-2;width:100%;height:100%;object-fit:cover;object-position:58% 40%}.crew:before,.crew__bg{position:absolute;inset:0}.crew:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgb(8 7 12/.86),rgb(8 7 12/.4) 36%,rgb(8 7 12/0) 62%),linear-gradient(0deg,rgb(8 7 12/.9),rgb(8 7 12/.42) 36%,rgb(8 7 12/0) 62%)}.crew h1{font-family:var(--font-display);font-size:clamp(26px,2.5vw,34px);font-weight:700;line-height:1.12;text-wrap:balance;text-shadow:0 2px 18px rgb(0 0 0/.6)}.crew p{max-width:62ch;margin-top:8px;font-size:14.5px;color:var(--text-2);text-shadow:0 1px 10px rgb(0 0 0/.6)}.crew__picks{--cols:4;--gap:12px;--card-h:108px;--floor:30px;--art:.74;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-gap:var(--gap);gap:var(--gap);padding-top:max(24px,calc((100cqw - (var(--cols) - 1) * var(--gap)) / var(--cols) * var(--art) / 1.5 + var(--floor) - var(--card-h) + 6px))}.crew__pick{position:relative;isolation:isolate;display:grid;align-content:end;justify-items:start;min-height:var(--card-h);padding:0 15px 13px;border-radius:16px;text-align:left;color:var(--text);border:1px solid rgb(255 255 255/.14);background:linear-gradient(180deg,rgb(255 255 255/.04),rgb(255 255 255/.1)),rgb(14 11 22/.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .28s var(--ease-out),border-color .2s,background-color .2s,box-shadow .28s var(--ease-out)}.crew__art{position:absolute;inset-inline:calc((1 - var(--art)) * 50%);bottom:var(--floor);z-index:-1;aspect-ratio:3/2;pointer-events:none}.crew__art img{width:100%;height:100%;object-fit:contain;object-position:50% 100%;transform-origin:50% 100%;-webkit-mask-image:linear-gradient(0deg,transparent,#000 34%);mask-image:linear-gradient(0deg,transparent,#000 34%);filter:drop-shadow(0 10px 18px rgb(0 0 0/.55));transition:transform .4s var(--ease-out),filter .3s}.crew__txt{display:grid;grid-gap:1px;gap:1px}.crew__txt b{font-family:var(--font-display);font-size:17px;font-weight:600;line-height:1.2}.crew__txt small{font-size:12.5px;color:var(--text-3)}.crew__pick:hover{transform:translateY(-2px);border-color:rgb(255 255 255/.28)}.crew__pick:hover .crew__art img{transform:translateY(-4px) scale(1.03)}.crew__pick:active{transform:scale(.98)}.crew__pick[aria-pressed=true]{border-color:var(--lime);background:linear-gradient(180deg,rgb(200 255 61/.04),rgb(200 255 61/.2)),rgb(14 11 22/.6);box-shadow:0 0 0 1px var(--lime),0 18px 40px -16px var(--lime-glow)}.crew__pick[aria-pressed=true] b{color:var(--lime)}.crew__pick[aria-pressed=true] .crew__art img{transform:scale(1.05);filter:drop-shadow(0 0 16px rgb(200 255 61/.35)) drop-shadow(0 10px 18px rgb(0 0 0/.55))}.crew__picks:has([aria-pressed=true]) .crew__pick:not([aria-pressed=true]) .crew__art img{filter:saturate(.55) brightness(.7) drop-shadow(0 10px 18px rgb(0 0 0/.55))}.crew__picks:has([aria-pressed=true]) .crew__pick:not([aria-pressed=true]):hover .crew__art img{filter:drop-shadow(0 10px 18px rgb(0 0 0/.55))}.spot{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:clamp(350px,29vw,430px);padding:36px 44px;border-radius:var(--r-xl);background:#0d0b13;box-shadow:0 0 0 1px rgb(255 255 255/.08),0 30px 80px -40px #000}.spot__bg{z-index:-2;width:100%;height:100%;object-fit:cover;object-position:var(--focal,60% 40%)}.spot:before,.spot__bg{position:absolute;inset:0}.spot:before{content:"";z-index:-1;background:linear-gradient(90deg,rgb(8 7 12/.93),rgb(8 7 12/.68) 38%,rgb(8 7 12/.05) 72%),linear-gradient(0deg,rgb(8 7 12/.5),transparent 42%)}.spot--bright:before{background:linear-gradient(90deg,rgb(8 7 12/.96),rgb(8 7 12/.82) 42%,rgb(8 7 12/.18) 76%),linear-gradient(0deg,rgb(8 7 12/.55),transparent 45%)}.spot__body{display:grid;justify-items:start;grid-gap:14px;gap:14px;max-width:560px;color:#fff}.spot__logo{max-width:min(340px,78%);max-height:104px;object-fit:contain;object-position:left center;filter:drop-shadow(0 6px 22px rgb(0 0 0/.55))}.spot__blurb{max-width:46ch;font-size:16px;line-height:1.5;color:rgb(255 255 255/.84)}.spot__facts{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;color:rgb(255 255 255/.78)}.spot__facts li{display:inline-flex;align-items:center;gap:7px}.spot__facts svg{width:16px;height:16px;color:var(--lime)}.spot__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px}.spot__friend{display:inline-flex;align-items:center;gap:12px;margin-left:6px;font-size:13.5px;color:rgb(255 255 255/.82)}.spot__friend b{color:#fff}.spot.is-swap .spot__bg{animation:spot-fade .5s var(--ease-out) both}.spot.is-swap .spot__body>*{animation:spot-rise .42s var(--ease-out) both}.spot.is-swap .spot__body>:nth-child(2){animation-delay:30ms}.spot.is-swap .spot__body>:nth-child(3){animation-delay:60ms}.spot.is-swap .spot__body>:nth-child(n+4){animation-delay:90ms}@keyframes spot-fade{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}@keyframes spot-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.rail__note{font-size:13.5px;color:var(--text-3)}.rail__nav{display:flex;gap:6px;margin-left:auto}.rail__nav .icon-btn:disabled{opacity:.35;pointer-events:none}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(150px,12.6vw,186px);grid-gap:16px;gap:16px;margin:-6px calc(var(--gutter) * -1) -10px;padding:6px var(--gutter) 10px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter)}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start}.rail--rank{grid-auto-columns:clamp(186px,15.6vw,228px)}.rail--friends{grid-auto-columns:clamp(280px,25vw,348px)}.dcard{position:relative;display:grid;align-content:start;grid-gap:12px;gap:12px;min-width:0;border-radius:var(--r);transition:transform .35s var(--ease-out)}.dcard__link{position:absolute;inset:0;z-index:1;border-radius:inherit}.dcard__link:focus-visible{outline-offset:4px}.dcard .card__art{display:block}.dcard:hover{transform:translateY(-4px)}.dcard:hover .card__art img:first-child{transform:scale(1.06)}.dcard:focus-within .card__art:after,.dcard:hover .card__art:after{opacity:1}.dcard:hover .card__art{box-shadow:0 0 0 2px var(--lime),0 26px 48px -18px rgba(139,92,246,.75)}.dcard__time{left:auto;right:10px}.dcard__actions{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;display:grid;grid-gap:7px;gap:7px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .22s,transform .3s var(--ease-out)}.dcard:focus-within .dcard__actions,.dcard:hover .dcard__actions{opacity:1;transform:none;pointer-events:auto}.dcard__facts{font-size:12px;font-weight:600;text-align:center;color:rgb(255 255 255/.88)}.dcard__actions .btn{width:100%;padding:0 8px}.dcard--rank{padding-left:42px}.dcard__rank{position:absolute;left:0;bottom:56px;z-index:0;font-family:var(--font-display);font-size:92px;font-weight:700;line-height:.85;letter-spacing:-.04em;color:var(--lime-text);text-shadow:0 6px 22px rgb(var(--bg-rgb)/.55)}.dcard--rank .card__art{z-index:0}.dcard .card__sub span:first-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dcard .card__sub span:last-child{flex:none}.fcard{position:relative;isolation:isolate;overflow:hidden;display:grid;align-content:end;grid-gap:10px;gap:10px;min-height:186px;padding:14px;border-radius:var(--r);background:#0d0b13;box-shadow:0 0 0 1px var(--line-2);color:#fff;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}.fcard:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgb(255 255 255/.22),0 24px 44px -24px #000}.fcard__bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:var(--focal,60% 40%);transition:transform .6s var(--ease-out)}.fcard:hover .fcard__bg{transform:scale(1.05)}.fcard:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgb(8 7 12/.94) 8%,rgb(8 7 12/.55) 52%,rgb(8 7 12/.1))}.fcard__game{font-family:var(--font-display);font-size:17px;font-weight:600;line-height:1.2}.fcard__row{display:flex;align-items:center;gap:12px;min-width:0}.fcard__faces{display:flex;flex:none;padding:4px 2px 4px 6px}.fcard__pfp{position:relative;z-index:2;display:grid;place-items:center;border-radius:50%}.fcard__pfp+.fcard__pfp{margin-left:8px}.fcard__who{display:grid;flex:1 1;min-width:0;line-height:1.3}.fcard__who b{font-size:14px;font-weight:700;text-overflow:ellipsis}.fcard__who b,.fcard__who small{white-space:nowrap;overflow:hidden}.fcard__who small{display:flex;align-items:center;gap:6px;font-size:12.5px;color:rgb(255 255 255/.72)}.fcard__who .dot{width:6px;height:6px}.fcard__go{position:relative;z-index:2;flex:none}.fcard__go svg{margin:0}.disc-all__head{flex-wrap:wrap}.disc-count{font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-3)}.disc-sort{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font-size:13.5px;color:var(--text-3)}.disc-sort select{height:38px;padding:0 32px 0 12px;border-radius:10px;border:1px solid var(--line-2);font:inherit;font-weight:600;color:var(--text);background:var(--surface) no-repeat right 10px center /14px;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--text-2) 50%,var(--text-2) 58%,transparent 58%),linear-gradient(-45deg,transparent 50%,var(--text-2) 50%,var(--text-2) 58%,transparent 58%);background-size:7px 7px,7px 7px;background-position:right 16px center,right 10px center}.disc-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.disc-filters .chips{max-width:100%}.disc-filters .chip[aria-pressed=true]{color:var(--lime-ink);background:var(--lime)}.disc-toggle{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 14px;border-radius:14px;font-size:14px;font-weight:600;color:var(--text-2);background:var(--surface);border:1px solid var(--line);transition:color .2s,background-color .2s,border-color .2s}.disc-toggle svg{width:17px;height:17px}.disc-toggle:hover{color:var(--text);border-color:var(--line-2)}.disc-toggle[aria-pressed=true]{color:var(--lime-ink);background:var(--lime);border-color:transparent}.disc-clear{font-size:13.5px;font-weight:600;color:var(--text-2);text-decoration:underline;text-underline-offset:3px;padding:8px 4px}.disc-clear:hover{color:var(--text)}.disc-sizechip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 8px 0 10px;border-radius:9px;font-size:13px;font-weight:700;color:var(--accent-text);background:rgba(139,92,246,.16);transition:background-color .2s}.disc-sizechip:hover{background:rgba(139,92,246,.28)}.disc-sizechip svg{width:14px;height:14px}.disc-empty{display:grid;justify-items:center;grid-gap:8px;gap:8px}.disc-empty b{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text)}.disc-empty .btn{margin-top:6px}.grid.is-swapping .dcard{animation:card-in .45s var(--ease-out) both;animation-delay:calc(var(--i) * 30ms)}@media (hover:none){.dcard__actions{left:auto;opacity:1;transform:none;pointer-events:auto}.dcard__facts,.dcard__more{display:none}.dcard__actions .btn.dcard__cp{width:44px;height:44px;padding:0;border-radius:50%}.dcard__cp span{display:none}.dcard__cp svg{margin:0}.rail__nav{display:none}}@media (max-width:860px){.disc{gap:28px}.crew{padding:20px 16px 16px}.crew__bg{object-position:62% 50%}.crew__picks{--gap:8px;--card-h:84px;--floor:26px;--art:.84}.crew__pick{padding:0 10px 11px}.crew__unit{display:none}.crew__txt b{font-size:16px}.crew__txt small{font-size:11px;white-space:nowrap}.spot{align-items:flex-end;min-height:460px;padding:22px 18px}.spot__bg{object-position:var(--mfocal,50% 50%)}.spot--bright:before,.spot:before{background:linear-gradient(0deg,rgb(8 7 12/.96) 26%,rgb(8 7 12/.62) 60%,rgb(8 7 12/.12))}.spot__logo{max-height:76px;max-width:62%}.spot__blurb{font-size:14.5px}.spot__facts{font-size:13px;gap:5px 12px}.spot__actions{width:100%}.spot__actions .btn{flex:1 1 auto}.spot__friend{flex:1 0 100%;margin-left:0}.rail{grid-auto-columns:146px;gap:12px}.rail--rank{grid-auto-columns:176px}.rail--friends{grid-auto-columns:min(300px,78vw)}.dcard--rank{padding-left:36px}.dcard__rank{font-size:76px}.disc-filters .chips{flex:1 1 100%}.disc-toggle{flex:1 1;justify-content:center;min-height:44px;height:44px;padding:0 8px;font-size:13px}.grid{grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:20px 12px}}@media (max-width:600px){.crew__picks{--cols:2;--gap:10px;row-gap:calc((100cqw - var(--gap)) * var(--art) / 3 + var(--floor) - var(--card-h) + 10px)}.crew__txt small{font-size:12px}}@media (prefers-reduced-motion:reduce){.grid.is-swapping .dcard,.spot.is-swap .spot__bg,.spot.is-swap .spot__body>*{animation:none}.crew__pick,.crew__pick .crew__art img,.crew__pick:hover,.dcard,.dcard:hover,.fcard,.fcard:hover{transform:none}}