@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_build/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_build/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_build/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_build/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_build/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_build/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_build/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_build/assets/sora-latin-ext-wght-normal-CawQDOvP.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_build/assets/sora-latin-wght-normal-DdqRvwsR.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1117;--surface:#171b24;--surface-2:#202634;--border:#2b3242;--text:#e8eaf0;--muted:#8b93a7;--accent:#3d7dff;--platinum:#b9d3f0;--gold:#e5b93d;--silver:#b5bcc9;--bronze:#c9814a;--danger:#ff6b6b;--radius:10px;--ps-blue:#0070d1;--ps-glow:#3d9bff;--font-display:"Sora Variable", "Inter Variable", system-ui, sans-serif;--font-body:"Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--glass:#1419249e;--glass-border:#ffffff17}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 85% -10%, #0070d124, transparent 60%), radial-gradient(900px 500px at -10% 30%, #785aff12, transparent 60%), var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;line-height:1.45}h1,h2,.brand,.stat-value,.plaque-value,.level-value{font-family:var(--font-display);letter-spacing:-.01em}a{color:inherit}img{display:block}button,input,select{font:inherit;color:inherit;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:.45rem .7rem}button{cursor:pointer}button:hover{border-color:var(--accent)}main{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 4rem}h1{margin:0;font-size:1.6rem}.muted{color:var(--muted)}.topbar{border-bottom:1px solid var(--border);background:var(--surface);z-index:10;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.brand{white-space:nowrap;font-weight:700;text-decoration:none}.search{flex:1;gap:.5rem;max-width:420px;margin-left:auto;display:flex}.lang{margin-left:auto;position:relative}.search+.lang{margin-left:0}.flag{object-fit:cover;border-radius:2px;flex-shrink:0;width:20px;height:15px;display:block;box-shadow:0 0 0 1px #ffffff26}.lang-button{white-space:nowrap;align-items:center;gap:.45rem;padding:.35rem .6rem;font-size:.85rem;display:inline-flex}.lang-button:disabled{opacity:.6;cursor:progress}.lang-caret{color:var(--muted);font-size:.75rem}.lang-menu{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:10px;outline:none;min-width:220px;max-height:min(70vh,420px);margin:0;padding:.3rem;list-style:none;position:absolute;top:calc(100% + .35rem);right:0;overflow-y:auto;box-shadow:0 12px 32px #00000073}.lang-menu li{cursor:pointer;border-radius:6px;align-items:center;gap:.6rem;padding:.45rem .6rem;font-size:.9rem;display:flex}.lang-menu li.active{background:var(--surface-2)}.lang-menu li.selected{font-weight:600}.lang-check{color:var(--accent);margin-left:auto}@media (width<=640px){.lang-name{display:none}}.search input{flex:1;min-width:0}.search button{background:var(--accent);border-color:var(--accent)}.home{text-align:center;padding-top:5rem}.home h1{font-size:2rem}.home .search{margin:2rem auto 0}.back{color:var(--muted);margin-bottom:1rem;text-decoration:none;display:inline-block}.tabs{border-bottom:1px solid var(--border);gap:.25rem;margin-bottom:1rem;display:flex}.tabs a{color:var(--muted);border-bottom:2px solid #0000;padding:.6rem 1rem;text-decoration:none}.tabs a.active{color:var(--text);border-bottom-color:var(--accent)}.filters{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:flex-end;gap:.75rem;padding:.75rem;display:flex}.field{flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}.field>span{color:var(--muted);font-size:.8rem}.field.grow{flex:200px}.field select{max-width:220px}.row{gap:.35rem;display:flex}.chips{gap:.25rem;display:flex}.chip{opacity:.45;padding:.4rem .5rem}.chip.active{opacity:1;border-color:var(--accent)}.order{width:2.4rem}.reset{background:0 0}.result-count{margin:.75rem 0;font-size:.9rem}.list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.more{margin:1rem auto;display:block}.empty,.loading{text-align:center;color:var(--muted);padding:2rem 0}.game-card,.trophy{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.9rem;padding:.6rem;display:flex}.game-card{text-decoration:none}.game-card:hover{border-color:var(--accent)}.game-card img{object-fit:cover;border-radius:6px;flex-shrink:0;width:100px;height:56px}.game-info,.trophy-info{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.game-title,.trophy-title{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.game-meta{justify-content:space-between;gap:1rem;font-size:.85rem;display:flex}.tags{gap:.25rem;display:inline-flex}.tag{background:var(--surface-2);color:var(--muted);border-radius:4px;padding:.05rem .4rem;font-size:.7rem}.trophy img{border-radius:6px;flex-shrink:0;width:56px;height:56px}.trophy p{color:var(--muted);margin:0;font-size:.9rem}.trophy.locked img{filter:grayscale();opacity:.5}.trophy-game{color:var(--accent);font-size:.8rem;text-decoration:none}.trophy-side{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:.2rem;font-size:.85rem;display:flex}.rarity{font-weight:600}.rarity.ultra{color:var(--gold)}.grade{flex-shrink:0}.grade-platinum{color:var(--platinum)}.grade-gold{color:var(--gold)}.grade-silver{color:var(--silver)}.grade-bronze{color:var(--bronze)}.counts{gap:.75rem;font-size:.9rem;display:inline-flex}.count{align-items:center;gap:.25rem;display:inline-flex}.progress{align-items:center;gap:.5rem;max-width:360px;display:flex}.progress-track{background:var(--surface-2);border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;display:block}.progress.full .progress-fill{background:var(--gold)}.progress-label{color:var(--muted);min-width:2.5rem;font-size:.8rem}.loading-bar{color:var(--muted);align-items:center;gap:1rem;margin-bottom:.75rem;font-size:.9rem;display:flex}.loading-bar progress{flex:1}.error{border:1px solid var(--danger);border-radius:var(--radius);background:color-mix(in srgb, var(--danger) 10%, transparent);padding:1rem}.error p{margin:.4rem 0 0}.warning{color:var(--gold);font-size:.9rem}@media (width<=640px){.topbar{flex-wrap:wrap}.search{max-width:none;margin-left:0}.trophy{flex-wrap:wrap}.trophy-side{flex-direction:row;justify-content:space-between;width:100%}.field select{max-width:160px}}:root{--metal-platinum:linear-gradient(135deg, #2a3650 0%, #3d4f73 40%, #8fa6cc 100%);--metal-gold:linear-gradient(135deg, #3a2a08 0%, #6b4a0d 45%, #d9a72c 100%);--metal-silver:linear-gradient(135deg, #2a2f38 0%, #4a525f 45%, #b7c0cc 100%);--metal-bronze:linear-gradient(135deg, #2e1a0c 0%, #5a3216 45%, #c47a40 100%)}.reveal{transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transition-delay:calc(var(--i,0) * 90ms)}@media (prefers-reduced-motion:no-preference){.fx-ready .reveal:not(.in){opacity:0;transform:translateY(22px)}}.tilt{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s var(--ease-out);will-change:transform}.tilt:hover{transition-duration:80ms}.grade.shiny .shine-band{opacity:0}@media (prefers-reduced-motion:no-preference){.grade.shiny .shine-band{opacity:1;animation:4.2s ease-in-out infinite cup-shine;animation-delay:calc(var(--i,0) * .35s + .6s)}}@keyframes cup-shine{0%{transform:skew(-20deg)translate(0)}35%,to{transform:skew(-20deg)translate(62px)}}.ring{flex-shrink:0;place-items:center;display:grid;position:relative}.ring svg{position:absolute;inset:0}.ring-track{stroke:#ffffff14}.ring-fill{stroke:var(--ring-color,var(--ps-glow));filter:drop-shadow(0 0 6px var(--ring-color,var(--ps-glow)))}@media (prefers-reduced-motion:no-preference){.ring-fill{animation:ring-fill 1.6s var(--ease-out) both .3s}}@keyframes ring-fill{0%{stroke-dashoffset:var(--len)}}.ring-center{place-items:center;font-size:.85rem;display:grid;position:relative}.ring-platinum{--ring-color:var(--platinum)}.ring-gold{--ring-color:var(--gold)}.ring-silver{--ring-color:var(--silver)}.ring-bronze{--ring-color:var(--bronze)}.hero{border:1px solid var(--glass-border);background:radial-gradient(120% 140% at 0% 0%, #12336e 0%, #10172a 50%, var(--surface) 100%);isolation:isolate;border-radius:22px;align-items:flex-end;min-height:360px;margin-bottom:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px -30px #000c}.hero-bg-wrap{z-index:-3;transform:translate3d(0, var(--parallax,0), 0);position:absolute;inset:-60px 0 0}.hero-bg{animation:hero-in 1.2s var(--ease-out) both;background-position:50% 25%;background-size:cover;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.hero-bg{animation:hero-in 1.2s var(--ease-out) both, ken-burns 40s ease-in-out infinite alternate 1.2s}}@keyframes hero-in{0%{opacity:0;filter:blur(8px);transform:scale(1.12)}to{opacity:1;filter:blur();transform:scale(1.04)}}@keyframes ken-burns{0%{transform:scale(1.04)translate(0)}to{transform:scale(1.14)translate(-2%,-1.5%)}}.hero-shade{z-index:-2;background:linear-gradient(to top, var(--bg) 0%, #0e1117e0 30%, #0e11174d 70%, #0e111726 100%), linear-gradient(100deg, #080c16bf 0%, transparent 65%), radial-gradient(80% 60% at 50% 120%, #0070d159, transparent 70%);position:absolute;inset:0}.hero.no-art .hero-shade{background:radial-gradient(80% 60% at 50% 120%,#0070d159,#0000 70%)}.hero-particles{z-index:-1;opacity:.55;background-image:radial-gradient(1.5px 1.5px at 12% 30%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 28% 70%,#9cc8ff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 46% 22%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 63% 58%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 78% 35%,#9cc8ff 50%,#0000 51%),radial-gradient(1px 1px at 90% 75%,#fff 50%,#0000 51%);background-size:100% 100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}@media (prefers-reduced-motion:no-preference){.hero-particles{animation:14s ease-in-out infinite alternate drift}}@keyframes drift{0%{opacity:.35;transform:translate(0,0)}to{opacity:.7;transform:translate(-18px,-26px)}}.hero-content{align-items:flex-end;gap:1.5rem;width:100%;padding:2rem;display:flex;position:relative}.hero-text{flex-direction:column;flex:1;gap:.6rem;min-width:0;display:flex}.hero h1{text-shadow:0 4px 24px #0009;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.05}.hero-name{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.about{color:#cfd6e4;max-width:60ch;margin:0}.hero-chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip-stat{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .8rem;font-size:.9rem;display:inline-flex}.chip-dot{background:var(--ps-glow);width:9px;height:9px;box-shadow:0 0 10px var(--ps-glow);border-radius:50%}.hero-credit{color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000006b;border-radius:999px;padding:.2rem .6rem;font-size:.72rem;position:absolute;top:.9rem;right:1rem}.avatar-ring{isolation:isolate;border-radius:50%;flex-shrink:0;padding:5px;position:relative}.avatar-ring:before{content:"";z-index:-1;background:conic-gradient(currentColor,#0000 35%,currentColor 50%,#0000 85%,currentColor);border-radius:50%;position:absolute;inset:0}.avatar-halo{z-index:-2;opacity:.35;filter:blur(10px);background:radial-gradient(circle,currentColor 0%,#0000 65%);border-radius:50%;position:absolute;inset:-14px}@media (prefers-reduced-motion:no-preference){.avatar-ring:before{animation:9s linear infinite spin}.avatar-halo{animation:3.5s ease-in-out infinite pulse}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.6;transform:scale(1.06)}}.ring-platinum,.level-platinum{color:var(--platinum)}.ring-gold,.level-gold{color:var(--gold)}.ring-silver,.level-silver{color:var(--silver)}.ring-bronze,.level-bronze{color:var(--bronze)}.avatar{border:4px solid var(--bg);background:var(--surface-2);object-fit:cover;border-radius:50%;width:120px;height:120px;display:block}.badge{letter-spacing:.03em;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;padding:.2rem .6rem;font-size:.72rem;font-weight:600}.badge-plus{color:#1a1300;background:linear-gradient(135deg,#ffd84a,#e59a00);border-color:#0000;box-shadow:0 4px 14px -4px #e59a00b3}.level{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;align-items:center;gap:.9rem;padding:.9rem 1.2rem .9rem .9rem;display:flex;box-shadow:0 10px 40px -12px #000000b3}.level-text{color:var(--text);flex-direction:column;line-height:1.1;display:flex}.level-label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.level-value{font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:700}.level-next{font-size:.75rem}.game-hero{min-height:300px}.hero>.hero-bg{z-index:-3}.game-hero .hero-text{text-shadow:0 1px 8px #000c}.trophy{border-left:3px solid var(--grade-color,var(--border));transition:transform .2s var(--ease-out), box-shadow .2s}.trophy:hover{transform:translate(2px)}.trophy-platinum{--grade-color:var(--platinum)}.trophy-gold{--grade-color:var(--gold)}.trophy-silver{--grade-color:var(--silver)}.trophy-bronze{--grade-color:var(--bronze)}.trophy:not(.locked){box-shadow:inset 40px 0 50px -40px color-mix(in srgb, var(--grade-color) 35%, transparent)}.trophy.locked{border-left-color:var(--border)}.game-hero-icon{border-radius:14px;flex-shrink:0;width:190px;box-shadow:0 16px 40px #0009}.game-facts{color:#cfd6e4;flex-wrap:wrap;gap:.35rem 1.25rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.game-facts li{align-items:center;gap:.3rem;display:inline-flex}.plaques{grid-template-columns:1fr auto;align-items:stretch;gap:1rem;margin-bottom:1.5rem;display:grid}.plaque-grid{grid-template-columns:repeat(4,1fr);gap:.85rem;display:grid}@media (width<=1060px){.plaque-grid{grid-template-columns:repeat(2,1fr)}}.plaque{isolation:isolate;border:1px solid #ffffff1f;border-radius:16px;align-items:center;gap:.8rem;padding:1rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff2e,0 14px 34px -16px #000000e6}.plaque:before{content:"";z-index:-2;opacity:.55;position:absolute;inset:0}.plaque:after{content:"";z-index:-1;background:linear-gradient(160deg,#ffffff12,#0000 40%,#00000059);position:absolute;inset:0}.plaque-platinum:before{background:var(--metal-platinum)}.plaque-gold:before{background:var(--metal-gold)}.plaque-silver:before{background:var(--metal-silver)}.plaque-bronze:before{background:var(--metal-bronze)}.plaque-sheen{pointer-events:none;background:radial-gradient(240px circle at var(--mx,30%) var(--my,0%), #ffffff38, transparent 55%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.plaque:hover .plaque-sheen{opacity:1}.plaque .grade{filter:drop-shadow(0 6px 12px #0009);transform:translateZ(30px)}.plaque-text{flex-direction:column;min-width:0;line-height:1.15;display:flex}.plaque-label{text-transform:uppercase;letter-spacing:.14em;color:#ffffffbf;font-size:.72rem}.plaque-value{font-variant-numeric:tabular-nums;font-size:clamp(1.35rem,2.4vw,1.75rem);font-weight:700}.plaque-pct{color:#fff9;font-size:.75rem}.donut{background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;place-items:center;padding:.75rem 1rem;display:grid;position:relative}.donut svg{display:block}.donut-seg{transition:stroke-width .2s}.donut-seg:hover{stroke-width:13px}.seg-platinum{stroke:var(--platinum)}.seg-gold{stroke:var(--gold)}.seg-silver{stroke:var(--silver)}.seg-bronze{stroke:var(--bronze)}@media (prefers-reduced-motion:no-preference){.plaques:not(.in) .donut-seg{stroke-dasharray:0 999}.donut-seg{transition:stroke-dasharray 1.4s var(--ease-out) .3s, stroke-width .2s}}.donut-center{flex-direction:column;align-items:center;line-height:1.1;display:flex;position:absolute}.donut-center strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.2rem}.donut-center span{font-size:.72rem}.cabinet{background:radial-gradient(70% 50% at 50% 0,#a0c3ff1f,#0000 70%),linear-gradient(#121a2b 0%,#0b0f18 100%);border:1px solid #b9d3f029;border-radius:22px;margin-bottom:1.5rem;padding:1.25rem;position:relative;box-shadow:inset 0 1px #ffffff14,0 30px 60px -30px #000000e6}.cabinet-head{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.cabinet-head h2{background:linear-gradient(90deg, #fff, var(--platinum));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.35rem}.cabinet-head p{margin:.15rem 0 0;font-size:.85rem}.cabinet-all{color:var(--platinum);white-space:nowrap;font-size:.9rem;text-decoration:none}.cabinet-all:hover{text-decoration:underline}.cabinet-glass{background:linear-gradient(#ffffff09,#ffffff03);border:1px solid #ffffff12;border-radius:16px;padding:.5rem 1rem 0;position:relative}.cabinet-glass:before{content:"";background:linear-gradient(90deg,#0000,#dcebffe6,#0000);height:3px;position:absolute;inset:0 0 auto;box-shadow:0 0 30px 8px #aacdff59}.cabinet-glass:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#0000 42%,#ffffff0f 50%,#0000 58%) 100% 0/300% 100% no-repeat;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.cabinet-glass:after{animation:9s ease-in-out infinite glass-glint}}@keyframes glass-glint{0%,55%{background-position:100% 0}to{background-position:0 0}}.cabinet-shelves{--row:210px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-auto-rows:var(--row);background:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--row) - 14px), #b9d3f038 calc(var(--row) - 14px), #788caa1f calc(var(--row) - 10px), transparent calc(var(--row) - 4px), transparent var(--row));column-gap:.5rem;display:grid}.relic{z-index:0;outline:none;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:14px;text-decoration:none;display:flex;position:relative}.relic:hover,.relic:focus-visible{z-index:5}.relic-spot{pointer-events:none;clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);opacity:.7;background:radial-gradient(50% 75% at 50% 0,#c8deff2e,#0000 70%);width:150px;height:100%;transition:opacity .3s;position:absolute;top:0;left:50%;transform:translate(-50%)}.relic:hover .relic-spot{opacity:1}.relic-art{background:radial-gradient(circle at 50% 35%,#2a3a5a,#121826);border-radius:14px;place-items:center;width:92px;height:92px;display:grid;position:relative;overflow:hidden;transform:translateZ(40px);box-shadow:0 0 0 1px #b9d3f059,0 0 24px #b9d3f040,0 16px 22px -10px #000000e6}.relic-art img{object-fit:cover;width:100%;height:100%}.relic-gloss{background:radial-gradient(140px circle at var(--mx,30%) var(--my,10%), #ffffff59, transparent 50%), linear-gradient(160deg, #ffffff40, transparent 40%);mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0}.relic-pedestal{filter:blur(1px);background:radial-gradient(#b9d3f073,#b9d3f00d 70%,#0000 72%);border-radius:50%;width:76px;height:12px;margin-top:10px}@media (prefers-reduced-motion:no-preference){.relic-art{animation:5s ease-in-out infinite float;animation-delay:calc(var(--i,0) * -.6s)}.relic-pedestal{animation:5s ease-in-out infinite shadow-breathe;animation-delay:calc(var(--i,0) * -.6s)}.relic:hover .relic-art{animation-play-state:paused}}@keyframes float{50%{translate:0 -8px}}@keyframes shadow-breathe{50%{opacity:.7;transform:scaleX(.82)}}.relic-card{text-align:center;opacity:0;pointer-events:none;width:200px;transition:opacity .2s, transform .25s var(--ease-out);background:#0e131ef5;border:1px solid #b9d3f040;border-radius:12px;flex-direction:column;gap:.15rem;padding:.6rem .75rem;font-size:.8rem;display:flex;position:absolute;top:calc(100% - 6px);left:50%;transform:translate(-50%,6px);box-shadow:0 16px 40px #0009}.relic-card strong{font-size:.85rem;line-height:1.25}.relic:hover .relic-card,.relic:focus-visible .relic-card{opacity:1;transform:translate(-50%)}.relic:focus-visible .relic-art{box-shadow:0 0 0 2px var(--ps-glow), 0 0 24px #3d9bff80}.relic-rarity{color:var(--platinum);font-weight:600}.relic-rarity.ultra{color:var(--gold)}.cabinet-empty{color:var(--muted);place-items:center;gap:.6rem;padding:2.5rem 1rem;display:grid}.cabinet-empty .grade{opacity:.6;filter:grayscale(.4)}.stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.85rem;margin-bottom:1.5rem;display:grid}.stat{border:1px solid var(--glass-border);background:linear-gradient(160deg,#ffffff0d,#ffffff03);border-radius:16px;flex-direction:column;justify-content:center;gap:.25rem;padding:1rem 1.15rem;display:flex}.stat-ring{flex-direction:row;align-items:center;gap:.9rem}.stat-ring strong{font-family:var(--font-display);font-size:.95rem}.stat-value{font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:700;line-height:1.05}.stat-value small{color:var(--muted);font-size:1rem}.stat-label{color:var(--muted);font-size:.8rem}.note{margin:-.75rem 0 1.25rem;font-size:.85rem}.overview{grid-template-columns:2fr 1fr;gap:1rem;margin-bottom:1.75rem;display:grid}.overview-side{flex-direction:column;gap:1rem;display:flex}.overview>:only-child{grid-column:1/-1}.section{border:1px solid var(--glass-border);background:linear-gradient(160deg,#ffffff0a,#ffffff03);border-radius:18px;padding:1.1rem}.section h2{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin:0 0 .85rem;font-size:.78rem}.poster-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.85rem;display:grid}.poster{aspect-ratio:16/10;border:1px solid var(--glass-border);isolation:isolate;border-radius:14px;align-items:flex-end;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 30px -18px #000000e6}.poster-art{z-index:-2;transition:transform .6s var(--ease-out);background-position:50%;background-size:cover;position:absolute;inset:0}.poster:after{content:"";z-index:-1;background:linear-gradient(#00000026 35%,#000000eb);position:absolute;inset:0}.poster-glare{z-index:1;pointer-events:none;background:radial-gradient(300px circle at var(--mx,50%) var(--my,0%), #ffffff29, transparent 50%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.poster:hover .poster-art{transform:scale(1.08)}.poster:hover .poster-glare{opacity:1}.poster:hover{border-color:#3d9bff99}.poster-rank{font-family:var(--font-display);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:700;position:absolute;top:.55rem;left:.55rem}.poster-info{flex-direction:column;gap:.25rem;width:100%;min-width:0;padding:.7rem;font-size:.85rem;display:flex}.poster-info strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.poster-hours{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:600}.recent{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.recent a{transition:background .2s, transform .2s var(--ease-out);border-radius:10px;align-items:center;gap:.65rem;padding:.35rem;font-size:.85rem;text-decoration:none;display:flex}.recent a:hover{background:#ffffff0d;transform:translate(3px)}.recent img{object-fit:cover;border-radius:6px;flex-shrink:0;width:58px;height:34px}.recent div{flex-direction:column;flex:1;min-width:0;display:flex}.recent strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bars{flex-direction:column;gap:.55rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.bars li{grid-template-columns:2.6rem 1fr 3.5rem;align-items:center;gap:.5rem;display:grid}.bar-track{background:#ffffff0f;border-radius:4px;height:8px;overflow:hidden}.bar-fill{background:linear-gradient(to right, var(--ps-blue), var(--ps-glow));transform-origin:0;border-radius:4px;height:100%;display:block;box-shadow:0 0 10px #3d9bff80}@media (prefers-reduced-motion:no-preference){.reveal:not(.in) .bar-fill{transform:scaleX(0)}.bar-fill{transition:transform 1.1s var(--ease-out);transition-delay:calc(var(--i,0) * .12s + .3s)}}.bar-value{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.game-card{isolation:isolate;transition:border-color .2s, transform .2s var(--ease-out), box-shadow .2s;position:relative;overflow:hidden}.game-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px -18px #000000e6}.game-card-bg{z-index:-1;opacity:.16;background-position:50%;background-size:cover;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(270deg,#000,#0000 75%);mask-image:linear-gradient(270deg,#000,#0000 75%)}.game-card:hover .game-card-bg{opacity:.28}.game-card.platinum{border-left:3px solid var(--platinum)}.game-stats{align-items:center;gap:.9rem;display:inline-flex}.playtime{color:var(--gold);font-variant-numeric:tabular-nums;align-items:center;gap:.3rem;font-weight:600;display:inline-flex}.skeleton{flex-direction:column;gap:1rem;display:flex}.sk{border:1px solid var(--glass-border);background:#ffffff0a;border-radius:18px;position:relative;overflow:hidden}.sk:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff0f 50%,#0000 70%);position:absolute;inset:0;transform:translate(-100%)}@media (prefers-reduced-motion:no-preference){.sk:after{animation:1.6s ease-in-out infinite shimmer}}@keyframes shimmer{to{transform:translate(100%)}}.sk-hero{align-items:flex-end;gap:1.25rem;height:320px;padding:2rem;display:flex}.sk-avatar{background:#ffffff12;border-radius:50%;width:120px;height:120px}.sk-lines{flex-direction:column;flex:1;gap:.7rem;display:flex}.sk-line{background:#ffffff12;border-radius:8px;height:16px}.sk-line.w40{width:40%;height:30px}.sk-line.w25{width:25%}.sk-row{grid-template-columns:repeat(4,1fr);gap:.85rem;display:grid}.sk-plaque{height:96px}.sk-cabinet{height:260px}.sk-note{text-align:center;font-size:.9rem}@media (width<=960px){.plaques{grid-template-columns:1fr}.donut{justify-self:center}}@media (width<=800px){.overview{grid-template-columns:1fr}.sk-row{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.hero{border-radius:18px;min-height:0}.hero-content{flex-direction:column;align-items:flex-start;gap:1rem;padding:6rem 1.25rem 1.25rem}.avatar{width:88px;height:88px}.level{width:100%}.game-hero-icon{width:120px}.game-meta{flex-direction:column;gap:.3rem}.plaque-grid{grid-template-columns:repeat(2,1fr)}.plaque{flex-direction:column;align-items:flex-start}.cabinet{padding:1rem .75rem}.cabinet-shelves{--row:180px;grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.relic-art{width:74px;height:74px}.relic-card{width:160px}.sk-hero{height:240px}}
