.cover-frame,.detail-cover .cover-upload img{aspect-ratio:1!important}
.avatar-button{color:#dac4a0;cursor:pointer;background:#2d2922;border:1px solid #dac4a02a;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:22px;font-size:25px;display:flex;position:relative;overflow:hidden}.avatar-button img{object-fit:cover;width:100%;height:100%}.avatar-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.avatar-button:hover{border-color:#dac4a0}.avatar-loading{position:absolute;inset:23px auto auto 23px}.topbar>.avatar-button{width:34px;height:34px;margin:0;font-size:13px}
.rating-section{margin-top:32px}.games-heading-title{align-items:center;gap:16px;min-width:0;display:flex}.platinum-count{color:var(--primary);white-space:nowrap;align-items:center;gap:6px;padding:0;font-size:14px;display:inline-flex}.platinum-count img{object-fit:contain;width:24px;height:25px;display:block}.games-count{color:var(--muted-foreground);white-space:nowrap;align-items:center;gap:6px;font-size:14px;display:inline-flex}.platinum-count{margin-left:auto}.rating-section h2{margin-bottom:14px;font-size:18px;font-weight:500}.rating-control{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rating-stars{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.rating-star{color:#d9b878;width:36px;height:38px;display:block;position:relative}.rating-star svg{stroke-width:1.8px;width:32px;height:32px;position:absolute;top:3px;left:2px}.rating-star-base{color:#6b6251}.rating-star-fill{pointer-events:none;position:absolute;inset:0 auto 0 0;overflow:hidden}.rating-hit{z-index:1;cursor:pointer;background:0 0;border:0;width:50%;padding:0;position:absolute;top:0;bottom:0}.rating-hit-0{left:0}.rating-hit-1{right:0}.rating-star:focus-within{outline-offset:2px;border-radius:4px;outline:2px solid #d9b878}.rating-hit:disabled{cursor:default}.rating-value{color:#d8d0c1;font-variant-numeric:tabular-nums;min-width:54px;font-size:14px}.rating-clear{color:#8e969b;cursor:pointer;background:0 0;border:0;margin:-3px -4px;padding:9px 10px;font-size:13px}.rating-clear:hover{color:#e7d1ae}.game-page-actions{align-items:center;gap:12px;display:flex}.game-page-actions>.primary{box-sizing:border-box;height:42px;min-height:42px}.size-switch{box-sizing:border-box;background:#202426;border:1px solid #ffffff24;border-radius:9px;align-items:center;height:42px;padding:3px;display:flex}.size-switch button{color:#9ca5aa;cursor:pointer;background:0 0;border:0;border-radius:6px;width:36px;height:34px;padding:0;font-size:13px;font-weight:500;transition:background .18s,color .18s,box-shadow .18s}.size-switch button:hover{color:#e7d1ae;background:#ffffff09}.size-switch button.active{color:#171411;background:#dac4a0;box-shadow:0 1px 4px #0005}.size-switch button:focus-visible{outline-offset:2px;outline:2px solid #d9b878}.sort-label select{appearance:none;color:#d1d5d5;cursor:pointer;background:#202426;border:1px solid #ffffff24;border-radius:9px;min-width:134px;min-height:42px;padding:0 32px 0 14px;font-size:13px}.sort-label{position:relative}.sort-label:after{content:"";color:#9ca5aa;pointer-events:none;background:linear-gradient(currentColor 0 0) 0 1px/18px 2px no-repeat,linear-gradient(currentColor 0 0) 0 7px/13px 2px no-repeat,linear-gradient(currentColor 0 0) 0 13px/8px 2px no-repeat;width:18px;height:16px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.sort-label select:focus-visible{outline-offset:2px;outline:2px solid #d9b878}.card-meta{align-items:center;gap:9px;width:100%;max-width:100%;min-height:18px;margin-top:5px;display:flex;overflow:hidden}.card-rating{color:#d9b878;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;align-items:center;gap:5px;font-size:13px;display:flex}.platinum-badge{object-fit:contain;filter:drop-shadow(0 1px 1px #000c);flex:0 64px;width:64px;min-width:0;max-width:64px;height:auto;display:block;overflow:hidden}.game-card:hover .platinum-badge{transform:none}.platinum-field{border:1px solid var(--border);background:var(--card);border-radius:10px;justify-content:space-between;align-items:center;gap:18px;max-width:470px;margin-top:20px;padding:14px 16px;display:flex}.platinum-field>div{gap:4px;min-width:0;display:grid}.platinum-field strong{color:var(--foreground);font-size:14px;font-weight:500}.platinum-field>div>span{color:var(--muted-foreground);font-size:12px;line-height:1.5}.platinum-toggle{border:1px solid var(--border);background:var(--secondary);min-height:36px;color:var(--muted-foreground);border-radius:8px;flex:none;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.platinum-toggle.active{color:var(--foreground);background:#91c4e21a;border-color:#91c4e288}.platinum-toggle:disabled{opacity:.65;cursor:default}.platinum-toggle-track{background:#555d62;border-radius:999px;width:30px;height:18px;transition:background .2s;position:relative}.platinum-toggle-track>span{background:#d7dcdf;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:3px;left:3px}.platinum-toggle.active .platinum-toggle-track{background:#91c4e2}.platinum-toggle.active .platinum-toggle-track>span{background:#fff;transform:translate(12px)}.rating-precision{flex-wrap:wrap;align-items:center;gap:4px;width:100%;margin-top:4px;display:flex}.rating-precision button{border:1px solid var(--border);background:var(--secondary);color:var(--muted-foreground);border-radius:6px;padding:4px 7px;font-size:12px}.rating-precision button.active,.rating-precision button:hover{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.cover-grid.scattered-board{isolation:isolate;background:linear-gradient(#a7833110,#a7833110),radial-gradient(at 50% 40%,#282522 0%,#1b1c1d 56%,#151719 100%);border:1px solid #86704a;border-radius:22px;min-height:700px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #beaa7830,inset 0 0 45px #0005,0 10px 28px #0005}.cover-grid.scattered-board .scattered-card{transform:rotate(var(--scatter-rotation));transform-origin:50%;cursor:grab;background:linear-gradient(145deg,#292a29,#1a1c1e);border:1px solid #c2a772;border-radius:16px;transition:box-shadow .18s,border-color .18s,filter .18s;box-shadow:inset 0 0 0 3px #d0bb7e20,0 16px 30px #0009;width:var(--scatter-card-width)!important;touch-action:none!important;max-width:none!important;padding:8px!important;display:block!important;position:absolute!important;overflow:visible!important}.cover-grid.scattered-board .scattered-card:hover{filter:brightness(1.04);border-color:#dbc28e;box-shadow:inset 0 0 0 3px #d0bb7e20,0 17px 34px #0009,0 3px 8px #0007}.cover-grid.scattered-board .scattered-card-dragging{cursor:grabbing;transition:none;box-shadow:0 24px 42px #000b,0 0 0 2px #dac4a0a8;z-index:2147483000!important}.cover-grid.scattered-board .scattered-card h2{white-space:nowrap;text-overflow:ellipsis;margin:9px 2px 1px;font-size:13px;line-height:1.35;overflow:hidden}.cover-grid.scattered-board .scattered-card .card-meta{width:calc(100% - 4px);margin:3px 2px 1px}.cover-grid.scattered-board .cover-load-sentinel{grid-column:auto;position:absolute;bottom:0;left:0;right:0}.scattered-add-button{z-index:1000001;color:#ead8b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#17191bed;border:1px solid #dcc39470;border-radius:11px;align-items:center;gap:9px;min-height:44px;padding:10px 14px;display:flex;position:absolute;top:22px;right:22px;box-shadow:0 10px 24px #0007,inset 0 1px #fff1}.scattered-add-button:hover{color:#fff0d0;background:#22211eee;border-color:#e1c488}.scattered-add-button small{color:#aa9d86;border-left:1px solid #dcc39445;padding-left:9px;font-size:11px}.scattered-empty{color:#7f8589;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex;position:absolute;inset:0}.scattered-empty svg{color:#b8a27c}.scattered-empty strong{color:#c9c6bf;font-size:16px;font-weight:500}.scattered-empty span{font-size:13px}.scattered-picker-dialog{flex-direction:column;height:min(860px,100svh - 30px);width:min(900px,100vw - 30px)!important;max-width:900px!important;max-height:calc(100svh - 30px)!important;display:flex!important;overflow:hidden!important}.scattered-picker-summary{color:#cbb58f;justify-content:space-between;align-items:center;font-size:13px;display:flex}.scattered-picker-summary span:last-child{color:#81898f}.scattered-picker-search{border:1px solid var(--border);color:#929a9f;background:#121517;border-radius:10px;align-items:center;gap:10px;min-height:48px;padding:0 13px;display:flex}.scattered-picker-search:focus-within{border-color:#d7bd8d80;box-shadow:0 0 0 2px #d7bd8d15}.scattered-picker-search input{min-width:0;color:var(--foreground);background:0 0;border:0;outline:0;flex:1}.scattered-picker-search button{color:#929a9f;cursor:pointer;background:0 0;border:0;padding:5px;display:flex}.scattered-picker-grid{overscroll-behavior:contain;flex:1 1 0;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:12px;min-height:0;padding:3px;display:grid;overflow-y:auto}.scattered-picker-card{color:#d8dcde;text-align:left;cursor:pointer;background:#141719;border:1px solid #ffffff17;border-radius:11px;flex-direction:column;align-self:start;min-width:0;height:auto;padding:0 0 9px;display:flex;position:relative;overflow:hidden}.scattered-picker-card:hover{border-color:#dac4a070}.scattered-picker-card.selected{border-color:#d9bd84;box-shadow:0 0 0 1px #d9bd84,0 8px 22px #0005}.scattered-picker-cover{aspect-ratio:2/3;background:#22262a;flex:none;width:100%;display:block;position:relative;overflow:hidden}.scattered-picker-cover .cover-image{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.scattered-picker-name{color:inherit;white-space:nowrap;text-overflow:ellipsis;padding:9px 9px 0;font-size:12px;line-height:1.35;display:block;overflow:hidden}.scattered-picker-check{color:#d9bd84;background:#111315d9;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:7px;right:7px;box-shadow:0 3px 10px #0008}.scattered-picker-card.selected .scattered-picker-check{color:#171411;background:#d9bd84}.scattered-picker-empty{color:#899197;text-align:center;grid-column:1/-1;padding:70px 10px}.account-page{max-width:1440px}.account-masthead{border-bottom:1px solid #dac4a024;margin-bottom:34px;padding:0 0 30px;position:relative}.account-masthead:after{content:"";background:#d6b978;width:88px;height:1px;position:absolute;bottom:-1px;left:0;box-shadow:0 0 22px #d6b97888}.account-masthead-index,.account-profile-label{color:#cdb17a;letter-spacing:.22em;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.account-masthead h1{letter-spacing:-.04em;max-width:900px;margin:12px 0 7px;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,4.5vw,64px);font-weight:400;line-height:1.05}.account-masthead p{color:#85898c;letter-spacing:.04em;margin:0;font-size:14px}.account-exhibition-layout{flex-direction:column;gap:26px;display:flex}.account-profile-card{background:linear-gradient(155deg,#1d2023,#151719);border-color:#ffffff10;order:2;grid-template-columns:auto minmax(150px,1fr) auto minmax(150px,auto) auto;grid-template-areas:"avatar label stats privacy action""avatar name stats privacy action""avatar joined stats privacy action";align-items:center;column-gap:24px;max-width:none;padding:24px 28px;display:grid;box-shadow:0 18px 50px #0002}.account-profile-card .account-avatar{grid-area:avatar;margin:0}.account-profile-card .account-profile-label{grid-area:label}.account-profile-card h2{color:#ece8df;grid-area:name;margin:7px 0 0;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:400}.account-profile-card>p{color:#777f84;margin:7px 0 0;font-size:12px}.account-profile-card>p:first-of-type{grid-area:joined}.account-profile-card>p:last-of-type{grid-area:privacy;margin:0}.account-profile-stats{border-inline:1px solid #ffffff0d;grid-area:stats;grid-template-columns:repeat(3,1fr);gap:6px;min-width:210px;padding:10px 20px;display:grid}.account-profile-stats span{color:#737b80;text-align:center;gap:4px;font-size:10px;display:grid}.account-profile-stats strong{color:#ded7c9;font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:400}.account-profile-card .account-rule{display:none}.account-profile-card .secondary{white-space:nowrap;grid-area:action;justify-content:center;width:auto}.showcase-section{min-width:0}.showcase-hall{--showcase-bg:url(/showcase/spotlight-desktop.webp);isolation:isolate;background-color:#090b0d;background-image:linear-gradient(180deg,#090b0dc9 0%,#090b0d35 25%,#090b0d16 74%,#090b0d77 100%),var(--showcase-bg);background-position:50%;background-size:100% 100%;border:1px solid #d1b2742c;border-radius:3px;order:1;padding:30px;position:relative;overflow:hidden;box-shadow:0 24px 70px #0006,inset 0 1px #ffffff0a}.showcase-hall[data-showcase-style=glass]{--showcase-bg:url(/showcase/glass-desktop.webp);background-image:linear-gradient(180deg,#090b0de0 0%,#090b0d20 22%,#090b0d18 76%,#090b0d9c 100%),var(--showcase-bg)}.showcase-heading{justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:26px;display:flex}.showcase-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.showcase-style-picker{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080a0bcc;border:1px solid #d1b27450;align-items:center;gap:3px;padding:3px;display:flex;box-shadow:0 8px 24px #0007}.showcase-style-picker>span{color:#898379;white-space:nowrap;padding:0 8px;font-size:10px}.showcase-style-picker button{color:#aaa49a;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;min-height:32px;padding:5px 10px;font-size:11px;transition:background .2s,color .2s,box-shadow .2s}.showcase-style-picker button[aria-pressed=true]{color:#efdaa4;background:linear-gradient(#d6b66d22,#d6b66d0b);border-color:#d0b37055;box-shadow:inset 0 1px #fff2,0 0 16px #c69a3b22}.showcase-style-picker button:hover{color:#f1d99c}.showcase-kicker{color:#d4b66f;letter-spacing:.24em;align-items:center;gap:8px;font-size:9px;font-weight:700;display:flex}.showcase-heading h2{color:#f1ede4;letter-spacing:-.035em;margin:9px 0 6px;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:400}.showcase-heading p{color:#73787b;margin:0;font-size:12px}.showcase-edit{color:#d8c594;white-space:nowrap;background:#d0b3700c;border:1px solid #d0b37048;min-height:40px;padding:8px 15px}.showcase-edit:hover{color:#f3dfac;background:#d0b37018;border-color:#d0b37090}.showcase-stage{min-height:0;display:block}.showcase-feature,.showcase-card{text-align:left;color:#fff;cursor:pointer;background:#111417;border:1px solid #ffffff12;min-width:0;padding:0;display:block;position:relative;overflow:hidden}.showcase-feature{min-height:540px}.showcase-feature-cover{display:block;position:absolute;inset:0}.showcase-feature-cover:after{content:"";background:linear-gradient(#00000008 28%,#030405e6 100%),linear-gradient(90deg,#0005,#0000 52%);position:absolute;inset:0}.showcase-feature .cover-image,.showcase-card .cover-image{object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s;display:block}.showcase-feature-copy{z-index:2;gap:8px;display:grid;position:absolute;bottom:28px;left:28px;right:28px}.showcase-feature-copy small{color:#d8bb75;letter-spacing:.2em;font-size:9px;font-weight:700}.showcase-feature-copy strong{text-wrap:balance;max-width:460px;font-family:Georgia,Times New Roman,serif;font-size:clamp(26px,3vw,43px);font-weight:400;line-height:1.02}.showcase-feature-copy>span{color:#b3afa6;letter-spacing:.08em;font-size:12px}.showcase-collection-wall{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;min-width:0;display:grid}.showcase-card{aspect-ratio:1;background:#090b0c;border:1px solid #ddc37a66;border-radius:3px;min-height:0;transition:transform .28s,border-color .28s,box-shadow .28s;box-shadow:0 13px 26px #000b,0 2px #f2d9942e,0 0 25px #e2b95720}.showcase-card:before{content:"";z-index:2;opacity:.62;pointer-events:none;background:linear-gradient(145deg,#fff4,#0000 22% 70%,#0005);position:absolute;inset:0}.showcase-card:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#060708f2 92%);position:absolute;inset:32% 0 0}.showcase-card:hover .cover-image,.showcase-feature:hover .cover-image{filter:saturate(1.08)brightness(1.04);transform:scale(1.045)}.showcase-feature:hover,.showcase-card:hover{border-color:#f0d487}.showcase-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px #000d,0 2px #f2d99460,0 0 30px #d3a64450}.showcase-hall[data-showcase-style=glass] .showcase-card{border-color:#b5c1c044;box-shadow:0 15px 30px #000c,0 0 24px #b8c4cc18,inset 0 1px #fff4}.showcase-hall[data-showcase-style=glass] .showcase-card:before{opacity:1;background:linear-gradient(115deg,#ffffff1f,#0000 23% 74%,#ffffff0a)}.showcase-hall[data-showcase-style=glass] .showcase-card:hover{border-color:#d5e4e6a8;box-shadow:0 18px 36px #000d,0 0 30px #c1d2d333,inset 0 1px #fff9}.showcase-feature:focus-visible,.showcase-card:focus-visible,.showcase-picker-card:focus-visible,.showcase-edit:focus-visible{outline-offset:3px;outline:2px solid #e1c172}.showcase-rank{z-index:3;color:#e1c276;letter-spacing:.12em;text-shadow:0 1px 8px #000;font-family:Georgia,Times New Roman,serif;font-size:11px;position:absolute;top:10px;left:10px}.showcase-card-info{z-index:3;display:block;position:absolute;bottom:10px;left:11px;right:11px}.showcase-card-info strong{white-space:nowrap;text-overflow:ellipsis;color:#f0eee9;font-family:Georgia,Times New Roman,serif;font-size:13px;font-weight:400;display:block;overflow:hidden}.showcase-card-info small{color:#c5a95f;letter-spacing:.14em;margin-top:4px;font-size:8px;display:block}.showcase-picker{z-index:3;background:#0d1012e8;border:1px solid #d1b27436;margin-bottom:18px;padding:14px;position:relative;box-shadow:0 16px 38px #0006}.showcase-picker-meta{color:#8d9294;letter-spacing:.06em;justify-content:space-between;margin-bottom:11px;font-size:10px;display:flex}.showcase-picker-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;max-height:320px;display:grid;overflow:auto}.showcase-picker-card{text-align:left;color:#d9d7d0;cursor:pointer;background:#171a1d;border:1px solid #ffffff14;min-width:0;padding:0;position:relative;overflow:hidden}.showcase-picker-card.selected{border-color:#d9ba70;box-shadow:0 0 0 1px #d9ba70}.showcase-picker-card .cover-image{aspect-ratio:2/3;object-fit:cover;width:100%;display:block}.showcase-picker-card>span{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;padding:7px;font-size:9px;display:flex;overflow:hidden}.showcase-empty{color:#8b8982;border:1px dashed #d5b76a3b;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:12px;min-height:420px;font-size:13px;display:flex}.showcase-empty svg{color:#d4b66f}.text-button{color:#dac4a0;cursor:pointer;background:0 0;border:0;font-size:13px}.text-button:hover{text-decoration:underline}@media (max-width:700px){.cover-grid.scattered-board{border-radius:17px}.cover-grid.scattered-board .scattered-card{border-radius:12px;padding:5px!important}.cover-grid.scattered-board .scattered-card h2{margin:6px 1px 0;font-size:11px;line-height:1.25}.cover-grid.scattered-board .scattered-card .card-meta{width:calc(100% - 2px);margin:2px 1px 0}.scattered-add-button{min-height:40px;padding:8px 11px;top:13px;right:13px}.scattered-picker-dialog{padding:22px 18px!important}.scattered-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:50svh}.scattered-picker-name{padding-inline:7px;font-size:11px}.scattered-picker-check{width:24px;height:24px;top:5px;right:5px}}@media (max-width:1050px){.showcase-hall{padding:22px}.showcase-collection-wall{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.showcase-card-info strong{font-size:11px}.showcase-picker-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.account-profile-card{grid-template-columns:auto minmax(130px,1fr) auto auto}.account-profile-card>p:last-of-type{display:none}}@media (max-width:820px){.account-profile-card{grid-template-columns:auto 1fr auto;grid-template-areas:"avatar label stats""avatar name stats""avatar joined stats""privacy privacy action";row-gap:3px}.account-profile-card>p:last-of-type{margin-top:16px;display:block}.showcase-collection-wall{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:700px){.account-page{padding-inline:14px}.account-masthead{margin-bottom:22px}.account-masthead h1{font-size:38px}.account-exhibition-layout{gap:16px}.showcase-hall{--showcase-bg:url(/showcase/spotlight-mobile.webp);background-position:50%;background-size:100% 100%;padding:16px 12px}.showcase-hall[data-showcase-style=glass]{--showcase-bg:url(/showcase/glass-mobile.webp)}.showcase-heading{display:block}.showcase-heading h2{font-size:26px}.showcase-actions{justify-content:space-between;align-items:flex-start;margin-top:16px}.showcase-style-picker{flex-wrap:wrap;max-width:100%}.showcase-style-picker>span{width:100%;padding:4px 8px 1px}.showcase-style-picker button{flex:1}.showcase-edit{margin-top:0}.showcase-collection-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.showcase-card-info{bottom:7px;left:7px;right:7px}.showcase-card-info strong{font-size:10px}.showcase-rank{top:7px;left:7px}.showcase-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.showcase-empty{min-height:300px}.account-profile-card{grid-template-columns:auto 1fr;grid-template-areas:"avatar label""avatar name""avatar joined""stats stats""privacy privacy""action action";row-gap:3px;padding:20px}.account-profile-stats{border:1px solid #ffffff0d;border-inline:0;min-width:0;margin-top:16px;padding:14px 0}.account-profile-card>p:last-of-type{margin:16px 0 10px}.account-profile-card .secondary{width:100%}}@media (max-width:430px){.showcase-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.showcase-feature .cover-image,.showcase-card .cover-image{transition:none}.showcase-card:hover .cover-image,.showcase-feature:hover .cover-image{transform:none}}@media (max-width:700px){.rating-star{width:30px;height:33px}.rating-star svg{width:27px;height:27px}.rating-control{gap:8px}.rating-value{font-size:13px}.platinum-badge{width:56px}.platinum-field{padding:13px 14px}.platinum-field>div>span{display:none}.page-heading:has(.game-page-actions){flex-direction:column;align-items:flex-start;gap:16px;display:flex}.page-heading:has(.game-page-actions) .games-heading-title{flex-wrap:nowrap;justify-content:flex-start;gap:12px;width:100%}.page-heading:has(.game-page-actions) .games-heading-title h1{white-space:nowrap;word-break:keep-all;flex:none}:is(.page-heading:has(.game-page-actions) .games-count,.page-heading:has(.game-page-actions) .platinum-count){flex:none;margin-left:0}.page-heading:has(.game-page-actions) .game-page-actions{justify-content:flex-start;align-items:center;gap:8px;width:100%;margin:0}:is(.page-heading:has(.game-page-actions) .game-search-label,.page-heading:has(.game-page-actions) .game-search-label-open){order:4;width:100px;min-width:0;margin-left:0;flex:100px!important}.page-heading:has(.game-page-actions) .game-search-button{order:4;gap:5px;padding-inline:10px;font-size:13px}.page-heading:has(.game-page-actions) .size-switch{flex:none}.page-heading:has(.game-page-actions) .sort-label{flex:none}.page-heading:has(.game-page-actions) .game-page-actions>.primary{flex:none}.page-heading:has(.game-page-actions) .size-switch{order:1}.page-heading:has(.game-page-actions) .sort-label{flex:96px;order:2;min-width:0}.page-heading:has(.game-page-actions) .sort-label select{width:100%;min-width:0;padding-left:10px}.page-heading:has(.game-page-actions) .game-page-actions>.primary:not(.game-search-button){order:3}}.account-page .account-masthead{display:none}.account-page .account-exhibition-layout{gap:0}.account-page .showcase-hall{background-color:#100d0a;background-image:linear-gradient(180deg,#070605de 0%,#070605c9 34%,#070605c2 70%,#070605e3 100%),var(--showcase-bg);background-position:top;background-size:cover;border:1px solid #b9945b3b;border-radius:0;padding:clamp(24px,3.8vw,54px);box-shadow:inset 0 0 90px #0008,0 25px 65px #0007}.account-page .showcase-hall[data-showcase-style=glass]{background-image:radial-gradient(at 50% 5%,#76604445,#0000 55%),linear-gradient(#15110e,#080706 75%,#17110d)}.account-page .showcase-heading{z-index:2;align-items:flex-start;min-height:clamp(200px,22vw,320px);margin:0;position:relative}.account-page .showcase-heading h2{color:#f7f0e4;text-shadow:0 4px 25px #000;margin:15px 0 9px;font-size:clamp(39px,4.5vw,68px);line-height:1.12}.account-page .showcase-heading p{color:#b0a79c;max-width:470px;font-size:clamp(12px,1.1vw,16px);line-height:1.5}.account-page .showcase-kicker{letter-spacing:.27em;font-size:11px}.account-page .showcase-collection-wall{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(20px,2.8vw,40px) clamp(10px,2.1vw,34px);display:grid}.account-page .showcase-exhibit{text-align:center;min-width:0}.account-page .showcase-exhibit-art{aspect-ratio:1;background:url(/showcase/spotlight-cell.webp) 50%/contain no-repeat;width:100%;position:relative}.account-page .showcase-hall[data-showcase-style=glass] .showcase-exhibit-art{background-image:url(/showcase/glass-cell.webp)}.account-page .showcase-card{z-index:1;aspect-ratio:1;background:#0a0c0d;border:1px solid #ebd6a0a8;border-radius:2px;width:68%;height:49%;min-height:0;margin:0;transition:transform .25s,box-shadow .25s;position:absolute;top:24%;left:16%;overflow:hidden;box-shadow:0 6px 22px #000d,0 0 24px #e9b97099,inset 0 0 8px #fff7}.account-page .showcase-card:before{z-index:2;opacity:1;background:linear-gradient(145deg,#fff4,#0000 27% 76%,#0003);inset:0}.account-page .showcase-card:after{display:none}.account-page .showcase-card .cover-image{object-fit:cover;width:100%;height:100%}.account-page .showcase-card:hover{transform:translateY(-4px)scale(1.025);box-shadow:0 10px 28px #000,0 0 32px #f1cb82c4}.account-page .showcase-hall[data-showcase-style=glass] .showcase-card{border-color:#e7d5af9c;width:60%;height:60%;top:22%;left:20%;box-shadow:0 10px 26px #000d,0 0 18px #e2c58c77}.account-page .showcase-hall[data-showcase-style=glass] .showcase-card:hover{box-shadow:0 15px 30px #000e,0 0 30px #f4d8a8af}.account-page .showcase-rank{background:#0b0b0ba6;padding:2px 4px;font-size:11px;top:5px;left:5px}.account-page .showcase-card-info{text-align:center;min-height:35px;margin:0 5%;display:block;position:static}.account-page .showcase-card-info strong{color:#f5efe4;text-shadow:0 2px 8px #000;font-size:clamp(11px,1vw,15px)}.account-page .showcase-card-info small{color:#d5b87f;margin-top:3px}.account-page .account-profile-card{background:linear-gradient(145deg,#1c1814,#0d0e0f 65%);border-color:#a78a5e3d;border-radius:7px;margin-top:24px;box-shadow:inset 0 1px #e6c28621,0 20px 52px #0008}@media (max-width:1050px){.account-page .showcase-collection-wall{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:700px){.content.account-page{padding-inline:0}.account-page .showcase-hall{background-size:cover;padding:24px 10px 32px}.account-page .showcase-heading{min-height:225px;padding-inline:12px;display:block}.account-page .showcase-heading h2{margin:14px 0 8px;font-size:40px}.account-page .showcase-heading p{font-size:12px}.account-page .showcase-actions{justify-content:flex-start;gap:8px;margin-top:20px}.account-page .showcase-style-picker{flex-wrap:nowrap}.account-page .showcase-style-picker>span{display:none}.account-page .showcase-style-picker button{padding:5px 7px;font-size:10px}.account-page .showcase-edit{min-height:39px;padding:7px 10px;font-size:11px}.account-page .showcase-collection-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 4px}.account-page .showcase-rank{padding:1px 3px;font-size:9px;top:2px;left:2px}.account-page .showcase-card-info{min-height:30px;margin:0 4%}.account-page .showcase-card-info strong{font-size:10px}.account-page .showcase-card-info small{display:none}.account-page .account-profile-card{margin:17px 14px 0}}.account-page .account-profile-card{border-color:var(--border);max-width:620px;box-shadow:none;background:#191c1f;border-radius:16px;padding:42px;display:block}.account-page .account-profile-card .account-avatar{margin-bottom:22px}.games-recorded-count{color:var(--muted-foreground);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.cover-load-sentinel{pointer-events:auto;grid-column:1/-1;justify-content:center;align-items:center;width:100%;min-height:54px;padding:8px 0;display:flex}.cover-load-more{min-height:42px;color:var(--muted-foreground);border-color:var(--border);padding:8px 16px}.cover-load-more:hover{color:var(--foreground);border-color:#dac4a060}@media (max-width:700px){.games-recorded-count{gap:4px;font-size:11px}}
.topbar-actions{flex-shrink:0;align-items:center;gap:18px;display:flex}.detail-page .review-section textarea{height:160px;min-height:160px}.topbar-actions>.avatar-button{width:34px;height:34px;margin:0;font-size:13px}.theme-switch{border:1px solid var(--border);background:var(--card);border-radius:10px;gap:3px;padding:3px;display:inline-flex}.theme-switch button{min-height:38px;color:var(--muted-foreground);white-space:nowrap;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:flex}.theme-switch button:hover{background:var(--accent);color:var(--foreground)}html.dark .theme-switch button:first-child,html.light .theme-switch button:last-child{background:var(--primary);color:var(--primary-foreground)}html.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fff;--foreground:#242628;--card:#fafaf9;--card-foreground:#242628;--popover:#fff;--popover-foreground:#242628;--primary:#795a30;--primary-foreground:#fff;--secondary:#f0efec;--secondary-foreground:#242628;--muted:#f1f2f1;--muted-foreground:#646b70;--accent:#eeeae3;--accent-foreground:#242628;--destructive:#af3030;--border:#22222224;--input:#22222238;--ring:#795a30}.light input,.light textarea{background:#fff}.scattered-picker-search{flex-direction:row}.scattered-picker-search>svg{flex-shrink:0}.light .scattered-picker-search{background:var(--card);color:var(--muted-foreground)}.light .scattered-picker-search input{background:0 0}.light .scattered-picker-search button{color:var(--muted-foreground)}.light input::placeholder,.light textarea::placeholder{color:#72787d;opacity:1}.light label,.light .text-button,.light .game-card h2,.light .note-item strong,.light .rating-value{color:#373d41}.light .cover-grid.scattered-board .scattered-card h2{color:#d4d8db}.light .cover-grid.scattered-board .scattered-card:hover h2{color:#f0dbc0}.light .brand-en,.light .quiet,.light .auth-intro p,.light .auth-card>p,.light .auth-card small,.light .empty-state [data-slot=empty-description],.light .cover-upload small,.light .detail-cover .cover-upload small,.light .hours-input span,.light .note-item p,.light .note-item time,.light .note-placeholder,.light .save-status,.light .note-modified,.light .account-card p,.light .rating-clear,.light .sort-label:after,.light .back-link,.light .boot{color:var(--muted-foreground)}.light .eyebrow{color:#795f3d}.light .auth-intro h1 span{color:#62696c}.light .auth-card,.light .account-card{background:var(--card);box-shadow:0 16px 48px #2426280a}.light .primary:hover{background:#654923}.light .secondary{background:var(--secondary);color:var(--foreground)}.light .secondary:hover{background:#e5e3df}.light .danger{color:#a32626;background:#fce7e7}.light .error{color:#b02d2d!important}.light .delete-link{color:#a53b3b}.light .delete-link:hover{color:#7d2020}.light nav button{color:var(--muted-foreground)}.light nav button:hover{color:var(--foreground);background:var(--muted)}.light nav button.nav-active{color:var(--primary);background:#795a3010}.light .cover-frame{background:var(--muted);border-color:var(--border);box-shadow:0 8px 24px #24262814}.light .cover-placeholder{color:#97918a;background:linear-gradient(145deg,#f0efec,#e8e6e2)}.light .game-card:hover h2,.light .back-link:hover,.light .rating-clear:hover{color:var(--primary)}.light .empty-state{background:var(--card);border-color:var(--border)}.light .empty-state [data-slot=empty-media]{background:var(--accent);color:var(--primary)}.light .shelf-dialog{background:var(--popover)!important;border-color:var(--border)!important}.light .cover-upload{background:var(--card);color:var(--primary);border-color:#aaa399}.light .cover-upload:hover{border-color:var(--primary)}.light .detail-cover .cover-upload{background:0 0}.light .detail-cover .cover-upload img{box-shadow:0 12px 30px #2426281a}.light .title-input,.light .note-title,.light .note-editor textarea{background:0 0}.light .title-input:hover{border-bottom-color:var(--input)}.light .review-section textarea{background:var(--card)}.light .notebook{background:#fff}.light .note-list{background:#f8f8f6}.light .note-item:hover{background:#eeefec}.light .note-item.selected{background:#eee9df;border-color:#795a3030}.light .note-title:focus,.light .note-editor textarea:focus{box-shadow:0 1px #795a3060}.light .avatar-button,.light .user-avatar,.light .account-avatar{color:var(--primary);background:#eee8de;border-color:#795a3040}.light .avatar-button:hover{border-color:var(--primary)}.light .rating-star,.light .card-rating{color:#946515}.light .rating-star-base{color:#989082}.light .rating-star:focus-within,.light .sort-label select:focus-visible{outline-color:var(--primary)}.light .size-switch{background:var(--card);border-color:var(--input)}.light .size-switch button.active{background:var(--primary);color:var(--primary-foreground)}.light .sort-label select{background:var(--card);border-color:var(--input);color:var(--foreground)}@media (max-width:900px) and (min-width:701px){.topbar{gap:16px;padding-inline:24px}.topbar nav{gap:0}.topbar nav button{padding-inline:10px}.topbar-actions{gap:10px}.topbar-actions .quiet{display:none}}@media (max-width:700px){.topbar-actions{gap:10px}.theme-switch button{min-height:38px;padding-inline:8px}.light .topbar nav{border-top-color:var(--border);background:#fffffff2}.light .topbar nav button.nav-active{background:0 0}}@media (max-width:380px){.topbar{gap:8px;padding-inline:14px}.brand{gap:8px}.brand>svg{width:28px}.topbar-actions{gap:7px}.theme-switch button{gap:4px;padding-inline:6px}.theme-switch button svg{display:none}}@media (max-width:700px){.light .notes-page .notebook,.light .notes-page .note-list{background:0 0}.light .notes-page .note-item{background:linear-gradient(145deg,#fff 0%,#faf9f7 100%);border-color:#25282b1c;box-shadow:inset 0 1px #fff,0 9px 28px #25282b0b}.light .notes-page .note-item.selected{background:linear-gradient(145deg,#f7f3eb 0%,#f2eee6 100%);border-color:#795a3038}.light .notes-page .note-item.pressing{background:#f0ece4;border-color:#795a3052;box-shadow:inset 0 1px #fff,0 4px 14px #25282b0c}}
.note-swipe-row{min-width:0;position:relative}.note-swipe-actions{display:none}.note-pinned-mark{color:var(--primary);vertical-align:-1px;margin-right:7px;display:inline-block}@media (max-width:700px){.notes-page .note-swipe-row{isolation:isolate;border-radius:14px;overflow:hidden}.notes-page .note-swipe-actions{visibility:hidden;width:152px;display:flex;position:absolute;inset:0 0 0 auto}.notes-page .note-swipe-row.revealed .note-swipe-actions,.notes-page .note-swipe-row.swiping .note-swipe-actions{visibility:visible}.notes-page .note-swipe-actions button{color:#fff;border:0;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:9px;padding:12px 4px;font-size:12px;font-weight:500;display:flex}.notes-page .note-pin-action{background:#795a30}.notes-page .note-delete-action{background:#af3030}.notes-page .note-swipe-row .note-item{z-index:1;transform:translateX(var(--note-swipe-offset,0px));touch-action:pan-y;transition:transform .22s,border-color .16s,background .16s}.notes-page .note-swipe-row.swiping .note-item{transition:none}.notes-page .note-swipe-row.revealed .note-item,.notes-page .note-swipe-row.swiping .note-item{border-top-right-radius:0;border-bottom-right-radius:0}.notes-page .note-swipe-row:not(.revealed):not(.swiping) .note-item.pressing{transform:scale(.985)}}@media (prefers-reduced-motion:reduce){.notes-page .note-swipe-row .note-item{transition:none}}.site:has(.notes-page.note-open)>.topbar{display:none}.notes-page.note-open{width:100%;max-width:860px;min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 40px max(32px, env(safe-area-inset-bottom));margin:0 auto}.notes-page.note-open .notebook{background:0 0;min-height:0}.notes-page.note-open .note-editor{flex-direction:column;min-height:calc(100dvh - 52px);padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;display:flex}.notes-page.note-open .note-editor-toolbar{order:0;gap:12px;min-height:52px;margin-bottom:24px}.notes-page.note-open .mobile-note-back,.notes-page.note-open .note-editor-toolbar .icon-button{border:1px solid var(--border);background:var(--card);border-radius:999px;justify-content:center;align-items:center;min-height:48px;display:inline-flex;box-shadow:0 3px 12px #00000008}.notes-page.note-open .mobile-note-back{color:var(--primary);margin-right:auto;padding:0 17px 0 13px;font-size:14px;font-weight:500}.notes-page.note-open .mobile-note-back svg{width:21px;height:21px}.notes-page.note-open .note-editor-toolbar .icon-button{flex:0 0 48px;width:48px;padding:0}.notes-page.note-open .note-editor-toolbar .icon-button svg{width:19px;height:19px}.notes-page.note-open .save-status{color:var(--muted-foreground);white-space:nowrap;font-size:12px}.notes-page.note-open .note-modified{color:var(--muted-foreground);text-align:center;order:1;margin:0 0 18px;font-size:13px;line-height:1.5}.notes-page.note-open .note-title{min-height:54px;color:var(--foreground);letter-spacing:-.7px;background:0 0;border:0;border-radius:0;flex:none;order:2;padding:4px 0 10px;font-size:32px;font-weight:650;line-height:1.25}.notes-page.note-open .note-title::placeholder{color:var(--muted-foreground);opacity:.65}.notes-page.note-open .note-editor textarea{width:100%;height:max(320px,100dvh - 235px);min-height:max(320px,100dvh - 235px);color:var(--foreground);resize:vertical;scrollbar-width:thin;scrollbar-color:var(--border) transparent;background:0 0;border:0;border-radius:0;flex:1 0 auto;order:3;margin:0;padding:6px 0 24px;font-size:18px;line-height:1.8}.notes-page.note-open .note-title:focus,.notes-page.note-open .note-editor textarea:focus{box-shadow:none}.notes-page.note-open .note-editor .error{order:4;margin-top:16px!important}@media (max-width:700px){.notes-page.note-open{padding:max(16px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom))}.notes-page.note-open .note-editor{min-height:calc(100dvh - 40px)}.notes-page.note-open .note-editor-toolbar{gap:10px;margin-bottom:22px}.notes-page.note-open .note-title{font-size:30px}.notes-page.note-open .note-editor textarea{height:max(260px,100dvh - 220px);min-height:max(260px,100dvh - 220px);font-size:17px;line-height:1.75}}
.news-page{padding-bottom:110px}.news-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:760px;margin:44px auto;display:grid}.news-choices>button{border:1px solid var(--border);background:var(--card);min-height:190px;color:var(--foreground);text-align:left;border-radius:22px;flex-direction:column;align-items:flex-start;gap:18px;padding:30px;transition:transform .2s,border-color .2s;display:flex}.news-choices>button:first-child:hover{border-color:var(--primary);transform:translateY(-3px)}.news-choices svg{color:var(--primary)}.news-choices strong{font-size:24px;font-weight:600}.news-choices span{color:var(--muted-foreground);font-size:14px}.news-choices>button:disabled{opacity:.6;cursor:default}.news-feed{max-width:700px;margin:0 auto}.news-heading{align-items:center;gap:20px;margin-bottom:28px;display:flex}.news-heading h2{margin:0;font-size:24px}.news-back,.news-photo-add{color:var(--primary);background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;display:flex}.news-composer,.news-post{border:1px solid var(--border);background:var(--card);border-radius:20px;margin-bottom:24px;padding:24px}.news-composer textarea{resize:vertical;width:100%;min-height:120px;color:var(--foreground);font:inherit;outline-offset:4px;background:0 0;border:0;line-height:1.7}.news-compose-actions{border-top:1px solid var(--border);align-items:center;gap:16px;margin-top:16px;padding-top:16px;display:flex}.news-compose-actions>span{color:var(--muted-foreground);margin-left:auto;font-size:12px}.news-compose-actions .primary{min-width:80px;min-height:40px}.news-previews{flex-wrap:wrap;gap:10px;display:flex}.news-previews>div{position:relative}.news-previews img{object-fit:cover;border-radius:10px;width:90px;height:90px;display:block}.news-previews button{color:#fff;background:#000b;border:0;border-radius:50%;padding:4px;display:flex;position:absolute;top:3px;right:3px}.news-post header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.news-post header>div{flex-direction:column;gap:6px;display:flex}.news-post strong{font-size:15px;font-weight:600}.news-post time{color:var(--muted-foreground);font-size:12px}.news-post header>button{color:var(--muted-foreground);background:0 0;border:0;padding:8px}.news-post p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 18px;font-size:16px;line-height:1.8}.news-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.news-images-1{grid-template-columns:1fr}.news-images button{background:var(--secondary);border:0;border-radius:12px;padding:0;overflow:hidden}.news-images img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.news-images-1 img{aspect-ratio:auto;object-fit:contain;max-height:600px}.news-empty,.news-status{text-align:center;color:var(--muted-foreground);padding:60px 16px}.news-empty h3{color:var(--foreground);margin:20px 0 10px;font-size:19px}.news-empty p{font-size:14px}.news-error{border:1px solid var(--destructive);color:var(--foreground);border-radius:12px;margin-bottom:20px;padding:16px}.news-error button,.news-more{color:var(--primary);background:0 0;border:0;margin:auto;padding:10px;display:block}.news-modal{z-index:2147483500;background:#000d;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.news-modal>img{object-fit:contain;max-width:100%;max-height:90svh}.news-modal-close{color:#fff;background:#333;border:0;border-radius:50%;padding:10px;display:flex;position:absolute;top:20px;right:20px}.news-confirm{background:var(--card);width:360px;max-width:100%;color:var(--foreground);border-radius:20px;padding:26px}.news-confirm h3{margin:0;font-size:20px}.news-confirm p{color:var(--muted-foreground)}.news-confirm>div{justify-content:flex-end;gap:12px;display:flex}.news-confirm button{border:1px solid var(--border);background:var(--secondary);color:var(--foreground);border-radius:8px;padding:10px 18px}.news-confirm button:last-child{color:var(--destructive)}.news-page button:focus-visible{outline:2px solid var(--primary);outline-offset:4px}@media (max-width:700px){.news-choices{gap:12px;margin-top:24px}.news-choices>button{min-height:170px;padding:22px 18px}.news-choices span{line-height:1.6}.news-composer,.news-post{border-radius:18px;padding:20px 16px}.news-post p{font-size:15px}.news-compose-actions{gap:12px}}.news-title-input{width:100%;color:var(--foreground);font:inherit;outline-offset:4px;background:0 0;border:0;padding:0 0 12px;font-size:20px;font-weight:600;display:block}.news-pin-option{color:var(--muted-foreground);align-items:center;gap:8px;margin-top:16px;font-size:14px;display:flex}.news-pin-option input{accent-color:var(--primary);width:16px;height:16px}.news-edit-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.news-edit-heading button{color:var(--primary);background:0 0;border:0}.news-post header{align-items:flex-start;margin-bottom:0}.news-post header>div.news-post-actions{flex-direction:row;gap:2px}.news-post-actions button{color:var(--muted-foreground);background:0 0;border:0;padding:6px}.news-post header strong{overflow-wrap:anywhere;font-size:19px}.news-pinned{color:var(--primary);align-items:center;gap:4px;font-size:11px;display:flex}.news-composer{scroll-margin-top:100px}.news-page .news-pin-option{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;display:flex}.news-page .news-pin-option input{flex:0 0 16px;width:16px;height:16px;margin:0;padding:0}
.player-showcase{isolation:isolate;color:#fff;background:#300821;border-radius:0;grid-template-columns:30% minmax(0,1fr);gap:2%;margin:0 0 24px;padding:3.7% 7.4% 3%;font-family:Arial,Microsoft YaHei,sans-serif;display:grid;position:relative;overflow:hidden;container-type:inline-size}.player-showcase-backdrop{z-index:-2;opacity:.65;pointer-events:none;grid-template-columns:repeat(6,1fr);gap:0;display:grid;position:absolute;inset:-45% -5%;transform:rotate(-24deg)}.player-showcase-backdrop img{object-fit:cover;filter:saturate(.7);opacity:.7;width:100%;height:100%;min-height:0}.player-showcase-shade{z-index:-1;pointer-events:none;background:linear-gradient(125deg,#0a1623e0 0%,#460024cc 52%,#4a0023e8 100%),linear-gradient(#0000 20%,#3b0020);position:absolute;inset:0}.player-showcase .player-showcase-played{align-self:center;min-width:0;padding-bottom:3cqw}.player-showcase .player-showcase-played h2{color:#fff;white-space:nowrap;letter-spacing:-.08em;margin:0 0 2cqw;font-size:clamp(22px,3.6cqw,50px);font-weight:800;line-height:1.2}.player-showcase-played strong{color:#fff;letter-spacing:-.045em;overflow-wrap:anywhere;font-size:clamp(80px,12cqw,200px);font-weight:900;line-height:1;display:block}.player-showcase-detail{min-width:0}.player-showcase-stats{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:1.3cqw;display:grid}.player-showcase .player-showcase-stats h3{color:#fff;white-space:nowrap;margin:0 0 .8cqw;font-size:clamp(18px,2.4cqw,34px);font-weight:500;line-height:1.25}.player-showcase-stats strong{color:#fff;letter-spacing:-.025em;font-size:clamp(48px,7.2cqw,102px);font-weight:900;line-height:1;display:block}.player-showcase-carousel{min-width:0;position:relative}.player-showcase-rail{scroll-snap-type:x mandatory;scrollbar-width:none;outline-offset:-2px;gap:1cqw;padding-bottom:1.5cqw;display:flex;overflow:auto hidden}.player-showcase-rail::-webkit-scrollbar{display:none}.player-showcase-game{scroll-snap-align:start;flex:0 0 calc(20% - .8cqw);min-width:0;margin:0;padding-bottom:1.5cqw;position:relative}.player-showcase-game img{aspect-ratio:2/3;object-fit:cover;width:100%;display:block}.player-showcase-game figcaption{color:#110b13;white-space:nowrap;background:#b9a7bd;border-radius:.4cqw;padding:.15cqw 1cqw;font-size:clamp(16px,1.8cqw,30px);font-weight:600;line-height:1.25;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 .5cqw 1.2cqw #0005}.player-showcase-carousel>button{z-index:1;color:#fff;cursor:pointer;background:#160b20cf;border:1px solid #fff5;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:40%}.player-showcase-prev{left:-20px}.player-showcase-next{right:-20px}.player-showcase button:focus-visible,.player-showcase-rail:focus-visible{outline:2px solid #fff}.player-showcase-empty{color:#fffc;align-items:center;min-height:140px;margin:0;font-size:15px;display:flex}@media (max-width:900px){.player-showcase{grid-template-columns:27% minmax(0,1fr);gap:4%;padding:28px 24px}.player-showcase .player-showcase-played h2{font-size:clamp(16px,2.5cqw,24px)}.player-showcase .player-showcase-stats h3{font-size:clamp(16px,2.4cqw,22px)}.player-showcase-game{flex-basis:calc(33.3333% - .666667cqw)}.player-showcase-stats strong{font-size:clamp(38px,7cqw,68px)}}@media (max-width:600px){.player-showcase{grid-template-columns:1fr;gap:22px;padding:26px 20px 20px}.player-showcase .player-showcase-played{justify-content:space-between;align-items:center;padding:0;display:flex}.player-showcase .player-showcase-played h2{letter-spacing:-.06em;margin:0;font-size:24px}.player-showcase-played strong{font-size:76px}.player-showcase-stats{gap:20px;margin-bottom:20px}.player-showcase .player-showcase-stats h3{margin-bottom:10px;font-size:18px}.player-showcase-stats strong{font-size:54px}.player-showcase-rail{gap:10px;padding-bottom:8px}.player-showcase-game{flex-basis:calc(33.3333% - 6.66667px);padding-bottom:16px}.player-showcase-game figcaption{border-radius:5px;padding:2px 10px;font-size:18px}.player-showcase-prev{left:-12px}.player-showcase-next{right:-12px}.player-showcase-backdrop{grid-template-columns:repeat(6,1fr);inset:-10% -70%}}.player-showcase-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.player-showcase{padding-bottom:1.8%}.player-showcase-game .player-showcase-rating{box-sizing:border-box;color:#fff;-webkit-backdrop-filter:blur(14px)saturate(120%);backdrop-filter:blur(14px)saturate(120%);text-shadow:0 1px 3px #0007;font-variant-numeric:tabular-nums;background:linear-gradient(145deg,#4a464c61,#13161e85);border:1px solid #fff4de47;border-radius:999px;justify-content:space-between;align-items:center;gap:6px;width:90%;max-width:144px;padding:6px 10px;font-size:clamp(16px,1.65cqw,24px);font-weight:700;line-height:1.2;display:flex;box-shadow:0 4px 12px #0004,inset 0 1px #ffffff26,inset 0 -1px #00000012}.player-showcase-score{flex:none;align-items:center;gap:5px;display:flex}.player-showcase-rating svg{fill:#e6c27b;stroke:#e6c27b;flex:none;width:15px;height:15px}.player-showcase-unit{color:#fff;letter-spacing:0;font-size:.85em;font-weight:700}.player-showcase-platinum{flex:none;justify-content:center;align-items:center;width:18px;height:22px;display:flex}.player-showcase-game .player-showcase-platinum img{aspect-ratio:auto;object-fit:contain;filter:drop-shadow(0 0 3px #72c6ff50);width:18px;height:22px}@media (max-width:600px){.player-showcase-game .player-showcase-rating{gap:2px;min-width:66px;padding:5px 3px;font-size:14px}.player-showcase-score{gap:2px}.player-showcase-rating svg{width:12px;height:12px}.player-showcase-platinum,.player-showcase-game .player-showcase-platinum img{width:14px;height:18px}}@media (max-width:360px){.player-showcase-game .player-showcase-rating{gap:1px;padding-inline:2px;font-size:12px}.player-showcase-score{gap:1px}.player-showcase-rating svg{width:10px;height:10px}.player-showcase-platinum,.player-showcase-game .player-showcase-platinum img{width:12px;height:18px}}