@font-face{font-family:Oxygen Mono;src:url(/fonts/OxygenMono-Regular.woff2)format("woff2");font-display:swap}@font-face{font-family:Kumbh Sans;src:url(/fonts/KumbhSans.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--ice:#f4f9fd;--purple:#493d51;--maroon:#563d40;--grey:#787570;--line:#493d511f}*{box-sizing:border-box;margin:0}html,body{background:var(--ice);color:var(--purple);-webkit-font-smoothing:antialiased;font-family:Kumbh Sans,system-ui,sans-serif}#hub{flex-direction:column;gap:30px;max-width:1240px;min-height:100vh;margin:0 auto;padding:44px 28px 34px;display:flex}.top{align-items:center;gap:16px;display:flex}.top img{width:auto;height:30px}.top .rule{background:var(--line);width:1px;height:22px}.top h1{letter-spacing:.32em;text-transform:uppercase;color:var(--purple);font-family:Oxygen Mono,monospace;font-size:13px;font-weight:400}.grid{grid-template-columns:repeat(6,1fr);gap:22px;display:grid}.card{grid-column:span 2}.card.mod,.card.sic{grid-column:span 3}.card{color:inherit;background:#fff;border-radius:26px;flex-direction:column;gap:16px;padding:22px 22px 18px;text-decoration:none;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;display:flex;position:relative;box-shadow:0 1px #493d510d,0 18px 44px -20px #493d514d}a.card:hover{transform:translateY(-5px);box-shadow:0 1px #493d510d,0 30px 60px -22px #493d516b}a.card:focus-visible{outline:2px solid var(--purple);outline-offset:4px}.head{flex-direction:column;gap:14px;min-height:150px;display:flex}.brand{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;min-height:76px;display:flex}.brand img{width:auto;max-width:100%;display:block}.name{letter-spacing:.2em;text-transform:uppercase;color:var(--purple);font-family:Oxygen Mono,monospace;font-size:12px}.mf .brand img{height:46px}.zen .brand img{width:100%;max-width:330px;height:auto}.zr .brand img{height:26px}.mod .brand img{height:56px}.sic .brand img{height:30px}.plots{align-items:center;gap:14px;margin-top:auto;display:flex}.plots-num{white-space:nowrap;align-items:baseline;gap:7px;display:flex}.plots-num b{color:var(--purple);font-family:Oxygen Mono,monospace;font-size:28px;font-weight:400;line-height:1}.plots-num span{color:var(--grey);font-size:12px}.plots-bar{border-radius:99px;flex:1;height:6px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #493d5147}.plots-bar i{height:100%;display:block}.plots-bar i.t{background:var(--purple)}.plots-bar i.h{background:#b8a9c2}.plots-out,.soon-row{margin-top:auto;display:flex}.plots-out .plots-note,.soon{letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:8px 12px;font-family:Oxygen Mono,monospace;font-size:11px}.plots-out .plots-note{border:1px solid var(--line);color:var(--purple)}.soon{background:var(--maroon);color:#fff}.photo{background:#e8eef3;border-radius:16px;height:300px;display:block;position:relative;overflow:hidden}.photo .img{background-position:50%;background-size:cover;transition:transform 1.1s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}a.card:hover .photo .img{transform:scale(1.045)}.mf .img{background-image:url(/heroes/mf.webp);background-position:50% 70%}.zen .img{background-image:url(/heroes/zen.webp);background-position:72% 47%;background-size:235%}.zr .img{background-image:url(/heroes/zr.webp);background-position:50% 55%}.mod .img{background-image:url(/heroes/mod.webp);background-position:50% 45%}.sic .img{filter:saturate(.85);background-image:url(/heroes/sic.webp);background-position:50% 60%}.card.mod .photo,.card.sic .photo{height:280px}.go{letter-spacing:.2em;text-transform:uppercase;color:var(--grey);justify-content:space-between;align-items:center;font-family:Oxygen Mono,monospace;font-size:11px;display:flex}.go:after{content:"";background:currentColor;width:28px;height:1px;transition:width .4s cubic-bezier(.2,.8,.2,1)}a.card:hover .go{color:var(--purple)}a.card:hover .go:after{width:56px}.is-soon{cursor:default}.is-soon .go:after{display:none}.foot{letter-spacing:.04em;color:var(--grey);margin-top:auto;font-size:12px}@media (max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.card,.card.mod{grid-column:span 1}.card.sic{grid-column:span 2}}@media (max-width:640px){#hub{gap:22px;padding:28px 16px 24px}.grid{grid-template-columns:1fr;gap:16px}.card,.card.mod,.card.sic{grid-column:auto}.photo,.card.mod .photo,.card.sic .photo{height:230px}.zen .brand img{width:190px}}@media (prefers-reduced-motion:reduce){.card,.photo .img,.go:after{transition:none}}