*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#090e19;color:#eff3ff;font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#82e5c7}button,input,select{font:inherit}a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #86eacb;outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(1220px,calc(100% - 48px));margin:auto}header{position:sticky;top:0;z-index:9;background:#0a101cea;border-bottom:1px solid #263044;backdrop-filter:blur(16px)}.head{height:80px;display:flex;align-items:center;gap:40px}.brand{font-weight:800;font-size:23px;display:inline-flex;align-items:center;gap:12px;letter-spacing:-.8px}.brand span span{color:#89e5cc}.head nav{display:flex;gap:28px;color:#abb6cb;font-weight:650}.langs{margin-left:auto;display:flex;gap:8px;font-size:12px}.langs a{padding:6px 10px;border:1px solid #2b364b;border-radius:7px}.langs [aria-current=true]{color:#91f0d2;background:#1c3738}.skip{position:absolute;top:-80px}.skip:focus{top:0;background:#152d31;padding:15px;z-index:20}.hero{min-height:540px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:20px;padding:70px 0 64px}.eyebrow{font-size:11px;letter-spacing:2.8px;color:#8ee8cd;font-weight:750}.hero h1{font-size:clamp(44px,5vw,72px);line-height:1.08;letter-spacing:-3px;max-width:680px;margin:23px 0}.hero p{color:#aab5c9;max-width:480px;font-size:18px;line-height:1.8}.button{display:inline-flex;gap:30px;justify-content:space-between;align-items:center;color:#081a1a;background:#8ae8cc;border-radius:9px;padding:13px 22px;font-weight:750;margin-top:14px}.button:hover{background:#acf5df;color:#081a1a}.herofoot{margin-top:30px;display:flex;gap:22px;align-items:center;color:#8290a7;font-size:11px}.herofoot span:first-child{color:#dde8f6}.heroart{height:410px;position:relative;display:grid;place-items:center;isolation:isolate}.halo{position:absolute;inset:20px;border:1px solid #29444d;border-radius:50%;box-shadow:0 0 120px #39d6b915,inset 0 0 100px #9c8bff12;transform:rotate(-20deg)}.halo:before,.halo:after{content:"";position:absolute;inset:35px;border:1px dashed #56608866;border-radius:50%}.halo:after{inset:75px}.crystal{width:220px;height:270px;clip-path:polygon(50% 0,100% 28%,80% 75%,50% 100%,20% 75%,0 28%);background:conic-gradient(from 190deg at 50% 35%,#399fa0,#98e5dc,#9b85ed,#211f4d,#8bf7d5,#399fa0);filter:drop-shadow(0 20px 20px #000);transform:rotate(12deg)}.spark{position:absolute;color:#a2f2db;font-size:50px}.one{top:42px;right:58px}.two{left:30px;bottom:60px;color:#b1a0ff}.floatnote{position:absolute;bottom:25px;right:0;background:#151c30;border:1px solid #37435e;padding:18px 25px;border-radius:12px;font-size:11px;font-weight:800;letter-spacing:2px;box-shadow:0 20px 50px #0008}.floatnote span{display:block;letter-spacing:0;color:#9faec6;font-weight:400;font-size:12px;margin-top:4px}section{margin-bottom:65px}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.sectionhead h2{font-size:30px;letter-spacing:-1px;margin:4px 0}.sectionhead>a{color:#96a8c4;font-size:13px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.featuredgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.gamecard{border:1px solid #283248;border-radius:14px;overflow:hidden;background:#111827;transition:transform .2s,border-color .2s}.gamecard:hover{transform:translateY(-4px);border-color:#629788}.art{height:158px;position:relative;overflow:hidden;background:linear-gradient(130deg,#244856,#183149 45%,#453160)}.featuredgrid .art{height:215px}.honkai-star-rail{background:linear-gradient(125deg,#323261,#43326d,#171b35)}.zenless-zone-zero{background:linear-gradient(125deg,#4b3e2a,#293638,#5d3543)}.wuthering-waves{background:linear-gradient(125deg,#275151,#244963,#30334b)}.goddess-of-victory-nikke{background:linear-gradient(125deg,#522e50,#352743,#53343a)}.monogram{position:absolute;left:22px;bottom:0px;color:#ffffffd1;font-size:80px;font-weight:900;letter-spacing:-7px;z-index:1}.featuredgrid .monogram{font-size:104px}.orbit{width:240px;height:240px;border:1px solid #ffffff38;border-radius:50%;position:absolute;right:-80px;top:30px;box-shadow:0 0 0 25px #ffffff08,0 0 0 50px #ffffff05}.gamebadge{position:absolute;top:15px;left:15px;background:#050a1599;border:1px solid #ffffff28;border-radius:20px;padding:3px 10px;font-size:10px;color:#e0e8f5}.cardbody{padding:20px}.cardbody h3{font-size:18px;margin:0 0 8px;letter-spacing:-.3px}.cardbody p{font-size:11px;color:#929fb9;margin:0 0 20px}.cardlink{font-size:11px;display:flex;justify-content:space-between;color:#90d6c5;font-weight:700}.cardlink span{font-size:16px}.pill{color:#b7c2d8;border:1px solid #2a354c;border-radius:30px;padding:5px 12px;font-size:12px}.toolbar{border:1px solid #283449;background:#101725;border-radius:12px;padding:18px;display:flex;gap:16px;align-items:center;margin-bottom:12px}.toolbar label{font-size:12px;font-weight:700;color:#a5b4c9}.toolbar input{flex:1;min-width:0}.toolbar input,.toolbar select{border:1px solid #334158;border-radius:7px;background:#0a101d;padding:10px 14px;color:#e2eafa}.muted,#result-count{font-size:12px;color:#8593ab}.pagehero{padding:60px 0 30px;border-bottom:1px solid #283248}.pagehero h1{font-size:clamp(32px,5vw,55px);line-height:1.15;letter-spacing:-2px;margin:15px 0}.pagehero h1 span{color:#90e4cc}.pagehero p{color:#9fabc3}.subnav{display:flex;gap:15px;margin-top:28px}.subnav a{padding:8px 14px;border:1px solid #344057;border-radius:7px;font-size:12px}.crumb{font-size:11px;color:#8f9eb6;margin-top:25px}.prose{max-width:850px;line-height:1.85;margin:45px 0 65px}.prose h2{font-size:28px;letter-spacing:-.5px}.prose p{color:#adb9ce}.prose a{color:#8be3c7}.callout{background:#102a2b;border:1px solid #28524a;border-left:3px solid #89e7c8;border-radius:8px;padding:20px 24px;color:#afdace;margin:25px 0;font-size:14px}.chargrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.charcard{background:#111a29;border:1px solid #29364a;border-radius:10px;padding:14px;display:flex;gap:14px;align-items:center}.charcard>span:last-child{margin-left:auto;color:#89c6b7}.charcard h3{font-size:13px;margin:0}.charcard p{font-size:11px;margin:3px 0;color:#9fabbe}.avatar{display:grid;place-items:center;width:50px;height:50px;flex-shrink:0;border-radius:12px;background:linear-gradient(125deg,#28524e,#443455);font-size:20px;font-weight:800;color:#aed6d4}dl{display:grid;grid-template-columns:120px 1fr;background:#111b2b;padding:24px;border-radius:12px}dt{color:#859ab6}dd{margin:0}footer{border-top:1px solid #253045;margin-top:80px;padding:40px 0;color:#8593ab;font-size:12px}footer .brand{font-size:20px;color:#c5dfdc}footer p{max-width:650px}footer a{color:#a5b4c8}@media(max-width:950px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1.2fr .8fr}.heroart{height:300px}.crystal{width:160px;height:220px}.chargrid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{letter-spacing:-2px}.floatnote{right:-5px;padding:14px;font-size:9px}.head{gap:22px}}@media(max-width:620px){.wrap{width:calc(100% - 32px)}.head{height:70px;gap:16px}.head .brand{font-size:17px;gap:7px}.head .brand img{width:27px;height:27px}.head nav{gap:12px;font-size:12px}.langs{gap:4px}.langs a{padding:4px 6px;font-size:10px}.hero{grid-template-columns:1fr;padding:46px 0 28px;gap:0;min-height:0}.hero h1{font-size:46px}.hero p{font-size:16px}.heroart{height:230px;margin-top:15px}.halo{inset:0 40px}.crystal{height:195px;width:155px}.floatnote{bottom:0;right:14px}.spark{font-size:28px}.herofoot{gap:12px;font-size:9px}.grid,.featuredgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.featuredgrid .gamecard:first-child{grid-column:1/-1}.featuredgrid .art,.art{height:120px}.featuredgrid .gamecard:first-child .art{height:155px}.monogram,.featuredgrid .monogram{font-size:70px;letter-spacing:-4px}.cardbody{padding:14px}.cardbody h3{font-size:14px}.cardbody p{font-size:10px;min-height:32px}.cardlink{font-size:10px}.sectionhead h2{font-size:24px}.toolbar{flex-wrap:wrap;padding:12px;gap:10px}.toolbar label{width:100%}.toolbar select{width:100%;font-size:13px}.chargrid{grid-template-columns:1fr}.pagehero{padding-top:35px}.pagehero h1{letter-spacing:-1px}.prose h2{font-size:24px}section{margin-bottom:45px}.eyebrow{font-size:9px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.buildgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.buildbox{background:#111c2d;border:1px solid #2e4054;border-radius:12px;padding:24px}.buildbox h2{font-size:19px;line-height:1.5}@media(max-width:620px){.buildgrid{grid-template-columns:1fr}.buildbox{padding:20px}}
.langs details{position:relative}.langs summary{cursor:pointer;border:1px solid #34445c;border-radius:7px;padding:6px 12px;list-style:none}.langs details>div{position:absolute;right:0;top:42px;padding:12px;background:#111d2e;border:1px solid #35465e;border-radius:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:190px;box-shadow:0 15px 30px #0008}.langs a{margin:0;text-align:center}[dir=rtl] .langs{margin-left:0;margin-right:auto}[dir=rtl] .charcard>span:last-child{margin-left:0;margin-right:auto}[dir=rtl] .callout{border-left-width:1px;border-right:3px solid #89e7c8}
.heroart{overflow:hidden}