.hub{background:var(--gap);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.hub:has([data-page=home]){--top-h:112px}.hub:has([data-no-ad]){--ad-card-h:0px}.hub-top{height:var(--top-h);background:radial-gradient(520px 180px at 30% 0%, #6968d229, transparent 70%), radial-gradient(460px 160px at 72% 0%, #e55c461a, transparent 70%), var(--gap);flex-direction:column;flex:none;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.hub-logo{align-items:center;gap:10px;display:flex;position:absolute;top:17px;left:26px}.hub:has([data-page=home]) .hub-logo{top:24px}.hub-logo-mark{background:var(--accent);color:#fff;width:30px;height:30px;font-family:var(--font-head);border-radius:9px;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex}.hub-logo-text{font-family:var(--font-head);letter-spacing:-.01em;font-size:20px;font-weight:700}.hub:has([data-page=home]) .hub-logo-mark{border-radius:10px;width:32px;height:32px;font-size:18px}.hub:has([data-page=home]) .hub-logo-text{font-size:21px}.hub-release{position:absolute;top:18px;right:26px}.hub:has([data-page=home]) .hub-release{top:26px}.release-chip{background:var(--panel);border:1px solid var(--pop-border);height:28px;color:var(--sub);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:flex}.release-chip i{background:var(--accent);border-radius:999px;width:6px;height:6px}.search{background:var(--panel);border:1px solid var(--pop-border);border-radius:999px;align-items:center;gap:12px;width:560px;max-width:calc(100vw - 560px);height:42px;padding:0 8px 0 16px;display:flex}.search:focus-within{border-color:var(--indigo)}.search svg{color:var(--sub);flex:none}.search input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-size:15px}.search input::placeholder{color:var(--mute-text)}.search kbd{background:var(--soft);height:22px;color:var(--sub);font:inherit;border-radius:6px;flex:none;align-items:center;padding:0 7px;font-size:12px;display:flex}.search-scope{background:var(--chip);height:30px;color:var(--sub);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 10px 0 12px;font-size:13px;display:flex}.search-scope i{background:var(--indigo);border-radius:5px;width:14px;height:14px}.hub:has([data-page=home]) .search{width:760px;height:52px;padding-left:20px}.hub:has([data-page=home]) .search input{font-size:17px}.hub:has([data-page=home]) .search-scope{height:36px}.search-suggest{align-items:center;gap:6px;height:18px;display:none}.hub:has([data-page=home]) .search-suggest{display:flex}.search-suggest>span{color:var(--sub);margin-right:4px;font-size:13px}.search-suggest a{white-space:nowrap;border:1px solid #d5d4df;border-radius:999px;align-items:center;height:26px;padding:0 10px;font-size:13px;display:flex}.search-suggest a:hover{background:var(--hover)}.search{position:relative}.sbox{z-index:45;overscroll-behavior:contain;width:calc(100% + 2px);min-width:480px;max-height:60vh;box-shadow:0 0 0 1px var(--pop-border), 0 16px 40px #2827352e;background:#fff;border-radius:16px;padding:6px 0 8px;position:absolute;top:calc(100% + 6px);left:-1px;overflow-y:auto}.sbox-group{border-bottom:1px solid var(--hair);margin-bottom:4px;padding-bottom:6px}.sbox-head{color:var(--sub);padding:10px 20px 4px;font-size:12px;line-height:16px}.sbox-row{color:var(--ink);border-radius:10px;align-items:center;gap:12px;margin:0 8px;padding:12px;display:flex}.sbox-row[aria-selected=true]{background:var(--hover)}.sbox-face{object-fit:cover;background:var(--chip);width:28px;height:28px;color:var(--sub);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.sbox-text{flex:1;min-width:0}.sbox-text b{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;line-height:22px;display:block;overflow:hidden}.sbox-text i{color:var(--sub);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;font-style:normal;line-height:19px;display:block;overflow:hidden}.sbox-all{color:var(--indigo-ink);gap:10px;font-size:14px;line-height:20px}.sbox-all svg{color:var(--sub);flex:none}.sbox-note{color:var(--sub);padding:18px 20px 4px;font-size:14px;line-height:21px}.sbox-note strong{color:var(--ink);font-weight:600;display:block}.sbox-popular{padding:14px 20px 8px}.sbox-popular>span{color:var(--sub);font-size:12px}.sbox-popular>div{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.sbox-chip{height:32px;color:var(--ink);background:#fff;border:1px solid #d5d4df;border-radius:999px;align-items:center;padding:0 14px;font-size:14px;display:inline-flex}.sbox-chip:hover{background:var(--hover)}@media (max-width:767px){.sbox{display:none}}.hub-menu-btn{width:40px;height:40px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;display:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.hub-menu-btn:hover{background:var(--hover)}.hub-body{flex:1;min-height:0;display:flex}.hub-side{width:var(--sidebar-w);background:var(--panel);border-radius:0 var(--radius) 0 0;overscroll-behavior:contain;flex-direction:column;flex:none;height:100%;display:flex;overflow-y:auto}.side-game{text-align:left;flex:none;align-items:center;gap:9px;width:100%;height:53px;padding:0 0 0 22px;display:flex}.side-game-badge{background:var(--indigo);color:#fff;width:22px;height:22px;font-family:var(--font-head);border-radius:7px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.side-game-name{font-size:15px;font-weight:600}.side-game svg{color:var(--sub);flex:none}.side-pop-wrap{position:relative}.side-pop{z-index:30;background:var(--gap);border:1px solid var(--pop-border);width:232px;color:var(--sub);border-radius:12px;padding:12px 14px;font-size:13px;line-height:20px;position:absolute;top:48px;left:14px}.side-pop a{color:var(--indigo-ink);text-underline-offset:3px;text-decoration:underline;display:inline-flex}.side-row{height:var(--row);color:var(--ink);flex:none;align-items:center;gap:10px;padding-left:26px;font-size:15px;line-height:20px;display:flex}.side-row:hover{background:var(--hover)}.side-row[aria-current=page]{background:var(--chip);box-shadow:inset -3px 0 0 var(--accent)}.side-row>svg{color:var(--accent);flex:none}.side-row--info,.side-row--info>svg{color:var(--sub)}.side-row .side-count{margin-left:auto;margin-right:22px}.side-row .side-new{background:var(--accent);border-radius:999px;flex:none;align-self:center;width:6px;height:6px;margin-left:-4px;transform:translateY(-5px)}.side-row .side-dot{border-radius:999px;flex:none;width:7px;height:7px;margin-left:auto;margin-right:22px}.side-face{background:var(--chip) center top / cover no-repeat;border-radius:999px;flex:none;width:18px;height:18px}.side-label{height:var(--row);color:var(--sub);flex:none;align-items:center;gap:4px;margin-top:10px;padding-left:27px;font-size:12px;display:flex}.side-empty{color:var(--mute-text);padding:2px 22px 4px 27px;font-size:12px;line-height:18px}.side-foot{flex-direction:column;gap:10px;margin-top:auto;padding:16px 22px 14px 26px;display:flex}.side-foot-row{align-items:center;gap:10px;display:flex}.side-login{border:1px solid var(--pop-border);height:28px;color:var(--sub);border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:flex}.side-login:hover{background:var(--hover)}.side-foot-note{color:var(--mute-text);font-size:12px;line-height:16px}.side-brand{color:var(--mute-text);font-size:11px;line-height:16px}.side-brand a{font-family:var(--font-head);color:var(--sub);font-weight:600}.side-brand a:hover{text-decoration:underline}.hub-stage{gap:var(--gutter);min-width:0;height:100%;padding:0 var(--gutter) var(--gutter) var(--gutter);flex:1;display:flex}.hub-main{background:var(--panel);border-radius:var(--radius);overscroll-behavior:contain;scroll-behavior:smooth;flex:1;min-width:0;height:100%;position:relative;overflow:hidden auto}.hub-main:focus{outline:none}.hub-right{width:var(--right-w);gap:var(--gutter);height:100%;transition:width .26s var(--ease);flex-direction:column;flex:none;display:flex}.hub-right-top{gap:var(--gutter);flex:none;display:flex}.hub-right-top .decor{flex:1;min-width:0;display:none}.hub-right-ad{width:var(--right-w);flex:none}.hub:has([data-no-ad]) .hub-right-top{display:none}.decor{border-radius:var(--radius);background:var(--gap) center top / cover no-repeat;position:relative;overflow:hidden}.hub-right-main{flex:1;min-height:0;display:flex;position:relative}.decor-empty,.decor--full{flex:1;min-height:0}.decor--full:after{content:"";background:linear-gradient(180deg, #e3e3ec00, var(--gap));height:45%;position:absolute;bottom:0;left:0;right:0}.hub:has(.pane[data-open=true]) .hub-right{width:var(--right-w-open)}.hub:has(.pane[data-open=true]) .hub-right-top .decor{display:block}:is(.hub:has(.pane[data-open=true]) .decor--full,.hub:has(.pane[data-open=true]) .preview){visibility:hidden}.preview{z-index:2;border-radius:var(--radius);background:linear-gradient(180deg, color-mix(in srgb, var(--el) 20%, var(--panel)) 0%, var(--panel) 66%);flex-direction:column;animation:80ms linear preview-in;display:flex;position:absolute;inset:0;overflow:hidden}@keyframes preview-in{0%{opacity:.4}to{opacity:1}}@media (prefers-reduced-motion:reduce){.preview{animation:none}}.preview-art{height:min(500px,100%);position:absolute;top:0;left:0;right:0}.preview-art img{object-fit:cover;width:100%;max-width:none;height:100%;-webkit-mask-image:linear-gradient(#000 58%,#0000 100%);mask-image:linear-gradient(#000 58%,#0000 100%)}.preview-art--bust img{height:min(310px,62%);-webkit-mask-image:linear-gradient(#000 84%,#0000 100%);mask-image:linear-gradient(#000 84%,#0000 100%)}.preview-pill{height:26px;color:var(--ink);background:#fafafce6;border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 10px;font-size:12px;display:inline-flex;position:absolute;top:14px;left:14px}.preview-pill i{background:var(--accent);border-radius:999px;width:6px;height:6px}.preview-body{flex:none;min-height:0;padding:0 30px 30px;position:relative}.preview:before{content:"";flex:0 400px;min-height:60px}.preview-chips{flex-wrap:wrap;gap:6px;display:flex}.preview-chips .chip--plain{background:#fff}.preview-name{font-family:var(--font-head);letter-spacing:-.03em;margin-top:10px;font-size:48px;font-weight:700;line-height:56px}.preview-line{color:var(--sub);margin-top:8px;font-size:15px;line-height:23px}.preview-stats{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);color:var(--sub);flex-wrap:wrap;align-items:baseline;gap:4px 22px;margin-top:18px;padding:14px 0;font-size:12px;display:flex}.preview-stats b{color:var(--ink);font-variant-numeric:tabular-nums;margin-right:6px;font-size:17px;font-weight:700}.preview-first{font-size:13px}.preview-hints{color:var(--sub);flex-direction:column;gap:8px;margin-top:16px;font-size:13px;display:flex}.preview-hints li{align-items:center;gap:10px;display:flex}.preview-hints i{width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--line);color:var(--sub);border-radius:999px;flex:none;justify-content:center;align-items:center;display:flex}.pane{z-index:20;right:var(--gutter);bottom:var(--gutter);top:calc(var(--top-h) + var(--ad-card-h) + var(--gutter));width:var(--right-w-open);background:var(--panel);border-radius:var(--radius);flex-direction:column;display:none;position:fixed;overflow:hidden}.hub:has([data-no-ad]) .pane{top:var(--top-h)}.pane[data-open=true]{animation:pane-in .26s var(--ease);display:flex}@keyframes pane-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.pane-head{height:var(--pane-head);background:var(--soft);flex:none;align-items:center;gap:10px;padding:0 24px;display:flex}.pane-title{font-size:17px;font-weight:600}.pane-hint{color:var(--sub);font-size:12px}.pane-close{background:var(--panel);width:32px;height:32px;color:var(--sub);border-radius:999px;flex:none;justify-content:center;align-items:center;margin-left:auto;display:flex}.pane-close:hover{color:var(--ink)}.pane-body{overscroll-behavior:contain;min-height:0;padding:26px var(--pane-pad-x) 24px;flex:1;overflow-y:auto}.pane-backdrop,.pane-grip,.side-close,.hub-search-btn{display:none}.page{padding:26px 36px 48px}.col{max-width:var(--column);margin-inline:auto}.col-wide{max-width:var(--column-wide);margin-inline:auto}@media (max-width:1439px){.hub-right{display:none}.pane{top:var(--top-h);width:min(var(--right-w-open), calc(100vw - 2 * var(--gutter)));border:1px solid var(--pop-border);box-shadow:-12px 0 32px #28273514}.search{max-width:calc(100vw - 500px)}}@media (max-width:1099px){.hub-menu-btn{display:flex}.hub-logo{left:58px}.hub-side{z-index:40;border-radius:0 var(--radius) var(--radius) 0;height:auto;transition:transform .24s var(--ease);position:fixed;top:0;bottom:0;left:0;transform:translate(-102%);box-shadow:12px 0 32px #2827351f}.hub[data-nav=open] .hub-side{transform:none}.hub-nav-backdrop{z-index:39;background:#28273547;display:none;position:fixed;inset:0}.hub[data-nav=open] .hub-nav-backdrop{display:block}.search{flex:none;width:auto;max-width:none;position:absolute;left:250px;right:200px}.hub:has([data-page=home]) .search{width:auto}.search-scope{display:none}}@media (min-width:1100px){.hub-nav-backdrop{display:none}}@media (max-width:767px){.hub{--top-h:56px;height:auto;min-height:100dvh;overflow:visible}.hub:has([data-page=home]){--top-h:56px}.hub-top{z-index:30;background:var(--gap);flex-direction:row;justify-content:flex-start;gap:8px;padding:0 12px 0 54px;position:sticky;top:0}.hub-logo{position:static}.hub:has([data-page=home]) .hub-logo{position:static}.hub-logo-mark{border-radius:8px;width:26px;height:26px;font-size:14px}.hub:has([data-page=home]) .hub-logo-mark{border-radius:8px;width:26px;height:26px;font-size:14px}.hub-logo-text{font-size:16px}.hub:has([data-page=home]) .hub-logo-text{font-size:16px}.hub-menu-btn{left:8px}.hub-release{display:none}.search{background:0 0;border-color:#0000;justify-content:center;width:40px;height:40px;margin-left:auto;padding:0;position:static}.hub:has([data-page=home]) .search{background:0 0;border-color:#0000;justify-content:center;width:40px;height:40px;margin-left:auto;padding:0;position:static}.search input,.search kbd,.search-suggest{display:none}.hub:has([data-page=home]) .search-suggest{display:none}.search:focus-within{background:var(--panel);border-color:var(--indigo);z-index:2;justify-content:flex-start;width:auto;padding:0 14px;position:absolute;left:8px;right:8px}.search:focus-within input,.hub-body{display:block}.hub-stage{height:auto;padding:0 8px 8px;display:block}.hub-main{height:auto;overflow:visible}.page{padding:18px 16px 40px}.pane{z-index:50;border:0;border-radius:16px 16px 0 0;width:auto;max-height:86dvh;inset:auto 0 0;box-shadow:0 -12px 32px #28273524}.pane[data-open=true]{animation:sheet-in .26s var(--ease)}@keyframes sheet-in{0%{transform:translateY(48px)}to{transform:none}}.pane-body{padding:20px 20px 28px}.pane-backdrop[data-open=true]{z-index:49;background:#28273547;display:block;position:fixed;inset:0}}@media (max-width:1099px){.side-close{width:40px;height:40px;color:var(--sub);border-radius:999px;flex:none;justify-content:center;align-items:center;margin-left:auto;margin-right:10px;display:flex}.side-close:hover{background:var(--hover)}.side-pop-wrap{align-items:center;display:flex}.side-game{flex:1;width:auto;min-width:0}}@media (max-width:767px){:is(.hub,.hub:has([data-page=home])){--top-h:52px}.hub-top{padding:0 6px 0 52px}.hub-menu-btn{left:6px}.search{display:none}.hub:has([data-page=home]) .search{display:none}.hub-search-btn{width:40px;height:40px;color:var(--ink);border-radius:999px;flex:none;justify-content:center;align-items:center;margin-left:auto;display:flex}.hub-search-btn:active{background:var(--hover)}.hub-stage{padding:0 8px}.hub-main{min-height:calc(100dvh - var(--top-h));border-radius:14px 14px 0 0}.hub-side{width:304px;max-width:88vw;padding-bottom:env(safe-area-inset-bottom);border-radius:0}.side-game{height:60px;padding-left:20px}.side-game-badge{border-radius:8px;width:26px;height:26px;font-size:14px}.side-game-name{font-size:17px}.side-row{border-radius:12px;gap:14px;height:46px;margin:0 10px;padding-left:14px;font-size:16px}.side-row[aria-current=page]{box-shadow:none;font-weight:600}.side-row .side-count{color:var(--sub);background:0 0;margin-right:14px;font-size:14px}.side-label{height:30px;padding-left:24px}.side-row--follow .side-face{width:32px;height:32px;box-shadow:0 0 0 2px var(--panel), 0 0 0 3.5px var(--c,var(--line));margin-left:2px}.side-row--follow .side-dot{display:none}.side-empty{padding:2px 24px 4px}.side-info{grid-template-columns:1fr 1fr;padding:0 14px 0 24px;display:grid}.side-info .side-row{border-radius:6px;height:38px;margin:0;padding:0;font-size:14px}.side-info .side-row>svg{display:none}.side-foot{border-top:1px solid var(--hair);flex-direction:row;justify-content:space-between;align-items:center;padding:14px 20px 16px 24px}.side-foot-row{order:2}.side-foot-note{display:none}.side-brand{font-size:12px}.pane{top:auto}.hub:has([data-no-ad]) .pane{top:auto}.pane{background:var(--panel);opacity:1;max-height:86dvh;padding-bottom:env(safe-area-inset-bottom);transition:transform .2s var(--ease);border-radius:20px 20px 0 0}.pane-head{touch-action:none;background:0 0;justify-content:center;height:26px;padding:0;position:relative}.pane-title,.pane-hint{display:none}.pane-grip{background:var(--line);border-radius:999px;width:40px;height:4px;display:block}.pane-close{z-index:2;background:var(--chip);width:40px;height:40px;color:var(--ink);margin:0;position:absolute;top:14px;right:14px}.pane-body{padding:2px 20px 22px}.msearch{z-index:60;background:var(--gap);flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0}.msearch-top{flex:none;align-items:center;gap:4px;padding:8px 4px 8px 8px;display:flex}.msearch-input{background:var(--panel);min-width:0;height:44px;box-shadow:inset 0 0 0 1.5px var(--indigo);color:var(--sub);border-radius:999px;flex:1;align-items:center;gap:10px;padding:0 8px 0 14px;display:flex}.msearch-input input{min-width:0;height:100%;color:var(--ink);appearance:none;background:0 0;border:0;outline:0;flex:1;font-size:17px}.msearch-input input::-webkit-search-cancel-button{display:none}.msearch-clear{background:var(--chip);width:28px;height:28px;color:var(--sub);border-radius:999px;flex:none;justify-content:center;align-items:center;display:flex}.msearch-cancel{height:44px;color:var(--sub);flex:none;padding:0 12px;font-size:15px}.msearch-body{overscroll-behavior:contain;min-height:0;padding:4px 16px calc(24px + env(safe-area-inset-bottom));background:var(--panel);border-radius:14px 14px 0 0;flex:1;margin:0 8px;overflow-y:auto}.msearch-tabs{flex-wrap:nowrap;gap:18px;margin-top:4px}.msearch-tabs button{flex:none}.msearch-tabs [aria-pressed=true]{border-bottom-color:var(--accent)}.msearch-list a{border-bottom:1px solid var(--hair);gap:12px;padding:12px 0;display:flex}.msearch-list small{width:44px;color:var(--sub);flex:none;padding-top:3px;font-size:12px}.msearch-list span{min-width:0}.msearch-list b{font-size:16px;font-weight:500;line-height:22px;display:block}.msearch-list i{color:var(--sub);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;font-style:normal;line-height:19px;display:block;overflow:hidden}.msearch-note{color:var(--sub);padding:22px 0 6px;font-size:14px;line-height:21px}.msearch-note strong{color:var(--ink);font-weight:600;display:block}.msearch-popular{margin-top:22px}.msearch-popular>span{color:var(--sub);font-size:12px}.msearch-popular>div{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.msearch-popular .filter-chip{border:1px solid #d5d4df;border-radius:999px;align-items:center;height:34px;padding:0 14px;font-size:14px;display:inline-flex}}