:root{--text:#9aa3b2;--text-h:#eaeef5;--bg:#02060f;--surface:#0a1122;--surface-2:#121a2e;--border:#ffffff12;--accent:#06d3fd;--accent-2:#0369a1;--accent-dim:#06d3fd1f;--accent-border:#06d3fd66;--green:#34d399;--green-dim:#34d3991f;--shadow-sm:0 2px 8px #0006;--shadow:0 8px 32px #0009;--sans:"Inter", system-ui, -apple-system, sans-serif;font:16px/150% var(--sans);color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}:root.light{--text:#4a5b6b;--text-h:#02060f;--bg:#f3f6f9;--surface:#fff;--surface-2:#eaf0f5;--border:#02060f1a;--accent:#0369a1;--accent-2:#024e78;--accent-dim:#0369a11a;--accent-border:#0369a159;--green:#059669;--green-dim:#05966914;--shadow-sm:0 2px 8px #00000014;--shadow:0 8px 32px #0000001f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}#root{min-height:100svh}html,body{max-width:100%;overflow-x:clip}body{-webkit-tap-highlight-color:transparent;margin:0}h1,h2,h3{color:var(--text-h);margin:0;font-weight:600}p{margin:0}*{box-sizing:border-box}.toast-container{bottom:calc(24px + env(safe-area-inset-bottom));right:calc(24px + env(safe-area-inset-right));z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed}.toast{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:all;border-radius:14px;align-items:center;gap:10px;min-width:280px;max-width:420px;padding:12px 14px;animation:.22s cubic-bezier(.34,1.56,.64,1) toast-in;display:flex;box-shadow:0 8px 32px #0000005c}.toast--error{background:#280c10e6;border:1px solid #ff64644d}.toast--success{background:#0a1e16e6;border:1px solid #34d3994d}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.toast--error .toast-icon{color:#ff8080;background:#ff50502e}.toast--success .toast-icon{color:#34d399;background:#34d3992e}.toast-message{color:#ffffffe0;flex:1;font-size:13px;font-weight:500;line-height:1.4}.toast-close{color:#ffffff59;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:16px;transition:color .15s;display:flex}.toast-close:hover{color:#ffffffb3}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.rec-section{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px;margin-bottom:24px;display:grid}@media (width<=1080px){.rec-section{grid-template-columns:1fr}}@media (width<=600px){.rec-section{grid-template-columns:1fr}}.rec-card{height:fit-content;min-height:0}.rec-card--empty{border-color:#ffffff14}.rec-empty{z-index:1;color:#ffffff85;align-items:center;min-height:96px;font-size:15px;line-height:1.6;display:flex;position:relative}.rec-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.rec-body{min-width:0}.rec-cover{object-fit:cover;border-radius:6px;flex-shrink:0;width:48px;height:64px}.rec-info,.rec-title,.rec-reason{min-width:0}.rec-meta{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.rec-chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:99px;padding:2px 8px;font-size:11px;font-weight:500}.rec-chip--playing{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent)}.rec-card--new{border-color:#ffffff1a}.rec-add-btn{margin-left:0}.badges-section{margin-top:24px}.badges-summary{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.badges-page-indicator{letter-spacing:.16em;text-transform:uppercase;color:#8fe3ff8a;font-size:11px}.badges-showcase{margin-top:24px;padding:0 58px;position:relative}.badges-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.badge-card{background:#ffffff09;border:1px solid #8fe3ff2e;border-radius:26px;flex-direction:column;justify-content:space-between;gap:18px;min-height:260px;padding:22px 20px 18px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 18px 40px #04050c5c}.badge-card:before{content:"";opacity:.7;pointer-events:none;background:0 0;position:absolute;inset:0}.badge-card--locked{background:#ffffff09;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff08,0 14px 30px #04050c3d}.badge-card--locked:before{opacity:.24}.badge-card-top{z-index:1;flex-direction:column;gap:18px;display:flex;position:relative}.badge-medallion-wrap{justify-content:center;align-items:center;display:flex}.badge-medallion{background:#ffffff09;border:1px solid #8fe3ff47;border-radius:30px;place-items:center;width:98px;height:98px;display:grid;box-shadow:inset 0 1px #ffffff1a,0 16px 30px #7816163d,0 0 34px #8fe3ff1f}.badge-card--locked .badge-medallion{background:#ffffff09;border:1px dashed #ffffff2e;box-shadow:inset 0 0 0 1px #ffffff08}.badge-icon{filter:drop-shadow(0 8px 20px #0000003d);font-size:44px;line-height:1}.badge-card--locked .badge-icon{opacity:.4;filter:grayscale()}.badge-card-copy{flex-direction:column;gap:10px;min-width:0;display:flex}.badge-card-header{flex-direction:column;gap:10px;display:flex}.badge-name{color:#fff6f1;text-wrap:balance;font-size:22px;font-weight:700;line-height:1.05}.badge-desc{color:#efe7e4d1;font-size:15px;line-height:1.55}.badge-state{color:#8fe3ff;letter-spacing:.18em;text-transform:uppercase;background:#8fe3ff1f;border:1px solid #8fe3ff40;border-radius:999px;width:fit-content;padding:6px 11px;font-size:10px;font-weight:700}.badge-state--locked{color:#e9e8ed8f;background:#ffffff08;border-color:#ffffff1a}.badge-card-footer{z-index:1;border-top:1px solid #ffffff14;justify-content:space-between;align-items:flex-end;gap:12px;padding-top:16px;display:flex;position:relative}.badge-date-block{flex-direction:column;gap:4px;display:flex}.badge-date-label{letter-spacing:.18em;text-transform:uppercase;color:#8fe3ff7a;font-size:10px}.badge-date-value{color:#fff5f0e6;font-size:14px;font-weight:600}.badge-lock{color:#fff3ef94;background:#ffffff08;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.badges-nav-btn{color:#8fe3ff;cursor:pointer;z-index:2;background:#06d3fd33;border:1px solid #8fe3ff2e;border-radius:50%;place-items:center;width:42px;height:42px;transition:border-color .2s,background .2s,color .2s,opacity .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 24px #05060f47}.badges-nav-btn:hover:not(:disabled){background:#06d3fd33;border-color:#8fe3ff57}.badges-nav-btn:disabled{opacity:.35;cursor:default}.badges-nav-btn span{font-size:26px;line-height:1}.badges-nav-btn--left{left:0}.badges-nav-btn--right{right:0}.badges-progress-dots{justify-content:center;gap:8px;margin-top:18px;display:flex}.badges-progress-dot{background:#ffffff24;border-radius:999px;width:8px;height:8px;transition:transform .2s,background .2s,box-shadow .2s}.badges-progress-dot.is-active{background:#8fe3ff;transform:scale(1.2);box-shadow:0 0 18px #8fe3ff73}@media (width<=1200px){.badges-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.badges-showcase{padding:0 46px}.badge-card{min-height:238px}.badge-name{font-size:20px}}@media (width<=600px){.badges-summary{justify-content:space-between;width:100%}.badges-showcase{padding:0}.badges-grid{grid-template-columns:minmax(0,1fr)}.badges-nav-btn{position:static;transform:none}.badges-showcase{grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;display:grid}}.layout{--app-content-width:1380px;max-width:var(--app-content-width);padding:56px max(24px, env(safe-area-inset-right)) calc(80px + env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));margin:0 auto}@media (width<=600px){.layout{padding:32px max(16px, env(safe-area-inset-right)) calc(60px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}}.header{margin-bottom:40px;position:relative}@media (width<=600px){.header{margin-bottom:28px}}.layout--profile .header{margin-bottom:28px}.layout--backlog .header{margin-bottom:30px}.layout--profile .header-top,.layout--backlog .header-top{gap:24px}.layout--profile .header-stats,.layout--backlog .header-stats{flex-wrap:wrap;justify-content:flex-end}.layout--library .header{margin-bottom:30px}.layout--library .header-top{gap:24px}.layout--library .header-stats{flex-wrap:wrap;justify-content:flex-end}.header-top{background:#ffffff09;border:1px solid #ffffff14;border-radius:26px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:18px 20px;display:flex;box-shadow:0 24px 58px #00000038}@media (width<=960px){.header-top{flex-wrap:wrap;align-items:flex-start}}.header-left{align-items:center;gap:18px;min-width:0;display:flex}@media (width<=760px){.header-left{flex-wrap:wrap;width:100%}}.nav-tabs{background:#06d3fd33;border:1px solid #ffffff14;border-radius:18px;flex-wrap:wrap;gap:6px;padding:6px;display:flex;box-shadow:inset 0 1px #ffffff0a}.nav-tab{color:#ffffffb3;letter-spacing:.04em;text-transform:uppercase;min-height:42px;font-size:13px;font-weight:700;font-family:var(--sans);cursor:pointer;background:0 0;border:none;border-radius:13px;justify-content:center;align-items:center;padding:9px 18px;transition:background .18s,color .18s,transform .18s,box-shadow .18s;display:inline-flex;position:relative}.nav-tab:hover{color:var(--text-h);transform:translateY(-1px)}.nav-tab.active{color:var(--text-h);background:#06d3fd33;box-shadow:inset 0 1px #ffffff14,0 10px 24px #00000029}.brand-logo-shell{flex-shrink:0;justify-content:center;align-items:center;padding:3px 4px;display:inline-flex;position:relative;overflow:hidden}.brand-logo-shell:after{content:"";opacity:.5;pointer-events:none;mix-blend-mode:screen;background:0 0;animation:6.8s ease-in-out infinite brand-logo-shimmer;position:absolute;inset:0;transform:skew(-18deg)translate(-160%)}.brand-logo{filter:drop-shadow(0 10px 22px #06d3fd3d);flex-shrink:0;width:auto;height:56px;animation:6.8s ease-in-out infinite brand-logo-glow}@media (width<=760px){.brand-logo{height:48px}}@keyframes brand-logo-shimmer{0%,72%,to{opacity:0;transform:skew(-18deg)translate(-180%)}8%{opacity:.18}22%{opacity:.62;transform:skew(-18deg)translate(430%)}28%{opacity:0}}@keyframes brand-logo-glow{0%,to{filter:drop-shadow(0 10px 22px #06d3fd3d)}18%{filter:drop-shadow(0 10px 22px #06d3fd47)drop-shadow(0 0 18px #ffffff14)}}.header h1{letter-spacing:-.5px;background:#fff;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px}@media (width<=600px){.header h1{font-size:24px}}.header-stats{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}@media (width<=960px){.header-stats{justify-content:flex-start;width:100%}}.nav-tab-count{color:#8fe3ff;background:#06d3fd24;border:1px solid #06d3fd38;border-radius:99px;justify-content:center;align-items:center;min-width:18px;margin-left:7px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1.4;display:inline-flex}.library{flex-direction:column;gap:16px;width:100%;padding:0 0 36px;display:flex}.bc-page{flex-direction:column;gap:16px;padding:0 0 36px;display:flex}.bc-header{background:#ffffff09;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:minmax(280px,1fr) auto auto;align-items:center;gap:18px;padding:18px 22px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 14px 34px #00000038}.bc-header-sheen{display:none}@keyframes bc-header-sheen{0%{opacity:0;transform:translate(0)skew(-12deg)}10%{opacity:1}42%{opacity:0}to{opacity:0;transform:translate(360%)skew(-12deg)}}@media (prefers-reduced-motion:reduce){.bc-header-sheen{opacity:0;animation:none}}.bc-header:before,.bc-header:after,.bc-header-left:before{content:none}.bc-header-left{z-index:1;align-items:center;gap:14px;min-width:200px;display:flex;position:relative}.bc-header-icon{color:#d7b86a;width:52px;height:52px;box-shadow:none;background:#d7b86a1a;border:1px solid #d7b86a38;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bc-header-icon-svg{filter:none;width:26px;height:26px}.bc-header-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.bc-header-kicker{letter-spacing:.12em;text-transform:uppercase;color:#d7b86abd;font-size:.64rem;font-weight:850}.bc-header-title{letter-spacing:0;color:#fffffff0;filter:none;margin:0;font-size:clamp(1.55rem,2vw,2rem);font-weight:900;line-height:1}.bc-header-sub{letter-spacing:.02em;color:#ffffff75;font-size:.74rem;font-weight:650}.bc-header-center{z-index:1;background:#ffffff07;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:0;padding:10px 14px;display:flex;position:relative;overflow:hidden}.bc-header-center:before{content:none}.bc-stat-block{z-index:1;flex-direction:column;align-items:center;gap:4px;min-width:86px;display:flex;position:relative}.bc-stat-block small{letter-spacing:.11em;color:#ffffff73;text-transform:uppercase;font-size:.6rem;font-weight:700}.bc-stat-block strong{color:#d7b86a;text-shadow:none;font-size:2rem;font-weight:900;line-height:1}.bc-stat-divider{background:#ffffff14;width:1px;height:42px;margin:0 14px}.bc-header-right{z-index:1;justify-content:flex-end;align-items:center;gap:10px;display:flex;position:relative}.bc-nav-btn{color:#ffffffc7;cursor:pointer;background:#151923;border:1px solid #e2e8f01f;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.45rem;line-height:1;transition:background .12s,border-color .12s,transform .12s;display:flex}.bc-nav-btn:hover:not(:disabled){background:#1d2430;border-color:#ffffff3d;transform:translateY(-1px)}.bc-nav-btn:disabled{opacity:.28;cursor:not-allowed}.bc-page-indicator{color:#ffffffdb;text-align:center;flex-direction:column;gap:2px;min-width:64px;font-size:1rem;font-weight:800;line-height:1.05;display:flex}.bc-page-indicator small{letter-spacing:.14em;color:#ffffff6b;font-size:.58rem;font-weight:800}.bc-year-filter{flex-wrap:wrap;gap:7px;padding:0 2px;display:flex}.bc-year-chip{color:#ffffff73;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff17;border-radius:100px;padding:4px 13px;font-size:.73rem;font-weight:600;transition:background .12s,border-color .12s,color .12s}.bc-year-chip:hover{color:#ffffffbf;background:#ffffff14;border-color:#ffffff2e}.bc-year-chip--active{color:#c4a44e;background:#b9963a1f;border-color:#b9963a59}.bc-empty{text-align:center;color:#ffffff9e;background:#ffffff06;border:1px solid #e2e8f014;border-radius:18px;justify-items:center;gap:8px;padding:58px 24px;display:grid}.bc-empty-kicker{color:#d7b86a;letter-spacing:.16em;text-transform:uppercase;font-size:.68rem;font-weight:950}.bc-empty strong{color:#fffffff0;font-size:clamp(1.55rem,2.4vw,2.5rem);line-height:1.05}.bc-empty p{max-width:520px;margin:0;font-size:.94rem;line-height:1.45}.bc-book{background:#080b10;border:1px solid #7a96cd2e;border-radius:20px;grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);gap:0;padding:20px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,inset 0 0 0 6px #ffffff05,0 24px 60px #00000052}.bc-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.bc-pocket{background:#ffffff0b;border:1px solid #e2e8f021;border-radius:13px;min-width:0;min-height:0;padding:8px;transition:border-color .15s,transform .15s;position:relative;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0006,0 10px 18px #0000003d}.bc-pocket:hover{border-color:#ffffff47;transform:translateY(-2px)}.bc-pocket--milestone{border-color:#d7b86abd;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000006b,0 0 0 1px #d7b86a29,0 16px 28px #00000052}.bc-pocket--milestone:hover{border-color:#f5d586e6}.bc-milestone-badge{z-index:4;color:#171208;letter-spacing:.14em;text-transform:uppercase;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#d7b86a;border:1px solid #ffffff2e;border-radius:0 0 9px 9px;max-width:calc(100% - 32px);padding:5px 13px 6px;font-size:.62rem;font-weight:950;line-height:1;position:absolute;top:14px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 16px #0000004d}.bc-pocket--empty{box-shadow:none;border-color:#ffffff0d}.bc-card{aspect-ratio:16/9;cursor:pointer;text-align:left;background:#111722;border:1px solid #e2e8f014;border-radius:9px;width:100%;padding:0;transition:transform .15s,border-color .15s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff06,0 8px 18px #00000059}.bc-pocket:hover .bc-card{border-color:#ffffff2e}.bc-pocket--milestone .bc-card{border-color:#d7b86a61}.bc-pocket--perfect .bc-card{border-color:#7dd3fcb8;box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 1px #22d3ee33,0 14px 28px #082f496b,0 0 34px #7dd3fc38}.bc-card-art{background:#0c1118;position:absolute;inset:0}.bc-card-art-img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.bc-pocket--perfect .bc-card-art-img{filter:saturate(1.16)contrast(1.05)}.bc-pocket--perfect .bc-card-art:before,.bc-pocket--perfect .bc-card-art:after{content:"";pointer-events:none;z-index:1;position:absolute;inset:0}.bc-pocket--perfect .bc-card-art:before{mix-blend-mode:screen;opacity:.8;background:radial-gradient(circle at 18% 22%,#ffffff57 0 1px,#0000 2px),radial-gradient(circle at 78% 24%,#bae6fd6b 0 1px,#0000 2px),radial-gradient(circle at 63% 70%,#fde04747 0 1px,#0000 2px),linear-gradient(125deg,#0000 18%,#7dd3fc29 35%,#fde0471f 48%,#f472b621 62%,#0000 78%)}.bc-pocket--perfect .bc-card-art:after{mix-blend-mode:screen;background:linear-gradient(115deg,#0000 35%,#ffffff5c 48%,#0000 61%);animation:5.8s ease-in-out infinite binder-perfect-sheen;inset:-20%;transform:translate(-70%)rotate(8deg)}.bc-mastered-mark{z-index:4;color:#ecfeff;letter-spacing:.05em;text-shadow:0 1px 6px #082f49cc;background:linear-gradient(135deg,#082f49c7,#0e74909e),#ffffff14;border:1px solid #ecfeff94;border-radius:999px;justify-content:center;align-items:center;min-width:48px;height:28px;padding:0 9px;font-size:11px;font-weight:950;display:inline-flex;position:absolute;top:10px;right:10px;box-shadow:inset 0 1px #ffffff42,0 8px 18px #082f4957,0 0 18px #67e8f942}.bc-mastered-mark span{line-height:1}.bc-card-no-art{background:#151923;justify-content:center;align-items:center;height:100%;display:flex}.bc-card-no-art span{color:#ffffff12;text-transform:uppercase;font-size:2.5rem;font-weight:900}.bc-card-overlay{z-index:2;background:linear-gradient(#0000 0%,#0009 45%,#000000eb 100%);flex-direction:column;gap:8px;padding:40px 14px 14px;display:flex;position:absolute;inset:auto 0 0}.bc-card-title{color:#fff;-webkit-line-clamp:2;text-shadow:0 1px 4px #0009;-webkit-box-orient:vertical;margin:0;font-size:clamp(.9rem,1.2vw,1.1rem);font-weight:800;line-height:1.2;display:-webkit-box;overflow:hidden}.bc-card-meta-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.bc-card-clear-num{color:#d7b86a;letter-spacing:.05em;font-size:.75rem;font-weight:900}.bc-card-clear-date{color:#ffffff8c;font-size:.7rem;font-weight:600}.bc-empty-card{aspect-ratio:16/9;color:#ffffff38;background:repeating-linear-gradient(135deg,#ffffff04 0 11px,#ffffff01 11px 22px);border:1px dashed #e2e8f01f;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:100%;display:flex;position:relative}.bc-empty-serial{letter-spacing:.05em;color:#ffffff29;font-size:.7rem;font-weight:900;position:absolute;top:9px;left:11px}.bc-empty-icon{opacity:.55;width:30px;height:30px}.bc-empty-label{letter-spacing:.16em;text-transform:uppercase;font-size:.6rem;font-weight:800}.bc-pocket--next .bc-empty-card{color:#d7b86a9e;border-color:#d7b86a6b;box-shadow:inset 0 0 26px #d7b86a12}.bc-pocket--next .bc-empty-serial{color:#d7b86a80}.bc-binder-page{background:radial-gradient(120% 90% at 50% 0,#ffffff09,#0000 62%),linear-gradient(#161a24a8,#0c0f15a8);border:1px solid #ffffff12;border-radius:18px;padding:22px 22px 22px 50px;position:relative;box-shadow:inset 0 1px #ffffff0d,inset 0 0 0 1px #0003,0 22px 44px #00000042}.bc-binder-rings{pointer-events:none;flex-direction:column;justify-content:space-between;width:15px;display:flex;position:absolute;top:30px;bottom:30px;left:17px}.bc-binder-rings span{background:radial-gradient(circle at 35% 30%,#ffffff38,#0000008c 75%);border-radius:50%;width:15px;height:15px;box-shadow:inset 0 0 0 1px #0009,inset 0 1px 2px #000000b3,0 1px 1px #ffffff0f}.bc-card:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(115deg,#0000 36%,#ffffff2e 48%,#0000 62%);transition:transform .6s;position:absolute;inset:0;transform:translate(-130%)}.bc-pocket:hover .bc-card:after{transform:translate(130%)}@media (prefers-reduced-motion:reduce){.bc-card:after{transition:none}.bc-pocket--perfect .bc-card-art:after{animation:none}}@media (width<=1080px){.bc-header{grid-template-columns:1fr}.bc-header-center,.bc-header-right{justify-self:start}.bc-book{grid-template-columns:1fr;gap:14px}.bc-grid--left,.bc-grid--right{border:1px solid #e2e8f01a;border-radius:16px}.bc-spine{display:none}}@media (width<=760px){.bc-grid{grid-template-columns:repeat(2,1fr)}.bc-binder-page{padding:16px}.bc-binder-rings{display:none}.bc-header{padding:18px}.bc-header-left{align-items:flex-start}.bc-header-icon{width:48px;height:48px}.bc-header-icon-svg{width:24px;height:24px}.bc-header-center{width:100%;overflow-x:auto}.bc-header-right{justify-content:space-between;width:100%}.bc-book{padding:10px}.bc-grid{grid-template-rows:auto;grid-template-columns:1fr;gap:12px;padding:12px}.bc-card{min-height:340px}}.binder-page{gap:26px;padding:0 0 36px;display:grid}.binder-hero{background:#ffffff09;border:1px solid #60a5fa2e;border-radius:18px;grid-template-columns:minmax(480px,820px) auto;justify-content:space-between;align-items:end;gap:40px;padding:34px 42px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 28px 70px #00000047}.binder-hero:before{content:"";pointer-events:none;border:1px solid #ffffff0e;border-radius:13px;position:absolute;inset:12px}.binder-hero-copy{z-index:1;align-content:center;gap:16px;max-width:820px;display:grid;position:relative}.binder-kicker{color:#93c5fd;letter-spacing:.16em;text-transform:uppercase;background:#60a5fa1a;border:1px solid #60a5fa42;border-radius:999px;width:fit-content;padding:7px 11px;font-size:11px;font-weight:900}.binder-hero h2{color:var(--text-h);letter-spacing:0;margin:0;font-size:clamp(38px,3.3vw,56px);line-height:1.02}.binder-hero p{color:#ffffffad;max-width:680px;margin:0;font-size:16px;line-height:1.45}.binder-hero-stats{z-index:1;width:min(280px,100%);position:relative}.binder-hero-stat{background:#ffffff09;border:1px solid #ffffff14;border-radius:12px;align-content:center;gap:8px;min-width:250px;min-height:132px;padding:16px;display:grid}.binder-hero-stat span{color:var(--text-h);letter-spacing:0;white-space:nowrap;font-size:clamp(26px,2.2vw,34px);font-weight:900}.binder-hero-stat small{color:#ffffff80;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900}.binder-shelf{background:#ffffff09 0 0/24px 24px;border:1px solid #ffffff12;border-radius:20px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;padding:18px;display:grid}.binder-book{background:#ffffff09;border:1px solid #93c5fd29;border-radius:24px;padding:18px;position:relative;box-shadow:inset 0 1px #ffffff14,0 30px 80px #00000057}.binder-book-header{justify-content:space-between;align-items:center;gap:18px;padding:0 4px 14px;display:flex}.binder-book-header>div:first-child{gap:3px;display:grid}.binder-book-kicker{color:#ffffff73;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:900}.binder-book-header strong{color:var(--text-h);font-size:18px;font-weight:900}.binder-page-controls{gap:8px;display:flex}.binder-page-controls button,.binder-detail-close{color:#ffffffc2;min-height:36px;font:800 12px/1 var(--sans);cursor:pointer;background:#93c5fd14;border:1px solid #93c5fd29;border-radius:8px;padding:0 13px}.binder-page-controls button:disabled{opacity:.4;cursor:not-allowed}.binder-spread{background:#ffffff09;border-radius:18px;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);gap:0;min-height:700px;display:grid;position:relative;overflow:hidden}.binder-sheet{background:#ffffff09;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px;display:grid}.binder-sheet--left{border-right:1px solid #ffffff0f}.binder-sheet--right{border-left:1px solid #ffffff0f}.binder-rings{background:#ffffff09;align-content:space-around;justify-items:center;padding:62px 0;display:grid}.binder-rings span{border:5px solid #cbd5e16b;border-left-color:#cbd5e11f;border-radius:999px;width:30px;height:64px;box-shadow:inset 0 0 10px #00000057,0 0 18px #93c5fd14}.binder-pocket{aspect-ratio:1;background:#ffffff09;border:1px solid #dbeafe29;border-radius:16px;min-width:0;min-height:0;padding:8px;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff0f}.binder-sleeve{text-align:left;cursor:pointer;background:#ffffff06;border:0;border-radius:13px;width:100%;height:100%;min-height:0;padding:0;display:block}.binder-sleeve--empty{color:#ffffff52;font:900 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;cursor:default;border:1px dashed #dbeafe24;place-items:center;display:grid}.binder-sleeve .binder-card{border-radius:13px;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;align-items:stretch;gap:0;width:100%;height:100%;min-height:0;transform:none}.binder-sleeve .binder-card-cover,.binder-sleeve .binder-card-cover img,.binder-sleeve .binder-card-placeholder{height:100%;min-height:0}.binder-sleeve .binder-card-copy{align-content:center;padding:9px 4px 4px}.binder-sleeve .binder-card h3{min-height:0}.binder-sleeve .binder-card-stats{grid-template-columns:minmax(0,1fr);gap:6px}.binder-sleeve .binder-card-stats div{padding:8px}.binder-sleeve:hover .binder-card{transform:translateY(-3px)}.binder-sleeve--uncommon .binder-card{border-color:#60a5fa59;box-shadow:inset 0 1px #ffffff1f,0 0 18px #60a5fa1f,0 20px 50px #00000042}.binder-sleeve--rare .binder-card{border-color:#a78bfa73;box-shadow:inset 0 1px #ffffff24,0 0 22px #a78bfa2e,0 20px 50px #00000047}.binder-sleeve--rare .binder-card-foil{background:linear-gradient(135deg,#a78bfa14 0%,#0000 60%)}.binder-sleeve--epic .binder-card{border-color:#fbbf2480;box-shadow:inset 0 1px #ffffff29,0 0 28px #fbbf2433,0 20px 54px #0000004d}.binder-sleeve--epic .binder-card-foil{background:linear-gradient(135deg,#fbbf241f 0%,#0000 55%);animation:2.8s ease-in-out infinite alternate binder-shimmer}.binder-sleeve--legendary .binder-card{border-color:#f472b680;box-shadow:inset 0 1px #ffffff2e,0 0 36px #f472b638,0 22px 58px #00000052}.binder-sleeve--legendary .binder-card-foil{background:linear-gradient(135deg,#f472b61a 0%,#a78bfa1a 50%,#fbbf241a 100%);animation:2s ease-in-out infinite alternate binder-shimmer}@keyframes binder-shimmer{0%{opacity:.5}to{opacity:1}}.binder-sleeve--milestone{position:relative}.binder-milestone-banner{z-index:3;color:#1c1400;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:0 0 8px 8px;align-items:center;height:22px;padding:0 10px;font-size:9px;font-weight:900;display:flex;position:absolute;top:-1px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #fbbf2466}.binder-sleeve--milestone .binder-card{border-color:#fbbf2466}.binder-showcase-card.is-milestone{filter:drop-shadow(0 0 26px #d7b86a57)}.binder-clear-rank{color:#fde68a;letter-spacing:.04em;background:#fbbf241f;border:1px solid #fbbf2447;border-radius:999px;align-items:center;gap:5px;height:22px;margin-top:4px;padding:0 9px;font-size:10px;font-weight:800;display:inline-flex}.binder-clear-rank:before{content:"🏆";font-size:11px}.binder-card{--tilt:-.6deg;min-height:388px;transform:rotate(var(--tilt));background:#ffffff09;border:1px solid #93c5fd33;border-radius:18px;grid-template-rows:1fr auto;padding:10px;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 20px 50px #00000042}.binder-card:nth-child(3n+2){--tilt:.45deg}.binder-card:nth-child(3n+3){--tilt:-.15deg}.binder-card:hover{border-color:#34d3995c;transform:translateY(-4px)rotate(0);box-shadow:inset 0 1px #ffffff24,0 28px 66px #00000057}.binder-card-foil{opacity:.7;pointer-events:none;mix-blend-mode:screen;background:#ffffff09;position:absolute;inset:0}.binder-card-cover{background:#ffffff0a;border-radius:12px;min-height:260px;position:relative;overflow:hidden}.binder-card-cover img{object-fit:cover;width:100%;height:100%;min-height:260px;display:block}.binder-card-placeholder{color:#ffffff7a;letter-spacing:.12em;text-transform:uppercase;place-items:center;height:100%;min-height:260px;font-weight:900;display:grid}.binder-card-copy{z-index:1;gap:8px;padding:12px 4px 4px;display:grid;position:relative}.binder-card-number{color:#93c5fd;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}.binder-card-number--overlay{z-index:2;color:#eff6fff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080d17ad;border:1px solid #dbeafe47;border-radius:999px;padding:6px 8px;position:absolute;top:9px;right:9px;box-shadow:inset 0 1px #ffffff24,0 8px 22px #00000042}.binder-showcase-cover .binder-card-number--overlay{padding:8px 11px;font-size:12px;top:14px;right:14px}.binder-card h3{min-height:48px;color:var(--text-h);letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:19px;line-height:1.12}.binder-card-stats{background:#080d168c;border:1px solid #ffffff1a;border-radius:10px;grid-template-columns:minmax(0,1fr);margin:0;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.binder-card-stats div{min-width:0;padding:10px 11px}.binder-card-stats dt{color:#ffffff73;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}.binder-card-stats dd{color:var(--text-h);margin:6px 0 0;font-size:15px;font-weight:850;line-height:1.1}.binder-showcase-front .binder-card-stats{border-radius:14px}.binder-showcase-front .binder-card-stats div{padding:13px 16px}.binder-showcase-front .binder-card-stats dt{letter-spacing:.14em;font-size:11px}.binder-showcase-front .binder-card-stats dd{margin-top:8px;font-size:19px}.binder-empty{text-align:center;background:#ffffff09;border:1px dashed #93c5fd3d;border-radius:20px;justify-items:center;gap:10px;min-height:340px;padding:42px;display:grid}.binder-empty--spotlight{align-content:center}.binder-empty-title{color:var(--text-h);letter-spacing:-.03em;font-size:24px;font-weight:900}.binder-empty-copy{color:#ffffff94;max-width:480px;font-size:15px;line-height:1.5}.binder-detail-backdrop{z-index:80;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617b8;place-items:center;display:grid;position:fixed;inset:0}.binder-card-reveal-backdrop{perspective:1800px}.binder-card-stage{justify-items:center;gap:14px;width:min(92vw,760px);display:grid;position:relative}.binder-card-stage-close{z-index:3;justify-self:end;position:relative}.binder-showcase-card{aspect-ratio:.72;cursor:pointer;background:0 0;outline:none;width:min(92vw,520px);padding:0;animation:.72s cubic-bezier(.22,1,.36,1) both binder-card-pull;position:relative;translate:0;rotate:0deg;scale:1}.binder-showcase-card:focus-visible{outline-offset:8px;outline:2px solid #93c5fda6}.binder-showcase-inner{transform-style:preserve-3d;transition:transform .78s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.binder-showcase-inner.is-flipped{transform:rotateY(180deg)}.binder-showcase-face{backface-visibility:hidden;background:radial-gradient(135% 78% at 50% -10%,#60a5fa24,#0000 56%),linear-gradient(162deg,#1e2737 0%,#161d2b 52%,#0e131d 100%);border:1px solid #96b4e63d;border-radius:24px;grid-template-rows:minmax(0,1.08fr) auto;padding:14px;display:grid;position:absolute;inset:0;overflow:hidden;transform:translateZ(1px);box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 1px #ffffff14,0 34px 90px #0009}.binder-showcase-back{background:radial-gradient(130% 72% at 50% -8%,#60a5fa1c,#0000 55%),linear-gradient(168deg,#1e2737 0%,#161d2b 54%,#0e131d 100%);flex-direction:column;gap:12px;padding:20px;display:flex;transform:rotateY(180deg)translateZ(1px)}.binder-card-back-header{gap:9px;display:grid}.binder-card-back-kicker-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.binder-card-back-kicker{color:#93c5fdd1;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:950}.binder-favorite-badge{color:#fbbf24;letter-spacing:.08em;text-transform:uppercase;background:#ffffff09;border:1px solid #fbbf2457;border-radius:999px;align-items:center;gap:5px;padding:7px 9px;font-size:10px;font-weight:950;display:inline-flex}.binder-card-back-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.binder-card-back-title-row h2{min-width:0;color:var(--text-h);letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:clamp(26px,5vw,42px);line-height:.98}.binder-memory-line{color:#f8fafcdb;background:#080d168c;border:1px solid #93c5fd33;border-radius:16px;padding:12px 14px;font-size:13px;font-weight:800;line-height:1.38;box-shadow:inset 0 1px #ffffff0a}.binder-card-back-year,.binder-card-metacritic,.binder-genre-chip{color:#ffffffc7;background:#ffffff0e;border:1px solid #ffffff1a;flex-shrink:0;font-weight:900}.binder-card-back-year{border-radius:999px;padding:8px 10px;font-size:12px}.binder-card-genres{flex-wrap:wrap;gap:6px;display:flex}.binder-genre-chip{color:#ffffffb8;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:6px 8px;font-size:10px}.binder-card-rating-block{background:#080d168c;border:1px solid #fbbf243d;border-radius:16px;align-items:baseline;gap:7px;min-height:64px;padding:12px 14px;display:flex;box-shadow:inset 0 1px #ffffff0a}.binder-card-rating-star{color:#fbbf24;font-size:26px;line-height:1}.binder-card-rating-value{color:var(--text-h);font-size:38px;font-weight:950;line-height:.9}.binder-card-rating-denom{color:#ffffff8f;font-size:16px;font-weight:900}.binder-card-metacritic{color:#34d399;background:#34d39914;border-color:#34d39938;border-radius:10px;align-self:center;margin-left:auto;padding:7px 9px;font-size:11px}.binder-card-rating-empty,.binder-card-review-empty,.binder-card-back-empty{color:#ffffff94;font-size:13px;font-weight:800;line-height:1.45}.binder-card-review{color:#f8fafce0;background:#080d168c;border:1px solid #93c5fd33;border-radius:16px;min-height:96px;margin:0;padding:15px;font-size:15px;font-weight:750;line-height:1.4;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.binder-card-review-empty{background:#ffffff06;border:1px dashed #ffffff1f;border-radius:16px;place-items:center;min-height:74px;margin:0;padding:14px;display:grid}.binder-card-back-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.binder-back-stat{background:#080d168c;border:1px solid #ffffff1a;border-radius:14px;min-width:0;padding:12px;box-shadow:inset 0 1px #ffffff0a}.binder-back-stat-label,.binder-card-back-section-label{color:#ffffff7a;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:950;display:block}.binder-back-stat-value{color:var(--text-h);margin-top:7px;font-size:18px;font-weight:950;line-height:1.08;display:block}.binder-card-back-achievements{background:#080d168c;border:1px solid #34d39933;border-radius:16px;margin-top:auto;padding:13px;box-shadow:inset 0 1px #ffffff0a}.binder-card-back-achievements .binder-achievement-meter{margin-top:9px}.binder-card-back-achievements .binder-achievement-icons--showcase{grid-template-columns:repeat(10,minmax(0,1fr));justify-items:center;gap:6px;max-height:none;margin-top:10px;display:grid;overflow:visible}.binder-card-back-achievements .binder-achievement-icons--showcase .binder-achievement-showcase-icon{aspect-ratio:1;border-radius:10px;width:min(100%,42px);height:auto;box-shadow:0 10px 18px #00000042,inset 0 1px #ffffff14}.binder-achievement-pager{color:#ffffff8f;letter-spacing:.08em;text-align:center;text-transform:uppercase;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:8px;margin-top:10px;font-size:11px;font-weight:900;display:grid}.binder-achievement-page-btn{color:#f8fafcdb;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:999px;place-items:center;width:28px;height:28px;padding:0;font-size:18px;font-weight:950;line-height:1;display:grid}.binder-achievement-page-btn:hover:not(:disabled){color:var(--text-h);background:#93c5fd1f;border-color:#93c5fd5c}.binder-achievement-page-btn:disabled{opacity:.32;cursor:default}.binder-showcase-foil{opacity:.7;pointer-events:none;background:linear-gradient(125deg,#0000 38%,#ffffff12 48%,#0000 58%);border-radius:24px;position:absolute;inset:0}.binder-showcase-cover{background:#0e131d;border:1px solid #ffffff0f;border-radius:18px;position:relative;overflow:hidden}.binder-showcase-cover img{object-fit:cover;width:100%;height:100%;display:block}.binder-showcase-card.is-perfect .binder-showcase-cover:after{content:"";opacity:.75;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle at 22% 18%,#ffffff5c 0 1px,#0000 2px),radial-gradient(circle at 72% 26%,#bae6fd6b 0 1px,#0000 2px),linear-gradient(115deg,#0000 24%,#7dd3fc33 38%,#fde04729 50%,#f472b629 62%,#0000 76%);animation:4.8s linear infinite binder-holo;position:absolute;inset:-30%}.binder-showcase-card.is-perfect .binder-showcase-cover{border-color:#7dd3fc85;box-shadow:inset 0 0 0 1px #ffffff1a,0 0 0 1px #22d3ee2e,0 0 36px #7dd3fc2e}.binder-mastered-ribbon{z-index:3;color:#ecfeff;font:950 11px var(--sans);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 8px #082f49e6;background:linear-gradient(135deg,#082f49d6,#0e7490ad),#ffffff1a;border:1px solid #ecfeff99;border-radius:999px;padding:7px 11px;position:absolute;top:12px;right:12px;box-shadow:inset 0 1px #ffffff47,0 10px 22px #082f495c,0 0 22px #67e8f942}@keyframes binder-perfect-sheen{0%,72%,to{opacity:0;transform:translate(-78%)rotate(8deg)}10%{opacity:.72}32%{opacity:0;transform:translate(78%)rotate(8deg)}}@keyframes binder-holo{to{transform:translate(12%)rotate(360deg)}}.binder-showcase-front-copy{z-index:1;gap:10px;padding:12px 2px 2px;display:grid;position:relative}.binder-showcase-front-copy h2,.binder-showcase-back-header h2{color:var(--text-h);letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:40px;line-height:1}.binder-showcase-back-header{gap:8px;display:grid}.binder-showcase-back-header p{color:#ffffff9e;margin:0;font-size:13px;font-weight:700}.binder-showcase-stats{grid-template-columns:1fr 1fr;gap:12px;min-height:0;padding-right:2px;display:grid;overflow:auto}.binder-showcase-stats .binder-detail-panel--wide{grid-column:auto}.binder-showcase-stats .binder-detail-panel{padding:13px}.binder-flip-hint{color:#ffffff85;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}@keyframes binder-card-pull{0%{opacity:0;translate:0 120px;rotate:2deg;scale:.72}58%{opacity:1;translate:0 -10px;rotate:-.4deg;scale:1.03}to{opacity:1;translate:0;rotate:0deg;scale:1}}.binder-detail{background:#ffffff09;border-left:1px solid #93c5fd2e;width:min(720px,100%);height:100%;padding:24px;overflow-y:auto;box-shadow:-30px 0 80px #0000005c}.binder-detail-close{align-items:center;margin-left:auto;display:flex}.binder-detail-head{grid-template-columns:160px minmax(0,1fr);align-items:end;gap:18px;margin-top:18px;display:grid}.binder-detail-cover{aspect-ratio:3/4;background:#ffffff0a;border:1px solid #93c5fd38;border-radius:14px;position:relative;overflow:hidden}.binder-detail-cover img{object-fit:cover;width:100%;height:100%;display:block}.binder-detail-head h2{color:var(--text-h);letter-spacing:-.055em;margin:12px 0 8px;font-size:clamp(30px,5vw,52px);line-height:.95}.binder-detail-head p,.binder-detail-panel p,.binder-detail-empty{color:#ffffff9e;margin:0;font-size:14px;line-height:1.45}.binder-detail-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;display:grid}.binder-detail-panel{background:#ffffff09;border:1px solid #93c5fd24;border-radius:14px;min-width:0;padding:16px}.binder-detail-panel--wide{grid-column:1/-1}.binder-detail-panel h3{color:var(--text-h);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:15px;font-weight:900}.binder-detail-list{gap:8px;display:grid}.binder-detail-row,.binder-detail-note{color:#ffffff9e;background:#ffffff0a;border-radius:10px;gap:8px;padding:10px;font-size:12px;font-weight:800;display:grid}.binder-detail-row{grid-template-columns:72px 1fr auto;align-items:center}.binder-detail-row strong,.binder-detail-note strong{color:var(--text-h)}.binder-achievement-meter{color:#ffffffad;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;font-weight:800;display:flex}.binder-achievement-meter strong{color:#34d399;font-size:24px}.binder-achievement-track{background:#ffffff14;border-radius:999px;height:10px;margin-top:10px;overflow:hidden}.binder-achievement-track span{border-radius:inherit;background:#ffffff09;height:100%;display:block}.binder-achievement-icons{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.binder-achievement-icons span{color:#ffffffc7;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;place-items:center;width:42px;height:42px;font-size:13px;font-weight:900;display:grid;overflow:hidden}.binder-achievement-icons img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=960px){.binder-hero{grid-template-columns:1fr;gap:24px;padding:26px 22px}.binder-hero-stats{width:100%}.binder-hero-stat{min-width:0;min-height:108px}.binder-spread,.binder-sheet{grid-template-columns:1fr}.binder-spread{min-height:0}.binder-rings{display:none}.binder-sleeve,.binder-sleeve .binder-card{min-height:430px}.binder-detail-head,.binder-detail-grid{grid-template-columns:1fr}}.library-overview-card,.library-platform{background:#ffffff09;border:1px solid #ffffff14;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000038}.library-hero{box-shadow:none;background:#ffffff06;border:1px solid #ffffff14;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex;position:relative;overflow:hidden}.library-hero-sheen{display:none}.library-hero-main{z-index:1;align-items:center;gap:14px;min-width:0;display:flex;position:relative}.library-hero-emblem{color:#ffffffad;width:44px;height:44px;box-shadow:none;background:#ffffff09;border:1px solid #ffffff18;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.library-hero-emblem svg{filter:none;width:23px;height:23px}.library-hero-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.library-hero-kicker{text-transform:uppercase;letter-spacing:.16em;color:#ffffff70;font-size:10px;font-weight:900}.library-hero-title{letter-spacing:0;color:var(--text-h);background:0 0;-webkit-background-clip:initial;background-clip:initial;filter:none;margin:0;font-size:clamp(24px,2.2vw,34px);font-weight:900;line-height:1.05}.library-hero-text{color:#ffffff9e;margin:0;font-size:16px;font-weight:650;line-height:1.35}.library-hero-callout{z-index:1;background:#00000038;border:1px solid #06d3fd38;border-radius:16px;gap:4px;padding:14px 18px;display:grid;position:relative}.library-hero-callout-label{letter-spacing:.14em;text-transform:uppercase;color:#8fe3ffb3;font-size:11px;font-weight:800}.library-hero-callout-title{color:var(--text-h);font-size:18px;font-weight:800}.library-hero-callout-meta{color:#fff9;font-size:13px}.library-overview-card{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px;display:grid}.library-overview-stat{background:#ffffff09;border:1px solid #ffffff12;border-radius:16px;flex-direction:column;justify-content:space-between;gap:18px;min-width:0;padding:16px;display:flex}.library-overview-score{letter-spacing:-.06em;color:var(--text-h);overflow-wrap:anywhere;font-size:clamp(28px,3.5vw,48px);font-weight:850;line-height:.95}.library-overview-label{letter-spacing:.12em;text-transform:uppercase;color:#ffffff8f;font-size:12px;font-weight:750;line-height:1.35}.library-stat-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.library-stat-card{background:#ffffff09;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:12px;min-height:206px;padding:26px 24px;display:flex;box-shadow:0 18px 40px #0000002e}.library-stat-card--warm,.library-stat-card--ember,.library-stat-card--cool{background:#ffffff09}.library-stat-value{letter-spacing:-.06em;color:var(--text-h);font-size:clamp(40px,5vw,64px);font-weight:800;line-height:.92}.library-stat-label{letter-spacing:.16em;text-transform:uppercase;color:#ffffff8f;font-size:15px}.library-stat-note{color:#ffffffad;margin:auto 0 0;font-size:16px;line-height:1.6}.library-empty{text-align:center;background:#ffffff09;border:1px solid #ffffff14;border-radius:28px;flex-direction:column;justify-content:flex-start;align-items:center;gap:14px;padding:32px 24px 64px;display:flex}.library-empty-sub{color:#ffffffa6;margin:0;font-size:15px}.steam-connect-cta{color:#cfe6ff;font-family:var(--sans);letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#1b2838 0%,#2a475e 100%);border:1px solid #66c0f461;border-radius:12px;justify-content:center;align-self:center;align-items:center;gap:10px;padding:13px 24px;font-size:14px;font-weight:800;transition:transform .15s,border-color .15s,box-shadow .15s,filter .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff12,0 8px 20px #0000004d}.steam-connect-cta:hover:not(:disabled){filter:brightness(1.06);border-color:#66c0f49e;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff1a,0 12px 26px #0000005c,0 0 18px #66c0f433}.steam-connect-cta:disabled{opacity:.6;cursor:default}.steam-connect-cta-logo{flex-shrink:0;width:20px;height:20px}.library-search-bar{background:#ffffff06;border:1px solid #ffffff16;border-radius:12px;align-items:center;gap:10px;margin:-4px 0 4px;padding:10px 13px;display:flex}.library-search-icon{width:15px;height:15px;color:var(--text-muted);flex-shrink:0}.library-search-input{color:var(--text);font-size:14px;font-family:var(--sans);background:0 0;border:none;outline:none;flex:1}.library-search-input::placeholder{color:var(--text-muted)}.library-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1}.library-search-clear:hover{color:var(--text)}.library-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 20px;display:flex}.library-card-meta{color:var(--text-muted);font-size:12px}.library-no-results{color:var(--text-muted);text-align:center;padding:24px 4px;font-size:15px}.library-platform-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.library-platform-header--clickable{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;margin:-6px -8px 16px;padding:6px 8px;transition:background .15s}.library-platform-header--clickable:hover{background:#ffffff0a}.library-platform-chevron{color:var(--text-muted);margin-left:6px;font-size:14px}.library-platform{padding:28px}.library-platform-board{grid-template-columns:1fr;align-items:start;gap:24px;display:grid}.library-platform-heading{flex-direction:column;gap:6px;display:flex}.library-platform-kicker{letter-spacing:.18em;text-transform:uppercase;color:#8fe3ff9e;font-size:12px;font-weight:800}.library-platform-summary{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.library-platform-title{letter-spacing:-.04em;color:var(--text-h);margin:0;font-size:28px;font-weight:700}.library-platform-count{color:#ffffffb8;letter-spacing:.1em;text-transform:uppercase;background:#ffffff09;border:1px solid #ffffff1a;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700}.library-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;display:grid}.library-card{background:#ffffff09;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.library-card:hover{border-color:#06d3fd33;transform:translateY(-3px);box-shadow:0 18px 34px #00000038}.library-card--added{background:#ffffff09;border-color:#3160573d}.library-card-cover{aspect-ratio:16/9;background:var(--surface-2);width:100%;position:relative;overflow:hidden}.library-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block;transform:scale(1.02)}.library-card:hover .library-card-cover img{transform:scale(1.06)}.library-card-cover-placeholder{background:var(--surface-2);width:100%;height:100%}.library-card-cover-scrim{pointer-events:none;z-index:1;background:linear-gradient(#0000,#000000c7);height:56%;position:absolute;inset:auto 0 0}.library-card-foil{z-index:2;pointer-events:none;background:linear-gradient(115deg,#0000 36%,#ffffff29 48%,#0000 62%);transition:transform .6s;position:absolute;inset:0;transform:translate(-130%)}.library-card:hover .library-card-foil{transform:translate(130%)}.library-card-flag{z-index:3;color:#04140e;background:#34d399;border-radius:999px;place-items:center;width:24px;height:24px;font-size:13px;font-weight:950;display:grid;position:absolute;top:9px;right:9px;box-shadow:0 4px 12px #0006}.library-card-body{flex-direction:column;flex:1;gap:7px;padding:12px 14px 14px;display:flex}.library-card-title{color:var(--text-h);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.library-card-meta{flex-wrap:wrap;gap:8px;display:flex}.library-card-time{z-index:3;color:#8fe3ff;letter-spacing:.02em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border:1px solid #8fe3ff52;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800;position:absolute;bottom:9px;left:9px}.library-card-platform{color:#ffffffad;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.library-card-trophies{flex-direction:column;gap:5px;margin-bottom:6px;display:flex}.library-card-trophy-bar{background:#ffffff1a;border-radius:4px;height:4px;overflow:hidden}.library-card-trophy-fill{background:#f59e0b2e;border-radius:4px;height:100%;transition:width .3s}.library-card-trophy-fill--steam{background:#f59e0b2e}.library-card-trophy-meta{color:var(--text-muted);justify-content:space-between;font-size:11px;display:flex}.library-card-trophy-platinum{color:#c89b3c;font-weight:600}.library-card-btn{letter-spacing:.03em;font-size:12.5px;font-weight:800;font-family:var(--sans);cursor:pointer;color:#8fe3ff;text-align:center;background:linear-gradient(#06d3fd33,#06d3fd1a);border:1px solid #06d3fd57;border-radius:11px;margin-top:auto;padding:11px 12px;transition:filter .15s,transform .15s,border-color .15s,box-shadow .15s}.library-card-btn:hover:not(:disabled){filter:brightness(1.1);border-color:#06d3fd8c;transform:translateY(-1px);box-shadow:0 6px 16px #06d3fd2e}.library-card-btn:disabled{cursor:default}.library-card-btn--added{color:#9be3d3;opacity:1;background:#34d3991a;border-color:#34d3994d}.library-card-btn--added:hover:not(:disabled){box-shadow:none;filter:none;transform:none}.library-add-control{margin-top:auto;display:grid;position:relative}.library-add-control .library-card-btn{margin-top:0}.library-backlog-menu{z-index:8;background:#15161d;border:1px solid #ffffff1b;border-radius:12px;gap:5px;padding:7px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;right:0;box-shadow:0 18px 48px #00000070}.library-backlog-menu button{color:#ffffffb8;min-height:34px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 9px;display:grid}.library-backlog-menu button:hover:not(:disabled),.library-backlog-menu button.is-active{background:#ffffff0b;border-color:#ffffff17}.library-backlog-menu button:disabled{cursor:default;opacity:.5}.library-backlog-menu span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:850;overflow:hidden}.library-backlog-menu small{color:#ffffff6b;white-space:nowrap;font-size:11px;font-weight:750}@media (prefers-reduced-motion:reduce){.library-hero-sheen{opacity:0;animation:none}.library-card-foil,.library-card-cover img{transition:none}}@media (width<=1080px){.library-hero,.library-platform-board{grid-template-columns:1fr}.library-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.layout--library .header-stats{justify-content:flex-start}.library{gap:14px;padding:0 0 28px}.library-hero,.library-overview-card,.library-platform{border-radius:14px;padding:16px}.library-hero{gap:12px}.library-hero-callout{width:100%}.library-hero-title{max-width:none}.library-hero-text,.library-stat-note{font-size:15px}.library-overview-card{grid-template-columns:1fr}.library-platform-board{grid-template-columns:1fr;gap:18px}.library-platform-header{flex-direction:column;align-items:flex-start}.library-grid{grid-template-columns:1fr}}.profile-header-info{flex-direction:column;gap:4px;display:flex}.profile-steam-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-disconnect-btn{font-size:12px;font-family:var(--sans);letter-spacing:.04em;text-transform:uppercase;color:#fecaca;cursor:pointer;background:#f871711f;border:1px solid #f871716b;border-radius:8px;align-items:center;gap:7px;padding:8px 12px;font-weight:800;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.profile-disconnect-btn:hover{color:#fff;background:#f8717133;border-color:#f87171bf;transform:translateY(-1px)}.profile-disconnect-steam-logo{flex:none;width:14px;height:14px}.avatar-img{object-fit:cover;border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:52px;height:52px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);width:100%;max-width:400px;max-height:100%;box-shadow:var(--shadow);border-radius:14px;padding:32px;position:relative;overflow-y:auto}.auth-modal{background:linear-gradient(180deg, #ffffff09, #ffffff03), var(--surface);border-radius:18px;max-width:520px;padding:40px 44px 36px}.auth-modal .modal-title{font-size:28px}.auth-modal .auth-heading{margin-bottom:26px}.auth-modal .auth-heading .modal-title{font-size:30px}.auth-modal .auth-subtitle{max-width:400px;font-size:16px}.auth-modal .auth-form{gap:18px}.auth-modal .auth-label{font-size:13px}.auth-modal .auth-input{padding:13px 15px;font-size:16px}.auth-modal .auth-submit{padding:14px 16px;font-size:16px}.auth-modal .auth-switch,.auth-modal .auth-switch-btn{font-size:15px}.auth-modal .auth-forgot-btn{font-size:13px}.auth-modal .auth-sent-icon{font-size:42px}.auth-modal .auth-sent-title{font-size:21px}.auth-modal .auth-sent-sub{max-width:360px;font-size:15px}.modal-close{color:var(--text);cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:14px;transition:opacity .15s;position:absolute;top:14px;right:14px}.modal-close:hover{opacity:1}.modal-title{color:var(--text-h);margin-bottom:24px;font-size:20px;font-weight:600}.auth-heading{margin-bottom:22px;padding-right:28px}.auth-heading .modal-title{letter-spacing:0;margin:0 0 6px;font-size:24px;line-height:1.1}.auth-subtitle{color:#ffffff8a;max-width:320px;margin:0;font-size:14px;line-height:1.45}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:5px;display:flex}.auth-label{color:var(--text);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:500}.auth-input{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text-h);font-size:15px;font-family:var(--sans);border-radius:8px;outline:none;padding:11px 13px;transition:border-color .15s,box-shadow .15s}.auth-input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-dim)}.auth-input::placeholder{color:var(--text);opacity:.4}.auth-password-wrap{position:relative}.auth-password-input{padding-right:46px}.auth-password-input::-ms-reveal{display:none}.auth-password-input::-ms-clear{display:none}.auth-password-toggle{color:#ffffff94;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;padding:0;transition:background .15s,color .15s;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.auth-password-toggle:hover,.auth-password-toggle:focus-visible{color:var(--text-h);background:#ffffff12}.auth-password-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.auth-error{color:#f87171;background:#f8717114;border:1px solid #f8717140;border-radius:6px;margin:0;padding:8px 12px;font-size:13px}.auth-submit{background:var(--accent);color:#fff;font-size:15px;font-weight:750;font-family:var(--sans);cursor:pointer;border:none;border-radius:8px;margin-top:2px;padding:12px 14px;transition:filter .15s}.auth-submit:hover:not(:disabled){filter:brightness(1.1)}.auth-submit:disabled{opacity:.5;cursor:default}.bug-report-fab{right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:9998;border:1px solid var(--accent-border,#ffffff29);background:var(--accent);color:#fff;font-size:13px;font-weight:650;font-family:var(--sans);cursor:pointer;border-radius:999px;padding:9px 14px;transition:filter .15s,transform .15s;position:fixed;box-shadow:0 6px 20px #00000052}.bug-report-fab:hover{filter:brightness(1.1);transform:translateY(-1px)}.username-setup-modal{max-width:430px}.username-setup-copy{color:#ffffffad;margin:10px 0 22px;font-size:15px;font-weight:650;line-height:1.5}.username-setup-hint{color:#ffffff85;margin:-4px 0 2px;font-size:12px;font-weight:650}.onboarding-shell{min-height:100dvh;padding:max(28px, env(safe-area-inset-top)) max(28px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(28px, env(safe-area-inset-left));background:#ffffff09;place-items:center;display:grid}.onboarding-panel{background:#ffffff09;border:1px solid #ffffff17;border-radius:22px;grid-template-rows:auto 1fr auto;width:min(1060px,100%);min-height:650px;padding:28px 34px 30px;display:grid;box-shadow:0 34px 100px #0000006b}.onboarding-top{justify-content:space-between;align-items:center;display:flex}.onboarding-top img,.onboarding-top svg{object-fit:contain;width:auto;height:42px}.onboarding-top button{color:#ffffff9e;min-height:38px;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff17;border-radius:10px;padding:0 15px;font-size:13px;font-weight:800}.onboarding-content{grid-template-columns:minmax(300px,.9fr) minmax(390px,1fr);align-items:center;gap:54px;padding:52px 36px 42px;display:grid}.onboarding-copy{gap:14px;display:grid}.onboarding-label{color:#fca5a5;letter-spacing:.19em;text-transform:uppercase;font-size:12px;font-weight:950}.onboarding-greeting{color:#ffffffb3;margin:0;font-size:18px;font-weight:750}.onboarding-copy h1{color:var(--text-h);letter-spacing:0;margin:0;font-size:clamp(38px,4.1vw,50px);font-weight:900;line-height:1.03}.onboarding-copy>p:last-child{color:#ffffffa8;margin:4px 0 0;font-size:17px;font-weight:650;line-height:1.6}.onboarding-visual{background:#ffffff09;border:1px solid #ffffff13;border-radius:20px;place-items:center;min-height:326px;padding:28px;display:grid}.onboarding-search-card,.onboarding-status-demo,.onboarding-progress-demo,.onboarding-steam-demo,.onboarding-binder-demo,.onboarding-community-demo{width:min(430px,100%)}.onboarding-search-card{gap:14px;display:grid}.onboarding-search-field{grid-template-columns:1fr 54px;gap:10px;display:grid}.onboarding-search-field span{color:#ffffff80;border:1px solid #ffffff1f;border-radius:12px;align-items:center;min-height:58px;padding:0 17px;font-weight:750;display:flex}.onboarding-search-field b{color:#fff;background:#06d3fd;border-radius:12px;place-items:center;font-size:24px;display:grid}.onboarding-game-row{background:#ffffff0b;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:58px 1fr auto;align-items:center;gap:14px;padding:12px;display:grid}.onboarding-game-row span{background:#f871712e;border-radius:12px;width:58px;height:58px}.onboarding-game-row strong{color:var(--text-h);font-size:22px}.onboarding-game-row small{color:#ffffff8c;font-weight:800}.onboarding-status-demo{gap:12px;display:grid}.onboarding-status-demo span{min-height:58px;color:var(--text-h);background:#ffffff0b;border:1px solid #ffffff17;border-left-width:5px;border-radius:14px;align-items:center;padding:0 18px;font-size:18px;font-weight:900;display:flex}.onboarding-status-demo .status-backlog{border-left-color:#fbbf24}.onboarding-status-demo .status-playing{border-left-color:#60a5fa}.onboarding-status-demo .status-completed{border-left-color:#34d399}.onboarding-status-demo .status-dropped{border-left-color:#f87171}.onboarding-progress-demo{gap:14px;display:grid}.onboarding-progress-demo div,.onboarding-progress-demo section{background:#ffffff0b;border:1px solid #ffffff17;border-radius:16px;gap:10px;padding:18px;display:grid}.onboarding-progress-demo small{color:#ffffff94;letter-spacing:.12em;text-transform:uppercase;font-weight:900}.onboarding-progress-demo strong{color:var(--text-h);font-size:34px;line-height:1}.onboarding-progress-demo div span{color:#34d399;background:#34d3991a;border:1px solid #34d39942;border-radius:999px;width:fit-content;padding:7px 11px;font-weight:950}.onboarding-progress-demo b{color:var(--text-h);font-size:18px}.onboarding-progress-demo i{background:#ffffff14;border-radius:999px;height:10px;display:block;overflow:hidden}.onboarding-progress-demo em{border-radius:inherit;background:#06d3fd;width:40%;height:100%;display:block}.onboarding-steam-demo{background:#ffffff0a;border:1px solid #60a5fa38;border-radius:16px;gap:16px;padding:24px;display:grid}.onboarding-steam-orbit{color:#93c5fd;background:#111722;border:1px solid #60a5fa52;border-radius:50%;place-items:center;width:96px;height:96px;display:grid}.onboarding-steam-orbit svg{width:52px;height:52px}.onboarding-steam-list{background:#ffffff0b;border:1px solid #ffffff17;border-radius:14px;gap:7px;padding:16px;display:grid}.onboarding-steam-list span,.onboarding-steam-list small{color:#ffffff94;font-weight:850}.onboarding-steam-list strong{color:var(--text-h);font-size:24px}.onboarding-steam-actions{gap:12px;width:min(340px,100%);margin-top:4px;display:grid}.onboarding-steam-connected{min-height:48px;color:var(--text-h);align-items:center;gap:10px;font-weight:900;display:flex}.onboarding-steam-connected img,.onboarding-steam-connected span{border-radius:50%;width:38px;height:38px}.onboarding-steam-connected span{color:#bfdbfe;background:#60a5fa29;place-items:center;font-size:13px;display:grid}.onboarding-steam-button{color:#fff;min-height:50px;font:inherit;cursor:pointer;background:#2563eb;border:0;border-radius:10px;font-weight:950;box-shadow:0 14px 30px #2563eb38}.onboarding-steam-button:hover:not(:disabled){background:#1d4ed8}.onboarding-steam-button:disabled{cursor:default;opacity:.72;box-shadow:none}.onboarding-binder-demo{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid;position:relative}.onboarding-pro-badge{z-index:2;color:#171208;letter-spacing:.12em;text-transform:uppercase;background:#d7b86a;border:1px solid #d7b86a80;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:950;position:absolute;top:-12px;right:-8px}.onboarding-binder-card{background:#111722;border:1px solid #d7b86a6b;border-radius:16px;gap:12px;min-height:230px;padding:12px;display:grid}.onboarding-binder-card span{color:#171208;letter-spacing:.12em;text-transform:uppercase;background:#d7b86a;border-radius:999px;width:fit-content;padding:5px 9px;font-size:10px;font-weight:950}.onboarding-binder-card div{background:#ffffff0f;border-radius:12px;min-height:120px}.onboarding-binder-card strong{color:#d7b86a;font-size:18px}.onboarding-community-demo{background:#ffffff0a;border:1px solid #ffffff17;border-radius:16px;gap:16px;padding:24px;display:grid}.onboarding-community-demo header{justify-content:space-between;gap:14px;display:flex}.onboarding-community-demo strong{color:var(--text-h);font-size:22px}.onboarding-community-demo span{color:#ffffffa3;font-weight:750}.onboarding-community-demo section{gap:8px;display:grid}.onboarding-community-demo p{color:#ffffffb8;background:#ffffff0b;border-radius:12px;margin:0;padding:12px;font-weight:800}.onboarding-community-demo b{color:var(--text-h)}.onboarding-community-demo button{color:#fecaca;min-height:46px;font:inherit;background:#f871711c;border:1px solid #f871714d;border-radius:10px;font-weight:850}.onboarding-footer{justify-content:space-between;align-items:center;padding:0 36px 10px;display:flex}.onboarding-dots{gap:7px;display:flex}.onboarding-dots span{background:#ffffff26;border-radius:999px;width:9px;height:9px}.onboarding-dots span.active{background:#06d3fd;width:27px}.onboarding-actions{gap:9px;display:flex}.onboarding-actions button{min-width:100px;min-height:48px;font:inherit;cursor:pointer;border-radius:11px;padding:0 20px;font-weight:850}.onboarding-back{color:#f8fafcb8;background:0 0;border:1px solid #ffffff1a}.onboarding-next{color:#fff;background:#06d3fd;border:1px solid #0000}@media (width<=760px){.onboarding-panel{padding:20px}.onboarding-content{grid-template-columns:1fr;gap:24px;padding:32px 0 24px}.onboarding-visual{min-height:230px}.onboarding-footer{padding:0}}.auth-divider{color:var(--text-muted,#ffffff59);align-items:center;gap:12px;margin:16px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff14;flex:1;height:1px}.auth-google-btn{width:100%;color:var(--text-h);font-size:14px;font-family:var(--sans);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:10px;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.auth-google-btn:hover{background:#ffffff1a}.auth-google-icon{flex-shrink:0;width:18px;height:18px}.auth-switch{color:var(--text);text-align:center;margin:16px 0 0;font-size:13px}.auth-switch-btn{color:var(--accent);font-size:13px;font-family:var(--sans);cursor:pointer;background:0 0;border:none;padding:0}.auth-switch-btn:hover{text-decoration:underline}.auth-label-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.auth-label-row .auth-label{margin-bottom:0}.auth-forgot-btn{font-size:12px;font-family:var(--sans);color:#fff6;cursor:pointer;background:0 0;border:none;padding:0;transition:color .15s}.auth-forgot-btn:hover{color:#ffffffb3}.auth-sent{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:16px 0 8px;display:flex}.auth-sent-icon{opacity:.7;font-size:32px}.auth-sent-title{color:var(--text-h);font-size:16px;font-weight:600}.auth-sent-sub{color:#ffffff80;max-width:280px;font-size:13px;line-height:1.5}.auth-gate{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:#ffffff09;place-items:center;display:grid}.auth-gate-card{border:1px solid var(--border);background:#ffffff09;border-radius:20px;flex-direction:column;gap:16px;width:min(440px,100%);padding:28px;display:flex;box-shadow:0 24px 60px #00000057}.auth-gate-logo{width:168px;height:auto}.auth-gate-title{color:var(--text-h);font-size:30px;line-height:1.05}.auth-gate-copy{color:#ffffffad;font-size:16px;line-height:1.5}.auth-gate-primary{color:#fff;min-height:48px;font-family:var(--sans);cursor:pointer;background:#06d3fd33;border:0;border-radius:10px;margin-top:4px;font-size:15px;font-weight:850}.sign-in-btn{font-size:12px;font-weight:500;font-family:var(--sans);border:1px solid var(--accent-border);background:var(--accent-dim);color:var(--accent);cursor:pointer;white-space:nowrap;border-radius:6px;padding:5px 14px;transition:filter .15s}.sign-in-btn:hover{filter:brightness(1.1)}.header-user{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.online-users-pill{color:#d1fae5eb;min-height:36px;font:850 11px var(--sans);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#34d39913;border:1px solid #34d39933;border-radius:999px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.online-users-dot{background:#34d399;border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 4px #34d3991f}.header-user-profile{min-height:52px;color:inherit;font:inherit;cursor:pointer;appearance:none;background:#ffffff09;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:12px;padding:7px 16px 7px 7px;transition:border-color .16s,background .16s,transform .12s;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.header-user-profile:hover{background:#ffffff0e;border-color:#ffffff2e}.header-user-profile:active{transform:translateY(1px)}.user-initials{background:var(--accent-dim);border:1px solid var(--accent-border);width:38px;height:38px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.steam-login{letter-spacing:.04em;font-size:12px;font-weight:700;font-family:var(--sans);color:#86bcf6;white-space:nowrap;background:#4a90d91a;border:1px solid #4a90d93d;border-radius:12px;align-items:center;gap:6px;padding:10px 13px;text-decoration:none;transition:border-color .15s,color .15s,background .15s,transform .15s;display:flex}.steam-login:hover{color:#b2d8ff;background:#4a90d926;border-color:#4a90d95c;transform:translateY(-1px)}.steam-logo{flex-shrink:0;width:14px;height:14px}.steam-user{align-items:center;gap:8px;display:flex}.steam-avatar{object-fit:cover;border:1px solid #ffffff14;border-radius:50%;width:38px;height:38px;box-shadow:0 8px 18px #0000002e}.steam-name{letter-spacing:.01em;color:var(--text-h);white-space:nowrap;font-size:15px;font-weight:700}.steam-logout{font-size:11px;font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3;cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:10px 13px;font-weight:700;transition:color .15s,border-color .15s,background .15s,transform .15s}.steam-logout:hover{color:#8fe3ff;background:#f8717114;border-color:#f871714d;transform:translateY(-1px)}.steam-import-btn{letter-spacing:.04em;font-size:12px;font-weight:700;font-family:var(--sans);color:#9cccff;cursor:pointer;white-space:nowrap;background:#4a90d91f;border:1px solid #4a90d93d;border-radius:12px;padding:10px 13px;transition:filter .15s,transform .15s,border-color .15s}.steam-import-btn:hover:not(:disabled){filter:brightness(1.08);border-color:#4a90d957;transform:translateY(-1px)}.steam-import-btn:disabled{opacity:.5;cursor:default}.psn-login{letter-spacing:.04em;font-size:12px;font-weight:700;font-family:var(--sans);color:#7eb8f7;cursor:pointer;white-space:nowrap;background:#0078d71a;border:1px solid #0078d747;border-radius:12px;align-items:center;gap:6px;padding:10px 13px;text-decoration:none;transition:border-color .15s,color .15s,background .15s,transform .15s;display:flex}.psn-login:hover{color:#a8d4ff;background:#0078d729;border-color:#0078d766;transform:translateY(-1px)}.psn-logo{flex-shrink:0;width:14px;height:14px}.psn-modal{max-width:480px}.psn-modal h2{margin-bottom:8px}.psn-instructions{color:var(--text-muted);margin-bottom:12px;font-size:14px}.psn-steps{color:var(--text);margin-bottom:16px;padding-left:20px;font-size:14px;line-height:1.7}.psn-steps li{margin-bottom:4px}.psn-link{color:#7eb8f7;word-break:break-all;font-size:12px}.psn-input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);box-sizing:border-box;border-radius:10px;margin-bottom:8px;padding:10px 14px;font-family:monospace;font-size:13px}.psn-input:focus{border-color:#0078d780;outline:none}.psn-error{color:#f87171;margin-bottom:8px;font-size:13px}.psn-connect-btn{color:#fff;cursor:pointer;background:#06d3fd33;border:none;border-radius:12px;width:100%;margin-bottom:8px;padding:12px;font-size:14px;font-weight:700;transition:filter .15s,transform .15s}.psn-connect-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.psn-connect-btn:disabled{opacity:.5;cursor:default}.psn-disconnect-btn{color:#f87171;cursor:pointer;background:0 0;border:1px solid #f871714d;border-radius:12px;width:100%;padding:10px;font-size:13px;transition:background .15s}.psn-disconnect-btn:hover{background:#f8717114}.progress-section{flex-direction:column;gap:10px;display:flex}.layout--backlog .progress-section{background:#06d3fd;border:1px solid #8fe3ff1f;border-radius:18px;gap:18px;padding:22px;box-shadow:inset 0 1px #ffffff0a,0 24px 56px #0000003d,0 0 0 1px #75101f24}.progress-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.progress-copy{gap:8px;display:grid}.progress-kicker{letter-spacing:.18em;text-transform:uppercase;color:#8fe3ff;font-size:11px;font-weight:700}.progress-headline{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.progress-score{letter-spacing:-.08em;color:var(--text-h);text-shadow:0 12px 28px #06d3fd38;font-size:clamp(34px,4vw,52px);font-weight:800;line-height:.92}.progress-subtitle{color:#ffffffb8;font-size:16px;line-height:1.5}.progress-badge-cluster{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.progress-chip{color:#8fe3ff;letter-spacing:.1em;text-transform:uppercase;background:#06d3fd1f;border:1px solid #06d3fd3d;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}.progress-chip--ghost{color:#ffffffad;background:#ffffff08;border-color:#ffffff14}.progress-chip--streak{color:#8fe3ff;background:#8fe3ff1f;border-color:#8fe3ff42}.progress-label{color:var(--text);justify-content:space-between;font-size:12px;display:flex}.layout--backlog .progress-label{color:#ffffffad;letter-spacing:.03em;font-size:13px}.progress-track{background:var(--surface-2);border-radius:99px;height:5px;position:relative;overflow:hidden}.layout--backlog .progress-track{background:#06d3fd;border:1px solid #ffffff0f;height:16px;box-shadow:inset 0 2px 6px #00000057,0 10px 22px #0000001f}.layout--backlog .progress-track:before{content:"";pointer-events:none;background:0 0;position:absolute;inset:0}.progress-fill{background:#06d3fd;border-radius:99px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 8px #06d3fd80}.layout--backlog .progress-fill{background:#06d3fd;overflow:hidden;box-shadow:0 0 26px #06d3fd70,0 10px 26px #06d3fd3d}.layout--backlog .progress-fill:before{content:"";opacity:.9;background:0 0;position:absolute;inset:0}.layout--backlog .progress-fill:after{content:"";background:0 0;width:36%;height:160%;animation:2.8s linear infinite progress-shimmer;position:absolute;top:-30%;right:-12%;transform:rotate(14deg)}.progress-fill.perfect{background:#06d3fd;box-shadow:0 0 8px #34d39980}.layout--backlog .progress-fill.perfect{background:#06d3fd;box-shadow:0 0 28px #34d3996b,0 10px 24px #34d39933}.today-dashboard{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);grid-template-areas:"copy xp";align-items:start;gap:16px;display:grid}.today-dashboard-copy{background:#ffffff06;border:1px solid #ffffff14;border-radius:16px;grid-area:copy;gap:12px;min-height:100%;padding:16px;display:grid}.today-dashboard-heading{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.today-dashboard-kicker{letter-spacing:.16em;text-transform:uppercase;color:#8fe3ff;font-size:11px;font-weight:700}.today-hero-copy{gap:8px;display:grid}.today-hero-headline{letter-spacing:-.04em;max-width:700px;color:var(--text-h);margin:0;font-size:clamp(22px,2.6vw,34px);font-weight:800;line-height:1.08}.today-hero-subtitle{color:#ffffffad;margin:0;font-size:14px;line-height:1.5}.xp-bar-panel{background:#f59e0b2e;border:1px solid #8fe3ff2e;border-radius:16px;grid-area:xp;gap:14px;padding:16px;display:grid;box-shadow:inset 0 1px #ffffff0f,0 22px 48px #2a0c1338,0 0 0 1px #7711221a}.xp-bar-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.xp-bar-level-lockup{align-items:center;gap:12px;display:flex}.xp-bar-copy{gap:4px;display:grid}.xp-bar-level-badge{letter-spacing:.14em;color:#fff1ef;white-space:nowrap;background:#f59e0b2e;border-radius:14px;justify-content:center;align-items:center;min-height:50px;padding:0 15px;font-size:18px;font-weight:800;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff29,0 14px 30px #78142652}.xp-bar-level-badge:after{content:"";background:0 0;width:56%;height:150%;animation:3.1s linear infinite xp-badge-shimmer;position:absolute;top:-18%;left:-30%;transform:rotate(16deg)}.xp-bar-title{letter-spacing:-.04em;color:var(--text-h);font-size:20px;font-weight:800;line-height:1}.xp-bar-points-wrap{justify-items:end;gap:4px;display:grid}.xp-bar-points{color:#8fe3ff;white-space:nowrap;letter-spacing:-.02em;font-size:16px;font-weight:800}.xp-bar-track{background:#f59e0b2e;border:1px solid #ffffff14;border-radius:999px;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 3px 8px #00000057,0 10px 24px #00000024}.xp-bar-fill{background:#f59e0b2e;border-radius:999px;height:100%;transition:width .8s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 0 26px #8fe3ff6b,0 10px 28px #06d3fd38}.xp-bar-fill:after{content:"";background:0 0;animation:2.2s ease-in-out infinite xp-shimmer;position:absolute;inset:0;transform:translate(-100%)}.xp-bar-spark{mix-blend-mode:screen;pointer-events:none;background:0 0;width:72px;height:72px;animation:2.8s ease-in-out infinite xp-orb-pulse;position:absolute;top:50%;right:18%;transform:translateY(-50%)}@keyframes xp-shimmer{0%{transform:translate(-100%)}60%,to{transform:translate(200%)}}.xp-bar-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.xp-bar-next{letter-spacing:.12em;text-transform:uppercase;color:#8fe3ffbd;font-size:11px;font-weight:700}.xp-bar-total{letter-spacing:.1em;text-transform:uppercase;color:#8fe3ffb8;font-size:11px;font-weight:700}.xp-bar-remaining,.xp-bar-percent{letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.xp-bar-remaining{color:#ffffff9e}.xp-bar-percent{color:#8fe3ff}.xp-bar-sources{flex-wrap:wrap;gap:10px;display:flex}.xp-bar-source-pill{background:#f59e0b2e;border:1px solid #8fe3ff29;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:8px 12px;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.xp-bar-source-value{color:#fff2ef;font-size:14px;font-weight:800}.xp-bar-source-label{letter-spacing:.1em;text-transform:uppercase;color:#8fe3ffb3;font-size:11px;font-weight:700}.xp-bar-summary{background:#f59e0b2e;border:1px solid #8fe3ff1f;border-radius:14px;gap:10px;padding:14px;display:grid}.xp-bar-summary-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.xp-bar-summary-kicker,.xp-bar-summary-total{letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.xp-bar-summary-kicker{color:#8fe3ffb8}.xp-bar-summary-total{color:#fff2ef}.xp-bar-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.xp-bar-summary-card{background:#f59e0b2e;border:1px solid #8fe3ff1f;border-radius:12px;gap:6px;padding:12px;display:grid}.xp-bar-summary-card--ghost{background:#f59e0b2e;border-color:#ffffff14}.xp-bar-summary-value{letter-spacing:-.04em;color:var(--text-h);font-size:22px;font-weight:800;line-height:1}.xp-bar-summary-label{letter-spacing:.12em;text-transform:uppercase;color:#8fe3ffa8;font-size:10px;font-weight:700}@keyframes xp-badge-shimmer{0%{transform:translate(-180%)rotate(16deg)}to{transform:translate(320%)rotate(16deg)}}@keyframes xp-orb-pulse{0%,to{opacity:.5;transform:translateY(-50%)scale(.92)}50%{opacity:1;transform:translateY(-50%)scale(1.08)}}.today-feature-shell{background:#ffffff09;border:1px solid #8fe3ff33;border-radius:28px;gap:14px;padding:14px;display:grid;box-shadow:inset 0 1px #ffffff0d,0 28px 56px #0003,0 0 0 1px #77112224}.today-feature-header{flex-wrap:wrap;align-items:center;gap:12px;padding:4px 6px 0;display:flex}.today-feature-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#8fe3ff;font-size:11px;font-weight:700}.today-session-strip{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.today-session-tile{background-color:#ffffff0a;background-position:50%;background-size:cover;border:1px solid #8fe3ff1f;border-radius:16px;align-items:flex-end;height:160px;padding:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #00000038}.today-session-tile-overlay{background:0 0;position:absolute;inset:0}.today-session-tile-add{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffbf;letter-spacing:.04em;cursor:pointer;background:#141018b8;border:1px solid #ffffff38;border-radius:999px;height:22px;padding:0 9px;font-size:10px;font-weight:700;transition:background .15s,color .15s,border-color .15s;position:absolute;top:8px;right:8px}.today-session-tile-add:hover{color:#fff;background:#8b5cf6b3;border-color:#a78bfa80}.today-session-tile-meta{z-index:1;flex-direction:column;gap:4px;width:100%;display:flex;position:relative}.today-session-tile-time{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff2ef;letter-spacing:-.01em;background:#1410169e;border:1px solid #ffffff24;border-radius:999px;align-items:center;width:fit-content;height:26px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.today-session-tile-title{-webkit-line-clamp:2;letter-spacing:-.02em;color:var(--text-h);text-shadow:0 2px 10px #0009;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:1.18;display:-webkit-box;overflow:hidden}.today-session-tile-live{letter-spacing:.1em;text-transform:uppercase;color:#93f5bb;font-size:10px;font-weight:700}.today-session-tile-ago{color:#ffffff6b;font-size:10px;font-weight:500}.today-feature-empty{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;gap:6px;padding:20px;display:grid}.today-feature-empty-title{color:var(--text-h);font-size:14px;font-weight:600}.today-feature-empty-sub{color:#fff6;font-size:12px;line-height:1.5}.today-activity-panel{background:#ffffff09;border:1px solid #8fe3ff1f;border-radius:22px;gap:12px;padding:18px;display:grid;box-shadow:inset 0 1px #ffffff0a,0 20px 42px #0000002e,0 0 0 1px #7511221a}.recent-sessions-list{gap:0;display:grid}.progress-footer{gap:12px;display:grid}.progress-milestones{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.progress-milestone{color:#ffffff75;letter-spacing:.12em;text-transform:uppercase;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;min-height:34px;font-size:11px;font-weight:700;transition:all .18s;display:inline-flex}.progress-milestone.is-hit{color:#8fe3ff;background:#06d3fd1f;border-color:#06d3fd42;box-shadow:0 0 18px #06d3fd29}@keyframes progress-shimmer{0%{transform:translate(-140%)rotate(14deg)}to{transform:translate(260%)rotate(14deg)}}@media (width<=760px){.layout--backlog .progress-section{padding:20px 18px 18px}.today-dashboard{grid-template-columns:1fr;grid-template-areas:"copy""xp""sessions"}.xp-bar-header,.xp-bar-footer{align-items:flex-start}.xp-bar-points-wrap{justify-items:start}.xp-bar-title{font-size:24px}.xp-bar-summary-grid{grid-template-columns:1fr}.today-feature-shell{padding:12px}.today-session-strip{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.today-session-tile{height:130px}.progress-header{flex-direction:column;align-items:stretch}.progress-headline{flex-direction:column;align-items:flex-start;gap:6px}.progress-badge-cluster{justify-content:flex-start}.progress-subtitle{font-size:14px}.progress-milestones{grid-template-columns:repeat(2,minmax(0,1fr))}}.search-wrapper{margin-bottom:28px;position:relative}.layout--backlog .search-wrapper{margin-bottom:34px}.add-input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-h);font-size:15px;font-family:var(--sans);border-radius:10px;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s}@media (width<=600px){.add-input{font-size:16px}}.add-input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-dim)}.add-input::placeholder{color:var(--text);opacity:.5}.layout--backlog .add-input{background:var(--surface);border-radius:14px;padding:15px 18px;box-shadow:0 12px 30px #00000024}.search-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;position:absolute;top:50%;right:14px;transform:translateY(-50%)}@keyframes spin{to{transform:translateY(-50%)rotate(360deg)}}.dropdown{background:var(--surface);border:1px solid var(--border);z-index:40;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:min(70dvh,480px);box-shadow:var(--shadow);border-radius:12px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.search-empty-popover{color:var(--text);gap:8px;padding:14px;display:grid}.search-empty-popover strong{color:var(--text-h);font-size:14px;font-weight:900}.search-empty-popover span{font-size:13px;line-height:1.35}.search-empty-popover button{border:1px solid var(--border);width:fit-content;min-height:30px;color:var(--text-h);font:800 12px/1 var(--sans);cursor:pointer;background:#ffffff0b;border-radius:8px;padding:0 11px}.search-empty-suggestions{flex-wrap:wrap;gap:7px;margin-top:2px;display:flex}.dropdown-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;min-height:44px;padding:10px;transition:background .12s;display:flex}.dropdown-item:hover:not(.added),.dropdown-item:active:not(.added){background:var(--surface-2)}.dropdown-item.added{opacity:.4;cursor:default}.thumb{object-fit:cover;background:var(--surface-2);border-radius:5px;flex-shrink:0;width:48px;height:32px}.dropdown-title{color:var(--text-h);flex:1;font-size:14px;font-weight:500}.dropdown-year{color:var(--text);font-size:13px}.meta-badge{font-variant-numeric:tabular-nums;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:11px;font-weight:700}.meta-green{color:#34d399;background:#34d39926}.meta-yellow{color:#fbbf24;background:#fbbf2426}.meta-red{color:#f87171;background:#f8717126}.badge{background:var(--accent-dim);color:var(--accent);border-radius:99px;padding:2px 7px;font-size:11px;font-weight:500}.game-list{flex-direction:column;gap:12px;display:flex}.game-entry{border:1px solid var(--border);background:#ffffff09;border-radius:18px;flex-direction:column;transition:border-color .25s,box-shadow .25s,transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 18px 34px #0000002e}@media (hover:hover){.game-entry:hover{border-color:#8fe3ff47;transform:translateY(-2px);box-shadow:0 22px 44px #0000003d,0 0 0 1px #06d3fd14}.game-entry:hover .cover{transform:scale(1.04)}.game-entry:hover .game-backdrop-bleed{opacity:.3;transform:scale(1.12)}}.game-entry:has(.recs-panel){border-color:#06d3fd4d}.game-entry:before{content:"";z-index:3;background:#ffffff2e;border-radius:0 999px 999px 0;width:2px;position:absolute;top:10px;bottom:10px;left:0}.game-entry--backlog:before{background:#fbbf247a}.game-entry--playing:before{background:#60a5fa94}.game-entry--completed:before{background:#34d39994}.game-entry--dropped:before{background:#f8717185}.game-item{isolation:isolate;align-items:stretch;min-height:202px;display:flex;position:relative;overflow:hidden}.game-backdrop-bleed{opacity:.2;filter:blur(30px)saturate(.9)brightness(.62);z-index:0;pointer-events:none;background-position:50%;background-size:cover;transition:opacity .35s,transform .35s;position:absolute;inset:-12% 18% -12% 2%;transform:scale(1.08);-webkit-mask-image:none;mask-image:none}.game-backdrop-bleed:after{content:"";background:0 0;position:absolute;inset:0}.game-body{z-index:1;flex-direction:column;flex:1;justify-content:center;gap:10px;min-width:0;padding:14px 18px;display:flex;position:relative}.game-body:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#08080ab8 0%,#08080a80 50%,#08080a52 100%);position:absolute;inset:0}.game-top-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.game-top-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.game-bottom-row{grid-template-columns:minmax(0,1fr) minmax(170px,220px);align-items:stretch;gap:12px;display:grid}.cover-wrap{background:var(--surface-2);z-index:1;border-right:1px solid #ffffff0a;flex-shrink:0;align-self:stretch;width:42%;max-width:340px;position:relative;overflow:hidden}@media (width<=760px){.cover-wrap{width:36%;max-width:none}}@media (width<=600px){.cover-wrap{width:110px;max-width:none}}.cover{object-fit:cover;z-index:1;width:100%;height:100%;transition:transform .35s cubic-bezier(.4,0,.2,1);display:block;position:relative}.cover-link{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.cover-link:disabled{cursor:default}.cover-fade{pointer-events:none;z-index:2;background:#ffffff09;position:absolute;inset:0}.cover-wrap:after{content:"";filter:blur(10px);opacity:.9;pointer-events:none;z-index:2;background:0 0;width:42px;position:absolute;top:10%;bottom:10%;right:-14px}.game-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.game-meta{flex-direction:column;gap:8px;min-width:0;display:flex}.game-stats{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:6px;min-width:0;display:grid}.gs-item{white-space:nowrap;background:#ffffff09;border:1px solid #ffffff0e;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-width:0;min-height:54px;padding:8px 10px;display:flex}.gs-item+.gs-item:before{content:none}.gs-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-h);opacity:.58;white-space:nowrap;font-size:12px;font-weight:900}.gs-value{color:var(--text-h);white-space:nowrap;font-size:21px;font-weight:850}.gs-date-label{cursor:pointer;display:inline-block;position:relative}.gs-date-label:hover .gs-value{color:#6ee7b7}.gs-date-label .gs-date-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.gs-date-input{width:100%;min-width:0;height:24px;color:var(--text-h);font:850 21px var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;outline:none;padding:0}.gs-date-input::-webkit-calendar-picker-indicator{opacity:.58;cursor:pointer}.gs-date-input:hover,.gs-date-input:focus{color:#6ee7b7}.gs-value.meta-chip--time{color:#60a5fa}.gs-value.meta-chip--time-steam{color:#7dd3fc}.gs-value.meta-chip--time-logged{color:#60a5fa}.gs-value.meta-chip--rating{color:#f59e0b}.gs-value.meta-chip--last{color:#8fe3ff}.meta-chip{color:var(--text);white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:99px;padding:5px 10px;font-size:12px;font-weight:500}.game-achievements{background:#ffffff06;border:1px solid #ffffff13;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:12px 14px;display:flex}.game-achievements--psn{background:#ffffff09;border:1px solid #ffce8a1f;border-radius:18px;padding:14px 16px}.game-achievements--steam{align-items:flex-start}.game-title-stack{gap:8px;min-width:0;display:grid}.game-title-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.game-platform-pill,.game-added-pill,.game-action-status{color:#ffffffad;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;background:#ffffff09;border:1px solid #ffffff16;border-radius:999px;align-items:center;min-height:26px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.game-platform-pill{color:#9fd0ff;background:#60a5fa14;border-color:#60a5fa38}.game-action-status{flex-shrink:0;min-height:38px;padding-inline:12px}.game-action-status--backlog{color:#fbbf24;background:#fbbf2414;border-color:#fbbf2447}.game-action-status--playing{color:#60a5fa;background:#60a5fa14;border-color:#60a5fa4d}.game-action-status--dropped{color:#f87171;background:#f8717114;border-color:#f8717147}.game-action-status--completed{color:#34d399;background:#34d39914;border-color:#34d39947}.game-achievement-track{background:#ffffff14;border-radius:999px;width:min(320px,100%);height:7px;overflow:hidden}.game-achievement-fill{border-radius:inherit;background:#06d3fd;height:100%}.game-session-strip{background:#ffffff09;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.game-session-strip-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.game-session-strip-label{text-transform:uppercase;letter-spacing:.14em;color:var(--text-h);opacity:.42;font-size:10px;font-weight:700}.game-session-strip-meta{color:#fffc;font-size:13px;font-weight:600}.game-session-strip-btn{color:#ffffffc7;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700;transition:border-color .15s,background .15s,color .15s}.game-session-strip-btn:hover{color:var(--text-h);background:#ffffff12;border-color:#fff3}.game-achievement-summary{flex-direction:column;gap:4px;min-width:0;display:flex}.game-achievement-summary--psn{flex:1;gap:8px}.game-achievement-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.game-achievement-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-h);opacity:.62;font-size:12px;font-weight:900}.game-achievement-kicker{text-transform:uppercase;letter-spacing:.1em;color:#ffe1c3b8;font-size:12px;font-weight:900}.game-achievement-value{color:#8fe3ff;white-space:nowrap;font-size:16px;font-weight:850}.game-achievement-empty{color:#ffffffbd;font-size:15px;font-weight:650;line-height:1.45}.game-achievement-progress{align-items:center;gap:10px;display:flex}.game-achievement-bar{flex:1;min-width:150px;margin-top:0!important}.game-achievement-progress-text{letter-spacing:.08em;text-transform:uppercase;color:#ffe1c39e;white-space:nowrap;font-size:11px;font-weight:600}.game-achievement-icons{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.game-achievement-icons--psn{flex-wrap:nowrap;gap:8px}.game-achievement-icon{background:#ffffff09;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid;overflow:hidden;box-shadow:0 14px 24px #00000047,inset 0 0 0 1px #ffffff0a,inset 0 1px #ffffff12}.game-achievement-icons--psn .game-achievement-icon{border-radius:14px;width:42px;height:42px;box-shadow:0 14px 24px #00000047,inset 0 0 0 1px #ffffff08,inset 0 1px #ffffff0f}.game-achievement-icon img{object-fit:cover;width:100%;height:100%;display:block}.game-achievement-icon-fallback{color:#8fe3ff;font-size:12px;line-height:1}.game-achievement-icon--psn-bronze{background:#ffffff09;border-color:#cd7f3273}.game-achievement-icon--psn-silver{background:#ffffff09;border-color:#c0c0c073}.game-achievement-icon--psn-gold{background:#f59e0b2e;border-color:#ffc8328c}.game-achievement-icon--psn-platinum{background:#ffffff09;border-color:#a0dcff8c}.game-achievement-expand{color:#8fe3ff;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#ffffff0a;border:1px solid #ffce8a2e;border-radius:999px;padding:9px 14px;font-size:11px;font-weight:700;transition:filter .15s,border-color .15s,background .15s}.game-achievement-expand:hover{filter:brightness(1.05);border-color:#ffce8a4d}.game-achievement-expand.active{background:#ffce8a14}.game-sessions-panel{border-top:1px solid var(--border);background:#ffffff09;padding:18px;animation:.2s cubic-bezier(.4,0,.2,1) expand}.game-sessions-panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.game-sessions-panel-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:11px;font-weight:700}.game-sessions-panel-title{color:var(--text-h);margin-top:4px;font-size:16px;font-weight:700}.game-sessions-list{flex-direction:column;gap:10px;display:flex}.game-sessions-row{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.game-sessions-row-main{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.game-sessions-platform{letter-spacing:.08em;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:700}.game-sessions-platform--psn{color:#f8d087;background:#f8d08714;border-color:#f8d08733}.game-sessions-platform--steam{color:#92c7ff;background:#92c7ff14;border-color:#92c7ff33}.game-sessions-duration{color:var(--text-h);font-size:13px;font-weight:700}.game-sessions-date{color:#ffffff94;font-size:12px}.game-sessions-delete{color:#ffffff94;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;padding:8px 10px;font-size:11px}.game-sessions-delete:hover{color:#f87171;background:#f871710f;border-color:#f871713d}.trophy-panel{background:#f59e0b2e;border:1px solid #ffffff14;border-radius:22px;margin-top:14px;padding:18px}.trophy-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.trophy-panel-kicker{text-transform:uppercase;letter-spacing:.14em;color:#ffffff6b;font-size:10px;font-weight:700}.trophy-panel-title{color:var(--text-h);margin-top:4px;font-size:18px;font-weight:700}.trophy-panel-chip{letter-spacing:.08em;text-transform:uppercase;color:#8fe3ff;background:#ffce8a14;border:1px solid #ffce8a29;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700}.trophy-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.trophy-panel-empty{color:#ffffff9e;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:16px;padding:18px;font-size:14px;line-height:1.6}.trophy-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.trophy-card--locked{opacity:.58;background:#ffffff05}.trophy-card--earned{box-shadow:0 14px 24px #0000002e}.trophy-card-icon-wrap{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.trophy-card--bronze .trophy-card-icon-wrap{border-color:#cd7f3259}.trophy-card--silver .trophy-card-icon-wrap{border-color:#c0c0c059}.trophy-card--gold .trophy-card-icon-wrap{border-color:#ffc83266}.trophy-card--platinum .trophy-card-icon-wrap{border-color:#a0dcff66}.trophy-card-icon{object-fit:cover;width:100%;height:100%;display:block}.trophy-card-icon-fallback{font-size:18px}.trophy-card-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.trophy-card-name{color:var(--text-h);font-size:13px;font-weight:700;line-height:1.25}.trophy-card-detail{color:#ffffff9e;font-size:12px;line-height:1.4}.game-actions{background:#ffffff09;border:1px solid #fff1;border-radius:16px;grid-template-columns:minmax(0,1fr);align-content:stretch;align-self:stretch;gap:8px;width:100%;max-width:100%;padding:12px;display:grid}.game-actions-top{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.game-title{width:fit-content;max-width:100%;color:var(--text-h);letter-spacing:0;text-wrap:balance;text-shadow:0 10px 30px #00000057;font-size:36px;font-weight:850;line-height:1.1;display:inline-block;position:relative}.game-title-button{text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.game-title-button:disabled{cursor:default}.game-title-button:hover:not(:disabled){color:#fca5a5}.game-title:after{content:"";background:#ffffff09;border-radius:999px;height:3px;position:absolute;bottom:-8px;left:1px;right:18%}.game-title-line{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.game-title-rating{color:#fbbf24;background:#f59e0b17;border:1px solid #f59e0b42;border-radius:999px;align-items:center;min-height:30px;padding:5px 12px;font-size:16px;font-weight:850;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.game-year{color:var(--text);flex-shrink:0;font-size:12px}@media (width<=430px){.game-year{display:none}}.game-date{color:var(--text);white-space:nowrap;opacity:.5;flex-shrink:0;font-size:12px}@media (width<=600px){.game-date{display:none}}.entry-completed{background:#34d3990e;border-color:#34d39957!important}.complete-btn{font-size:12px;font-weight:500;font-family:var(--sans);border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border-radius:99px;flex-shrink:0;min-height:32px;padding:6px 10px;transition:all .15s}@media (hover:hover){.complete-btn:hover{border-color:var(--accent-border);color:var(--accent);background:var(--accent-dim)}}.complete-btn:active{border-color:var(--accent-border);color:var(--accent);background:var(--accent-dim)}.complete-btn.done{color:var(--green);background:var(--green-dim);border-color:#34d39959}@media (width<=430px){.complete-btn{padding:5px 8px;font-size:11px}}.status-select{font-size:14px;font-weight:850;font-family:var(--sans);cursor:pointer;appearance:none;background-color:#ffffff08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid #ffffff1a;border-radius:10px;outline:none;flex-shrink:0;width:100%;padding:8px 32px 8px 12px;transition:border-color .15s,background-color .15s}.status-select:hover{border-color:#ffffff40}.status-select.status-backlog{color:#fbbf24;background-color:#fbbf2414;border-color:#fbbf2459}.status-select.status-playing{color:#60a5fa;background-color:#60a5fa14;border-color:#60a5fa59}.status-select.status-dropped{color:#f87171;background-color:#f8717114;border-color:#f8717159}.status-select.status-completed{color:var(--green);background-color:var(--green-dim);border-color:#34d39959}.status-select option{background:var(--surface);color:var(--text-h)}.remove-btn{color:#ffffff80;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;padding:8px 10px;font-size:11px;line-height:1;transition:color .15s,opacity .15s,border-color .15s,background .15s}.remove-btn:hover{color:#f87171;background:#f871710f;border-color:#f871713d}.action-btn{font-size:14px;font-weight:850;font-family:var(--sans);cursor:pointer;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:42px;padding:10px 14px;line-height:1;transition:filter .15s,transform .1s,background .15s;display:flex}.action-btn:active{transform:scale(.96)}.action-btn--primary{color:#fff;background:#06d3fd33;border:1px solid #0000;grid-column:1/-1;min-height:48px;box-shadow:0 12px 26px #06d3fd47}@media (hover:hover){.action-btn--primary:hover{filter:brightness(1.12)}}.action-btn--primary.active{background:color-mix(in srgb, var(--accent) 80%, #000 20%);filter:brightness(1.05)}.action-btn--secondary{color:#ffffffad;background:#ffffff09;border:1px solid #ffffff16}@media (hover:hover){.action-btn--secondary:hover{color:var(--text-h);background:#ffffff0e;border-color:#ffffff2e}}.action-btn--secondary.active{color:#8fe3ff;background:#06d3fd1f;border-color:#8fe3ff3d}.game-remove-icon{color:#ffffff9e;cursor:pointer;width:40px;height:38px;font:900 24px/1 var(--sans);background:#ffffff09;border:1px solid #ffffff16;border-radius:12px;flex-shrink:0;place-items:center;transition:color .15s,border-color .15s,background .15s,transform .1s;display:grid}.game-remove-icon:hover{color:#ffc1c1;background:#f871711a;border-color:#f8717152}.game-remove-icon:active{transform:scale(.94)}.game-more-menu{flex-shrink:0;position:relative}.game-more-menu[open]{z-index:8}.game-more-trigger{color:#ffffff9e;cursor:pointer;width:40px;height:38px;font:900 18px/1 var(--sans);letter-spacing:0;background:#ffffff09;border:1px solid #ffffff16;border-radius:12px;place-items:center;list-style:none;transition:color .15s,border-color .15s,background .15s;display:grid}.game-more-trigger::-webkit-details-marker{display:none}.game-more-trigger:hover,.game-more-menu[open] .game-more-trigger{color:#ffffffe6;background:#fff1;border-color:#ffffff2e}.game-more-popover{background:#101016fa;border:1px solid #ffffff1c;border-radius:12px;min-width:148px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #00000061}.game-more-popover button{color:#ffffffc7;cursor:pointer;min-height:34px;font:800 13px/1 var(--sans);text-align:left;background:0 0;border:0;border-radius:8px;padding:0 10px}.game-more-popover button:hover{color:var(--text-h);background:#ffffff12}.game-more-popover button.danger{color:#fca5a5}.game-more-popover button.danger:hover{color:#fecaca;background:#f871711a}.action-badge{color:inherit;background:#ffffff38;border-radius:4px;justify-content:center;align-items:center;padding:1px 4px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.action-badge--check{background:var(--accent-dim);color:var(--accent)}.review-submit{background:var(--accent);color:#fff;font-size:13px;font-weight:500;font-family:var(--sans);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:8px 14px;transition:opacity .15s}.review-submit:hover:not(:disabled){opacity:.85}.review-submit:disabled{opacity:.35;cursor:default}.game-rating{letter-spacing:1px;color:#f59e0b;flex-shrink:0;font-size:13px}@media (width<=430px){.game-rating{display:none}}.review-panel{border-top:1px solid var(--border);background:#ffffff09;flex-direction:column;gap:10px;padding:18px 18px 20px;animation:.2s cubic-bezier(.4,0,.2,1) expand;display:flex}.review-panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}@media (width<=960px){.game-item{min-height:122px}.game-body{padding:16px}.game-bottom-row{grid-template-columns:1fr;align-items:flex-start}.game-actions{grid-template-columns:minmax(0,1fr);align-content:stretch;width:100%}.action-btn--primary{grid-column:auto}.game-title{font-size:22px}}@media (width<=600px){.game-entry{border-radius:18px;max-width:100%}.game-item{grid-template-columns:92px minmax(0,1fr);min-height:0;display:grid}.cover-wrap{width:92px;max-width:none;min-height:100%}.game-top-row{flex-direction:column;align-items:flex-start}.game-top-right{flex-wrap:wrap;justify-content:space-between;width:100%}.game-body{gap:12px;min-width:0;padding:14px}.game-title{overflow-wrap:anywhere;text-wrap:wrap;width:100%;font-size:19px}.gs-item{white-space:normal;min-width:0}.game-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.gs-label,.gs-value,.gs-date-input{white-space:normal;overflow-wrap:anywhere;max-width:100%}.game-actions{grid-template-columns:minmax(0,1fr)}.action-btn--primary{grid-column:auto}.action-btn,.remove-btn{width:auto}}@media (width<=430px){.game-item,.layout--backlog .game-entry--compact .game-item{grid-template-columns:78px minmax(0,1fr)}.cover-wrap,.layout--backlog .game-entry--compact .cover-wrap,.game-entry--compact .cover-wrap{width:78px;min-height:100%}.game-body,.layout--backlog .game-entry--compact .game-body,.game-entry--compact .game-body{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px;display:grid}.game-bottom-row,.game-entry--compact .game-bottom-row{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.game-entry--compact .game-meta,.game-entry--compact .game-actions,.layout--backlog .game-entry--compact .game-meta,.layout--backlog .game-entry--compact .game-actions{grid-column:auto}.game-stats,.game-entry--compact .game-stats,.layout--backlog .game-entry--compact .game-stats{grid-template-columns:minmax(0,1fr);gap:6px}.game-entry--compact .gs-item,.layout--backlog .game-entry--compact .gs-item{min-height:0}.game-entry--compact .game-title,.layout--backlog .game-entry--compact .game-title{font-size:18px}.game-actions-top,.game-entry--compact .game-actions-top,.layout--backlog .game-entry--compact .game-actions-top{grid-template-columns:minmax(0,1fr) 38px}.game-remove-icon,.game-more-trigger{width:38px;height:36px}.status-select,.layout--backlog .game-entry--compact .status-select{min-width:0;font-size:12px}.action-btn,.layout--backlog .game-entry--compact .action-btn{white-space:normal;min-width:0;line-height:1.15}}@media (width<=360px){.game-item,.layout--backlog .game-entry--compact .game-item{grid-template-columns:68px minmax(0,1fr)}.cover-wrap,.layout--backlog .game-entry--compact .cover-wrap,.game-entry--compact .cover-wrap{width:68px}.game-body,.layout--backlog .game-entry--compact .game-body,.game-entry--compact .game-body{padding:10px}}.review-score-row{align-items:center;gap:12px;min-width:0;display:flex}.review-score-input-wrap{align-items:baseline;gap:4px;display:flex}.review-score-input{color:#f1f5f9;text-align:center;-moz-appearance:textfield;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:72px;padding:6px 10px;font-size:22px;font-weight:900;transition:border-color .15s}.review-score-input::-webkit-outer-spin-button{-webkit-appearance:none}.review-score-input::-webkit-inner-spin-button{-webkit-appearance:none}.review-score-input:focus{border-color:#ffffff47}.review-score-denom{color:#fff;font-size:18px;font-weight:700}.review-score-label{font-size:13px;font-weight:750}.review-close{color:#ffffffbd;width:34px;height:34px;font:900 22px/1 var(--sans);cursor:pointer;background:#ffffff09;border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.review-close:hover{color:#fecaca;background:#f8717114;border-color:#f8717152}.star-wrap{cursor:pointer;width:30px;height:30px;display:inline-block;position:relative}.star-base{color:var(--border);-webkit-user-select:none;user-select:none;font-size:28px;line-height:30px;position:absolute;inset:0}.star-fill{color:#f59e0b;white-space:nowrap;-webkit-user-select:none;user-select:none;height:100%;font-size:28px;line-height:30px;transition:width .1s;position:absolute;top:0;left:0;overflow:hidden}.star-half{cursor:pointer;background:0 0;border:none;width:50%;padding:0;position:absolute;top:0;bottom:0}.star-label{color:var(--text);margin-left:6px;font-size:12px}.review-input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-h);font-size:13px;font-family:var(--sans);resize:vertical;border-radius:8px;outline:none;padding:10px 12px;line-height:1.6;transition:border-color .2s,box-shadow .2s}.review-input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-dim)}.review-input::placeholder{color:var(--text);opacity:.5}.review-footer{justify-content:flex-end;align-items:center;gap:10px;min-height:30px;display:flex}.review-cancel{color:#ffffffb8;min-height:38px;font:850 13px var(--sans);cursor:pointer;background:#ffffff09;border:1px solid #ffffff1a;border-radius:10px;padding:0 14px}.review-cancel:hover{color:var(--text-h);border-color:#ffffff2e}.review-saved{color:var(--green);align-self:center;font-size:12px}.game-entry.completing,.game-entry.playing-anim,.game-entry.dropping{animation:.9s cubic-bezier(.22,1,.32,1) .18s stamp-card-recoil}.game-entry.completing .cover,.game-entry.playing-anim .cover,.game-entry.dropping .cover{animation:.9s cubic-bezier(.22,1,.32,1) .18s stamp-cover-jolt}.game-entry.completing{border-color:#34d399b3;box-shadow:0 0 0 1px #34d39947,0 18px 44px #10b9812e,0 0 52px #34d39942}.game-entry.playing-anim{border-color:#2dd4bfa6;box-shadow:0 0 0 1px #2dd4bf42,0 18px 44px #14b8a62e,0 0 52px #2dd4bf3d}.game-entry.dropping{border-color:#f87171a6;box-shadow:0 0 0 1px #f8717142,0 18px 44px #dc26262e,0 0 52px #f871713d}.stamp-anim{pointer-events:none;z-index:10;border-radius:inherit;--stamp-accent:#6ee7b7;--stamp-accent-2:#34d399;--stamp-flash-rgb:52, 211, 153;position:absolute;inset:0;overflow:hidden}.stamp-anim--playing{--stamp-accent:#5eead4;--stamp-accent-2:#2dd4bf;--stamp-flash-rgb:45, 212, 191}.stamp-anim--dropped{--stamp-accent:#fca5a5;--stamp-accent-2:#f87171;--stamp-flash-rgb:248, 113, 113}.stamp-flash{background:radial-gradient(120% 140% at 28% 50%, rgba(var(--stamp-flash-rgb), .42), rgba(var(--stamp-flash-rgb), 0) 60%);opacity:0;animation:.5s ease-out .18s forwards stamp-flash;position:absolute;inset:0}.stamp-shock{border:3px solid var(--stamp-accent);opacity:0;border-radius:50%;width:96px;height:96px;animation:.62s cubic-bezier(.16,1,.3,1) .2s forwards stamp-shock;position:absolute;top:50%;left:clamp(120px,14vw,210px);transform:translate(-50%,-50%)scale(.2)}.stamp-badge{opacity:0;border:3px solid var(--stamp-accent);color:var(--stamp-accent);letter-spacing:.16em;text-transform:uppercase;box-shadow:0 0 0 1px rgba(var(--stamp-flash-rgb), .25), 0 14px 30px #00000052;text-shadow:0 2px 10px #0006;background:#12100a57;border-radius:10px;padding:8px 18px;font-size:clamp(18px,2.4vw,26px);font-weight:950;animation:.4s cubic-bezier(.3,1.5,.5,1) .18s forwards stamp-slam,.7s ease-out .58s forwards stamp-settle,.34s 1.06s forwards stamp-exit;position:absolute;top:50%;left:clamp(120px,14vw,210px);transform:translate(-50%,-50%)rotate(-12deg)scale(2.6)}.stamp-badge-text{display:block}.stamp-fleck{width:var(--fw,6px);height:var(--fh,6px);background:var(--stamp-accent);opacity:0;border-radius:1px;animation:.55s cubic-bezier(.12,.8,.3,1) .24s forwards stamp-fleck;position:absolute;top:50%;left:clamp(120px,14vw,210px);transform:translate(-50%,-50%)}.stamp-fleck:nth-child(2n){background:var(--stamp-accent-2)}@keyframes stamp-card-recoil{0%{transform:scale(1)}10%{transform:scale(1.035)}26%{transform:scale(.984)}46%{transform:scale(1.012)}to{transform:scale(1)}}@keyframes stamp-cover-jolt{0%{transform:scale(1)rotate(0)}12%{transform:scale(1.07)rotate(-2deg)}30%{transform:scale(.99)rotate(1deg)}to{transform:scale(1)rotate(0)}}@keyframes stamp-flash{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes stamp-shock{0%{opacity:0;border-width:4px;transform:translate(-50%,-50%)scale(.2)}16%{opacity:.9}to{opacity:0;border-width:1px;transform:translate(-50%,-50%)scale(1.9)}}@keyframes stamp-slam{0%{opacity:0;transform:translate(-50%,-50%)rotate(-12deg)scale(2.6)}60%{opacity:1}to{opacity:1;transform:translate(-50%,-50%)rotate(-12deg)scale(1)}}@keyframes stamp-settle{0%{transform:translate(-50%,-50%)rotate(-12deg)scale(1)}30%{transform:translate(-50%,-50%)rotate(-9deg)scale(1.015)}to{transform:translate(-50%,-50%)rotate(-11deg)scale(1)}}@keyframes stamp-exit{to{opacity:0;transform:translate(-50%,-50%)rotate(-11deg)scale(1.08)}}@keyframes stamp-fleck{0%{opacity:0;transform:translate(-50%,-50%)translate(0)rotate(0)}20%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) translate(var(--fx,0), var(--fy,0)) rotate(var(--fr,0deg))}}@media (prefers-reduced-motion:reduce){.game-entry.completing,.game-entry.completing .cover,.game-entry.playing-anim,.game-entry.playing-anim .cover,.game-entry.dropping,.game-entry.dropping .cover,.stamp-anim *{animation:none!important}.stamp-anim{display:none}}@media (width<=600px){.stamp-badge,.stamp-shock,.stamp-fleck{left:50%}}.recs-panel{border-top:1px solid var(--border);background:var(--surface-2);padding:14px 14px 16px;animation:.2s cubic-bezier(.4,0,.2,1) expand}@keyframes expand{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.recs-label{text-transform:uppercase;letter-spacing:.7px;color:var(--accent);margin-bottom:12px;font-size:11px;font-weight:600}.recs-loading{gap:10px;display:flex}.recs-spinner{background:var(--surface);background-size:200% 100%;border-radius:7px;flex-shrink:0;width:120px;height:80px;animation:1.2s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.recs-empty{color:var(--text);opacity:.6;font-size:13px}.recs-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:10px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.recs-row::-webkit-scrollbar{display:none}.rec-card{box-sizing:border-box;background:#ffffff09;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:12px;width:100%;margin-bottom:18px;padding:18px 18px 16px;transition:border-color .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 50px #0003}@media (hover:hover){.rec-card:hover{border-color:#06d3fd3d}}.rec-card:before{content:"";pointer-events:none;background:0 0;position:absolute;inset:0}.rec-card--new{background:#ffffff09}.rec-label{z-index:1;color:#8fe3ff;text-transform:uppercase;letter-spacing:.14em;background:#06d3fd1f;border:1px solid #06d3fd38;border-radius:999px;align-items:center;gap:8px;width:fit-content;min-height:32px;padding:6px 11px;font-size:10px;font-weight:700;display:inline-flex;position:relative}.rec-card--new .rec-label{color:#9cccff;background:#4a90d91f;border-color:#4a90d93d}.rec-body{z-index:1;grid-template-columns:124px minmax(0,1fr);align-items:start;gap:14px;display:grid;position:relative}.rec-cover{object-fit:cover;border:1px solid #ffffff14;border-radius:14px;width:100%;height:84px;display:block;box-shadow:0 16px 28px #00000038}.rec-cover-placeholder{background:var(--surface-2);height:84px}.rec-info{gap:8px;min-width:0;display:grid}.rec-footer{z-index:1;justify-content:flex-start;padding-top:2px;display:flex;position:relative}.rec-title{letter-spacing:-.04em;color:var(--text-h);text-wrap:pretty;font-size:clamp(17px,1.6vw,24px);font-weight:700;line-height:1.08}.rec-reason{color:#ffffffbd;max-width:34ch;font-size:13px;line-height:1.55}.rec-meta{flex-wrap:wrap;gap:6px;display:flex}.rec-chip{color:#ffffffb8;letter-spacing:.08em;text-transform:uppercase;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:5px 10px;font-size:10px;font-weight:700;display:inline-flex}.rec-chip--playing{color:#9cccff;background:#60a5fa1f;border-color:#60a5fa42}.rec-chip--meta{color:#9be3d3;background:#34d3991f;border-color:#34d3993d}.rec-chip--new{color:#9cccff;background:#4a90d91f;border-color:#4a90d93d}.rec-add-btn{color:#8fe3ff;letter-spacing:.08em;text-transform:uppercase;min-height:40px;font-size:11px;font-weight:700;font-family:var(--sans);cursor:pointer;white-space:nowrap;background:#06d3fd1f;border:1px solid #06d3fd3d;border-radius:14px;padding:10px 14px;transition:all .16s}.rec-add-btn:hover:not(:disabled),.rec-add-btn:active:not(:disabled){border-color:var(--accent-border);color:var(--accent);background:var(--accent-dim)}.rec-add-btn:disabled{opacity:.4;cursor:default}@media (width<=960px){.rec-body{grid-template-columns:132px minmax(0,1fr)}}@media (width<=600px){.rec-card{border-radius:20px;padding:18px}.rec-body{grid-template-columns:1fr;gap:14px}.rec-cover{height:132px}.rec-title{font-size:22px}.rec-reason{max-width:none;font-size:14px}.rec-add-btn{width:100%}.rec-footer{justify-content:stretch}}.profile{flex-direction:column;gap:16px;display:flex}.profile-panel,.profile-section{border:1px solid var(--border);background:#ffffff09;border-radius:20px;box-shadow:0 18px 40px #0000003d}.profile-hero{grid-template-columns:minmax(0,1.7fr) minmax(320px,.9fr);align-items:stretch;gap:20px;display:grid;position:relative}.profile-hero:before{content:"";pointer-events:none;background:0 0;position:absolute;inset:0}.profile-hero-main,.profile-hero-summary{z-index:1;position:relative}.profile-hero-main{border:1px solid var(--border);background:#ffffff09;border-radius:20px;flex-direction:column;gap:18px;padding:24px;display:flex;overflow:hidden;box-shadow:0 18px 40px #0000003d}.profile-header{align-items:center;gap:16px;display:flex}.avatar{color:#fff;background:#ffffff09;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:18px;font-weight:700;display:flex}.profile-name-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.profile-name{letter-spacing:-.04em;font-size:28px}.profile-sub{color:#ffffffb8;margin-top:2px;font-size:15px;font-weight:650}.profile-kicker{text-transform:uppercase;letter-spacing:.16em;color:#8fe3ff;background:#06d3fd1f;border:1px solid #06d3fd3d;border-radius:999px;width:fit-content;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.profile-hero-copy{flex-direction:column;gap:16px;display:flex}.profile-quick-stats{border:1px solid #ffffff14;border-radius:10px;display:flex;overflow:hidden}.profile-quick-stat{border-right:1px solid #ffffff14;flex-direction:column;flex:1;align-items:center;gap:4px;padding:14px 10px;display:flex}.profile-quick-stat:last-child{border-right:none}.profile-quick-stat strong{letter-spacing:-.04em;color:#fff;font-size:26px;font-weight:800;line-height:1}.profile-quick-stat span{text-transform:uppercase;letter-spacing:.1em;color:#ffffff73;font-size:11px;font-weight:600}.profile-activity-section{flex-direction:column;flex:1;gap:8px;display:flex}.profile-activity-heading{text-transform:uppercase;letter-spacing:.12em;color:#ffffff61;flex-shrink:0;font-size:11px;font-weight:700}.profile-activity-rows{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.profile-activity-row{background:#ffffff07;border-radius:7px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:7px 10px;display:grid}.profile-activity-title{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.profile-activity-status{text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:10.5px;font-weight:700}.profile-activity-date{color:#ffffff47;white-space:nowrap;text-align:right;min-width:40px;font-size:12px;font-weight:500}.account-settings-backdrop{z-index:90;padding:max(22px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030408b8;place-items:center;display:grid;position:fixed;inset:0}.account-settings-modal{background:#15151b;border:1px solid #ffffff1a;border-radius:20px;gap:18px;width:min(900px,100%);max-height:min(760px,100dvh - 44px);padding:22px;display:grid;overflow:auto;box-shadow:0 30px 80px #0000006b}.account-settings-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.account-settings-kicker{letter-spacing:.16em;text-transform:uppercase;color:#8fe3ff;margin-bottom:6px;font-size:11px;font-weight:900;display:block}.account-settings-header h2{color:#fff;margin:0;font-size:30px;line-height:1}.account-settings-header p{color:#ffffff94;margin:7px 0 0;font-size:14px;font-weight:700}.account-settings-close{color:#ffffffb8;min-height:38px;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;padding:0 12px;font-size:13px;font-weight:850}.account-settings-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:14px;display:grid}.account-settings-card{background:#ffffff09;border:1px solid #ffffff14;border-radius:16px;align-content:start;gap:14px;padding:18px;display:grid}.profile-account-settings{gap:14px;display:grid}.profile-account-settings-head{gap:4px;padding:0 4px;display:grid}.profile-account-grid{grid-template-columns:minmax(0,1.1fr) minmax(260px,.75fr) minmax(260px,.75fr);gap:14px;display:grid}.profile-account-card{box-shadow:none;align-content:start;gap:14px;padding:18px;display:grid}.profile-password-form,.profile-membership-body{gap:12px;display:grid}.profile-password-form label{gap:6px;display:grid}.profile-password-form label span,.profile-membership-row span{letter-spacing:.12em;text-transform:uppercase;color:#ffffff7a;font-size:11px;font-weight:850}.profile-password-form input{color:#ffffffeb;width:100%;min-height:42px;font:inherit;background:#ffffff09;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:0 12px;font-weight:750}.profile-password-form input:focus{border-color:#8fe3ff73}.profile-settings-message{margin:0;font-size:13px;font-weight:750}.profile-settings-message--error{color:#fca5a5}.profile-settings-message--success{color:#6ee7b7}.profile-settings-primary,.profile-settings-secondary{min-height:40px;font:inherit;cursor:pointer;border-radius:10px;padding:0 14px;font-size:14px;font-weight:850}.profile-settings-primary{color:#fff5f5f5;background:#06d3fd33;border:1px solid #8fe3ff38}.profile-settings-secondary{color:#ffffffb8;background:#ffffff09;border:1px solid #ffffff1a}.profile-settings-primary:disabled{cursor:default;opacity:.55}.profile-plan-pill{color:#ffffffad;letter-spacing:.1em;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;justify-self:end;padding:6px 10px;font-size:12px;font-weight:900}.profile-plan-pill--pro{color:#fbbf24;background:#fbbf241a;border-color:#fbbf2442}.profile-membership-row{border-bottom:1px solid #ffffff12;gap:4px;padding:10px 0;display:grid}.profile-membership-row strong{color:#ffffffe0;text-overflow:ellipsis;min-width:0;font-size:15px;overflow:hidden}.profile-settings-actions{flex-wrap:wrap;gap:8px;display:flex}.profile-privacy-toggle--settings{width:fit-content}.profile-activity-footer{border-top:1px solid #ffffff12;align-items:baseline;gap:10px;padding-top:12px;display:flex}.profile-activity-footer-value{color:#ffffff8c;font-size:13.5px;font-weight:600}.profile-identity-block{flex-direction:column;gap:10px;display:flex}.profile-identity-title{letter-spacing:-.06em;color:#fff8f5;max-width:10ch;margin:0;font-size:clamp(28px,4.4vw,54px);line-height:.98}.profile-hero-text{color:#ffffffbd;max-width:58ch;margin:0;font-size:17px;line-height:1.65}.profile-highlight-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.profile-highlight-chip{background:#ffffff07;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:4px;padding:14px 15px 13px;display:flex}.profile-highlight-value{letter-spacing:-.05em;color:#fff5f0;font-size:22px;font-weight:800;line-height:1}.profile-highlight-label{letter-spacing:.14em;text-transform:uppercase;color:#8fe3ff8a;font-size:11px;font-weight:700}.profile-feature-card{background:#ffffff09;border:1px solid #8fe3ff24;border-radius:24px;grid-template-columns:minmax(0,1.2fr) minmax(220px,.9fr);gap:14px;padding:16px;display:grid;box-shadow:inset 0 1px #ffffff0a,0 18px 36px #0000002e}.profile-feature-block{flex-direction:column;gap:8px;display:flex}.profile-feature-kicker{letter-spacing:.14em;text-transform:uppercase;color:#8fe3ff;font-size:12px;font-weight:900}.profile-feature-title{letter-spacing:-.05em;color:#fff8f5;text-wrap:balance;font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1.02}.profile-feature-detail{color:#fff4f0c2;font-size:17px;font-weight:650;line-height:1.55}.profile-feature-grid{gap:12px;display:grid}.profile-feature-mini{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.profile-feature-mini-label{letter-spacing:.13em;text-transform:uppercase;color:#8fe3ffa8;font-size:12px;font-weight:900}.profile-feature-mini-value{color:#fff8f5;font-size:18px;font-weight:850;line-height:1.35}.profile-hero-summary{border:1px solid var(--border);background:#ffffff09;border-radius:24px;flex-direction:column;justify-content:flex-start;gap:16px;padding:24px;display:flex;box-shadow:inset 0 1px #ffffff0a,0 22px 44px #00000038}.profile-level-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.profile-level-copy{flex-direction:column;gap:4px;display:flex}.profile-level-kicker{letter-spacing:.18em;text-transform:uppercase;color:#ffffff73;font-size:12px;font-weight:700}.profile-level-title{letter-spacing:-.06em;color:var(--text-h);font-size:clamp(30px,4vw,48px);font-weight:800;line-height:.95}.profile-level-xp-total{letter-spacing:.1em;color:#fffc;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;flex-shrink:0;padding:10px 16px;font-size:13px;font-weight:700}.profile-level-meter{flex-direction:column;gap:8px;display:flex}.profile-level-meter-top,.profile-level-range{color:#ffffff73;justify-content:space-between;align-items:center;gap:16px;font-size:13px;display:flex}.profile-level-next-title{color:#ffffffd9;font-weight:700}.profile-level-track{background:#b4780033;border:1px solid #d4a01726;border-radius:999px;height:14px;position:relative;overflow:hidden}.profile-level-fill{border-radius:inherit;background:linear-gradient(90deg,#b45309 0%,#d97706 50%,#fbbf24 100%);height:100%;position:relative;box-shadow:0 0 16px #fbbf2480,inset 0 1px #ffffff4d}.profile-level-fill:after{content:"";background:0 0;animation:3.4s linear infinite profile-level-shimmer;position:absolute;inset:0;transform:translate(-140%)}.profile-level-sources{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.profile-level-source{background:#00000047;border:1px solid #ffffff12;border-radius:16px;flex-direction:column;gap:6px;padding:14px 12px 12px;display:flex}.profile-level-source-icon{color:#f0c069;background:#d69e4029;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;margin-bottom:2px;display:grid}.profile-level-source-value{letter-spacing:-.04em;color:#fff;font-size:22px;font-weight:800;line-height:1}.profile-level-source-label{letter-spacing:.12em;text-transform:uppercase;color:#ffffff73;font-size:10px;font-weight:800}.profile-level-source-detail{color:#fff6;font-size:12px;font-weight:500;line-height:1.4}.profile-hero-meta{display:block}.profile-pro-card{background:#06d3fd12;border:1px solid #06d3fd38;border-radius:16px;align-items:center;gap:14px;margin-top:10px;padding:16px 18px;display:flex}.profile-pro-card--active{background:#34d3990f;border-color:#34d39938}.profile-pro-badge{letter-spacing:.14em;color:#34d399;background:#34d39924;border:1px solid #34d39947;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:10px;font-weight:800}.profile-pro-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profile-pro-title{color:#fff;font-size:14px;font-weight:700}.profile-pro-sub{color:#ffffff80;font-size:12px}.profile-pro-cta{color:#fff;cursor:pointer;background:#06d3fd;border:none;border-radius:999px;flex-shrink:0;padding:8px 18px;font-size:13px;font-weight:700;transition:opacity .15s}.profile-pro-cta:hover:not(:disabled){opacity:.85}.profile-pro-cta:disabled{opacity:.5;cursor:default}.profile-pro-manage{color:#34d399;cursor:pointer;background:0 0;border:1px solid #34d3994d;border-radius:999px;flex-shrink:0;padding:7px 16px;font-size:12px;font-weight:700;transition:background .15s}.profile-pro-manage:hover:not(:disabled){background:#34d3991a}.profile-pro-manage:disabled{opacity:.5;cursor:default}.hero-mini-card{background:#ffffff09;border:1px solid #8fe3ff24;border-radius:22px;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;padding:14px;display:grid}.hero-mini-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.hero-mini-label{letter-spacing:.13em;text-transform:uppercase;color:#8fe3ffb8;font-size:12px;font-weight:900}.hero-mini-value{color:#fff8f5;font-size:18px;font-weight:850;line-height:1.3}.hero-mini-detail{color:#fff3eebd;font-size:14px;font-weight:650;line-height:1.45}.hero-mini-badge-icon{color:#f0c069;background:#d69e401a;border:1px solid #f0c06947;border-radius:28px;place-items:center;width:92px;height:92px;display:grid;box-shadow:inset 0 1px #ffffff14,0 0 24px #d69e4024,0 16px 30px #3c2c0c47}.hero-mini-badge-icon svg{filter:drop-shadow(0 8px 18px #00000038);width:46px;height:46px}@keyframes profile-level-shimmer{0%{transform:translate(-140%)}to{transform:translate(180%)}}.profile-dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;display:grid}.profile-tabs{background:#ffffff09;border:1px solid #ffffff14;border-radius:14px;align-self:flex-start;gap:6px;padding:5px;display:inline-flex}.profile-tab{color:#ffffff9e;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:850;display:inline-flex}.profile-tab span{color:#fbbf24;letter-spacing:.08em;text-transform:uppercase;background:#fbbf241f;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:900}.profile-tab.is-active{color:#ffffffeb;background:#06d3fd2e;border-color:#ffffff1a}.profile-stats-page{gap:12px;display:grid}.stats-overview-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.profile-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.profile-panel--stat-list{min-height:260px}.stats-bars{gap:12px;display:grid}.stats-bar-row{gap:7px;display:grid}.stats-bar-label{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.stats-bar-label span{color:#ffffffc2;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:800;overflow:hidden}.stats-bar-label strong{color:#ffffffeb;font-size:14px;font-weight:900}.stats-bar-track{background:#ffffff12;border-radius:999px;height:9px;overflow:hidden}.stats-bar-fill{border-radius:inherit;background:#06d3fd;min-width:4px;height:100%}.stats-bar-fill--neutral{background:#60a5fa}.stats-bar-fill--rating{background:#fbbf24}.stats-game-list{gap:9px;display:grid}.stats-game-row{background:#ffffff08;border-radius:12px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid}.stats-game-row img,.stats-game-cover-empty{object-fit:cover;background:#ffffff0f;border-radius:7px;width:42px;height:32px}.stats-game-row span{color:#ffffffd1;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:800;overflow:hidden}.stats-game-row strong{color:#ffffffeb;white-space:nowrap;font-size:14px;font-weight:900}.profile-stats-lock{justify-content:center;min-height:300px}.profile-stats-lock h3{color:var(--text-h);letter-spacing:-.05em;margin:0;font-size:clamp(30px,4vw,52px);line-height:1}.profile-panel{flex-direction:column;gap:12px;min-width:0;padding:18px;animation:.5s profile-fade-up;display:flex}.profile-panel--activity,.profile-panel--insights{grid-column:span 12}.profile-panel:not(.profile-panel--activity):not(.profile-panel--insights){grid-column:span 4}.profile-dashboard-grid--no-ratings .profile-panel:not(.profile-panel--activity):not(.profile-panel--insights){grid-column:span 6}.profile-privacy-toggle{cursor:pointer;background:#ffffff09;border:1px solid #ffffff17;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-width:220px;min-height:44px;padding:6px 12px 6px 7px;display:inline-grid}.profile-privacy-toggle input{opacity:0;pointer-events:none;position:absolute}.profile-privacy-toggle span{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;width:44px;height:26px;position:relative}.profile-privacy-toggle span:after{content:"";background:#f8fafcc7;border-radius:999px;width:16px;height:16px;transition:transform .18s,background .18s;position:absolute;top:4px;left:4px}.profile-privacy-toggle input:checked+span{background:#34d39924;border-color:#34d3993d}.profile-privacy-toggle input:checked+span:after{background:#34d399;transform:translate(18px)}.profile-privacy-toggle strong{color:#f8fafcd1;font-size:13px;font-weight:850}.profile-privacy-toggle--inline{border-radius:10px;width:fit-content;min-width:0;min-height:32px;margin-top:4px;padding:4px 9px 4px 5px}.profile-privacy-toggle--inline span{width:34px;height:20px}.profile-privacy-toggle--inline span:after{width:12px;height:12px;top:3px;left:3px}.profile-privacy-toggle--inline input:checked+span:after{transform:translate(14px)}.profile-privacy-toggle--inline strong{font-size:12px}.profile-section{flex-direction:column;gap:12px;padding:18px;display:flex}.section-title{color:#ffffffc7;text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:900}.section-empty{color:#ffffffa8;font-size:15px;font-style:italic;font-weight:650}.panel-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.panel-subtitle{color:#ffffffb3;margin:6px 0 0;font-size:16px;font-weight:650;line-height:1.5}.panel-chip{text-transform:uppercase;letter-spacing:.1em;color:#8fe3ff;background:#06d3fd1f;border:1px solid #06d3fd33;border-radius:999px;flex-shrink:0;padding:7px 10px;font-size:11px;font-weight:700}.activity-bar-chart{flex-direction:column;gap:12px;display:flex}.activity-bar-grid{grid-template-columns:56px minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.activity-bar-scroll{flex-direction:column;gap:12px;min-width:0;display:flex}.activity-grid-line{border-top:1px dashed #ffffff14}.activity-bar-y-axis{grid-template-rows:repeat(5,1fr);align-items:start;padding-top:4px;display:grid}.activity-axis-label{color:#ffffff75;font-size:12px;transform:translateY(-8px)}.activity-bar-columns{min-height:296px;position:relative}.activity-grid-lines{pointer-events:none;grid-template-rows:repeat(5,1fr);display:grid;position:absolute;inset:0}.activity-bar-track{z-index:1;align-items:end;height:100%;display:grid;position:relative}.activity-bar-track--weekly{grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}.activity-bar-track--monthly{grid-template-columns:repeat(30,minmax(0,1fr));gap:8px}.activity-bar-column{z-index:1;align-items:flex-end;min-width:0;height:100%;display:flex;position:relative}.activity-bar{background:#06d3fd;border:1px solid #8fe3ff29;border-radius:18px 18px 12px 12px;flex-direction:column-reverse;justify-content:flex-start;width:100%;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 12px 28px #0000002e}.activity-bar--empty{background:#06d3fd;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff08}.activity-bar-segment{cursor:help;background-repeat:no-repeat;width:100%;display:block;position:relative}.activity-bar-segment+.activity-bar-segment:before{content:"";pointer-events:none;background:0 0;height:20px;position:absolute;top:-10px;left:0;right:0}.activity-bar-sheen{pointer-events:none;background:0 0;position:absolute;inset:0}.activity-line-labels{gap:12px;display:grid}.activity-line-labels--weekly{grid-template-columns:repeat(7,minmax(0,1fr))}.activity-line-labels--monthly{grid-template-columns:repeat(30,minmax(0,1fr));gap:8px}.activity-line-label{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.activity-line-label--muted{opacity:.3}.activity-line-day{color:#ffffffb8;font-size:12px}.activity-line-date{color:#ffffff70;font-size:11px}.activity-line-minutes{color:#ffffff7a;font-size:11px}.activity-range-controls{align-items:center;gap:10px;display:flex}.activity-range-btn{color:#8fe3ff;cursor:pointer;background:#06d3fd33;border:1px solid #8fe3ff2e;border-radius:50%;place-items:center;width:36px;height:36px;font-size:24px;line-height:1;transition:border-color .2s,background .2s;display:grid}.activity-range-btn:hover{background:#06d3fd33;border-color:#8fe3ff57}.rating-dist{flex-direction:column;gap:10px;display:flex}.dist-row{align-items:center;gap:10px;display:flex}.dist-label{color:#ffffffc7;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:106px;font-size:14px;font-weight:750;overflow:hidden}.dist-track{background:#ffffff0f;border-radius:99px;flex:1;height:10px;overflow:hidden}.dist-fill{background:#06d3fd;border-radius:99px;min-width:4px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 18px #06d3fd3d}.dist-fill--platform{background:#06d3fd;box-shadow:0 0 18px #2dd4bf33}.dist-fill--rating{background:#06d3fd;box-shadow:0 0 18px #fbbf2438}.dist-count{color:var(--text-h);text-align:right;flex-shrink:0;width:22px;font-size:14px;font-weight:850}.favorites-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (width<=430px){.favorites-grid{grid-template-columns:repeat(2,1fr)}}.fav-slot{aspect-ratio:3/4;border:1px solid #ffffff14;border-radius:14px;position:relative;overflow:hidden}.fav-slot--filled{cursor:pointer;background:0 0;padding:0;transition:transform .22s,border-color .22s}@media (hover:hover){.fav-slot--filled:hover{border-color:#ffffff29;transform:translateY(-3px)}.fav-slot--filled:hover .fav-title{opacity:1}}.fav-slot--empty{background:#ffffff09;justify-content:center;align-items:center;display:flex}.fav-empty-label{color:#ffffff59;font-size:24px}.fav-cover{object-fit:cover;width:100%;height:100%;display:block}.fav-placeholder-text{color:var(--text-h);text-align:center;background:#ffffff0d;justify-content:center;align-items:center;padding:8px;font-size:12px;font-weight:500;display:flex;position:absolute;inset:0}.fav-title{color:#fff;opacity:0;text-align:center;background:#ffffff09;padding:20px 8px 8px;font-size:11px;font-weight:500;transition:opacity .15s;position:absolute;bottom:0;left:0;right:0}.fav-btn{border:1px solid var(--border);font-size:11px;font-weight:500;font-family:var(--sans);cursor:pointer;color:var(--text);white-space:nowrap;background:0 0;border-radius:6px;flex-shrink:0;padding:4px 10px;line-height:1.4;transition:color .15s,border-color .15s,background .15s,opacity .15s}.fav-btn.fav-btn--active{color:#f87171;background:#f8717114;border-color:#f8717166;opacity:1!important}.fav-btn:disabled{cursor:default;opacity:.3!important}@media (hover:hover){.fav-btn:not(:disabled):not(.fav-btn--active):hover{color:#f87171;background:#f8717114;border-color:#f8717166}}.insights-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.insights-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-performance-grid{grid-template-columns:1fr;align-items:start;gap:12px;display:grid}.performance-stat-group{background:#ffffff06;border:1px solid #ffffff0f;border-radius:18px;padding:14px}.performance-stat-groups{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.panel-heading--compact{margin-bottom:8px}.insight-card{background:#ffffff07;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;gap:3px;padding:12px 14px;display:flex}.insight-card.insight-card--wide{grid-column:1/-1}.insight-value{color:var(--text-h);letter-spacing:0;font-size:30px;font-weight:900}.insight-label{color:#ffffffb8;font-size:15px;font-weight:750;line-height:1.45}@keyframes profile-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes activity-draw{0%{opacity:.2;stroke-dasharray:0 1200}to{opacity:1;stroke-dasharray:1200 0}}@keyframes activity-fade{0%{opacity:0}to{opacity:1}}@media (width<=960px){.profile-hero,.profile-account-grid,.account-settings-grid{grid-template-columns:1fr}.profile-highlight-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-feature-card{grid-template-columns:1fr}.profile-panel--activity,.profile-panel--insights,.profile-panel:not(.profile-panel--activity):not(.profile-panel--insights){grid-column:span 12}.activity-line-labels{gap:8px}.profile-performance-grid,.performance-stat-groups{grid-template-columns:1fr}.stats-overview-grid,.profile-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.profile-level-header,.profile-level-meter-top,.profile-level-range{flex-direction:column;align-items:flex-start}.profile-level-sources{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-hero-meta{grid-template-columns:1fr}.activity-range-controls{justify-content:space-between;width:100%}.activity-bar-grid{grid-template-columns:1fr;gap:12px}.activity-bar-y-axis{display:none}.activity-bar-scroll{-webkit-overflow-scrolling:touch;padding-bottom:6px;overflow-x:auto}.activity-bar-columns--weekly,.activity-line-labels--weekly{min-width:620px}.activity-bar-columns--monthly,.activity-line-labels--monthly{min-width:920px}.insights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insights-grid--three{grid-template-columns:1fr}.activity-line-labels{gap:8px}.profile-tabs{width:100%}.profile-tab{flex:1;justify-content:center}}@media (width<=600px){.profile-hero-main,.profile-panel,.profile-section{border-radius:16px}.profile-hero-main{padding:18px}.profile-name{font-size:24px}.profile-identity-title{max-width:none;font-size:32px}.profile-highlight-strip,.insights-grid,.stats-overview-grid,.profile-stats-grid{grid-template-columns:1fr}.activity-line-labels{grid-template-columns:repeat(4,minmax(0,1fr))}.activity-range-controls{gap:6px}.activity-range-btn{width:32px;height:32px;font-size:22px}.activity-axis-label{font-size:11px}.dist-label{width:82px}}.empty{text-align:center;color:var(--text);opacity:.6;padding:80px 0;font-size:14px}.empty-state{border:1px solid var(--border);opacity:1;background:#ffffff09;border-radius:18px;max-width:680px;margin:8px auto 0;padding:42px 28px}.empty-state--compact{padding:32px 24px}.empty-state-kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:950;display:block}.empty-state h2{color:var(--text-h);margin:0;font-size:clamp(26px,3vw,38px);line-height:1.05}.empty-state p{color:#ffffffad;max-width:520px;margin:12px auto 0;font-size:15px;line-height:1.45}.empty-state-actions{margin-top:18px}.empty-state-actions button{min-height:40px;color:var(--text-h);font:900 13px/1 var(--sans);cursor:pointer;background:#f871711f;border:1px solid #f8717147;border-radius:10px;padding:0 16px}.empty-state-hints{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.empty-state-hints span{border:1px solid var(--border);color:#ffffff9e;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.recent-sessions{border:1px solid var(--border);background:var(--surface);border-radius:18px;margin-bottom:18px;padding:14px 18px}.recent-sessions-header{align-items:center;gap:10px;margin-bottom:2px;display:flex}.recent-sessions-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-h);font-size:12px;font-weight:700}.recent-sessions-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);opacity:.7;font-size:10px;font-weight:600}.recent-session-row{border-top:1px solid #ffffff0d;align-items:center;gap:10px;padding:7px 0;display:flex}.recent-session-game{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:500;overflow:hidden}.recent-session-duration{color:var(--accent);white-space:nowrap;font-size:12px;font-weight:600}.recent-session-date{color:var(--text-muted,#fff6);white-space:nowrap;font-size:11px}.recent-session-platform{letter-spacing:.1em;white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800}.recent-session-platform--psn{color:#5aabff;background:#0070d12e}.recent-session-platform--steam{color:#67c1f5;background:#67c1f51f}.recent-session-row--active{border-top-color:#ffffff14}.recent-session-live{color:#4ade80;white-space:nowrap;font-size:11px;font-weight:600;animation:2s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.recent-session-delete{color:#ffffff40;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1;transition:color .15s}.recent-session-delete:hover{color:#ffffffb3}@media (width<=760px){.today-activity-panel{padding:16px}.recent-session-row{flex-wrap:wrap;align-items:center}.recent-session-game{white-space:normal;flex-basis:100%;min-width:0}.recent-session-date{margin-left:auto}}.sessions-panel{border-top:1px solid var(--border);background:#ffffff09;padding:16px 18px 18px;animation:.2s cubic-bezier(.4,0,.2,1) expand}.sessions-panel-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.sessions-panel-title{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-size:11px;font-weight:700}.sessions-panel-kicker{text-transform:uppercase;letter-spacing:.12em;color:#ffffff59;font-size:10px;font-weight:600}.sessions-list{flex-direction:column;gap:2px;display:flex}.session-row{background:#ffffff08;border-radius:8px;align-items:center;gap:10px;padding:6px 10px;display:flex}.session-row-platform{letter-spacing:.1em;white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800}.session-row-platform--psn{color:#5aabff;background:#0070d12e}.session-row-platform--steam{color:#67c1f5;background:#67c1f51f}.session-row-duration{color:var(--text-h);min-width:50px;font-size:13px;font-weight:600}.session-row-date{color:#ffffff73;flex:1;font-size:12px}.session-row-delete{color:#fff3;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1;transition:color .15s}.session-row-delete:hover{color:#ffffffa6}.backlog-switcher{background:#ffffff09;border:1px solid #ffffff17;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:16px 18px;display:flex}.backlog-switcher-copy{gap:5px;min-width:0;display:grid}.backlog-switcher-label{color:#ffffff85;letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:950}.backlog-switcher-copy strong{color:var(--text-h);letter-spacing:0;font-size:24px;font-weight:950;line-height:1}.backlog-switcher-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.backlog-switcher-actions select,.backlog-switcher-actions button{color:#f8fafce0;min-height:38px;font:inherit;background:#ffffff0e;border:1px solid #ffffff21;border-radius:14px;font-size:14px;font-weight:850}.backlog-switcher-actions select{min-width:190px;padding:0 12px}.backlog-switcher-actions button{color:#fecaca;cursor:pointer;background:#f871711f;border-color:#f8717159;padding:0 14px}.backlog-switcher-actions .backlog-remove-btn{color:#f8fafcb8;background:#ffffff0b;border-color:#ffffff29}.backlog-switcher-actions button:disabled{opacity:.45;cursor:default}.backlog-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.backlog-filters{flex-wrap:nowrap;align-items:center;gap:8px;min-width:max-content;display:flex}@media (width<=760px){.backlog-filters{scrollbar-width:none;-webkit-overflow-scrolling:touch;min-width:0;overflow-x:auto}.backlog-filters::-webkit-scrollbar{display:none}}.backlog-filter-chip{color:#ffffffc7;min-height:36px;font-size:14px;font-weight:800;font-family:var(--sans);cursor:pointer;background:#ffffff0b;border:1px solid #ffffff21;border-radius:20px;align-items:center;gap:8px;padding:7px 14px;line-height:1;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.backlog-filter-chip:hover{color:var(--text-h);background:#ffffff12;border-color:#ffffff47}.backlog-filter-chip.active{color:var(--text-h);background:#06d3fd33;border-color:#ffffff6b;box-shadow:0 10px 24px #00000038,inset 0 1px #ffffff14}.backlog-filter-count{color:#ffffffb8;text-align:center;background:#ffffff14;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:850;display:inline-grid}.backlog-filter-chip.active .backlog-filter-count{color:var(--text-h);background:#ffffff24}.backlog-sort-select{min-height:36px;font-size:14px;font-weight:800;font-family:var(--sans);color:#ffffffc7;appearance:none;cursor:pointer;background-color:#ffffff0b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:1px solid #ffffff21;border-radius:20px;outline:none;flex-shrink:0;padding:7px 34px 7px 14px;transition:color .15s,border-color .15s}.backlog-sort-select:hover{color:var(--text-h);background-color:#ffffff12;border-color:#ffffff47}.backlog-sort-select option{background:var(--surface);color:var(--text-h)}.backlog-pagination{justify-content:center;align-items:center;gap:12px;padding:16px 0 4px;display:flex}.backlog-page-btn{color:#ffffffa6;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:background .12s,border-color .12s,color .12s;display:flex}.backlog-page-btn:hover:not(:disabled){color:#ffffffe6;background:#ffffff1a;border-color:#ffffff38}.backlog-page-btn:disabled{opacity:.3;cursor:not-allowed}.backlog-page-indicator{color:#fff6;text-align:center;min-width:48px;font-size:.8rem;font-weight:600}.backlog-overview{background:#ffffff0a;border:1px solid #ffffff1c;border-radius:14px;grid-template-columns:minmax(280px,1fr) minmax(370px,.92fr);align-items:center;gap:18px;margin-bottom:16px;padding:18px 22px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff09,0 18px 42px #00000038}.backlog-overview:before{content:"";opacity:.88;background:#06d3fd;border-radius:0 999px 999px 0;width:3px;position:absolute;top:18px;bottom:18px;left:0}.backlog-overview:after{content:"";pointer-events:none;border-top:1px solid #ffffff1a;border-right:1px solid #ffffff1a;border-radius:0 10px 0 0;width:44px;height:7px;position:absolute;top:16px;right:20px}.backlog-overview-main{z-index:1;align-content:center;gap:8px;display:grid;position:relative}.backlog-name-row{align-items:center;gap:10px;display:flex}.backlog-rename-btn{color:#ffffff4d;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;align-self:flex-end;place-items:center;width:30px;height:30px;margin-bottom:4px;transition:color .15s,border-color .15s,background .15s;display:grid}.backlog-rename-btn:hover{color:#ffffffd9;background:#ffffff0f;border-color:#ffffff1a}.backlog-name-input{color:var(--text-h);letter-spacing:0;background:0 0;border:0;border-bottom:2px solid #ffffff4d;outline:none;width:100%;min-width:0;margin:0;padding:0 0 2px;font-family:inherit;font-size:clamp(28px,2.5vw,38px);font-weight:900;line-height:1}.backlog-name-input:focus{border-bottom-color:#ffffffb3}.backlog-chooser-wrap{cursor:pointer;align-items:center;display:inline-flex;position:relative}.backlog-chooser-display{color:#fff;font:900 clamp(28px, 2.5vw, 38px) var(--sans);letter-spacing:0;text-shadow:0 10px 32px #00000047;pointer-events:none;-webkit-user-select:none;user-select:none;border-bottom:2px solid #ffffff1f;align-items:center;gap:6px;padding-bottom:4px;line-height:1;transition:border-color .15s;display:inline-flex}.backlog-chooser-wrap:hover .backlog-chooser-display{border-bottom-color:#ffffff4d}.backlog-chooser{opacity:0;cursor:pointer;width:100%;height:100%;font-size:16px;font-weight:600;position:absolute;inset:0}.backlog-overview-progress{z-index:1;background:#00000024;border:1px solid #ffffff13;border-radius:12px;gap:10px;padding:12px 14px;display:grid;position:relative}.backlog-overview-progress--complete{border-color:#34d3995c;animation:.9s cubic-bezier(.2,.9,.2,1) both backlog-clear-card-pop;box-shadow:inset 0 0 0 1px #34d3991f,0 0 #34d39942,0 16px 34px #0003}.backlog-overview-progress--complete:before,.backlog-overview-progress--complete:after{content:"";pointer-events:none;opacity:0;position:absolute}.backlog-overview-progress--complete:before{border-radius:inherit;border:1px solid #34d39952;animation:.95s ease-out both backlog-clear-ring;inset:7px}.backlog-overview-progress--complete:after{background:#34d399;border-radius:999px;width:5px;height:5px;animation:.92s ease-out both backlog-clear-sparks;top:16px;right:22px;box-shadow:-26px 10px #facc15,-52px 3px #60a5fa,-78px 17px #fb7185,-104px 6px #34d399,-130px 15px #facc15}.backlog-overview-progress-copy{align-items:baseline;gap:7px;display:flex}.backlog-overview-progress-copy strong{color:var(--text-h);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(24px,2.8vw,38px);font-weight:900;line-height:1}.backlog-overview-progress-copy span{color:#ffffff9e;font-size:13px;font-weight:850}.backlog-overview-progress-copy b{color:#f8fafceb;font-variant-numeric:tabular-nums;background:#ef44441a;border:1px solid #ef44443d;border-radius:10px;align-items:center;min-height:36px;margin-left:auto;padding:0 14px;font-size:16px;font-weight:950;display:inline-flex}.backlog-overview-progress--complete .backlog-overview-progress-copy b{color:#d1fae5;background:#34d3991f;border-color:#34d39957;animation:.82s cubic-bezier(.2,.9,.2,1) both backlog-clear-badge}.backlog-overview-track{background:#ffffff13;border:1px solid #ffffff17;border-radius:999px;height:12px;padding:3px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000003d,0 8px 18px #00000024}.backlog-overview-track span{border-radius:inherit;background:linear-gradient(90deg, hsl(calc(var(--fill-hue,0) - 8) 78% 45%), hsl(var(--fill-hue,0) 82% 56%));height:100%;box-shadow:0 0 18px hsl(var(--fill-hue,0) 85% 55% / .42), inset 0 0 0 1px #ffffff29;transition:width .45s cubic-bezier(.2,.9,.2,1);display:block;position:relative}.backlog-overview-track span:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,#0000 25%,#ffffff57 48%,#0000 72%) 0 0/220% 100%;animation:2.1s linear infinite backlog-fill-flow;position:absolute;inset:0}@keyframes backlog-fill-flow{0%{background-position:-40% 0}to{background-position:160% 0}}.backlog-overview-progress--complete .backlog-overview-track span{transform-origin:0;background:#34d399;animation:.85s cubic-bezier(.2,.9,.2,1) both backlog-clear-fill;box-shadow:0 0 24px #34d39957,inset 0 0 0 1px #ffffff2e}.backlog-overview-track span:after{content:"";background:#fff;border-radius:999px;width:6px;height:14px;animation:1.5s ease-in-out infinite backlog-thumb-pulse;position:absolute;top:50%;right:-3px;transform:translateY(-50%);box-shadow:0 0 16px #ffffff57}@keyframes backlog-thumb-pulse{0%,to{box-shadow:0 0 9px hsl(var(--fill-hue,0) 92% 62% / .5), 0 0 15px #ffffff4d}50%{box-shadow:0 0 20px hsl(var(--fill-hue,0) 96% 66% / .85), 0 0 26px #ffffff8c}}.backlog-overview-progress--complete .backlog-overview-track span:after{animation:none;box-shadow:0 0 18px #34d39999}.backlog-overview-notch{z-index:2;pointer-events:none;background:#ffffff29;border-radius:2px;width:2px;margin-left:-1px;transition:background .3s,box-shadow .3s,top .3s,bottom .3s;position:absolute;top:3px;bottom:3px}.backlog-overview-notch.is-passed{box-shadow:0 0 9px hsl(var(--fill-hue,0) 92% 62% / .85);background:#fffffff2;top:1px;bottom:1px}.backlog-overview-next{color:hsl(var(--fill-hue,0) 70% 70%);white-space:nowrap;font-size:12px;font-style:normal;font-weight:800}.backlog-overview-next:before{content:"·";color:#ffffff52;margin:0 7px 0 1px}@keyframes backlog-clear-card-pop{0%{transform:scale(.992);box-shadow:inset 0 0 0 1px #34d39900,0 0 #34d39900,0 16px 34px #0003}42%{transform:scale(1.012);box-shadow:inset 0 0 0 1px #34d3992e,0 0 0 8px #34d3991f,0 18px 38px #0000003d}to{transform:scale(1);box-shadow:inset 0 0 0 1px #34d3991f,0 0 #34d39900,0 16px 34px #0003}}@keyframes backlog-clear-ring{0%{opacity:.7;transform:scale(.98)}to{opacity:0;transform:scale(1.035)}}@keyframes backlog-clear-sparks{0%{opacity:0;transform:translateY(8px)scale(.72)}28%{opacity:1}to{opacity:0;transform:translateY(-18px)scale(1)}}@keyframes backlog-clear-badge{0%{transform:scale(.96)}45%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes backlog-clear-fill{0%{transform:scaleX(.985)}45%{transform:scaleX(1.006)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.backlog-overview-progress--complete,.backlog-overview-progress--complete:before,.backlog-overview-progress--complete:after,.backlog-overview-progress--complete .backlog-overview-progress-copy b,.backlog-overview-progress--complete .backlog-overview-track span,.backlog-overview-track span:before,.backlog-overview-track span:after{animation:none}}.backlog-overview-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px;display:flex}.backlog-overview-actions button{color:#f8fafcc7;min-height:32px;font:inherit;cursor:pointer;background:#ffffff09;border:1px solid #ffffff1c;border-radius:9px;padding:0 11px;font-size:12px;font-weight:850}.backlog-overview-actions button:disabled{opacity:.45;cursor:default}.backlog-overview-actions .pro-action-btn{justify-content:center;align-items:center;gap:8px;display:inline-flex}.pro-action-btn span{color:#fbbf24;text-transform:uppercase;letter-spacing:.08em;background:#f59e0b14;border:1px solid #f59e0b3d;border-radius:999px;align-items:center;min-height:20px;padding:0 7px;font-size:10px;font-weight:950;display:inline-flex}.backlog-overview-actions .backlog-remove-btn{color:#fca5a5;border-color:#f871713b}.pro-outline-panel{background:#ffffff08;border:1px solid #f59e0b24;border-radius:16px;grid-template-columns:minmax(0,.72fr) minmax(360px,1fr);align-items:stretch;gap:16px;margin-bottom:14px;padding:16px;display:grid}.pro-outline-copy{align-content:center;gap:8px;min-width:0;display:grid}.pro-outline-copy h2{color:var(--text-h);letter-spacing:0;margin:0;font-size:24px;line-height:1.02}.pro-outline-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.pro-outline-card{text-align:left;cursor:pointer;background:#ffffff09;border:1px solid #ffffff13;border-radius:12px;gap:7px;min-height:118px;padding:13px;display:grid}.pro-outline-card:hover{border-color:#f59e0b42}.pro-outline-card span,.pro-modal-eyebrow{color:#fbbf24;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:950}.pro-outline-card strong{color:var(--text-h);font-size:17px;line-height:1.08}.pro-outline-card small{color:#ffffff9e;font-size:13px;font-weight:650;line-height:1.35}.comm-page{flex-direction:column;gap:20px;padding-bottom:48px;display:flex}.comm-pulse{flex-direction:column;gap:16px;display:flex}.comm-pulse-header{align-items:baseline;gap:10px;display:flex}.comm-pulse-title{color:#f1f5f9;font-size:16px;font-weight:800}.comm-pulse-sub{color:#ffffff8c;font-size:12px}.comm-agg-strip{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.comm-agg-stat{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;align-items:flex-start;gap:16px;padding:22px 20px 26px;display:flex;position:relative;overflow:hidden}.comm-agg-stat:after{content:"";height:3px;position:absolute;bottom:0;left:0;right:0}.comm-agg-stat--completed:after{background:linear-gradient(90deg,#34d399,#6ee7b7)}.comm-agg-stat--added:after{background:linear-gradient(90deg,#60a5fa,#93c5fd)}.comm-agg-stat--clearrate:after{background:linear-gradient(90deg,#a78bfa,#c4b5fd)}.comm-agg-icon{border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.comm-agg-stat--completed .comm-agg-icon{color:#34d399;background:#34d3991f}.comm-agg-stat--added .comm-agg-icon{color:#60a5fa;background:#60a5fa1f}.comm-agg-stat--clearrate .comm-agg-icon{color:#a78bfa;background:#a78bfa1f}.comm-agg-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.comm-agg-stat strong{font-variant-numeric:tabular-nums;font-size:clamp(30px,3.2vw,44px);font-weight:950;line-height:1}.comm-agg-stat span{color:#fff9;font-size:13px;font-weight:600}.comm-agg-stat--completed strong{color:#34d399}.comm-agg-stat--added strong{color:#60a5fa}.comm-agg-stat--clearrate strong{color:#a78bfa}.comm-agg-sparkline{flex-shrink:0;align-self:center;align-items:flex-end;gap:3px;height:44px;display:flex}.comm-agg-bar{opacity:.75;border-radius:3px 3px 0 0;width:5px;transition:height .4s}.comm-agg-stat--completed .comm-agg-bar{background:#34d399}.comm-agg-stat--added .comm-agg-bar{background:#60a5fa}.comm-agg-stat--clearrate .comm-agg-bar{background:#a78bfa}.comm-playtime{background:linear-gradient(160deg,#ffffff09 0%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:16px;gap:16px;padding:18px 20px;display:grid;position:relative;overflow:hidden}.comm-playtime-kicker{letter-spacing:.16em;text-transform:uppercase;color:#ffffff8c;align-items:center;gap:8px;font-size:12px;font-weight:900;display:inline-flex}.comm-playtime-live{background:#5fa07f;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.8s ease-out infinite comm-pt-ping}@keyframes comm-pt-ping{0%{box-shadow:0 0 #5fa07f73}70%{box-shadow:0 0 0 7px #5fa07f00}to{box-shadow:0 0 #5fa07f00}}.comm-playtime-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.comm-pt-tile{--pt-accent:#34d399;border:1px solid color-mix(in srgb, var(--pt-accent) 22%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--pt-accent) 9%, transparent) 0%, #ffffff03 100%);border-radius:12px;flex-direction:column;gap:7px;padding:16px 18px;display:flex;position:relative;overflow:hidden}.comm-pt-tile:before{content:"";background:linear-gradient(90deg, transparent, var(--pt-accent), transparent);opacity:.6;pointer-events:none;height:2px;position:absolute;inset:0 0 auto}.comm-pt-tile--h24{--pt-accent:#5fa07f}.comm-pt-tile--d7{--pt-accent:#5b93a3}.comm-pt-tile--d30{--pt-accent:#6982ab}.comm-pt-tile--d365{--pt-accent:#8a7fa8}.comm-pt-num{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--pt-accent);font-size:clamp(26px,3vw,36px);font-weight:950;line-height:1}.comm-pt-tile-label{letter-spacing:.04em;color:#ffffff8c;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.comm-pt-dot{background:var(--pt-accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.8s ease-out infinite comm-pt-ping}@media (prefers-reduced-motion:reduce){.comm-playtime-live,.comm-pt-dot{animation:none}}.comm-header{justify-content:space-between;align-items:flex-start;gap:16px;padding-top:4px;display:flex}.comm-title{color:var(--text-h);letter-spacing:-.02em;margin:0 0 6px;font-size:clamp(36px,4vw,52px);font-weight:900;line-height:1}.comm-subtitle{color:#ffffffbf;margin:0;font-size:18px;font-weight:500}.comm-header-right{flex-shrink:0;align-items:center;gap:8px;padding-top:4px;display:flex}.comm-invite-btn{color:#ffffffe0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:7px;height:36px;padding:0 14px;font-size:13px;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.comm-invite-btn:hover{background:#ffffff1a;border-color:#ffffff2e}.comm-stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.comm-stat-card{background:#ffffff0a;border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex}.comm-stat-icon{border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.comm-stat-icon--activity{color:#818cf8;background:#818cf82e}.comm-stat-icon--completed{color:#34d399;background:#34d3992e}.comm-stat-icon--reviewed{color:#f59e0b;background:#f59e0b2e}.comm-stat-icon--added{color:#f87171;background:#f871712e}.comm-stat-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.comm-stat-body strong{color:var(--text-h);letter-spacing:-.02em;font-size:22px;font-weight:900;line-height:1}.comm-stat-body span{color:#ffffff80;font-size:12px;font-weight:700}.comm-stat-time{color:#ffffff61;white-space:nowrap;align-self:flex-start;font-size:11px;font-weight:700}.comm-filters{justify-content:space-between;align-items:center;gap:12px;display:flex}.comm-filter-tabs{align-items:center;gap:4px;display:flex}.comm-filter-tab{color:#fff9;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;height:34px;padding:0 14px;font-size:13px;font-weight:700;transition:color .15s,background .15s,border-color .15s}.comm-filter-tab:hover{color:#ffffffe6;background:#ffffff0d}.comm-filter-tab--active{color:#a5b4fc;background:#818cf82e;border-color:#818cf84d}.comm-sort-label{color:#ffffff8f;align-items:center;gap:5px;font-size:13px;font-weight:700;display:inline-flex}.comm-sort-label:after{content:"▾";font-size:11px}.comm-feed{border:1px solid #ffffff12;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.comm-row{text-align:left;cursor:pointer;background:#ffffff05;border-top:none;border-bottom:1px solid #ffffff0e;border-left:3px solid #0000;border-right:none;align-items:center;gap:16px;width:100%;padding:18px 22px;transition:background .12s;display:flex;position:relative;overflow:hidden}.comm-row-bleed{opacity:.18;filter:blur(22px)saturate(1.6);pointer-events:none;z-index:0;background-position:100%;background-size:cover;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 15%,#00000080 55%,#000000e6 100%);mask-image:linear-gradient(90deg,#0000 15%,#00000080 55%,#000000e6 100%)}.comm-row-icon,.comm-row-body,.comm-row-art-wrap,.comm-row-score,.comm-row-time{z-index:1;position:relative}.comm-row:last-child{border-bottom:none}.comm-row:hover:not(:disabled){background:#ffffff0b}.comm-row:disabled{cursor:default}.comm-row--completed{border-left-color:#34d399}.comm-row--reviewed{border-left-color:#f59e0b}.comm-row--playing{border-left-color:#60a5fa}.comm-row--added{border-left-color:#f87171}.comm-row-icon{color:#0b0d14;border-radius:999px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:14px;font-weight:950;display:grid}.comm-row-icon--completed{background:#34d399}.comm-row-icon--reviewed{background:#f59e0b}.comm-row-icon--playing{background:#60a5fa}.comm-row-icon--added{background:#f87171}.comm-row--playing .comm-row-icon{position:relative}.comm-row--playing .comm-row-icon:after{content:"";border-radius:inherit;pointer-events:none;animation:1.9s ease-out infinite comm-playing-pulse;position:absolute;inset:0}@keyframes comm-playing-pulse{0%{box-shadow:0 0 #60a5fa80}70%{box-shadow:0 0 0 10px #60a5fa00}to{box-shadow:0 0 #60a5fa00}}.comm-row--new{animation:.7s cubic-bezier(.2,.9,.2,1) both comm-row-enter}@keyframes comm-row-enter{0%{opacity:0;background:#818cf829;transform:translateY(-14px)}60%{background:#818cf81a}to{opacity:1;background:#ffffff05;transform:translateY(0)}}.comm-agg-stat.is-bumping{animation:.76s comm-stat-bump}@keyframes comm-stat-bump{0%{filter:brightness();transform:translateY(0)}30%{filter:brightness(1.18);transform:translateY(-3px)}to{filter:brightness();transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.comm-row--playing .comm-row-icon:after,.comm-row--new,.comm-agg-stat.is-bumping{animation:none}}.comm-row-art-wrap{background:#ffffff0a;border-radius:4px 0 0 4px;flex-shrink:0;align-self:stretch;width:64px;margin-top:-18px;margin-bottom:-18px;position:relative;overflow:hidden}.comm-row-art-bleed{opacity:.55;filter:blur(14px)saturate(1.3);pointer-events:none;z-index:0;background-position:50%;background-size:cover;position:absolute;inset:-30% -60%}.comm-row-art{object-fit:cover;z-index:1;border-radius:6px;width:100%;height:100%;display:block;position:relative}.comm-row-avatar{color:#a5b4fc;background:#818cf833;border:1.5px solid #818cf84d;border-radius:999px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:17px;font-weight:900;display:grid}.comm-row-body{flex:1;min-width:0}.comm-row-headline{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:500;line-height:1.4;overflow:hidden}.comm-row-username{color:#fff;font-size:17px;font-weight:800}.comm-row-game{color:#fff;font-weight:700}.comm-row-suffix{color:#f1f5f9;font-weight:400}.comm-row-score{color:#fff;background:#ffffff0f;border:1px solid #ffffff24;border-radius:9px;flex-shrink:0;padding:5px 13px;font-size:22px;font-weight:900;line-height:1.2}.comm-row-score small{color:#ffffff73;font-size:11px;font-weight:600}.comm-row-time{color:#ffffff61;white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:600}.comm-session-feed{flex-direction:column;gap:10px;display:flex}.comm-session-feed-header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.comm-session-feed-header small{color:#ffffff7a;font-size:12px;font-weight:750}.comm-session-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.comm-session-row{background:#60a5fa0e;border:1px solid #60a5fa24;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:46px;padding:10px 12px;display:grid}.comm-session-dot{background:#60a5fa;border-radius:999px;width:9px;height:9px;box-shadow:0 0 0 4px #60a5fa1f}.comm-session-row p{color:#ffffffb8;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:14px;font-weight:650;line-height:1.25;overflow:hidden}.comm-session-row strong,.comm-session-row b{color:#fff;font-weight:850}.comm-session-meta{color:#ffffff73;white-space:nowrap;font-size:12px;font-weight:750}.comm-empty{color:#fff6;text-align:center;padding:32px 20px;font-size:14px}.comm-empty-state{background:#ffffff06;justify-items:center;gap:8px;margin:0;padding:34px 22px;display:grid}.comm-empty-state strong,.community-empty-state strong{color:var(--text-h);font-size:18px;font-weight:900}.comm-empty-state p,.community-empty-state p{color:#ffffffa3;max-width:560px;margin:0;font-size:14px;line-height:1.4}.comm-empty-state span{color:#ffffff73;font-size:12px;font-weight:750}.account-progress-strip{background:#ffffff07;border:1px solid #ffffff17;border-radius:14px;gap:11px;margin-bottom:12px;padding:14px 17px 12px;display:grid;box-shadow:inset 0 0 0 1px #ffffff06,0 12px 28px #00000024}.backlog-xp-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.backlog-xp-left{align-items:center;gap:14px;min-width:0;display:flex}.backlog-xp-badge-wrap{--badge-accent:#cd7f32;isolation:isolate;flex:none;position:relative}.backlog-xp-badge-wrap--silver{--badge-accent:#cbd5e1}.backlog-xp-badge-wrap--gold{--badge-accent:#facc15}.backlog-xp-badge-wrap--platinum{--badge-accent:#67e8f9}.backlog-xp-badge-wrap--diamond{--badge-accent:#60a5fa}.backlog-xp-badge-wrap--prestige{--badge-accent:#f472b6}.backlog-xp-badge{--badge-accent:#cd7f32;--badge-ink:#ffeedcf2;width:78px;height:86px;color:var(--badge-ink);background:linear-gradient(148deg, color-mix(in srgb, var(--badge-accent) 95%, white) 0%, var(--badge-accent) 40%, color-mix(in srgb, var(--badge-accent) 52%, black) 74%, color-mix(in srgb, var(--badge-accent) 30%, black) 100%);clip-path:polygon(50% 0%,93% 24%,93% 76%,50% 100%,7% 76%,7% 24%);filter:drop-shadow(0 6px 16px #0000008c) drop-shadow(0 0 10px color-mix(in srgb, var(--badge-accent) 28%, transparent));flex:none;align-content:center;place-items:center;display:grid;position:relative;overflow:hidden}.backlog-xp-badge:before{content:"";background:radial-gradient(ellipse 80% 55% at 50% 22%, color-mix(in srgb, var(--badge-accent) 30%, transparent) 0%, transparent 70%), linear-gradient(118deg, transparent 46%, color-mix(in srgb, var(--badge-accent) 16%, transparent) 50%, transparent 54%), linear-gradient(232deg, transparent 44%, color-mix(in srgb, var(--badge-accent) 10%, transparent) 50%, transparent 56%), linear-gradient(180deg, #221a11 0%, #100c07 55%, #060403 100%);clip-path:inherit;box-shadow:inset 0 1.5px 1px color-mix(in srgb, var(--badge-accent) 60%, transparent), inset 0 0 16px #000000b8;z-index:1;pointer-events:none;position:absolute;inset:6px}.backlog-xp-badge:after{content:"";z-index:0;background:conic-gradient(from 0deg, transparent 0deg, color-mix(in srgb, var(--badge-accent) 35%, white) 38deg, transparent 96deg, transparent 168deg, color-mix(in srgb, var(--badge-accent) 35%, white) 214deg, transparent 288deg, transparent 360deg);mix-blend-mode:screen;pointer-events:none;animation:6s linear infinite badge-ring-spin;position:absolute;inset:-40%}@keyframes badge-ring-spin{to{transform:rotate(1turn)}}.backlog-xp-badge--silver{--badge-accent:#cbd5e1;--badge-ink:#f8fafcf5}.backlog-xp-badge--gold{--badge-accent:#facc15;--badge-ink:#fef9c3fa}.backlog-xp-badge--platinum{--badge-accent:#67e8f9;--badge-ink:#ecfefffa}.backlog-xp-badge--diamond{--badge-accent:#60a5fa;--badge-ink:#dbeafefa}.backlog-xp-badge--prestige{--badge-accent:#f472b6;--badge-ink:#fce7f3fa}.backlog-xp-badge span{z-index:2;color:var(--badge-ink);opacity:.7;letter-spacing:.14em;text-shadow:0 1px 2px #0009;margin-top:-3px;font-size:10.5px;font-weight:800;line-height:1;position:relative}.backlog-xp-badge strong{z-index:2;background:linear-gradient(180deg, #fff 0%, var(--badge-ink) 46%, color-mix(in srgb, var(--badge-accent) 70%, white) 100%);color:#0000;filter:drop-shadow(0 0 16px color-mix(in srgb, var(--badge-accent) 65%, transparent)) drop-shadow(0 3px 6px #00000080);-webkit-background-clip:text;background-clip:text;font-size:35px;font-weight:950;line-height:1;position:relative;overflow:hidden}.backlog-xp-badge .level-badge-sheen{z-index:3;mix-blend-mode:overlay;pointer-events:none;background:#ffffff6b;animation:3.6s ease-in-out infinite level-badge-sheen;position:absolute;inset:-18% -58%;transform:translate(-120%)skew(-22deg)}@keyframes level-badge-sheen{0%,58%{opacity:0;transform:translate(-120%)skew(-22deg)}68%{opacity:.78}82%,to{opacity:0;transform:translate(120%)skew(-22deg)}}@media (prefers-reduced-motion:reduce){.backlog-xp-badge .level-badge-sheen{animation:none;display:none}.backlog-xp-badge:after,.backlog-xp-badge-wrap{animation:none}.pp-level-badge .level-badge-sheen{animation:none;display:none}.pp-level-badge:after{animation:none}}.backlog-xp-copy{gap:6px;min-width:0;display:grid}.backlog-xp-copy>strong{color:var(--text-h);font-size:clamp(20px,2vw,26px);font-weight:900;line-height:1}.backlog-xp-total{flex-shrink:0;align-items:stretch;display:flex}.backlog-xp-stat{--stat-accent:#d7b86a;border-left:1px solid #ffffff1a;align-items:center;gap:10px;min-height:54px;padding:0 20px;display:flex;position:relative}.backlog-xp-stat:first-child{border-left:none;padding-left:6px}.backlog-xp-stat-icon{color:var(--stat-accent);flex-shrink:0;place-items:center;display:grid;transform:translateY(7.5px)}.backlog-xp-stat-icon svg{width:23px;height:23px;filter:drop-shadow(0 0 9px color-mix(in srgb, var(--stat-accent) 55%, transparent))}.backlog-xp-stat-copy{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.backlog-xp-stat span{text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;white-space:nowrap;font-size:11px;font-weight:900;line-height:1}.backlog-xp-stat b{font-variant-numeric:tabular-nums;color:var(--stat-accent);text-shadow:0 0 18px color-mix(in srgb, var(--stat-accent) 42%, transparent);font-size:clamp(22px,2.2vw,29px);font-weight:950;line-height:1;transition:transform .18s,color .18s}.backlog-xp-stat--xp{--stat-accent:#e0c074}.backlog-xp-stat--completed{--stat-accent:#34d399}.backlog-xp-stat--reviews{--stat-accent:#60a5fa}.backlog-xp-total.is-gaining .backlog-xp-stat--xp b{color:#f4d79a;transform:scale(1.08)}.backlog-xp-burst{opacity:0;min-width:max-content;line-height:1;animation:1.05s cubic-bezier(.16,1,.3,1) forwards xp-burst-pop;position:absolute;top:-4px;right:calc(100% + 10px);transform:translateY(10px)scale(.82);color:#34d399!important;font-size:22px!important;font-weight:950!important}.backlog-xp-foot{justify-content:space-between;align-items:center;gap:14px;width:min(100%,760px);display:flex}.backlog-xp-foot span{color:#ffffff9e;font-size:12.5px;font-weight:850}.backlog-xp-foot b{color:#f87171;font-weight:950}.backlog-xp-track{background:#ffffff14;border-radius:999px;height:7px;overflow:hidden;box-shadow:inset 0 0 0 1px #00000029,0 8px 18px #00000024}.backlog-xp-track span{border-radius:inherit;background:#ef4444a6;height:100%;transition:width .85s cubic-bezier(.16,1,.3,1);display:block}.daily-checkin-strip{flex-wrap:wrap;align-items:center;gap:7px;width:fit-content;min-height:26px;display:inline-flex}.daily-checkin-strip span,.daily-checkin-strip strong{background:#ffffff0b;border:1px solid #ffffff17;border-radius:999px;align-items:center;min-height:24px;padding:0 10px;font-size:12px;font-weight:850;display:inline-flex}.daily-checkin-strip span{color:#ffffffad}.daily-checkin-strip strong{color:#34d399;background:#34d39914;border-color:#34d39924}.account-progress-strip{box-shadow:none;background:#ffffff05;border-color:#ffffff13;border-radius:10px;gap:9px;margin-bottom:10px;padding:12px 15px 10px}.backlog-xp-copy>strong{font-size:clamp(19px,1.65vw,23px)}.backlog-xp-foot span{color:#ffffff8f}.backlog-xp-stat{min-height:48px;padding:0 16px}.backlog-xp-stat-icon svg{filter:none}.backlog-xp-stat b{text-shadow:none}.backlog-xp-track{height:5px;box-shadow:none}.backlog-xp-track span{background:#cb5b5bd1}.daily-checkin-strip span,.daily-checkin-strip strong{background:#ffffff09;min-height:22px;padding:0 9px}@keyframes xp-burst-pop{0%{opacity:0;transform:translateY(10px)scale(.82)}18%{opacity:1;transform:translateY(0)scale(1.08)}72%{opacity:1;transform:translateY(-8px)scale(1)}to{opacity:0;transform:translateY(-18px)scale(.96)}}.pro-modal-backdrop{z-index:80;padding:max(22px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left));background:#03050ab8;place-items:center;display:grid;position:fixed;inset:0}.pro-modal{background:#14151d;border:1px solid #f59e0b2e;border-radius:18px;gap:14px;width:min(520px,100%);padding:24px;display:grid;position:relative;box-shadow:0 26px 80px #00000075}.pro-modal-close{color:#f8fafcb8;min-height:32px;font:inherit;cursor:pointer;background:#ffffff09;border:1px solid #ffffff1a;border-radius:8px;padding:0 10px;font-size:12px;font-weight:850;position:absolute;top:12px;right:12px}.pro-modal h2{max-width:380px;color:var(--text-h);letter-spacing:0;margin:0;font-size:36px;line-height:.96}.pro-modal p{color:#ffffffb3;margin:0;font-size:16px;font-weight:650;line-height:1.45}.pro-modal-feature-list{gap:8px;display:grid}.pro-modal-feature-list span{color:#f8fafcc7;background:#ffffff09;border:1px solid #ffffff13;border-radius:10px;align-items:center;min-height:38px;padding:0 12px;font-size:14px;font-weight:750;display:flex}.pro-modal-primary{color:#fbbf24;min-height:42px;font:inherit;cursor:pointer;background:#f59e0b1a;border:1px solid #f59e0b42;border-radius:10px;font-size:14px;font-weight:900}.backlog-name-modal-backdrop{z-index:82;padding:max(22px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03050ac2;place-items:center;display:grid;position:fixed;inset:0}.backlog-name-modal{background:#14151b;border:1px solid #ffffff1b;border-radius:14px;gap:18px;width:min(440px,100%);padding:22px;display:grid;box-shadow:0 24px 70px #0000007a}.backlog-name-modal-head{gap:7px;display:grid}.backlog-name-modal-kicker{color:#ffffff75;letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:950}.backlog-name-modal h2{color:var(--text-h);letter-spacing:0;margin:0;font-size:28px;line-height:1}.backlog-name-modal p{color:#ffffff94;margin:0;font-size:14px;font-weight:650;line-height:1.35}.backlog-name-field{gap:8px;display:grid}.backlog-name-field span{color:#ffffff85;font-size:12px;font-weight:850}.backlog-name-field input{width:100%;min-height:44px;color:var(--text-h);font:800 16px var(--sans);background:#ffffff09;border:1px solid #ffffff1f;border-radius:10px;outline:none;padding:0 13px}.backlog-name-field input:focus{border-color:#84b8f875;box-shadow:0 0 0 3px #60a5fa1c}.backlog-name-field input::placeholder{color:#ffffff57}.backlog-name-modal-actions{justify-content:flex-end;gap:8px;display:flex}.backlog-name-modal-actions button{min-height:38px;font:850 13px var(--sans);cursor:pointer;border-radius:9px;padding:0 13px}.backlog-name-cancel{color:#ffffff9e;background:#ffffff07;border:1px solid #ffffff17}.backlog-name-submit{color:#bfdbfe;background:#60a5fa21;border:1px solid #84b8f83d}.backlog-name-delete{color:#fca5a5;background:#f8717124;border:1px solid #f871714d}.backlog-name-modal-actions button:disabled{opacity:.48;cursor:default}.backlog-utility-row{grid-template-columns:auto minmax(360px,1fr) auto auto;align-items:center;gap:12px;margin-bottom:18px;display:grid}.backlog-utility-row .search-wrapper{margin:0}.backlog-utility-row--with-steam-sync .search-wrapper{max-width:720px}.backlog-steam-sync-pill{color:#ffffffb8;min-height:40px;font-family:var(--sans);letter-spacing:.03em;white-space:nowrap;cursor:pointer;background:#ffffff09;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;padding:0 13px;font-size:12px;font-weight:800;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.backlog-steam-sync-pill:hover:not(:disabled){color:#bfdbfe;background:#60a5fa14;border-color:#60a5fa47;transform:translateY(-1px)}.backlog-steam-sync-pill:disabled{opacity:.56;cursor:default}.backlog-steam-sync-pill--active,.backlog-steam-sync-pill--active:disabled{opacity:1;color:#dbeafe;background:#60a5fa1f;border-color:#60a5fa57;gap:8px}.backlog-steam-sync-pill--active:before{content:"";border:2px solid #dbeafe47;border-top-color:#dbeafe;border-radius:999px;width:12px;height:12px;animation:.8s linear infinite steam-sync-spin}@keyframes steam-sync-spin{to{transform:rotate(360deg)}}.backlog-utility-row .add-input{min-height:46px;box-shadow:none;background:#ffffff09;border-radius:24px;padding:12px 18px;font-size:15px}.game-entry--compact{box-shadow:none;background:#ffffff07;border-radius:14px}.game-entry--compact .game-item{min-height:104px}.game-entry--compact .cover-fade,.game-entry--compact .cover-wrap:after{display:none}.game-entry--compact .game-backdrop-bleed{opacity:.05;filter:saturate(.75)brightness(.36);background-position:50%;display:block;inset:0 34% 0 0;transform:none;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000000c2 48%,#00000047 72%,#0000 100%);mask-image:linear-gradient(90deg,#000 0%,#000000c2 48%,#00000047 72%,#0000 100%)}@media (hover:hover){.game-entry--compact:hover .game-backdrop-bleed,.game-entry--compact:focus-within .game-backdrop-bleed{opacity:.12;filter:saturate(.85)brightness(.42);transform:none}}.game-entry--compact .cover-wrap{width:126px;min-height:104px}.game-entry--compact .game-body{grid-template-columns:minmax(240px,1fr) minmax(440px,520px) minmax(190px,240px);align-items:center;gap:24px;padding:10px 14px 10px 18px;display:grid}.game-entry--compact .game-title{text-shadow:none;font-size:26px}.game-entry--compact .game-title:after,.game-entry--compact .game-title-rating{display:none}.game-entry--compact .game-bottom-row{display:contents}.game-entry--compact .game-meta{grid-column:2;min-width:0}.game-entry--compact .game-stats{grid-template-columns:minmax(142px,1fr) minmax(178px,1fr) minmax(112px,.75fr);gap:18px}.game-entry--compact .gs-item{background:0 0;border:0;min-height:44px;padding:2px 6px}.game-entry--compact .gs-label{letter-spacing:.08em;color:#ffffffd1;opacity:1;text-shadow:0 1px 8px #0000008c;font-size:12px}.game-entry--compact .gs-value{font-size:18px}.game-entry--compact .gs-date-input{height:24px;font-size:18px}.game-entry--compact .game-actions{background:0 0;border:0;grid-column:3;grid-template-columns:1fr;min-width:0;padding:0;display:grid}.game-entry--compact .game-actions-top{grid-template-columns:minmax(0,1fr) auto}.game-entry--compact .action-btn{min-height:34px;font-size:14px}.game-entry--compact .status-select{height:38px;min-height:38px;padding:7px 30px 7px 12px;font-size:14px}.layout--backlog .game-list{gap:6px}.layout--backlog .game-entry{box-shadow:none;background:#ffffff06;border-color:#ffffff13;transform:none}@media (hover:hover){.layout--backlog .game-entry:hover{box-shadow:none;border-color:#ffffff29;transform:none}.layout--backlog .game-entry:hover .cover{transform:none}}.layout--backlog .entry-completed{background:#ffffff06;border-color:#ffffff16!important}.layout--backlog .game-entry--compact{border-radius:10px}.layout--backlog .game-entry--compact .game-item{min-height:88px}.layout--backlog .game-entry--compact .cover-wrap{width:106px;min-height:88px}.layout--backlog .game-entry--compact .game-body{grid-template-columns:minmax(220px,1fr) minmax(380px,500px) minmax(156px,180px);gap:18px;padding:8px 10px 8px 16px}.layout--backlog .game-entry--compact .game-title{font-size:22px;font-weight:850;line-height:1.08}.layout--backlog .game-entry--compact .game-stats{grid-template-columns:minmax(128px,1fr) minmax(150px,1fr) minmax(90px,.7fr);gap:12px}.layout--backlog .game-entry--compact .gs-item{min-height:38px;padding:0}.layout--backlog .game-entry--compact .gs-label{letter-spacing:.12em;color:#ffffff85;text-shadow:none;font-size:10px}.layout--backlog .game-entry--compact .gs-value,.layout--backlog .game-entry--compact .gs-date-input{font-size:15px}.layout--backlog .game-entry--compact .game-actions{gap:6px}.layout--backlog .game-entry--compact .status-select{border-radius:8px;height:32px;min-height:32px;padding:6px 28px 6px 10px;font-size:13px}.layout--backlog .game-entry--compact .action-btn{border-radius:8px;min-height:30px;font-size:12px}.layout--backlog .game-entry--compact .action-btn--review{color:#ffffff6b;opacity:.62;background:0 0;border-color:#0000}.layout--backlog .game-entry--compact.entry-completed .action-btn--review,.layout--backlog .game-entry--compact .action-btn--review.action-btn--has-review,.layout--backlog .game-entry--compact .action-btn--review.active{color:#ffffffb8;opacity:1;background:#ffffff07;border-color:#ffffff16}@media (hover:hover){.layout--backlog .game-entry--compact:hover .action-btn--review{color:#ffffffc7;opacity:1;background:#ffffff09;border-color:#ffffff1f}}.layout--backlog .game-entry--compact .game-backdrop-bleed{opacity:.035;filter:saturate(.55)brightness(.28)}@media (hover:hover){.layout--backlog .game-entry--compact:hover .game-backdrop-bleed,.layout--backlog .game-entry--compact:focus-within .game-backdrop-bleed{opacity:.08;filter:saturate(.65)brightness(.34)}}.layout--backlog .status-select{background-color:#ffffff07;border-color:#ffffff1b}.layout--backlog .status-select.status-backlog,.layout--backlog .status-select.status-playing,.layout--backlog .status-select.status-dropped,.layout--backlog .status-select.status-completed{background-color:#ffffff07}.layout--backlog .status-select.status-backlog{color:#d7b660;border-color:#d7b66038}.layout--backlog .status-select.status-playing{color:#84b8f8;border-color:#84b8f838}.layout--backlog .status-select.status-dropped{color:#e58b8b;border-color:#e58b8b38}.layout--backlog .status-select.status-completed{color:#58d39d;border-color:#58d39d38}.layout--backlog .backlog-overview{box-shadow:none;background:#ffffff06;border-color:#ffffff14;border-radius:10px;grid-template-columns:minmax(260px,.82fr) minmax(360px,1fr);gap:16px;margin-bottom:14px;padding:14px 16px}.layout--backlog .backlog-overview:before,.layout--backlog .backlog-overview:after{display:none}.layout--backlog .backlog-overview-main{gap:7px}.backlog-switcher-label{color:#ffffff75;font-size:10px}.layout--backlog .backlog-chooser-display{font:900 clamp(26px, 2.1vw, 34px) var(--sans);text-shadow:none;border-bottom-color:#ffffff14}.layout--backlog .backlog-rename-btn{width:28px;height:28px;margin-bottom:1px}.layout--backlog .backlog-overview-progress{background:#00000014;border-color:#fff1;border-radius:9px;gap:9px;padding:10px 12px}.layout--backlog .backlog-overview-progress--complete{box-shadow:none;border-color:#ffffff13;animation:none}.layout--backlog .backlog-overview-progress--complete:before,.layout--backlog .backlog-overview-progress--complete:after{display:none}.layout--backlog .backlog-overview-progress-copy{gap:6px}.layout--backlog .backlog-overview-progress-copy strong{font-size:clamp(22px,2.35vw,32px)}.layout--backlog .backlog-overview-progress-copy span{color:#ffffff8f;font-size:12px}.layout--backlog .backlog-overview-progress-copy b{color:#ffffffb8;background:#ffffff09;border-color:#ffffff17;border-radius:8px;min-height:30px;padding:0 11px;font-size:14px}.layout--backlog .backlog-overview-progress--complete .backlog-overview-progress-copy b{color:#d1fae5db;background:#34d39911;border-color:#34d39933;animation:none}.layout--backlog .backlog-overview-track{height:8px;box-shadow:none;background:#ffffff0e;border-color:#ffffff12;padding:2px}.layout--backlog .backlog-overview-track span{box-shadow:none;background:#5cd069e6;animation:none}.layout--backlog .backlog-overview-track span:before,.layout--backlog .backlog-overview-track span:after{display:none}.layout--backlog .backlog-overview-progress--complete .backlog-overview-track span{box-shadow:none;background:#34d399e6;animation:none}.layout--backlog .backlog-overview-notch{box-shadow:none;background:#ffffff29;top:2px;bottom:2px}.layout--backlog .backlog-overview-notch.is-passed{box-shadow:none;background:#ffffffa8;top:2px;bottom:2px}.layout--backlog .backlog-overview-next{color:#69dc7cdb;font-size:12px}.layout--backlog .backlog-overview-actions button{background:#ffffff07;border-radius:8px;min-height:30px}.layout--backlog .backlog-utility-row{gap:12px;margin-bottom:12px}.layout--backlog .backlog-utility-row .add-input{border-radius:12px;min-height:40px}.layout--backlog .backlog-filter-chip{color:#ffffffa3;background:#ffffff07;border-color:#ffffff18;border-radius:12px;gap:7px;min-height:34px;padding:6px 11px;font-size:13px}.layout--backlog .backlog-filter-chip.active{box-shadow:none;background:#ffffff13;border-color:#ffffff3d}.layout--backlog .backlog-filter-count{color:#ffffff94;background:#ffffff12;min-width:20px;height:20px}.layout--backlog .backlog-sort-select{background-color:#ffffff07;border-radius:12px;min-height:40px}.backlog-recommendations{background:#ffffff06;border:1px solid #ffffff13;border-radius:14px;gap:10px;margin-bottom:18px;padding:14px 16px;display:grid}.backlog-recommendations-head span{color:#ffffff94;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:900}.backlog-recommendations .rec-section{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.backlog-recommendations .rec-card{background:#ffffff06;border:1px solid #ffffff0f;border-radius:10px;gap:8px;min-height:0;padding:10px 12px;display:grid}.backlog-recommendations .rec-body{align-items:center;gap:9px;display:flex}.backlog-recommendations .rec-cover{width:40px;height:52px}.backlog-recommendations .rec-title{color:var(--text-h);font-size:14px;font-weight:850}.backlog-recommendations .rec-reason,.backlog-recommendations .rec-chip{font-size:11px}.backlog-recommendations .rec-add-btn{color:#fecaca;min-height:32px;font:inherit;cursor:pointer;background:#f8717114;border:1px solid #f8717140;border-radius:8px;padding:0 10px;font-size:12px;font-weight:800}.header-top{min-height:62px;box-shadow:none;background:#ffffff05;border-radius:14px;gap:18px;margin-bottom:0;padding:9px 14px}.brand-logo{filter:none;height:40px;animation:none}.brand-logo-shell:after{display:none}.nav-tabs{box-shadow:none;background:0 0;border:0;border-radius:10px;gap:2px;padding:3px}.nav-tab{color:#ffffff9e;letter-spacing:0;text-transform:none;border-radius:8px;min-height:38px;padding:8px 14px;font-size:13px}.nav-tab.active{box-shadow:none;background:#ffffff13}.header-user{flex-wrap:nowrap;gap:6px}.header-user-profile{min-height:40px;box-shadow:none;background:0 0;border-radius:10px;padding:4px 11px 4px 4px}.steam-avatar,.user-initials{width:32px;height:32px}.steam-name{font-size:13px}.steam-login,.steam-import-btn,.steam-logout{border-radius:9px;min-height:38px;padding:0 10px;font-size:11px}@media (width<=960px){.backlog-overview,.backlog-utility-row,.game-entry--compact .game-body,.layout--backlog .backlog-overview,.layout--backlog .game-entry--compact .game-body{grid-template-columns:1fr}.backlog-overview-actions{justify-content:flex-start}.pro-outline-panel,.pro-outline-grid{grid-template-columns:1fr}.comm-stats{grid-template-columns:repeat(2,1fr)}.comm-row-rating{width:60px}.backlog-xp-head{flex-direction:column;align-items:flex-start}.backlog-xp-left{gap:14px}.backlog-xp-badge{width:76px;height:84px}.backlog-xp-badge strong{font-size:28px}.backlog-xp-foot,.backlog-xp-total{width:100%}.backlog-xp-stat{flex:1;gap:10px;min-width:0;padding:0 16px}.backlog-xp-stat:first-child{padding-left:0}.game-entry--compact .game-bottom-row{grid-template-columns:1fr;display:grid}.game-entry--compact .game-meta,.game-entry--compact .game-actions{grid-column:auto}.backlog-recommendations .rec-section{grid-template-columns:1fr}}@media (width<=760px){.account-progress-strip{padding:12px}.backlog-xp-head{flex-direction:column;align-items:stretch;gap:12px}.backlog-xp-left{align-items:flex-start;gap:10px;width:100%}.backlog-xp-badge{width:72px;height:80px}.backlog-xp-badge span{letter-spacing:.1em;font-size:9px}.backlog-xp-badge strong{font-size:30px}.backlog-xp-copy{gap:7px}.backlog-xp-copy>strong{font-size:21px}.daily-checkin-strip{gap:5px}.daily-checkin-strip span,.daily-checkin-strip strong{min-height:21px;padding:0 7px;font-size:10.5px}.backlog-xp-foot{flex-wrap:wrap;justify-content:flex-start;gap:2px 14px;display:flex}.backlog-xp-foot span{font-size:11px}.backlog-xp-total{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.backlog-xp-stat{background:#ffffff06;border:1px solid #ffffff12;border-radius:8px;justify-content:center;gap:6px;min-height:52px;padding:7px 6px}.backlog-xp-stat:first-child{padding-left:6px}.backlog-xp-stat-icon{transform:none}.backlog-xp-stat-icon svg{width:16px;height:16px}.backlog-xp-stat-copy{align-items:flex-start;gap:3px}.backlog-xp-stat span{letter-spacing:.08em;font-size:8.5px}.backlog-xp-stat b{font-size:20px}.layout--backlog .game-entry--compact .game-item{grid-template-columns:82px minmax(0,1fr);min-height:0}.layout--backlog .game-entry--compact .cover-wrap{width:82px;min-height:100%}.layout--backlog .game-entry--compact .game-body{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:10px;padding:11px 10px;display:grid}.layout--backlog .game-entry--compact .game-bottom-row{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.layout--backlog .game-entry--compact .game-meta,.layout--backlog .game-entry--compact .game-actions{grid-column:auto}.layout--backlog .game-entry--compact .game-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}.layout--backlog .game-entry--compact .gs-item{min-width:0;min-height:0}.layout--backlog .game-entry--compact .gs-label{letter-spacing:.1em;font-size:9px}.layout--backlog .game-entry--compact .gs-value,.layout--backlog .game-entry--compact .gs-date-input{white-space:normal;overflow-wrap:anywhere;font-size:14px}.layout--backlog .game-entry--compact .game-actions{gap:7px}.layout--backlog .game-entry--compact .game-actions-top{grid-template-columns:minmax(0,1fr) 36px;gap:7px}.layout--backlog .game-entry--compact .status-select{width:100%;min-width:0}.layout--backlog .game-entry--compact .game-remove-icon{width:36px;height:32px}}@media (width<=430px){.backlog-xp-left{grid-template-columns:64px minmax(0,1fr);display:grid}.backlog-xp-badge{width:64px;height:72px}.backlog-xp-badge strong{font-size:26px}.backlog-xp-total{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.backlog-xp-stat{flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:60px;padding:8px 4px}.backlog-xp-stat-copy{text-align:center;align-items:center}.backlog-xp-stat b{font-size:18px}.layout--backlog .game-entry--compact .game-item{grid-template-columns:72px minmax(0,1fr)}.layout--backlog .game-entry--compact .cover-wrap{width:72px}.layout--backlog .game-entry--compact .game-title{font-size:17px;line-height:1.15}.layout--backlog .game-entry--compact .game-stats{grid-template-columns:minmax(0,1fr)}}.game-page{gap:18px;display:grid}.game-page-back{color:#ffffff9e;width:fit-content;min-height:34px;font:800 12px var(--sans);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:0 12px;transition:color .15s,border-color .15s}.game-page-back:hover{color:var(--text-h);border-color:#f871714d}.game-page-hero,.game-page-panel{background:#ffffff09;border:1px solid #ffffff16;border-radius:8px}.game-page-hero{isolation:isolate;background:#151519;min-height:300px;position:relative;overflow:hidden}.game-page-hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#0b0b0ffa 0%,#0b0b0fd1 42%,#0b0b0f94 100%),linear-gradient(#0b0b0f4d 40%,#0b0b0ff0 100%);position:absolute;inset:0}.game-page-hero-bg{object-fit:cover;z-index:-2;filter:saturate(1.08);width:100%;height:100%;position:absolute;inset:0}.game-page-title-block{align-items:end;gap:24px;min-width:0;min-height:300px;padding:30px;display:flex}.game-page-cover-wrap{aspect-ratio:3/4;background:#ffffff0f;border:1px solid #ffffff29;border-radius:8px;flex:none;width:clamp(132px,16vw,190px);overflow:hidden;box-shadow:0 22px 50px #0000006b}.game-page-cover,.game-page-cover-fallback{width:100%;height:100%}.game-page-cover{object-fit:cover;display:block}.game-page-cover-fallback{background:linear-gradient(145deg,#f871713d,#60a5fa2e),#ffffff0d}.game-page-title-copy{gap:13px;min-width:0;max-width:920px;display:grid}.game-page-panel-head span{color:#ffffff94;letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:950}.game-page-kicker{color:#ffffff9e;margin:0;font-size:13px;font-weight:850}.game-page-title-block h1{color:var(--text-h);overflow-wrap:anywhere;margin:0;font-size:64px;font-weight:950;line-height:1.05}.game-page-community-line,.game-page-panel-copy{color:#ffffffb3;margin:0;font-size:15px;font-weight:750;line-height:1.45}.game-page-hero-stats{grid-template-columns:repeat(4,minmax(82px,1fr));gap:8px;width:min(620px,100%);margin-top:4px;display:grid}.game-page-hero-stat{background:#ffffff12;border:1px solid #ffffff1c;border-radius:8px;align-content:center;gap:4px;min-height:70px;padding:12px;display:grid}.game-page-hero-stat strong{color:var(--text-h);font-variant-numeric:tabular-nums;font-size:24px;font-weight:950;line-height:1}.game-page-hero-stat span{color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:900}.game-page-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.85fr);gap:16px;display:grid}.game-page-panel{gap:14px;padding:18px;display:grid}.game-page-panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.game-page-panel-head b{color:#ffffffc7;font-size:13px}.game-page-status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.game-page-status{background:#ffffff08;border:1px solid #ffffff13;border-radius:8px;flex-direction:column;gap:6px;min-height:104px;padding:14px;display:flex}.game-page-status span,.game-page-review span,.game-page-muted{color:#ffffff8c;align-items:center;gap:5px;font-size:12px;font-weight:700;display:flex}.game-page-status strong{color:var(--text-h);font-variant-numeric:tabular-nums;font-size:34px;font-weight:950;line-height:1}.game-page-live-dot{background:#60a5fa;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2.2s ease-in-out infinite live-pulse;display:inline-block}.game-page-status--playing strong{color:#60a5fa}.game-page-status--completed strong{color:#34d399}.game-page-status--dropped strong{color:#f87171}.game-page-signal-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.game-page-signal{color:#ffffff9e;background:#ffffff0a;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:7px;min-height:30px;padding:0 10px;font-size:12px;font-weight:850;display:inline-flex}.game-page-signal--live{color:#dbeafed1;background:#60a5fa1a;border-color:#60a5fa38}.game-page-score-card{gap:10px;display:grid}.game-page-score-number{align-items:baseline;gap:8px;display:flex}.game-page-score-number strong{color:var(--score-color,#fbbf24);font-variant-numeric:tabular-nums;font-size:56px;font-weight:950;line-height:1}.game-page-score-number span{color:#ffffff5c;font-size:17px;font-weight:700}.game-page-rating-panel{border-color:color-mix(in srgb, var(--score-color,#fbbf24) 28%, transparent)}.game-page-score-track{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.game-page-score-fill{background:var(--score-color,#fbbf24);border-radius:999px;height:100%;transition:width .55s cubic-bezier(.16,1,.3,1)}.game-page-score-ends{color:#ffffff3d;letter-spacing:.04em;justify-content:space-between;font-size:11px;font-weight:700;display:flex}.game-page-reviews{gap:10px;display:grid}.game-page-review{background:#ffffff08;border:1px solid #ffffff13;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:14px;display:grid}.game-page-review div{flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0;display:flex}.game-page-review strong{color:var(--text-h);font-size:15px}.game-page-review-user{font-family:var(--sans);color:var(--text-h);cursor:pointer;background:0 0;border:none;padding:0;font-size:15px;font-weight:800}.game-page-review-user:hover{text-decoration:underline}.game-page-review b{color:#f59e0b}.game-page-review p{color:#ffffffd1;grid-column:1/-1;margin:0;font-size:15px;line-height:1.55}.game-page--loading,.game-page--empty{align-content:start;min-height:280px}@media (width<=760px){.game-page-hero{min-height:auto}.game-page-title-block{flex-direction:column;align-items:start;gap:16px;min-height:0;padding:18px}.game-page-cover-wrap{width:118px}.game-page-title-block h1{font-size:34px}.game-page-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.game-page-grid{grid-template-columns:1fr}.game-page-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=430px){.game-page-title-block h1{font-size:30px}.game-page-hero-stat strong{font-size:21px}}@media (width>=1100px){.layout{--app-content-width:none;width:min(1680px,100% - 40px);max-width:none;min-height:100svh;padding:24px 0 64px 260px;display:block}.header{z-index:20;width:232px;margin:0;position:fixed;top:20px;left:max(20px,50vw - 820px)}.header-top{background:#ffffff09;border-color:#ffffff13;border-radius:18px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:18px;min-height:calc(100svh - 48px);padding:16px}.header-left{flex-direction:column;align-items:stretch;gap:18px;width:100%}.brand-logo-shell{justify-content:flex-start;min-height:48px}.brand-logo{height:46px}.nav-tabs{gap:5px;width:100%;padding:0;display:grid}.nav-tab{color:#ffffffa8;border-radius:10px;justify-content:flex-start;width:100%;min-height:42px;padding:10px 12px;font-size:14px;font-weight:850}.nav-tab.active{color:var(--text-h);background:#06d3fd33}.nav-tab.active:before{content:"";background:#06d3fd;border-radius:999px;align-self:stretch;width:3px;margin:-3px 8px -3px -4px}.nav-tab-count{margin-left:auto}.header-stats{flex-direction:column;justify-content:flex-end;align-items:stretch;gap:8px;width:100%;margin-top:auto}.header-user{gap:8px;width:100%;display:grid}.header-user-profile,.steam-login,.psn-login,.steam-import-btn,.steam-logout{justify-content:flex-start;width:100%}}@media (width<=1099px){.layout{width:100%}}.community-page{flex-direction:column;gap:20px;padding-bottom:48px;display:flex}.community-hero,.community-card{background:#ffffff09;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 24px 70px #0000003d}.community-hero{border-radius:16px;padding:16px 20px}.community-kicker,.community-section-label{color:#fca5a5;letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:950;display:block}.community-hero h2,.community-card h3{color:var(--text-h);letter-spacing:0;margin:10px 0 0}.community-hero h2{max-width:760px;font-size:clamp(30px,3vw,42px);line-height:1}.community-hero p,.community-empty{color:#ffffffad;margin:8px 0 0;font-size:14px;font-weight:650;line-height:1.35}.community-empty-state{border:1px solid var(--border);text-align:center;background:#ffffff06;border-radius:14px;gap:8px;margin-top:12px;padding:30px 22px;display:grid}.community-feed-header button,.community-card-footer button{color:#fecaca;min-height:40px;font:inherit;cursor:pointer;background:#f871711f;border:1px solid #f8717157;border-radius:12px;font-weight:900}.community-feed-header button:disabled,.community-card-footer button:disabled{opacity:.45;cursor:default}.community-feed{gap:14px;display:grid}.community-feed-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.community-feed-header button,.community-card-footer button{min-height:34px;padding:0 12px}.community-added-pill{color:#86efac;background:#34d3991a;border:1px solid #34d39957;border-radius:12px;align-items:center;min-height:34px;padding:0 12px;font-size:12px;font-weight:950;display:inline-flex}.community-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.community-card{grid-template-rows:auto 1fr;display:grid;overflow:hidden}.community-card-covers{background:#ffffff09;grid-template-columns:repeat(3,minmax(0,1fr));height:172px;display:grid}.community-card-covers img,.community-card-cover-empty{object-fit:cover;background:#ffffff0f;width:100%;height:100%;min-height:86px}.community-card-body{grid-template-rows:auto auto 1fr auto;gap:13px;padding:18px;display:grid}.community-card-topline,.community-card-footer{color:#ffffff85;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:850;display:flex}.community-card h3{margin-top:0;font-size:24px;line-height:1.08}.community-card-games{align-content:start;gap:7px;display:grid}.community-card-games span,.community-card-more{color:#f8fafcd6;background:#ffffff0a;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;font-size:13px;font-weight:850;display:flex}.community-card-more{color:#ffffff8c;width:100%;min-height:38px;font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#ffffff06;border:1px dashed #ffffff1f;justify-content:center;font-size:12px;font-weight:950}.community-card-games small{color:#ffffff7a;letter-spacing:.1em;text-transform:uppercase;flex-shrink:0;font-size:10px;font-weight:950}.community-detail-backdrop{z-index:80;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04070ec2;place-items:center;display:grid;position:fixed;inset:0}.community-detail-modal{background:#ffffff09;border:1px solid #ffffff1c;border-radius:22px;grid-template-rows:auto minmax(0,1fr);width:min(720px,100%);max-height:min(760px,100dvh - 48px);display:grid;overflow:hidden;box-shadow:0 28px 90px #00000080}.community-detail-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.store-page{gap:28px;max-width:1280px;margin:0 auto;padding:28px 16px 64px;display:grid}.store-header{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;padding:18px;display:grid}.store-kicker{letter-spacing:.16em;text-transform:uppercase;color:#8fe3ff;margin-bottom:6px;font-size:.75rem;font-weight:900;display:block}.store-title{color:#fff;margin:0;font-size:clamp(2rem,5vw,4.4rem);font-weight:950;line-height:.95}.store-subtitle{color:#ffffff9e;max-width:620px;margin:10px 0 0;font-size:1rem}.store-header-stats{border:1px solid #ffffff14;border-radius:14px;grid-template-columns:repeat(3,minmax(100px,1fr));display:grid;overflow:hidden}.store-header-stats div{background:#ffffff09;gap:3px;padding:14px 16px;display:grid}.store-header-stats div+div{border-left:1px solid #ffffff14}.store-header-stats b{color:#8fe3ff;font-size:1.45rem;line-height:1}.store-header-stats span{letter-spacing:.12em;text-transform:uppercase;color:#ffffff94;font-size:.7rem;font-weight:850}.store-featured{background:#ffffff09;border:1px solid #ffffff1a;border-radius:18px;grid-template-columns:220px minmax(0,1fr);min-height:138px;display:grid;position:relative;overflow:hidden}.store-featured-art{grid-column:1;min-height:138px;position:relative}.store-featured-art img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.store-featured-scrim{background:#0000002e;position:absolute;inset:0}.store-featured-body{z-index:1;grid-column:2;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;max-width:none;padding:18px 20px;display:grid;position:relative}.store-featured-badge{letter-spacing:.14em;text-transform:uppercase;color:#fbbf24;font-size:.65rem;font-weight:900}.store-featured-title{color:#fff;margin:0;font-size:1.25rem;font-weight:900;line-height:1.1}.store-featured-copy{color:#ffffffb8;max-width:520px;margin:0;font-size:.85rem;line-height:1.35}.store-featured-prices{grid-area:1/2;justify-content:flex-end;align-items:baseline;gap:10px;display:flex}.store-featured-original{color:#ffffff73;font-size:.9rem;text-decoration:line-through}.store-featured-sale{color:#4ade80;font-size:1.4rem;font-weight:900}.store-featured-pct{color:#4ade80;background:#4ade8026;border-radius:6px;padding:2px 8px;font-size:.8rem;font-weight:800}.store-featured-buy{cursor:pointer;color:#0f172a;background:#fff;border:none;border-radius:10px;grid-column:2;justify-self:end;padding:10px 22px;font-size:.875rem;font-weight:800;transition:opacity .15s,transform .1s}.store-featured-buy:hover{opacity:.9;transform:translateY(-1px)}.store-section{gap:16px;display:grid}.store-section-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.store-section-header p{color:#ffffff8f;margin:4px 0 0;font-size:.88rem}.store-section-header--controls{align-items:end}.store-section-header h2{color:#fff;margin:0;font-size:1.1rem;font-weight:800}.store-section-tag{letter-spacing:.12em;text-transform:uppercase;color:#fbbf24;background:#fbbf241f;border-radius:6px;padding:2px 8px;font-size:.65rem;font-weight:900}.store-section-count{color:#ffffff80;font-size:.75rem;font-weight:700}.store-collections{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.store-collection{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;gap:12px;padding:16px;display:grid}.store-mini-list{gap:8px;display:grid}.store-mini-deal{color:#ffffffc7;min-height:42px;font:inherit;cursor:pointer;text-align:left;background:#ffffff09;border:1px solid #ffffff13;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 10px;font-weight:800;display:grid}.store-mini-deal:hover{color:#fff;border-color:#ffffff29}.store-mini-deal span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.store-mini-deal b{color:#4ade80}.store-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.store-controls input,.store-controls select{color:#ffffffe6;min-height:40px;font:inherit;background:#ffffff09;border:1px solid #ffffff1a;border-radius:10px;outline:none;font-weight:750}.store-controls input{width:min(320px,42vw);padding:0 12px}.store-controls select{padding:0 10px}.store-controls input:focus,.store-controls select:focus{border-color:#8fe3ff73}.store-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.store-grid--highlight .store-card{border-color:#fbbf2438}.store-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;transition:transform .12s,border-color .12s;display:flex;overflow:hidden}.store-card:hover{border-color:#ffffff29;transform:translateY(-2px)}.store-card-art{aspect-ratio:16/9;background:#1a1f2e;position:relative;overflow:hidden}.store-card-art img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.store-card-art-placeholder{color:#fff3;place-items:center;width:100%;height:100%;font-size:2rem;font-weight:900;display:grid}.store-card-discount{color:#0f172a;background:#4ade80;border-radius:6px;padding:2px 7px;font-size:.7rem;font-weight:900;position:absolute;top:8px;right:8px}.store-card-body{flex-direction:column;flex:1;gap:8px;padding:12px 14px 14px;display:flex}.store-card-meta{justify-content:space-between;align-items:center;gap:6px;display:flex}.store-card-genre{letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;font-size:.65rem;font-weight:800}.store-card-platforms{gap:4px;display:flex}.store-card-platforms span{color:#ffffff73;background:#ffffff12;border-radius:4px;padding:1px 5px;font-size:.6rem;font-weight:800}.store-card-title{color:#fff;flex:1;margin:0;font-size:1rem;font-weight:800;line-height:1.2}.store-card-reason{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:999px;width:fit-content;padding:3px 8px;font-size:.68rem;font-weight:850}.store-card-tags{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.store-card-tags span{color:#ffffff94;background:#ffffff0e;border-radius:6px;padding:2px 6px;font-size:.62rem;font-weight:800}.store-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.store-card-prices{align-items:baseline;gap:6px;display:flex}.store-card-original{color:#ffffff59;font-size:.75rem;text-decoration:line-through}.store-card-sale{color:#4ade80;font-size:1rem;font-weight:900}.store-card-buy{cursor:pointer;background:var(--store-color,#4ade80);color:#fff;white-space:nowrap;opacity:.9;border:none;border-radius:7px;padding:6px 10px;font-size:.7rem;font-weight:700;transition:opacity .15s,transform .1s}.store-card-buy:hover{opacity:1;transform:translateY(-1px)}.store-card-buy:active{transform:translateY(0)}.store-card-store{color:#ffffff6b;font-size:.7rem;font-weight:750}.store-empty{color:#fff9;background:#ffffff06;border:1px solid #ffffff14;border-radius:16px;place-items:center;gap:5px;min-height:170px;padding:24px;display:grid}.store-empty strong{color:#fff;font-size:1.2rem}.store-disclaimer{color:#fff6;text-align:center;margin:0;font-size:12px}@media (width<=960px){.store-header,.store-collections,.store-section-header--controls{grid-template-columns:1fr}.store-header{align-items:start}.store-header-stats{width:100%}.store-section-header,.store-section-header--controls{justify-items:stretch;display:grid}.store-controls{justify-content:flex-start}.store-controls input{width:100%}}@media (width<=760px){.store-featured{grid-template-columns:1fr}.store-featured-art{min-height:150px}.store-featured-body{grid-template-columns:1fr}.store-featured-prices,.store-featured-buy{grid-area:auto;justify-content:flex-start;justify-self:start}}@media (width<=430px){.toast-container{right:max(10px, env(safe-area-inset-right));left:max(10px, env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom))}.toast{width:100%;min-width:0;max-width:100%}.nav-tab{padding:9px 11px;font-size:11px}}@media (width<=760px){.layout{width:100%;max-width:100%;overflow-x:clip}.header-top,.header-left,.header-user,.nav-tabs,.search-wrapper,.backlog-overview,.backlog-recommendations,.community-page,.community-hero,.community-card,.cd-panel,.store-page{min-width:0;max-width:100%}.header-top{align-items:stretch}.header-user{flex-wrap:wrap;width:100%}.nav-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;display:grid}.nav-tab{width:100%;min-width:0}}@media (width<=600px){.layout{padding-inline:max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right))}.header-top{padding:10px}.brand-logo{max-width:min(180px,58vw)}.steam-name{text-overflow:ellipsis;max-width:calc(100vw - 120px);overflow:hidden}.comm-agg-strip,.comm-session-list{grid-template-columns:1fr}.comm-playtime{padding:16px}.comm-playtime-grid{grid-template-columns:repeat(2,1fr)}.comm-filters{flex-wrap:wrap;gap:8px}.comm-filter-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;overflow-x:auto}.comm-filter-tabs::-webkit-scrollbar{display:none}.comm-sort-label{display:none}}@media (width<=430px){.comm-row{gap:10px;padding:14px}.comm-row-time{display:none}.comm-row-art-wrap{width:44px;margin-top:-14px;margin-bottom:-14px}.profile-quick-stat{padding:10px 6px}.profile-quick-stat strong{font-size:22px}.profile-activity-row{grid-template-columns:1fr auto}.profile-activity-date{display:none}}.comm-dash{flex-direction:column;gap:14px;display:flex}.cd-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.cd-header-left{align-items:center;gap:12px;display:flex}.cd-header-icon{color:#ffffffb8;background:#ffffff09;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.cd-header-icon svg{width:22px;height:22px}.cd-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cd-title{letter-spacing:0;color:var(--text-h);margin:0;font-size:clamp(28px,3.2vw,38px);font-weight:900;line-height:1}.cd-subtitle{color:#ffffff8f;margin:5px 0 0;font-size:14px;font-weight:650}.cd-header-controls{gap:10px;display:flex}.cd-control{color:#ffffffd1;font-family:var(--sans);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.cd-control:hover{background:#ffffff12;border-color:#ffffff2e}.cd-control svg{width:16px;height:16px}.cd-control .cd-chevron{opacity:.55;width:13px;height:13px}.cd-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.cd-stat{--accent:#34d399;background:#ffffff05;border:1px solid #ffffff12;border-radius:10px;grid-template-columns:auto minmax(0,1fr) minmax(92px,.7fr);align-items:center;gap:12px;padding:13px 14px;display:grid}.cd-stat-icon{color:#ffffff9e;background:#ffffff09;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.cd-stat-icon svg{width:18px;height:18px}.cd-stat-info{flex-direction:column;gap:4px;min-width:0;display:flex}.cd-stat-label{color:#ffffff94;white-space:nowrap;font-size:12px;font-weight:800}.cd-stat-num{letter-spacing:0;color:var(--text-h);font-variant-numeric:tabular-nums;font-size:clamp(24px,2.5vw,32px);font-weight:900;line-height:1}.cd-stat-delta{align-items:center;gap:5px;font-size:13px;font-weight:800;display:inline-flex}.cd-stat-delta em{color:#fff6;font-style:normal;font-weight:600}.cd-stat-delta.is-up{color:var(--accent,#34d399)}.cd-stat-delta.is-down{color:#f87171}.cd-stat-graph{opacity:.78;align-self:stretch;align-items:center;min-width:0;display:flex;position:relative}.cd-spark{width:100%;height:38px}.cd-spark path:first-of-type{display:none}.cd-axis{color:#ffffff52;font-size:10px;font-weight:700;position:absolute;right:2px}.cd-axis-top{top:0}.cd-axis-bottom{bottom:0}.cd-grid2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cd-panel{background:#ffffff04;border:1px solid #ffffff12;border-radius:10px;padding:14px 16px}.cd-panel-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cd-panel-title{color:var(--text-h);align-items:center;gap:8px;font-size:16px;font-weight:850;display:inline-flex}.cd-panel-title svg{color:#ffffff94;width:16px;height:16px}.cd-fire{font-size:16px}.cd-viewall{color:#ffffffa6;font-family:var(--sans);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:7px;padding:5px 10px;font-size:12px;font-weight:700}.cd-viewall:hover{background:#ffffff0d}.cd-empty{color:#ffffff73;padding:18px 0;font-size:14px}.cd-feed{margin:0;padding:0;list-style:none}.cd-feed-row{border-bottom:1px solid #ffffff0d;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;padding:10px 0;display:grid}.pp-feed .cd-feed-row{grid-template-columns:auto 1fr auto}.cd-feed-row:last-child{border-bottom:none}.cd-feed-node{border:1px solid #0000;border-radius:7px;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.cd-feed-node svg{width:15px;height:15px}.cd-feed-row--completed .cd-feed-node{color:#86efac;background:#86efac14;border-color:#86efac38}.cd-feed-row--added .cd-feed-node,.cd-feed-row--playing .cd-feed-node{color:#93c5fd;background:#93c5fd14;border-color:#93c5fd38}.cd-feed-row--reviewed .cd-feed-node{color:#c4b5fd;background:#c4b5fd14;border-color:#c4b5fd38}.cd-feed-avatar{color:#ffffffdb;cursor:pointer;width:32px;height:32px;font-size:11px;font-weight:800;font-family:var(--sans);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;place-items:center;transition:border-color .15s,background .15s;display:grid}.cd-feed-avatar:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff47}.cd-feed-avatar:disabled{cursor:default}.cd-feed-user{color:var(--text-h);font-weight:800;font-family:var(--sans);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px}.cd-feed-user:hover:not(:disabled){text-decoration:underline}.cd-feed-user:disabled{cursor:default}.cd-like-btn{color:#ffffff73;cursor:pointer;font-family:var(--sans);background:0 0;border:none;border-radius:8px;align-items:center;gap:5px;padding:4px 6px;font-size:13px;font-weight:700;transition:color .15s,background .15s,transform .1s;display:inline-flex}.cd-like-btn svg{width:17px;height:17px}.cd-like-btn:hover:not(:disabled){color:#fb7185;background:#fb71851a}.cd-like-btn:active:not(:disabled){transform:scale(.88)}.cd-like-btn.is-liked{color:#f43f5e}.cd-like-btn:disabled{cursor:default;opacity:.45}.cd-like-count{font-variant-numeric:tabular-nums}.public-profile{max-width:760px;margin:0 auto;padding:8px 0 40px}.pp-back{color:#fff9;font-family:var(--sans);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:8px;padding:8px 4px;font-size:14px;font-weight:700;display:inline-flex}.pp-back svg{width:18px;height:18px}.pp-back:hover{color:var(--text-h)}.pp-state{text-align:center;color:#ffffff8c;padding:48px 16px;font-size:15px}.pp-hero{border:1px solid var(--border);background:var(--surface-2);border-radius:16px;align-items:center;gap:18px;padding:22px;display:flex}.pp-avatar-img,.pp-avatar{object-fit:cover;border:2px solid #ffffff1f;border-radius:50%;flex-shrink:0;width:72px;height:72px}.pp-avatar{color:var(--text-h);background:linear-gradient(135deg,#60a5fa4d,#a78bfa4d);place-items:center;font-size:24px;font-weight:800;display:grid}.pp-hero-info{flex-direction:column;gap:4px;min-width:0;display:flex}.pp-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pp-name{color:var(--text-h);margin:0;font-size:24px;font-weight:850}.pp-level-badge-wrap{--badge-accent:#cd7f32;isolation:isolate;flex:none;position:relative}.pp-level-badge-wrap--silver{--badge-accent:#cbd5e1}.pp-level-badge-wrap--gold{--badge-accent:#facc15}.pp-level-badge-wrap--platinum{--badge-accent:#67e8f9}.pp-level-badge-wrap--diamond{--badge-accent:#60a5fa}.pp-level-badge-wrap--prestige{--badge-accent:#f472b6}.pp-level-badge{--badge-accent:#cd7f32;--badge-ink:#ffeedcf2;width:42px;height:46px;color:var(--badge-ink);background:linear-gradient(148deg, color-mix(in srgb, var(--badge-accent) 95%, white) 0%, var(--badge-accent) 40%, color-mix(in srgb, var(--badge-accent) 52%, black) 74%, color-mix(in srgb, var(--badge-accent) 30%, black) 100%);clip-path:polygon(50% 0%,93% 24%,93% 76%,50% 100%,7% 76%,7% 24%);filter:drop-shadow(0 4px 10px #00000073) drop-shadow(0 0 8px color-mix(in srgb, var(--badge-accent) 22%, transparent));align-content:center;place-items:center;display:grid;position:relative;overflow:hidden}.pp-level-badge:before{content:"";background:radial-gradient(ellipse 80% 55% at 50% 22%, color-mix(in srgb, var(--badge-accent) 30%, transparent) 0%, transparent 70%), linear-gradient(180deg, #221a11 0%, #100c07 55%, #060403 100%);clip-path:inherit;box-shadow:inset 0 1.5px 1px color-mix(in srgb, var(--badge-accent) 60%, transparent), inset 0 0 12px #000000b8;z-index:1;pointer-events:none;position:absolute;inset:4px}.pp-level-badge:after{content:"";z-index:0;background:conic-gradient(from 0deg, transparent 0deg, color-mix(in srgb, var(--badge-accent) 35%, white) 38deg, transparent 96deg, transparent 168deg, color-mix(in srgb, var(--badge-accent) 35%, white) 214deg, transparent 288deg, transparent 360deg);mix-blend-mode:screen;pointer-events:none;animation:6s linear infinite badge-ring-spin;position:absolute;inset:-40%}.pp-level-badge--silver{--badge-accent:#cbd5e1;--badge-ink:#f8fafcf5}.pp-level-badge--gold{--badge-accent:#facc15;--badge-ink:#fef9c3fa}.pp-level-badge--platinum{--badge-accent:#67e8f9;--badge-ink:#ecfefffa}.pp-level-badge--diamond{--badge-accent:#60a5fa;--badge-ink:#dbeafefa}.pp-level-badge--prestige{--badge-accent:#f472b6;--badge-ink:#fce7f3fa}.pp-level-badge span,.pp-level-badge strong{z-index:2;line-height:1;position:relative}.pp-level-badge span{color:var(--badge-ink);opacity:.72;letter-spacing:.12em;margin-top:-1px;font-size:6px;font-weight:850}.pp-level-badge strong{background:linear-gradient(180deg, #fff 0%, var(--badge-ink) 46%, color-mix(in srgb, var(--badge-accent) 70%, white) 100%);color:#0000;max-width:28px;filter:drop-shadow(0 0 12px color-mix(in srgb, var(--badge-accent) 55%, transparent)) drop-shadow(0 2px 4px #00000080);-webkit-background-clip:text;background-clip:text;margin-top:1px;font-size:19px;font-weight:950;overflow:hidden}.pp-level-badge .level-badge-sheen{z-index:3;mix-blend-mode:overlay;pointer-events:none;background:#ffffff6b;animation:3.6s ease-in-out infinite level-badge-sheen;position:absolute;inset:-18% -58%;transform:translate(-120%)skew(-22deg)}.pp-level-title{color:#ffffff9e;font-size:12px;font-weight:800}.pp-pro-badge{letter-spacing:.1em;color:#fde047;background:#fde0471a;border:1px solid #fde04766;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:900}.pp-self-badge{letter-spacing:.08em;text-transform:uppercase;color:#ffffffa6;border:1px solid var(--border);background:#ffffff0d;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:900}.pp-sub{color:#ffffff80;font-size:13px;font-weight:600}.pp-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;display:grid}.pp-stat{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:18px 12px;display:flex}.pp-stat-value{color:var(--text-h);font-variant-numeric:tabular-nums;font-size:26px;font-weight:850}.pp-stat-label{color:#ffffff80;text-align:center;font-size:12px;font-weight:600}.pp-private{text-align:center;border:1px dashed var(--border);color:#ffffff80;border-radius:14px;margin-top:16px;padding:24px;font-size:14px;font-weight:600}.pp-activity{border:1px solid var(--border);background:var(--surface-2);border-radius:16px;margin-top:24px;padding:20px 22px}.pp-activity-title{color:var(--text-h);margin:0 0 8px;font-size:16px;font-weight:800}@media (width<=600px){.pp-stats{grid-template-columns:repeat(2,1fr)}.pp-hero{text-align:center;flex-direction:column}.pp-name-row{justify-content:center}}.cd-feed-body{min-width:0}.cd-feed-line{color:#ffffffc7;margin:0;font-size:14px;line-height:1.4}.cd-feed-line strong{color:var(--text-h);font-weight:800}.cd-feed-verb--completed{color:#86efac;font-weight:700}.cd-feed-verb--added,.cd-feed-verb--playing{color:#93c5fd;font-weight:700}.cd-feed-verb--reviewed{color:#c4b5fd;font-weight:700}.cd-feed-game{color:var(--text-h);font-weight:800;font-family:var(--sans);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px}.cd-feed-game:hover:not(:disabled){text-decoration:underline}.cd-feed-game:disabled{cursor:default}.cd-feed-suffix{color:#ffffff80;font-weight:600}.cd-feed-rating{color:#a78bfa;align-items:baseline;gap:3px;margin-top:3px;font-size:13px;font-weight:800;display:inline-flex}.cd-feed-rating small{color:#a78bfa99;font-size:11px;font-weight:700}.cd-feed-time{color:#fff6;white-space:nowrap;font-size:13px;font-weight:600}.cd-pop-table{display:grid}.cd-pop-header{color:#ffffff61;letter-spacing:.06em;text-transform:uppercase;grid-template-columns:1fr 86px 82px;gap:14px;padding:3px 0 8px 78px;font-size:11px;font-weight:850;display:grid}.cd-pop-list{margin:0;padding:0;list-style:none}.cd-pop-row{border-bottom:1px solid #ffffff0d;grid-template-columns:64px minmax(0,1.5fr) 86px 82px;align-items:center;gap:14px;padding:10px 0;display:grid}.cd-pop-row:last-child{border-bottom:none}.cd-pop-coverbtn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:0;line-height:0}.cd-pop-cover{object-fit:cover;background:var(--surface-2);border-radius:6px;width:64px;height:34px;display:block}.cd-pop-cover--empty{background:linear-gradient(135deg,#2a2f42,#1a1d2b)}.cd-pop-name{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.cd-pop-title{cursor:pointer;text-align:left;max-width:100%;font-family:var(--sans);color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;padding:0;font-size:14px;font-weight:800;overflow:hidden}.cd-pop-title:hover{text-decoration:underline}.cd-pop-platform{letter-spacing:.06em;color:#ffffff8f;background:#ffffff0b;border-radius:5px;align-self:flex-start;padding:2px 6px;font-size:10px;font-weight:800}.cd-pop-stat{flex-direction:column;gap:1px;min-width:50px;display:flex}.cd-pop-stat strong{color:var(--text-h);font-size:15px;font-weight:850}.cd-pop-stat span{color:#fff6;white-space:nowrap;font-size:11px;font-weight:600}.cd-pt-body{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:18px;display:grid}.cd-pt-chart{grid-template-columns:auto 1fr;align-items:end;gap:18px;display:grid}.cd-pt-avg{flex-direction:column;justify-content:flex-end;gap:6px;padding-bottom:22px;display:flex}.cd-pt-avg-label{color:#ffffff80;white-space:nowrap;font-size:13px;font-weight:700}.cd-pt-avg-num{letter-spacing:-.03em;color:var(--text-h);font-size:clamp(28px,3vw,40px);font-weight:950;line-height:1}.cd-pt-bars{flex-direction:column;gap:8px;min-width:0;display:flex}.cd-pt-bars-grid{height:132px;padding-left:26px;position:relative}.cd-pt-yaxis{color:#ffffff4d;font-size:10px;font-weight:600;position:absolute;left:0}.cd-pt-yaxis-top{top:-2px}.cd-pt-yaxis-mid{top:50%;transform:translateY(-50%)}.cd-pt-yaxis-bottom{bottom:-2px}.cd-pt-bar-track{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-end;gap:8px;height:100%;display:flex}.cd-pt-bar{background:#75b798;border-radius:3px 3px 0 0;flex:1;min-height:4px;transition:height .5s cubic-bezier(.2,.9,.2,1)}.cd-pt-xaxis{color:#fff6;justify-content:space-between;padding-left:26px;font-size:11px;font-weight:600;display:flex}.cd-pt-tiles{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.cd-pt-tile{--accent:#5fa07f;background:#ffffff05;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;gap:7px;padding:14px;display:flex}.cd-pt-tile-icon{color:#ffffff9e;background:#ffffff09;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.cd-pt-tile-icon svg{width:19px;height:19px}.cd-pt-tile-window{color:#ffffff8c;font-size:13px;font-weight:700}.cd-pt-tile-num{letter-spacing:0;color:var(--text-h);font-size:24px;font-weight:900;line-height:1}@media (width<=1080px){.cd-stats,.cd-grid2,.cd-pt-body{grid-template-columns:1fr}}@media (width<=600px){.cd-header,.cd-header-left,.cd-header-controls,.cd-panel-head,.cd-feed-line{min-width:0}.cd-header-left{align-items:flex-start}.cd-header-controls{flex-wrap:wrap;width:100%}.cd-control{flex:140px;justify-content:center}.cd-panel{padding:12px}.cd-stat{grid-template-columns:auto minmax(0,1fr)}.cd-stat-graph{display:none}.cd-feed-row,.pp-feed .cd-feed-row{grid-template-columns:auto minmax(0,1fr);align-items:flex-start}.cd-feed-avatar,.cd-feed-time{display:none}.cd-like-btn{grid-column:2;justify-self:start;padding-left:0}.cd-pop-header{display:none}.cd-pt-chart{grid-template-columns:1fr;gap:10px}.cd-pt-avg{padding-bottom:0}.cd-pt-tiles{grid-template-columns:repeat(2,1fr)}.cd-pop-row{grid-template-columns:56px minmax(0,1fr) auto}.cd-pop-row .cd-pop-stat:nth-child(4){display:none}}@media (width<=430px){.community-grid{grid-template-columns:minmax(0,1fr)}.community-hero{padding:14px}.community-hero h2{font-size:27px}.community-card-body{padding:14px}.community-card-covers{height:138px}.community-card-topline,.community-card-footer,.community-card-games span{flex-direction:column;align-items:flex-start}.community-card-games small{white-space:normal}.community-detail-backdrop{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.community-detail-modal{border-radius:16px;max-height:calc(100dvh - 24px)}}@media (width<=760px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select{font-size:16px}.modal-close{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;display:flex}}.toast-close{position:relative}.toast-close:after{content:"";position:absolute;inset:-12px}.mobile-tabbar{display:none}.mobile-tab{color:#ffffff8f;min-height:50px;font:800 10px/1 var(--sans);letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px 2px;transition:color .16s,background .16s;display:flex;position:relative}:root.light .mobile-tab{color:#1111188c}.mobile-tab svg{width:22px;height:22px}.mobile-tab span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.mobile-tab.active{color:var(--accent);background:var(--accent-dim)}.mobile-tab-badge{background:var(--accent);color:#fff;border-radius:99px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 4px;font-size:9px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:2px;left:calc(50% + 5px)}.mobile-tab-badge--pro{color:var(--text-h);background:#ffffff29}@media (width<=760px){.header .nav-tabs{display:none}.mobile-tabbar{z-index:90;padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom));padding-left:max(6px, env(safe-area-inset-left));padding-right:max(6px, env(safe-area-inset-right));background:color-mix(in srgb, var(--surface) 86%, transparent);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #00000047}.layout{padding-bottom:calc(74px + env(safe-area-inset-bottom))}.bug-report-fab,.toast-container{bottom:calc(74px + env(safe-area-inset-bottom))}}