.user-menu-root{flex:none;position:relative}.user-menu-showcase-label{min-height:60px;color:var(--color-text-inverse);font-family:var(--font-p);-webkit-user-select:none;user-select:none;cursor:default;align-items:center;font-size:24px;line-height:1;display:inline-flex}.user{border:1px solid rgb(var(--color-text-primary-rgb) / 18%);width:60px;height:60px;color:var(--color-brand);background:var(--color-surface);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;overflow:hidden}.user:focus-visible,.login-button:focus-visible{outline:3px solid var(--color-brand);outline-offset:3px}.user-avatar{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-initial{font:24px var(--font-p), sans-serif}.user-menu-loading{background:#ffffff1f;border-radius:50%;flex:none;width:60px;height:60px;display:block}.login-button{z-index:11;color:var(--color-text-inverse);background:var(--color-brand);font-family:var(--font-p);cursor:pointer;border:none;border-radius:999px;flex:none;padding:10px 28px;font-size:24px;line-height:1}.login-button:hover{background:var(--color-brand-hover)}.user-menu{--width:300px;width:var(--width);border:1px solid var(--color-brand);background:var(--color-surface-chrome);z-index:10;transform:translateX(calc(100% + 1px + var(--width-topbar-padding)));border-radius:20px;transition:transform .5s;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.user-menu.show{transform:translateX(var(--width-topbar-padding))}.user-menu-header{border-bottom:1px solid rgb(var(--color-text-primary-rgb) / 15%);align-items:center;gap:14px;padding:18px 20px;display:flex}.user-menu-avatar{background:var(--color-surface);width:52px;height:52px;color:var(--color-brand);font-family:var(--font-p);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:22px;display:flex;overflow:hidden}.user-menu-avatar img{object-fit:cover;width:100%;height:100%}.user-menu-id{flex-direction:column;gap:4px;min-width:0;display:flex}.user-menu-name{font-family:var(--font-h);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:20px;overflow:hidden}.user-menu-role{font-family:var(--font-h);color:var(--color-text-secondary);font-size:14px}.user-menu-nav{margin:0;padding:10px 0;list-style:none}.user-menu-nav li{font-family:var(--font-h);color:var(--color-text-primary);cursor:pointer;padding:12px 24px;font-size:20px;transition:background .15s,color .15s}.user-menu-nav li:hover{background:rgb(var(--color-brand-rgb) / 8%);color:var(--color-brand)}.user-menu-footer{border-top:1px solid rgb(var(--color-text-primary-rgb) / 15%);flex-direction:column;padding:10px 0;display:flex}.user-menu-item{font-family:var(--font-h);text-align:left;color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;padding:12px 24px;font-size:20px;transition:background .15s,color .15s}.user-menu-item:hover{background:rgb(var(--color-brand-rgb) / 8%);color:var(--color-brand)}.user-menu-admin{background:var(--color-brand);color:var(--color-text-inverse);margin-top:6px}.user-menu-admin:hover{background:var(--color-brand-hover);color:var(--color-text-inverse)}@media (width<=620px){.user-menu{--width:min(300px,calc(100vw - 32px));max-height:calc(100dvh - 80px);overflow-y:auto}.user-menu.show{transform:none}.user-menu-wrapper{min-width:0}}.topbar{min-width:100vw;height:var(--height-topbar);background:var(--color-surface-chrome);padding:0px var(--width-topbar-padding);z-index:10;flex-direction:row;justify-content:flex-end;align-items:center;gap:40px;display:flex;position:fixed}.topbar-logo{width:calc(var(--height-topbar) * 1.2);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-self:stretch;align-items:center;margin-right:auto;padding:0;display:flex;overflow:hidden}.topbar-logo img{width:auto;max-width:none;height:calc(var(--height-topbar) * 1.2);object-fit:contain;flex-shrink:0;display:block}.topbar-logo:focus-visible{outline:2px solid var(--color-brand);outline-offset:4px;border-radius:4px}.nav-item{font-family:var(--font-p);letter-spacing:0%;z-index:11;cursor:pointer;font-size:24px;line-height:100%;transition:color .18s}.nav-item:hover{color:var(--color-brand-hover)}.nav-item-button{color:inherit;background:0 0;border:none;padding:0;text-decoration:none}@media (width<=620px){.topbar{width:100%;padding-inline:max(16px, env(safe-area-inset-left));gap:16px}.nav-item{white-space:nowrap;align-items:center;min-height:44px;font-size:16px;display:flex}}.light-dot-matrix{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.ui-button{border:1px solid var(--ui-border,#ffffff38);min-height:40px;color:var(--ui-text,#f5f5f5);background:var(--ui-control,#ffffff0f);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:14px;line-height:1.4;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.ui-button:hover:not(:disabled){border-color:var(--color-brand);background:rgb(var(--color-brand-rgb) / 13%)}.ui-button--primary{color:#272727;background:var(--color-brand);border-color:var(--color-brand)}.ui-button--primary:hover:not(:disabled){background:#f6ab3e}.ui-button--danger{color:#ffaaa5;border-color:rgb(var(--color-danger-rgb) / 65%);background:rgb(var(--color-danger-rgb) / 12%)}.ui-button--danger:hover:not(:disabled){color:#fff;border-color:var(--color-danger);background:var(--color-danger)}.ui-button--small{min-height:32px;padding:5px 12px;font-size:13px}.ui-button:disabled{opacity:.45;cursor:not-allowed}.ui-button:focus-visible,.ui-input:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.ui-field{min-width:0;color:var(--ui-muted,#c2c4c2);flex-direction:column;gap:7px;font-size:13px;display:flex}.ui-input{border:1px solid var(--ui-border,#ffffff38);background:var(--ui-input,#252825);width:100%;min-width:0;min-height:40px;color:var(--ui-text,#f5f5f5);font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:9px;padding:9px 12px;font-size:14px;line-height:1.5}.ui-input::placeholder{color:var(--ui-muted,#b3b5b3);opacity:.7}textarea.ui-input{resize:vertical;min-height:100px}.ui-input:disabled{opacity:.5}.ui-dialog{--ui-text:#f5f5f5;--ui-muted:#c2c4c2;--ui-border:#ffffff38;border:1px solid var(--ui-border);width:min(560px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--ui-text);font:15px/1.6 var(--font-h), "Microsoft YaHei", sans-serif;background:#303238;border-radius:22px;padding:28px;overflow:auto;box-shadow:0 24px 70px #0000007a}.ui-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#08090cad}.ui-dialog h2{overflow-wrap:anywhere;margin:0 0 16px;font-size:23px;font-weight:500;line-height:1.4}.ui-dialog__body{color:var(--ui-muted);overflow-wrap:anywhere;white-space:pre-wrap}.ui-dialog__body p{margin:0}.ui-dialog__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.ui-dialog form{flex-direction:column;gap:18px;display:flex}.ui-dialog form .ui-dialog__actions{margin-top:4px}.ui-error{color:#ffaaa5;overflow-wrap:anywhere;margin:12px 0 0}@media (width<=600px){.ui-dialog{padding:22px 18px}.ui-dialog__actions .ui-button{flex:1}}@media (prefers-reduced-motion:reduce){.ui-button{transition:none}}.ui-dialog.ui-lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;box-shadow:none;cursor:zoom-out;background:0 0;border:0;border-radius:0;place-items:center;margin:0;padding:40px;display:grid;position:fixed;inset:0}.ui-dialog.ui-lightbox::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000000c7}.ui-lightbox h2{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.ui-lightbox img{object-fit:contain;cursor:default;border:1px solid #ffffff40;border-radius:14px;width:min(80vw,1400px);max-width:80vw;height:min(80vh,900px);max-height:80vh;display:block;box-shadow:0 24px 80px #00000080}.ui-lightbox .ui-lightbox__close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;font-size:30px;line-height:1;display:grid;position:absolute;top:20px;right:26px}.ui-lightbox .ui-lightbox__close:hover{background:#ffffff38}.ui-dialog--work{width:min(460px,100vw - 48px);padding:30px}.ui-dialog--work h2{color:var(--color-danger);margin:0;font-size:25px}.ui-dialog--work .ui-dialog__body{color:#ffffffb8;font:16px/1.65 var(--font-p), "Microsoft YaHei", sans-serif;margin:14px 0 24px}.ui-dialog--work .ui-dialog__actions{margin:0}.ui-dialog--work .ui-button{min-height:42px;font:15px var(--font-p), "Microsoft YaHei", sans-serif;border-radius:10px;padding:0 16px}.ui-dialog--work .ui-button--danger{color:#fff;background:var(--color-danger)}@media (width<=620px){.ui-dialog.ui-lightbox{padding:22px}.ui-lightbox .ui-lightbox__close{top:12px;right:14px}.ui-input{min-height:44px;font-size:16px}.ui-button{min-height:44px}.ui-dialog{overflow-wrap:anywhere;max-height:calc(100dvh - 32px)}.ui-lightbox img{width:100%;max-width:100%;height:auto;max-height:calc(100dvh - 80px)}}html:has(.admin-route-layout){min-width:0}body:has(.admin-route-layout){min-width:0}#root:has(.admin-route-layout){min-width:0}.admin-route-layout{width:100%;min-height:100%;color:var(--color-text-inverse);isolation:isolate;background:#202321;position:relative}.admin-route-layout__content{z-index:1;width:100%;min-height:100vh;position:relative}.admin-route-layout .admin-page{padding-top:var(--height-topbar)}@media (width<=600px){.admin-route-layout .topbar{gap:20px;width:100%;padding-inline:16px}.admin-route-layout .nav-item{white-space:nowrap;font-size:20px}}.admin-route-state{min-height:100vh;color:var(--color-text-inverse);font-family:var(--font-h), "Microsoft YaHei", sans-serif;text-align:center;background:#202321;place-content:center;gap:10px;display:grid}.admin-route-state h1,.admin-route-state p{margin:0}.admin-route-state h1{font:42px var(--font-p), "Microsoft YaHei", sans-serif}.admin-route-state p{color:#ffffffb3;font-size:18px}html:has(.admin-theme){min-width:0}body:has(.admin-theme){min-width:0}#root:has(.admin-theme){min-width:0}html:has(.admin-route-state){min-width:0}body:has(.admin-route-state){min-width:0}#root:has(.admin-route-state){min-width:0}.admin-theme{--ui-text:#f0f1ef;--ui-muted:#b0b7b0;--ui-border:#ffffff1f;--ui-input:#252a26;--ui-control:#ffffff0d;--color-text-primary-rgb:240 241 239;--color-text-primary:#f0f1ef;--color-text-secondary:#b0b7b0;--color-surface:#2a2e2b;--color-surface-subtle:#343a35;--color-surface-input:#252a26;--color-surface-chrome:#292d2a;--color-success:#a0d9b3;--color-danger:#ff9993;color:var(--ui-text)}.admin-theme .topbar{border-bottom:1px solid var(--ui-border);width:100%;min-width:0;color:var(--ui-text);padding-inline:32px}.admin-theme .topbar .nav-item{font-size:18px}.admin-theme .topbar .user{width:42px;height:42px}@media (width<=600px){.admin-theme .topbar{gap:16px;padding-inline:16px}.admin-theme .topbar .nav-item{font-size:16px}}.admin-landing{min-height:100dvh;font-family:var(--font-h), "Microsoft YaHei", sans-serif;place-items:center;display:grid;position:relative}.admin-landing .topbar{top:0;left:0}.admin-landing__card{z-index:1;border:1px solid var(--ui-border);background:#2a2e2bf5;border-radius:22px;flex-direction:column;gap:20px;width:min(480px,100% - 32px);margin:100px 0 30px;padding:40px;display:flex;position:relative}.admin-landing__brand{font:15px var(--font-p);letter-spacing:.1em;color:var(--color-brand)}.admin-landing__card h1{margin:0;font-size:32px;font-weight:400}.admin-landing__card p{margin:0;line-height:1.7}.admin-landing__card a{color:var(--ui-muted);text-underline-offset:5px;font-size:14px}@media (width<=600px){.admin-landing__card{padding:28px 24px}}.game-summary{align-items:center;gap:14px;min-width:0;display:flex}.game-summary__artwork{aspect-ratio:16/9;border-radius:8px;flex:0 0 96px;width:96px;overflow:hidden}.game-summary__artwork .media-frame{width:100%;height:100%}.game-summary__copy{flex-direction:column;gap:6px;min-width:0;display:flex}.game-summary__row{align-items:center;gap:8px;min-width:0;display:flex}.game-summary__title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:15px;font-weight:500;line-height:1.5;display:-webkit-box;overflow:hidden}.game-summary__meta{color:var(--ui-muted,var(--color-text-secondary));overflow-wrap:anywhere;font-size:12px;line-height:1.5}@media (width<=600px){.game-summary__artwork{flex-basis:72px;width:72px}}.game-card{box-sizing:border-box;min-width:0;color:inherit;text-decoration:none;display:block;position:relative;overflow:hidden}:where(.game-card){width:100%;max-width:100%;height:auto;max-height:100%;margin-inline:auto}.game-card__media-wrap{aspect-ratio:16/9;width:100%;display:block;position:relative}.game-card__media{width:100%;height:100%}.game-card__recency{z-index:3;color:#ffd34e;pointer-events:none;font-size:clamp(8.5px,.75vw,11px);font-style:italic;font-weight:800;line-height:1.15;position:absolute;top:9px;left:11px}.game-card__recency--updated{color:#ff9756}.game-card--cover{display:block;overflow:visible}.game-card--cover .game-card__media-wrap,.game-card--preview .game-card__media-wrap{border-radius:9px;overflow:hidden;box-shadow:0 4px 12px #00000047}.game-card__stats{z-index:3;min-width:0;color:var(--color-text-inverse);background:linear-gradient(#0000,#000000c2);flex-wrap:wrap;align-items:center;gap:14px;padding:24px 12px 9px;font-size:14px;line-height:1;display:flex;position:absolute;bottom:0;left:0;right:0}.game-card__stat{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.game-card__stat svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:15px;height:15px}.game-card__stat .game-card__play-icon{fill:currentColor;stroke:none}.game-card__details,.game-card__copy{flex-direction:column;align-items:stretch;gap:3px;min-width:0;padding:8px 0 0;display:flex}.game-card__info-row{align-items:flex-start;gap:8px;min-width:0;display:flex}.game-card__info-row .game-card__title{flex:auto;min-width:0}.game-card__delivery{flex:none;align-items:center;gap:4px;padding-top:1px;display:inline-flex}.game-card__delivery-icon{width:17px;height:17px}.game-card__delivery-web-icon{width:17px;height:17px;stroke:var(--color-brand);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}.game-card--preview .game-card__delivery-icon,.game-card--horizontal .game-card__delivery-icon{filter:brightness(0)}.game-card__details .game-card__title,.game-card__copy .game-card__title{color:inherit;font-size:17px;font-weight:600;line-height:1.25}.game-card__tags,.game-card__meta{color:#ffffff9e;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.3;overflow:hidden}.game-card--featured{aspect-ratio:16/9;border:2px solid #ffffff47;border-radius:18px;box-shadow:0 10px 24px #0000005c}.game-card--round{aspect-ratio:1;background:var(--color-brand);border:1px solid #ffffff38;border-radius:50%;flex:none;width:62px}.game-card--preview{display:block;overflow:visible}.game-card--horizontal{aspect-ratio:auto;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:13px;display:grid;overflow:visible}.game-card--horizontal .game-card__media-wrap{aspect-ratio:16/9;min-width:0}.game-card--horizontal .game-card__media{border-radius:7px;overflow:hidden;box-shadow:0 3px 10px #0000003d}.game-card--horizontal .game-card__copy{gap:5px;min-width:0;padding:0}.game-card--horizontal .game-card__title{color:#202020;white-space:normal;font-size:17px;font-weight:500;line-height:1.25}.game-card--horizontal .game-card__meta{color:#9299a0;font-size:13px}.game-card__copy{color:inherit}.game-card__title,.game-card__meta{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.game-card:hover{filter:brightness(1.08)}.game-card:focus-visible{outline:3px solid var(--color-brand);outline-offset:3px}.game-card--preview .game-card__details{color:#303030}.game-card--preview .game-card__meta{color:#6b6b6b}@media (width<=800px){.game-card--horizontal{grid-template-columns:130px minmax(0,1fr)}}@media (width<=620px){.game-card__title{white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:unset;font-size:16px}.game-card__meta,.game-card__tags{white-space:normal;overflow-wrap:anywhere;font-size:14px}.game-card--horizontal{grid-template-columns:90px minmax(0,1fr)}}.game-search{z-index:10;display:block;position:relative}.game-search__control{height:58px;box-shadow:inset 0 1px 2px rgb(var(--color-white-rgb) / 45%);background:linear-gradient(#bdbdbd,#a9a9a9);border-radius:999px;align-items:center;display:flex;position:relative;overflow:hidden}.game-search__field{flex:auto;align-self:stretch;align-items:center;min-width:0;display:flex;position:relative}.game-search__submit{z-index:2;min-width:112px;color:var(--color-text-inverse);background:var(--color-brand);font:600 20px var(--font-h), "Microsoft YaHei", sans-serif;cursor:pointer;border:0;border-radius:999px;padding:0 24px;transition:background .18s,transform .18s;position:absolute;top:5px;bottom:5px;right:5px}.game-search__submit:hover{background:var(--color-brand-hover)}.game-search__submit:active{transform:translateY(1px)}.game-search__submit:focus-visible{outline:3px solid rgb(var(--color-brand-rgb) / 45%);outline-offset:3px}.game-search__field input{color:#191919;width:100%;font:22px var(--font-h), sans-serif;background:0 0;border:0;outline:0;padding:0 148px 0 70px;position:absolute;inset:0}.game-search__control:focus-within{box-shadow:0 0 0 3px rgb(var(--color-brand-rgb) / 55%)}.game-search__field input::placeholder{color:#1919198c}.game-search__icon{z-index:2;pointer-events:none;border:3px solid #111;border-radius:50%;width:25px;height:25px;position:absolute;top:50%;left:22px;transform:translateY(-58%)}.game-search__icon:after{content:"";background:#111;border-radius:999px;width:14px;height:3px;position:absolute;bottom:-6px;right:-10px;transform:rotate(46deg)}.game-search__sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.game-search__results{color:#191919;background:rgb(var(--color-white-rgb) / 98%);box-shadow:0 15px 34px rgb(var(--color-shadow-rgb) / 30%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #19191914;border-radius:8px;padding:18px;position:absolute;top:calc(100% + 10px);left:0;right:0;overflow:hidden}.game-search__section+.game-search__section{border-top:1px solid #1919191a;margin-top:18px;padding-top:16px}.game-search__section-title{color:#777;letter-spacing:.08em;margin-bottom:10px;font-size:14px;display:block}.game-search__state{color:#666;font:17px var(--font-h), "Microsoft YaHei", sans-serif;text-align:center;margin:24px 6px}.game-search__state--error{color:#b54b4b}.game-search__card-list{gap:18px;max-height:min(520px,62vh);display:grid;overflow-y:auto}.game-search__card-list .game-card--horizontal{width:100%}.game-search__user-list{gap:8px;display:grid}.game-search__user-result{color:#202020;border-radius:8px;align-items:center;gap:10px;min-width:0;padding:8px;text-decoration:none;transition:background .16s;display:flex}.game-search__user-result:hover,.game-search__user-result:focus-visible{background:rgb(var(--color-brand-rgb) / 13%);outline:none}.game-search__user-avatar{width:38px;height:38px;color:var(--color-text-inverse);background:#454545;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid;overflow:hidden}.game-search__user-avatar img{object-fit:cover;width:100%;height:100%}.game-search__user-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.game-search__user-copy strong,.game-search__user-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-search__user-copy small{color:#858585}.game-user-popover__root{flex:none;position:relative}.game-user-popover__trigger,.game-user-popover__loading{border:1px solid rgb(var(--color-white-rgb) / 20%);width:58px;height:58px;color:var(--color-brand);background:rgb(var(--color-white-rgb) / 10%);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;overflow:hidden}.game-user-popover__showcase-label{min-height:58px;color:rgb(var(--color-white-rgb) / 86%);font:400 23px / 1 var(--font-h), "Microsoft YaHei", sans-serif;-webkit-user-select:none;user-select:none;cursor:default;align-items:center;display:inline-flex}.game-user-popover__trigger img{object-fit:cover;width:100%;height:100%}.game-user-popover__trigger span{font:25px var(--font-p), sans-serif}.game-user-popover__loading{background:rgb(var(--color-white-rgb) / 12%)}.game-user-popover__trigger:focus-visible,.game-user-popover__login:focus-visible,.game-user-popover__action:focus-visible{outline:3px solid var(--color-brand);outline-offset:3px}.game-user-popover__panel{z-index:20;width:300px;color:var(--color-text-body);background:var(--color-surface);box-shadow:0 15px 34px rgb(var(--color-shadow-rgb) / 32%);opacity:0;pointer-events:none;border-radius:13px;transition:opacity .16s,transform .16s;position:absolute;top:calc(100% + 4px);right:-8px;overflow:hidden;transform:translateY(-8px)}.game-user-popover__root--open .game-user-popover__panel{opacity:1;pointer-events:auto;transform:translateY(0)}.game-user-popover__profile{gap:13px;padding:16px 18px 10px;display:flex}.game-user-popover__avatar{width:78px;height:78px;color:var(--color-text-inverse);font:32px var(--font-p);background:#159fe0;border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.game-user-popover__avatar img{object-fit:cover;width:100%;height:100%}.game-user-popover__identity{flex-direction:column;justify-content:center;gap:4px;min-width:0;display:flex}.game-user-popover__identity strong{font:18px var(--font-h), sans-serif;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.game-user-popover__identity span{color:#7c8186;font:14px var(--font-h), sans-serif;white-space:nowrap;text-overflow:ellipsis;line-height:1.3;overflow:hidden}.game-user-popover__counts{border-top:1px solid #dedede;border-bottom:1px solid #dedede;grid-template-columns:repeat(3,1fr);margin:0 12px 6px;display:grid}.game-user-popover__counts span{text-align:center;gap:2px;padding:8px 0;display:grid}.game-user-popover__counts strong{font:20px var(--font-h), sans-serif}.game-user-popover__counts small{color:#595d61;font:13px var(--font-h), sans-serif}.game-user-popover__action{color:#404448;width:100%;font:17px var(--font-h), sans-serif;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:13px;padding:12px 22px;display:flex}.game-user-popover__action:hover{color:var(--color-brand);background:rgb(var(--color-shadow-rgb) / 5%)}.game-user-popover__action span{color:#72777b;text-align:center;width:22px;font-size:28px;line-height:1}.game-user-popover__action--logout{border-top:1px solid #ededed;margin-top:36px}.game-user-popover__login{color:var(--color-text-inverse);background:var(--color-brand);font:24px var(--font-p), sans-serif;cursor:pointer;border:0;border-radius:999px;padding:10px 26px}.game-user-popover__login:hover{background:var(--color-brand-hover)}@media (width<=620px){.game-user-popover__trigger,.game-user-popover__loading{width:44px;height:44px}.game-user-popover__panel{width:min(300px,100vw - 32px);max-height:calc(100dvh - 180px);right:0;overflow:auto}.game-user-popover__login{min-height:44px}}.game-header{z-index:300;min-height:var(--game-header-height,86px);color:rgb(var(--color-white-rgb) / 86%);background:linear-gradient(#202321fa 0%,#202321ed 72%,#0000 100%);grid-template-columns:minmax(420px,1fr) minmax(320px,620px) minmax(420px,1fr);align-items:center;gap:28px;padding:14px max(34px,4vw) 12px;display:grid;position:sticky;top:0}.game-header--showcase{grid-template-columns:1fr auto}.game-header__left,.game-header__right{align-items:center;min-width:0;display:flex}.game-header__left{gap:clamp(22px,2vw,42px)}.game-header__right{justify-content:flex-end;gap:clamp(22px,2vw,40px)}.game-header__home,.game-header__disabled,.game-header__upload,.game-header__admin,.game-header__menu-trigger{color:inherit;font:400 23px / 1 var(--font-h), "Microsoft YaHei", sans-serif;white-space:nowrap}.game-header__home{cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;text-decoration:none;display:inline-flex}.game-header__home img{filter:grayscale()brightness(2.2);width:23px;height:23px;transform:rotate(180deg)}.game-header__home:hover,.game-header__home:focus-visible,.game-header__upload:hover,.game-header__upload:focus-visible,.game-header__menu-trigger:hover,.game-header__menu-trigger:focus-visible{color:var(--color-brand)}.game-header__upload{text-decoration:none}.game-header__admin{color:var(--color-brand);text-decoration:none}.game-header__admin:hover,.game-header__admin:focus-visible{color:var(--color-brand-hover)}.game-header__disabled{color:rgb(var(--color-white-rgb) / 42%);cursor:not-allowed;background:0 0;border:0;padding:0}.game-header__search{min-width:0}.game-header__search .game-search__control{height:54px}.game-header__menu{align-items:center;height:58px;display:flex;position:relative}.game-header__menu-trigger{cursor:pointer;background:0 0;border:0;padding:10px 0}.game-header__popover{width:min(450px,38vw);min-width:340px;color:var(--color-text-body);background:rgb(var(--color-white-rgb) / 98%);box-shadow:0 15px 34px rgb(var(--color-shadow-rgb) / 30%);opacity:0;pointer-events:none;border:1px solid #19191914;border-radius:8px;padding:18px;transition:opacity .16s,transform .16s;position:absolute;top:calc(100% + 4px);right:-16px;transform:translateY(-8px)}.game-header__menu--left .game-header__popover{left:0;right:auto}.game-header__menu--open .game-header__popover{opacity:1;pointer-events:auto;transform:translateY(0)}.game-header__login-prompt{text-align:center;gap:28px;padding:4px 6px 0;display:grid}.game-header__login-prompt p{color:#979da3;font:20px var(--font-h), "Microsoft YaHei", sans-serif;margin:0}.game-header__login-prompt button{color:#fff;background:var(--color-brand);min-height:48px;font:600 20px var(--font-h), "Microsoft YaHei", sans-serif;cursor:pointer;border:0;border-radius:10px}.game-header__login-prompt button:hover{background:var(--color-brand-hover)}.game-header__panel-state{color:#91979c;font:17px var(--font-h), "Microsoft YaHei", sans-serif;text-align:center;margin:16px 8px}.game-header__card-list{gap:18px;max-height:min(520px,62vh);display:grid;overflow-y:auto}.game-header__card-list .game-card--horizontal{width:100%}@media (width<=1250px){.game-header{grid-template-columns:minmax(360px,1fr) minmax(260px,480px) minmax(360px,1fr);gap:18px}.game-header__left,.game-header__right{gap:18px}.game-header__home,.game-header__disabled,.game-header__upload,.game-header__admin,.game-header__menu-trigger{font-size:19px}}@media (width<=900px){.game-header{grid-template-columns:1fr auto;grid-template-areas:"left right""search search";gap:12px 18px}.game-header__left{grid-area:left}.game-header__right{grid-area:right}.game-header__search{grid-area:search}.game-header__popover{width:min(390px,100vw - 40px);min-width:0;right:-8px}}@media (width<=1279px){.game-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"left right""search search";gap:8px 16px}.game-header__left{flex-wrap:wrap;grid-area:left}.game-header__right{grid-area:right}.game-header__search{grid-area:search}}.game-header__popover{max-height:calc(100dvh - 180px);overflow:auto}@media (width<=620px){.game-header{padding:6px max(16px,env(safe-area-inset-left));grid-template-columns:minmax(0,1fr);grid-template-areas:"left""right""search";gap:4px}.game-header__left,.game-header__right{flex-wrap:wrap;justify-content:space-between;gap:4px 12px}.game-header__home,.game-header__disabled,.game-header__upload,.game-header__admin,.game-header__menu-trigger{align-items:center;min-height:44px;font-size:16px;display:inline-flex}.game-header__menu{height:44px;position:static}.game-header__popover,.game-header__menu--left .game-header__popover{width:auto;min-width:0;max-height:calc(100dvh - 190px);top:100%;left:16px;right:16px}.game-header__search .game-search__control{height:44px}}.game-page-shell{border:1px solid rgb(var(--color-white-rgb) / 12%);width:100%;height:100%;min-height:0;color:rgb(var(--color-white-rgb) / 88%);box-shadow:inset 0 1px 0 rgb(var(--color-white-rgb) / 8%);background:0 0;position:relative;overflow:hidden}.game-page-shell__scroll{z-index:1;scrollbar-width:none;width:100%;height:100%;position:relative;overflow:hidden auto}.game-page-shell__scroll::-webkit-scrollbar{display:none}.game-page-shell__content{width:100%;min-height:100%;position:relative}.game-page-shell__scrollbar{z-index:3;background:var(--color-background-dark);opacity:0;pointer-events:none;border-radius:999px;width:8px;transition:opacity .18s;position:absolute;top:30px;bottom:30px;right:34px}.game-page-shell--scrolling .game-page-shell__scrollbar{opacity:1;pointer-events:auto}.game-page-shell__scrollbar-thumb{background:color-mix(in srgb, var(--color-brand) 42%, var(--color-background-dark));min-height:12%;box-shadow:0 0 4px rgb(var(--color-brand-rgb) / 18%);cursor:grab;touch-action:none;border-radius:999px;transition:background .18s .2s,box-shadow .18s .2s;position:absolute;left:0;right:0}.game-page-shell--scrollbar-focused .game-page-shell__scrollbar-thumb{background:var(--color-brand);box-shadow:0 0 10px rgb(var(--color-brand-rgb) / 42%);transition-delay:0s}.game-page-shell__scrollbar-thumb:active{cursor:grabbing}.game-page-shell:before,.game-page-shell:after{z-index:2;background:var(--color-brand);content:"";pointer-events:none;width:2px;position:absolute;top:30px;bottom:30px}.game-page-shell:before{left:30px}.game-page-shell:after{right:30px}@keyframes game-page-shell-rail-out-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-34px)}}@keyframes game-page-shell-rail-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(34px)}}@keyframes game-page-shell-rail-in-left{0%{opacity:0;transform:translate(-34px)}to{opacity:1;transform:translate(0)}}@keyframes game-page-shell-rail-in-right{0%{opacity:0;transform:translate(34px)}to{opacity:1;transform:translate(0)}}.game-route-layout__frame--outgoing .game-page-shell:before{animation:1s both game-page-shell-rail-out-left}.game-route-layout__frame--outgoing .game-page-shell:after{animation:1s both game-page-shell-rail-out-right}.game-route-layout__frame--incoming .game-page-shell:before{animation:1s both game-page-shell-rail-in-left}.game-route-layout__frame--incoming .game-page-shell:after{animation:1s both game-page-shell-rail-in-right}@media (width<=620px){.game-page-shell:before,.game-page-shell:after{display:none}.game-page-shell__scrollbar{top:8px;bottom:8px;right:5px}}@media (prefers-reduced-motion:reduce){.game-route-layout__frame--outgoing .game-page-shell:before,.game-route-layout__frame--outgoing .game-page-shell:after,.game-route-layout__frame--incoming .game-page-shell:before,.game-route-layout__frame--incoming .game-page-shell:after{animation-duration:1ms;animation-delay:0s}}.game-route-layout{--game-header-height:86px;width:100%;height:100dvh;min-height:100vh;color:var(--color-text-inverse);background:var(--color-background-dark);isolation:isolate;flex-direction:column;display:flex;position:relative;overflow:hidden}.game-route-layout__content{z-index:1;flex:auto;width:100%;height:auto;min-height:0;position:relative;overflow:hidden}.game-route-layout__frame{width:100%;height:100%;min-height:0}.game-route-layout__frame--outgoing{z-index:2;pointer-events:none;animation:1s both game-route-content-out;position:absolute;inset:0}.game-route-layout__frame--incoming{z-index:1;animation:1s both game-route-content-in;position:relative}@keyframes game-route-content-out{0%{opacity:1}to{opacity:0}}@keyframes game-route-content-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.game-route-layout__frame--outgoing,.game-route-layout__frame--incoming{animation-duration:1ms;animation-delay:0s}}@media (width<=980px){.game-route-layout{height:100dvh;min-height:0}.game-route-layout>.game-header{flex-shrink:0}}.user-route-layout{background:var(--color-background-page);width:100%;height:100%;position:relative}.user-route-layout__back{cursor:pointer;z-index:10;color:#303030;font-family:var(--font-h), "Microsoft YaHei", sans-serif;background:0 0;border:0;align-items:center;gap:15px;padding:4px 8px 4px 2px;font-size:clamp(22px,1.7vw,32px);line-height:1;text-decoration:none;transition:color .18s,transform .18s;display:inline-flex;position:absolute;top:16px;left:clamp(28px,2.7vw,52px)}.user-route-layout__back-arrow{border-bottom:5px solid #929292;border-left:5px solid #929292;width:25px;height:25px;transition:border-color .18s;transform:rotate(45deg)}.user-route-layout__back:hover,.user-route-layout__back:focus-visible{color:var(--color-brand);transform:translate(-3px)}.user-route-layout__back:hover .user-route-layout__back-arrow,.user-route-layout__back:focus-visible .user-route-layout__back-arrow{border-color:var(--color-brand)}.user-route-layout__back:focus-visible{outline-offset:3px;border-radius:7px;outline:3px solid #eb931559}.user-route-layout__content{width:100%;height:100%;padding-top:58px}.game-loading{z-index:20;pointer-events:none;color:rgb(var(--color-white-rgb) / 62%);font:400 clamp(13px, .9vw, 16px) / 1 var(--font-h), "Microsoft YaHei", sans-serif;justify-content:center;align-items:center;margin:0;display:flex;position:fixed;inset:0}.user-route-layout .game-loading{color:var(--color-text-secondary)}.game-loading span:last-child{width:1.8em;display:inline-block}@font-face{font-family:Kelly Slab;src:url(/assets/KellySlab-Regular-DPpuTz12.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Condensed;src:url(/assets/IBMPlexSans_Condensed-Regular-spO9-HTR.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--color-brand-rgb:235 147 21;--color-brand:rgb(var(--color-brand-rgb));--color-brand-hover:color-mix(in srgb, var(--color-brand) 82%, black);--color-text-primary-rgb:52 64 56;--color-text-primary:rgb(var(--color-text-primary-rgb));--color-text-body:#414141;--color-text-secondary:#6b6b6b;--color-text-inverse:#fff;--color-text-black:#000;--color-background-dark:#292929;--color-background-page:#d9d9d9;--color-surface-chrome:#d0d0d0;--color-surface:#fff;--color-surface-muted:#f0f0f0;--color-surface-subtle:#f7f7f7;--color-surface-input:#fafafa;--color-surface-modified:#f3e5b4;--color-danger-rgb:208 51 51;--color-danger:rgb(var(--color-danger-rgb));--color-success-rgb:30 142 78;--color-success:rgb(var(--color-success-rgb));--color-white-rgb:255 255 255;--color-shadow-rgb:39 39 39;--font-h:"IBM Plex Sans Condensed";--font-p:"Kelly Slab";--height-topbar:72px;--width-topbar-padding:80px;background:var(--color-background-dark);font-weight:400}html,body,#root{width:100%;min-width:0;height:100vh;min-height:100vh;margin:0}body{overflow-x:hidden}*,:before,:after{box-sizing:border-box}@media (width<=980px){html,body,#root{height:auto;min-height:100svh}}@media (width<=620px){:root{--width-topbar-padding:16px;--height-topbar:60px}input,textarea,select{scroll-margin-block:80px}}.message-banner{z-index:1000;color:#fff;background:var(--color-danger);max-width:min(720px,100vw - 48px);font-family:var(--font-h), "Microsoft YaHei", sans-serif;cursor:pointer;border-radius:14px;align-items:center;gap:14px;padding:14px 20px;font-size:18px;animation:.24s ease-out message-banner-in;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000047}.message-banner--info{background:#3a6ea5}.message-banner--warning{background:#d9930f}.message-banner--success{background:var(--color-success)}.message-banner--error{background:var(--color-danger)}.message-banner-icon{border:2px solid #ffffffd9;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-weight:700;line-height:1;display:grid}.message-banner-text{margin:0;line-height:1.45}.message-banner-close{opacity:.75;flex:none;margin-left:auto;font-size:24px;line-height:1}@keyframes message-banner-in{0%{opacity:0;transform:translate(-50%,-18px)}to{opacity:1;transform:translate(-50%)}}