@font-face{font-family:DM Sans;src:url(/assets/DMSans-Xz1IZZA0.woff2)format("woff2");font-weight:100 1000;font-display:swap}:root{--bg:#000;--surface:#141519;--nav:#1f2024;--line:#2b2c31;--text:#fff;--muted:#bbb;--dim:#8a8b91;--accent:#ff6a2b;--accent-ink:#000;--header-h:3.75rem;--gutter:clamp(16px, 4.4vw, 64px);--card-w:235px;--ease:cubic-bezier(.4, 0, 1, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:400 16px/1.4 DM Sans,Helvetica Neue,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}main{min-height:calc(100vh - var(--header-h))}main:focus{outline:none}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nav{z-index:50;height:var(--header-h);padding:0 var(--gutter);background:var(--nav);align-items:center;gap:28px;display:flex;position:sticky;top:0}.logo{letter-spacing:-.02em;color:var(--accent);align-items:center;gap:8px;font-size:22px;font-weight:800;display:flex}.logo svg{width:28px;height:28px}.nav-links{align-items:center;gap:24px;display:flex}.nav-links a,.nav-links button{color:var(--muted);padding:8px 0;transition:color .2s}.nav-links a:hover,.nav-links button:hover,.nav-links a[aria-current]{color:var(--text)}.nav-spacer{flex:1}.icon-btn{width:40px;height:40px;color:var(--muted);place-items:center;transition:color .2s;display:grid}.icon-btn:hover{color:var(--text)}.icon-btn svg{width:26px;height:26px}.menu-btn{display:none}.dd{position:relative}.dd-panel{background:var(--nav);border:1px solid var(--line);min-width:220px;max-height:70vh;padding:8px 0;display:none;position:absolute;top:100%;left:-16px;overflow:auto}.dd[data-open=true] .dd-panel{display:block}.dd-panel a{padding:10px 16px;display:block}.searchband{background:var(--nav);padding:28px var(--gutter) 0}.searchfield{border-bottom:2px solid var(--dim);align-items:center;max-width:880px;margin:0 auto;display:flex}.searchfield:focus-within{border-color:var(--text)}.searchfield input{color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:4px 0;font:400 34px/1.5 inherit}.searchfield input::placeholder{color:var(--dim)}.hero{background:var(--surface);align-items:center;min-height:min(80vh,720px);display:flex;position:relative;overflow:hidden}.hero-slide{opacity:0;transition:opacity .6s var(--ease);pointer-events:none;position:absolute;inset:0}.hero-slide[data-active=true]{opacity:1;pointer-events:auto}.hero-art{background-position:100%;background-size:cover;position:absolute;inset:0}.hero-art:after{content:"";background:linear-gradient(90deg,#000 0%,#000000d1 28%,#0000 65%),linear-gradient(#0000 70%,#000 100%);position:absolute;inset:0}.hero-body{left:var(--gutter);max-width:560px;position:absolute;bottom:20%}.hero h2{letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.05}.hero p{color:#ddd;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:14px 0 22px;display:-webkit-box;overflow:hidden}.hero-arrow{z-index:3;width:44px;height:64px;color:var(--text);opacity:.75;place-items:center;display:grid;position:absolute;top:50%;translate:0 -50%}.hero-arrow:hover{opacity:1}.hero-arrow.prev{left:6px}.hero-arrow.next{right:6px}.dots{left:var(--gutter);z-index:3;gap:8px;display:flex;position:absolute;bottom:6%}.dot{background:#555;border-radius:3px;width:32px;height:6px;transition:width .3s,background .3s}.dot[aria-current=true]{background:var(--accent);width:52px}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14px;display:flex}.badge{color:var(--text);background:#333;border-radius:2px;padding:1px 6px;font-size:13px;font-weight:700;display:inline-block}.sep:before{content:"•";margin-right:10px}.cta-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:8px;height:40px;padding:0 20px;font-size:15px;font-weight:700;transition:background .2s,color .2s;display:inline-flex}.btn svg{width:20px;height:20px}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.primary:hover{background:#ff854f}.btn.outline{border:2px solid var(--accent);width:40px;color:var(--accent);justify-content:center;padding:0}.btn.outline:hover,.btn.outline[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.btn.ghost{color:var(--accent);padding:0 14px}.btn.ghost:hover{color:#ff854f}.section{padding:36px var(--gutter) 0}.rail-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.rail-head h2{letter-spacing:-.03em;margin:0;font-size:28px;font-weight:700;line-height:34px}.rail-head a{color:var(--accent);text-transform:uppercase;font-size:14px;font-weight:700}.rail{position:relative}.rail-track{scroll-snap-type:x proximity;scrollbar-width:none;gap:16px;padding-bottom:6px;display:flex;overflow-x:auto}.rail-track::-webkit-scrollbar{display:none}.rail-arrow{height:calc(var(--card-w) * 1.5);z-index:2;opacity:0;background:linear-gradient(90deg,#000000d9,#0000);place-items:center;width:44px;transition:opacity .2s;display:grid;position:absolute;top:0}.rail-arrow.next{background:linear-gradient(270deg,#000000d9,#0000);right:0}.rail-arrow.prev{left:0}.rail:hover .rail-arrow{opacity:1}.rail-arrow svg{width:26px;height:26px}.card{flex:0 0 var(--card-w);scroll-snap-align:start}.grid{grid-template-columns:repeat(auto-fill, minmax(var(--card-w), 1fr));gap:28px 16px;display:grid}.grid .card{flex:none}.poster{aspect-ratio:2/3;background:var(--surface);position:relative;overflow:hidden}.poster img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s var(--ease)}.poster img[data-loaded=true]{opacity:1}.poster:after{content:"";background:#fff0;transition:background .2s;position:absolute;inset:0}.card:hover .poster:after{background:#ffffff14}.card h3{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:12px 0 6px;font-size:15px;font-weight:700;line-height:20px;display:-webkit-box;overflow:hidden}.card p{color:var(--muted);margin:0;font-size:14px}.score{z-index:1;background:#000000bf;padding:2px 7px;font-size:13px;font-weight:700;position:absolute;bottom:8px;left:8px}.skeleton{background:linear-gradient(90deg,#141519 25%,#20222a 50%,#141519 75%) 0 0/200% 100%;animation:1.4s linear infinite swipe}@keyframes swipe{to{background-position:-200% 0}}.skel-title{width:240px;height:30px}.page-head{padding:36px var(--gutter) 0}.page-head h1{letter-spacing:-.03em;margin:0 0 18px;font-size:40px}.filters{flex-wrap:wrap;gap:10px;margin-bottom:8px;display:flex}.chip,.select{background:var(--surface);border:1px solid var(--line);height:36px;color:var(--muted);padding:0 14px;transition:background .2s,color .2s}.chip{align-items:center;display:inline-flex}.chip[aria-pressed=true],.chip[aria-current=page]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.chip:hover{color:var(--text)}.chip[aria-pressed=true]:hover,.chip[aria-current=page]:hover{color:var(--accent-ink)}.select{appearance:none;padding-right:14px}.more{justify-content:center;padding:36px 0 0;display:flex}.d-hero{background:var(--surface);align-items:flex-end;min-height:560px;display:flex;position:relative;overflow:hidden}.d-hero .hero-art:after{background:linear-gradient(90deg,#000 0%,#0009 40%,#0003 100%),linear-gradient(#0000 55%,#000 100%)}.d-body{z-index:2;padding:0 var(--gutter) 28px;max-width:760px;position:relative}.d-body h1{letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(34px,5vw,60px);font-weight:800;line-height:1.03}.stars{color:var(--muted);align-items:center;gap:10px;margin:10px 0 18px;font-size:14px;display:flex}.stars svg{width:20px;height:20px;color:var(--text)}.d-cols{padding:28px var(--gutter) 0;border-bottom:1px solid var(--line);margin:0 var(--gutter);grid-template-columns:1.4fr 1fr;gap:48px;padding-bottom:28px;padding-left:0;padding-right:0;display:grid}.d-cols p{color:#ddd;max-width:70ch;margin:0}.d-cols dl{color:var(--dim);grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:14px;display:grid}.d-cols dd{color:var(--muted);margin:0}.genres a{text-underline-offset:3px;text-decoration:underline}.player{width:min(calc(100% - 2 * var(--gutter)), 1280px);aspect-ratio:16/9;text-align:center;background:var(--surface);border:1px solid var(--line);place-items:center;margin:28px auto 0;display:grid}.player h3{margin:0 0 6px}.player p{color:var(--dim);margin:0}.servers{justify-content:center;gap:8px;margin-top:16px;display:flex}.servers .chip[disabled]{opacity:.5;cursor:not-allowed}.chars{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;display:grid}.chars figure{margin:0}.chars img{aspect-ratio:1;object-fit:cover;width:100%}.chars figcaption{color:var(--muted);margin-top:8px;font-size:14px}.empty,.error{padding:80px var(--gutter);text-align:center;color:var(--muted)}.foot{padding:32px var(--gutter) 48px;color:var(--dim);border-top:1px solid var(--line);margin-top:80px;font-size:13px}.noscript{text-align:center;padding:40px}.nav-signin{height:36px;margin-left:4px;padding:0 18px;font-size:14px}.avatar{background:var(--accent);width:36px;height:36px;color:var(--accent-ink);border-radius:50%;place-items:center;font-weight:800;transition:transform .2s,box-shadow .2s;display:grid}.avatar:hover{transform:scale(1.08);box-shadow:0 0 0 3px #ff6a2b4d}.account{align-items:center;display:flex}.dd-panel.right{min-width:200px;left:auto;right:0}.menu-name{color:var(--dim);border-bottom:1px solid var(--line);margin-bottom:4px;padding:10px 16px 8px;font-size:13px}.menu-item{text-align:left;width:100%;color:var(--muted);padding:10px 16px;display:block}.menu-item:hover,.dd-panel a:hover{color:var(--text);background:#ffffff0f}.dd[data-open=true] .dd-panel{animation:.16s ease-out pop}@keyframes pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.auth-wrap{padding:56px var(--gutter) 0;place-items:start center;display:grid}.auth-card{background:var(--surface);border:1px solid var(--line);width:min(440px,100%);padding:32px;animation:.4s cubic-bezier(.2,.7,.2,1) rise}.auth-card.flat{width:auto;animation:none}.auth-card.danger{border-color:#5a2a2a}.auth-card h1{letter-spacing:-.03em;margin:0 0 18px;font-size:30px}.auth-card h2{margin:0 0 16px;font-size:20px}.muted{color:var(--muted)}.small{font-size:13px}.muted.small{margin:14px 0 0}.inline-link{color:var(--accent);text-underline-offset:3px;text-decoration:underline}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin-bottom:22px;display:grid}.tab{color:var(--dim);border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 0;font-weight:700;transition:color .2s,border-color .2s}.tab[aria-selected=true]{color:var(--text);border-color:var(--accent)}.auth-form{gap:16px;display:grid}.auth-form[data-shake=true]{animation:.4s shake}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.field{gap:6px;display:grid;position:relative}.field>span{color:var(--muted);letter-spacing:.02em;font-size:13px;font-weight:700}.input{border:1px solid var(--line);height:46px;color:var(--text);font:inherit;background:#0b0c0f;padding:0 14px;transition:border-color .2s,box-shadow .2s}.input:hover{border-color:#444}.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #ff6a2b33}.reveal{height:30px;color:var(--dim);padding:0 10px;font-size:13px;font-weight:700;position:absolute;bottom:8px;right:8px}.reveal:hover{color:var(--text)}.field:has(.reveal) .input{padding-right:64px}.form-msg{color:#ff7a7a;min-height:1.2em;margin:0;font-size:14px}.btn.wide{justify-content:center;width:100%;height:46px}.btn[disabled]{opacity:.55;cursor:not-allowed}.btn[data-busy=true]:after{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.meter{background:#23252b;border-radius:2px;height:4px;overflow:hidden}.meter i{background:#ff5b5b;width:0;height:100%;transition:width .3s,background .3s;display:block}.meter[data-level="1"] i{width:25%}.meter[data-level="2"] i{background:#ffb020;width:50%}.meter[data-level="3"] i{background:#9ad04a;width:75%}.meter[data-level="4"] i{background:#3fcf8e;width:100%}.code-box{border:1px dashed var(--accent);background:#0b0c0f;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;padding:16px;display:flex}.code-box code{letter-spacing:.06em;-webkit-user-select:all;user-select:all;word-break:break-all;font-size:20px;font-weight:700}.check{cursor:pointer;align-items:center;gap:10px;margin-bottom:18px;display:flex}.check input{width:18px;height:18px;accent-color:var(--accent)}.account-grid{padding:8px var(--gutter) 0;grid-template-columns:repeat(auto-fit,minmax(300px,420px));gap:24px;display:grid}.wl-item{align-content:start;gap:10px;display:grid}.status-select{width:100%}.toasts{z-index:100;pointer-events:none;gap:10px;width:min(92vw,420px);display:grid;position:fixed;bottom:24px;left:50%;translate:-50%}.toast{border-left:3px solid var(--accent);opacity:0;background:#26282e;padding:12px 16px;font-size:14px;transition:opacity .25s,transform .25s;transform:translateY(12px);box-shadow:0 8px 28px #00000080}.toast[data-in=true]{opacity:1;transform:none}.toast.success{border-color:#3fcf8e}.toast.error{border-color:#ff5b5b}#app.enter{animation:.35s cubic-bezier(.2,.7,.2,1) page-in}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.nav{transition:box-shadow .25s}.nav[data-scrolled=true]{box-shadow:0 6px 24px #000000a6}.nav-links a[aria-current]{box-shadow:inset 0 -2px var(--accent)}.card{animation:.45s cubic-bezier(.2,.7,.2,1) both card-in;animation-delay:calc(var(--i,0) * 45ms)}@keyframes card-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.poster{transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s}.play-hint{z-index:1;opacity:0;background:#00000061;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.play-hint svg{color:#fff;filter:drop-shadow(0 2px 8px #0009);width:46px;height:46px;transition:transform .25s cubic-bezier(.2,.7,.2,1);transform:scale(.8)}.score{z-index:2}@media (hover:hover){.card:hover .poster{transform:translateY(-5px)scale(1.025);box-shadow:0 14px 32px #0009,0 0 0 1px #ffffff14}.card:hover .play-hint{opacity:1}.card:hover .play-hint svg{transform:scale(1)}.card:hover h3{color:var(--accent)}}.card h3{transition:color .2s}.poster.broken{background:repeating-linear-gradient(135deg,#16171c 0 12px,#1b1d23 12px 24px)}.skel-line{width:92%;height:14px;margin-top:10px}.skel-line.short{width:50%}.empty,.error{animation:.3s both page-in}.error h1{letter-spacing:-.04em;margin:0 0 6px;font-size:72px}.error .btn{margin-top:18px}.hero:focus-visible{outline-offset:-3px}.hero-slide[data-active=true] .hero-art{animation:9s ease-out forwards kenburns}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.07)}}.hero-slide[data-active=true] .hero-body>*{animation:.6s cubic-bezier(.2,.7,.2,1) both rise-in}.hero-slide[data-active=true] .hero-body>:nth-child(2){animation-delay:80ms}.hero-slide[data-active=true] .hero-body>:nth-child(3){animation-delay:.16s}.hero-slide[data-active=true] .hero-body>:nth-child(4){animation-delay:.24s}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.dot{background:#4a4b52;position:relative;overflow:hidden}.dot i{background:var(--accent);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.dot[aria-current=true]{background:#4a4b52}.dot[aria-current=true] i{animation:7s linear forwards fill}@keyframes fill{to{transform:scaleX(1)}}.hero:hover .dot i,.hero:focus-within .dot i{animation-play-state:paused}.hero-arrow{transition:opacity .2s,transform .2s}.hero-arrow:hover{transform:translateY(-50%)scale(1.12)}.player{position:relative;overflow:hidden}.player-bg{filter:blur(30px)brightness(.35);background-position:50%;background-size:cover;position:absolute;inset:-30px}.player-inner{z-index:1;padding:24px;position:relative}.big-play{background:var(--accent);color:#000;border-radius:50%;place-items:center;width:84px;height:84px;margin:0 auto 16px;animation:2.4s infinite pulse;display:grid}.big-play svg{width:36px;height:36px;margin-left:4px}@keyframes pulse{0%{box-shadow:0 0 #ff6a2b80}70%{box-shadow:0 0 0 24px #ff6a2b00}to{box-shadow:0 0 #ff6a2b00}}.player p{color:#cfcfd4}@media (width<=900px){.nav-links{display:none}.menu-btn{display:grid}.nav[data-menu=true] .nav-links{padding:8px var(--gutter) 16px;background:var(--nav);border-top:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;display:flex;position:absolute;top:100%;left:0;right:0}.nav[data-menu=true] .nav-links a{padding:14px 0}.d-cols{grid-template-columns:1fr;gap:24px}.rail-arrow{display:none}}@media (width<=600px){:root{--card-w:150px}.hero{align-items:flex-end;min-height:560px}.hero-art:after{background:linear-gradient(#0000 20%,#000000b3 55%,#000 100%)}.hero-body{left:var(--gutter);right:var(--gutter);text-align:center;max-width:none;bottom:14%}.hero .meta,.hero .cta-row{justify-content:center}.hero p{display:none}.btn.primary{flex:1;justify-content:center}.rail-head h2{font-size:22px}.searchfield input{font-size:24px}.logo span{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}