.landing-page{position:relative;min-height:100vh;overflow:clip;background:linear-gradient(180deg,#010101 24%,#1a1926 55%,#1d1c2a);color:#fefefe}.app-shell:has(.landing-page)>.wallpaper{display:none}.landing-hero{position:relative;height:min(900px,100svh);min-height:680px;display:grid;align-items:end;justify-items:center;background:#000}.landing-hero-art{position:absolute;inset:0;background:linear-gradient(180deg,rgba(29,28,42,.3),rgba(0,0,0,.3) 45%,#000 90%),url(/_next/static/media/desktop-bg.48b2af27.webp) top /cover no-repeat}.landing-hero-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:74px;width:min(100% - 40px,950px);padding-bottom:55px}.landing-hero h1{margin:0;font:700 clamp(29px,2.4vw,35px)/.96 Georgia,Times New Roman,serif;letter-spacing:-.035em;text-align:center;text-wrap:balance;text-shadow:0 2px 20px rgba(0,0,0,.45)}.landing-hero-search-slot{width:min(100%,393px);min-height:65px}.landing-hero .search-dock:not(.is-overlay){position:relative;z-index:30;left:auto;bottom:auto;width:100%;translate:none;margin:0}.landing-content{width:min(950px,calc(100% - 48px));margin:0 auto;padding:50px 0 96px}.landing-section{margin:0 0 72px}.landing-section h2{margin:0;font:400 30px/1 League Gothic,Impact,sans-serif;letter-spacing:-.02em;text-transform:uppercase}.landing-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.landing-cover-row{display:grid;gap:10px;min-width:0}.landing-popular-row,.landing-release-row,.landing-starter-row{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:30px}.landing-event-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:31px;margin-top:32px}.landing-unit-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.landing-cover{position:relative;display:block;align-self:start;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.landing-cover-art{display:block;width:100%;aspect-ratio:2/3;overflow:hidden;border-radius:4px;background:#383651;box-shadow:0 3px 4px rgba(0,0,0,.2);transition:box-shadow .18s ease}.landing-cover:focus-visible .landing-cover-art,.landing-cover:hover .landing-cover-art{box-shadow:0 10px 24px rgba(40,32,92,.48)}.landing-cover-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .18s var(--ease-out)}.landing-cover:focus-visible .landing-cover-art img,.landing-cover:hover .landing-cover-art img{transform:scale(1.025)}.landing-cover-tooltip{position:absolute;z-index:2;bottom:calc(100% + 10px);left:50%;max-width:min(240px,85vw);padding:6px 12px;overflow:hidden;border:1px solid rgb(255 255 255/10%);border-radius:18px;background:#303030;box-shadow:0 8px 20px rgb(0 0 0/24%);color:#fff;font-size:13px;font-weight:500;letter-spacing:normal;line-height:1;text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .15s cubic-bezier(.2,0,0,1),transform .15s cubic-bezier(.2,0,0,1)}.landing-cover:focus-visible .landing-cover-tooltip,.landing-cover:hover .landing-cover-tooltip{opacity:1;transform:translate(-50%)}.landing-cover--guide .landing-cover-art{aspect-ratio:296/457}.landing-cover--unit .landing-cover-art{padding:8px;aspect-ratio:176/259;border-radius:6px}.landing-cover--unit .landing-cover-art img{border-radius:3px}.landing-cover-copy{display:flex;flex-direction:column;gap:4px;margin-top:12px}.landing-cover-copy strong{font-size:16px;line-height:1.2;font-weight:500}.landing-publisher{font:400 14px/1 League Gothic,Impact,sans-serif;text-transform:uppercase}.landing-year{color:#d0d5dd;font-size:14px;line-height:1.2}.landing-features h2{margin-bottom:16px;color:#83819f;font:400 16px/20px League Spartan,sans-serif;letter-spacing:-.02em}.landing-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.landing-feature{display:flex;align-items:flex-start;gap:16px;min-height:102px;padding:20px;border-radius:4px;background:#252434;box-shadow:inset 0 1px rgba(255,255,255,.1);transition:background-color .18s ease}.landing-feature:hover{background:#2a293b}.landing-feature svg{flex:0 0 25px;margin-top:1px;color:#83819f}.landing-feature p{margin:0;color:#b9b7d6;font-size:16px;font-weight:300;line-height:20px;letter-spacing:-.02em}.landing-feature strong{color:#f5f3ff;font-weight:400}.landing-more{min-height:39px;padding:5px 20px;border:1px solid #494763;border-radius:var(--action-radius);background:transparent;font:400 20px/1 League Gothic,Impact,sans-serif;text-transform:uppercase;cursor:pointer;transition:background-color .18s ease}.landing-more:hover{background:#383651}.landing-starter-selector{display:flex;justify-content:center;gap:7px;width:max-content;margin:-26px auto 60px;padding:8px;border-radius:20px;background:white}.landing-starter-selector button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#c7c7cc;cursor:pointer}.landing-starter-selector button[aria-current=true]{background:#29283a}.landing-starters{animation:landing-starters-in .18s var(--ease-out)}@keyframes landing-starters-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.landing-signup{display:block;margin:0 auto;padding:13px 24px;border:0;border-radius:var(--action-radius);background:#6254bb;color:#fff;font:500 18px League Spartan,sans-serif;opacity:.75;cursor:not-allowed}.landing-page button:focus-visible{outline:2px solid #c4baff;outline-offset:4px}@media (max-width:1000px){.landing-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-cover-row{overflow-x:auto;grid-auto-flow:column;grid-auto-columns:150px;grid-template-columns:none;padding-bottom:8px;scroll-snap-type:x proximity;scrollbar-width:none}.landing-cover-row::-webkit-scrollbar{display:none}.landing-cover{scroll-snap-align:start}.landing-event-row{grid-auto-columns:minmax(220px,32vw)}.landing-unit-row{grid-auto-columns:176px}}@media (max-width:700px){.landing-hero{height:100svh;min-height:560px}.landing-hero-art{background:linear-gradient(180deg,rgba(29,28,42,.3),rgba(0,0,0,.3) 45%,#000 90%),url(/_next/static/media/mobile-bg.bba94e17.webp) center -44px /100% auto no-repeat}.landing-hero-content{width:calc(100% - 48px);gap:48px;padding-bottom:24px}.landing-hero h1{font-size:clamp(26px,7.2vw,38px);line-height:1}.landing-hero .search-dock:not(.is-overlay){width:min(100%,393px);height:65px;padding:12px 16px 13px;border-radius:6px;background:var(--backdrop)}.landing-content{width:calc(100% - 40px);padding-top:32px}.landing-section{margin-bottom:56px}.landing-section h2{font-size:27px}.landing-section-head{margin-bottom:22px}.landing-cover-row{grid-auto-columns:138px;margin-top:24px}.landing-event-row{grid-auto-columns:70vw}.landing-unit-row{grid-auto-columns:170px;margin-top:0}.landing-feature{min-height:0}.landing-more{flex:none;padding:5px 12px;font-size:18px}}@media (max-width:520px){.landing-feature-grid{grid-template-columns:1fr}}@media (max-width:1000px){.landing-cover-row{margin-inline:-24px;padding-inline:24px;scroll-padding-inline:24px}}@media (max-width:700px){.landing-hero-content{width:calc(100% - 40px);padding-bottom:20px}.landing-cover-row{margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px}.landing-content{padding:28px 0 56px}.landing-section{margin-bottom:44px}.landing-section-head{margin-bottom:16px}.landing-cover-row{margin-top:16px}.landing-section-head+.landing-cover-row{margin-top:0}.landing-cover-copy{margin-top:10px}.landing-starter-selector{margin:-20px auto 44px}}@media (prefers-reduced-motion:reduce){.landing-page *,.landing-page :after,.landing-page :before{transition-duration:.001ms!important;scroll-behavior:auto!important}}.landing-cover-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#83819f;font:400 28px/1 League Gothic,Impact,sans-serif;letter-spacing:.04em}.landing-cover.is-pending{cursor:default}.landing-cover.is-pending .landing-cover-art{animation:landing-pending 1.4s ease-in-out infinite alternate}@keyframes landing-pending{0%{opacity:.55}to{opacity:.9}}.landing-unavailable{margin:24px 0 0;color:#b9b7d6;font-size:15px}.landing-event-row{overflow-x:auto;grid-auto-flow:column;grid-auto-columns:calc((100% - 62px) / 3);grid-template-columns:none;padding-bottom:8px;scroll-snap-type:x proximity;scrollbar-width:none}.landing-event-row::-webkit-scrollbar{display:none}.landing-event-row .landing-cover{scroll-snap-align:start}@media (max-width:1000px){.landing-event-row{grid-auto-columns:minmax(220px,32vw)}}@media (max-width:700px){.landing-event-row{grid-auto-columns:70vw}}@media (prefers-reduced-motion:reduce){.landing-cover.is-pending .landing-cover-art{animation:none}}