html,body,#root{width:100%;max-width:none;border:0;box-shadow:none}html{scrollbar-gutter:stable;overflow-x:clip;margin:0;padding:0;min-height:100%;background-color:var(--bg-light);background-clip:border-box;transition:background-color .4s ease,color .4s ease}html.dark{background-color:var(--bg-dark)}:root{--bg-light: blanchedalmond;--text-light: #1a1a1a;--bg-dark: #111113;--text-dark: #e8e6e1;--card-w: 62.5rem;--card-h: 17.5rem;--primary-color: #1A1D1E;--gold: #ffd700;--bg: var(--bg-light);--text: var(--text-light);--surface: rgba(255, 255, 255, .55);--solid-surface: #ffffff;--solid-surface-hover: #f0f0f0;--surface-border: rgba(0, 0, 0, .08);--pill-bg: rgba(0, 0, 0, .06);--pill-border: rgba(0, 0, 0, .12);--muted-text: rgba(26, 26, 26, .68);--input-bg: rgba(255, 255, 255, .72);--genre-accent: #9a5d32;--genre-accent-strong: #7b431f;--genre-accent-soft: rgba(154, 93, 50, .12);--on-accent: #fff;--genre-panel-bg: rgba(255, 250, 243, .96);--genre-panel-muted: rgba(38, 29, 24, .66);--genre-panel-shadow: 0 1.5rem 4.375rem rgba(62, 34, 15, .22)}html.dark,body.dark{--bg: var(--bg-dark);--text: var(--text-dark);--primary-color: #C5A580;--surface: rgba(255, 255, 255, .05);--solid-surface: #1e1e22;--solid-surface-hover: #2a2a30;--surface-border: rgba(255, 255, 255, .08);--pill-bg: rgba(255, 255, 255, .07);--pill-border: rgba(255, 255, 255, .12);--muted-text: rgba(232, 230, 225, .68);--input-bg: rgba(255, 255, 255, .06);--genre-accent: #d6a875;--genre-accent-strong: #f0c58f;--genre-accent-soft: rgba(214, 168, 117, .15);--on-accent: #111113;--genre-panel-bg: rgba(28, 27, 30, .97);--genre-panel-muted: rgba(232, 230, 225, .66);--genre-panel-shadow: 0 1.5rem 4.375rem rgba(0, 0, 0, .45)}body{background-color:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;transition:background-color .4s ease,color .4s ease;margin:0;padding:1.5rem 1.25rem 5rem;min-height:100vh;box-sizing:border-box;user-select:none;overflow-x:clip}#root{min-height:100vh;margin:0;background:transparent}body[data-page=add-game],body[data-page=stats]{margin:0;padding:0}html.rating-editing,body.rating-editing{overflow:hidden!important;overscroll-behavior:none!important}.site-header{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;margin:0 auto 1.25rem;text-align:center;min-height:10.9375rem}.site-header-left{position:relative;width:100%;display:flex;align-items:center;justify-content:center;min-height:10.9375rem}.site-header-actions{position:absolute;left:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:.375rem;width:13.125rem}.site-header-copy{min-width:0;text-align:center;padding:0 clamp(1rem,16vw,14.375rem);box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.site-header-right{position:fixed;right:1.25rem;top:1.25rem;z-index:2200;display:flex;flex-direction:column;align-items:center;gap:.625rem}.add-game-trigger,.find-libraries-trigger,.comments-trigger,.stats-trigger{display:inline-flex;align-items:center;justify-content:center;min-height:auto;margin:0;padding:0;border:none;background:transparent;box-shadow:none;cursor:pointer;transition:transform .15s ease,opacity .2s ease}.add-game-trigger:hover,.find-libraries-trigger:hover,.comments-trigger:hover,.stats-trigger:hover{background:transparent;opacity:.82;transform:translateY(-.125rem)}.add-game-trigger:active,.find-libraries-trigger:active,.comments-trigger:active,.stats-trigger:active{transform:scale(.97)}.add-game-svg{height:4.6875rem;width:auto;max-width:100%;display:block;object-fit:contain;pointer-events:none}.find-libraries-svg,.comments-svg,.stats-svg{width:8.75rem;height:auto;max-width:100%;display:block;object-fit:contain;pointer-events:none}.catalog-back-link{display:inline-block;margin-left:.625rem;padding:.125rem .5625rem;border:1px solid var(--surface-border);border-radius:.375rem;background:var(--pill-bg);color:var(--primary-color);font:inherit;font-size:.78rem;font-weight:500;cursor:pointer;vertical-align:middle;transition:background .15s,border-color .15s}.catalog-back-link:hover{background:var(--pill-border);border-color:var(--primary-color)}.library-drawer-layer{position:fixed;inset:0;z-index:2700}.library-drawer-backdrop{position:absolute;inset:0;background:#00000085;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.library-drawer{position:absolute;inset:0 auto 0 0;display:flex;flex-direction:column;gap:.75rem;width:min(23.125rem,calc(100vw - 1.75rem));box-sizing:border-box;padding:1.375rem 1.125rem max(1.375rem,env(safe-area-inset-bottom));border-right:1px solid var(--surface-border);background:var(--solid-surface);color:var(--text);box-shadow:1.125rem 0 3rem #00000042;user-select:text}.library-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--surface-border)}.library-drawer-header h2{margin:0;font-size:1.2rem}.library-drawer-close{width:2.125rem;height:2.125rem;flex:0 0 2.125rem;border:1px solid var(--surface-border);border-radius:50%;background:var(--pill-bg);color:inherit;font:inherit;font-size:1.2rem;cursor:pointer}.library-drawer-list{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.library-person{display:grid;grid-template-columns:2.625rem minmax(0,1fr) auto;align-items:center;gap:.625rem;width:100%;padding:.5rem .625rem;border:1px solid var(--surface-border);border-radius:.6875rem;background:var(--pill-bg);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .16s,background .16s}.library-person:hover{border-color:#348be0;background:#348be01a;transform:none}.library-person-avatar{width:2.625rem;height:2.625rem;display:grid;place-items:center;overflow:hidden;border:1px solid var(--surface-border);border-radius:50%;background:var(--solid-surface)}.library-person-avatar img{width:100%;height:100%;object-fit:cover}.library-person-name{min-width:0}.library-person-name strong,.library-person-name small,.library-person-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-person-name strong{font-size:.88rem}.library-person-name small{margin-top:.1rem;font-size:.72rem;opacity:.62}.library-person-title{margin-top:.15rem;font-size:.72rem;font-weight:600;letter-spacing:.01em}.library-person-title.tier-0{color:#64748b}body.dark .library-person-title.tier-0{color:#94a3b8}.library-person-title.tier-1{color:#78716c}body.dark .library-person-title.tier-1{color:#a8a29e}.library-person-title.tier-2{color:#16a34a}body.dark .library-person-title.tier-2{color:#4ade80}.library-person-title.tier-3{color:#0284c7}body.dark .library-person-title.tier-3{color:#38bdf8}.library-person-title.tier-4{color:#4f46e5}body.dark .library-person-title.tier-4{color:#818cf8}.library-person-title.tier-5{color:#9333ea}body.dark .library-person-title.tier-5{color:#c084fc}.library-person-title.tier-6{color:#d97706}body.dark .library-person-title.tier-6{color:#fbbf24}.library-person-title.tier-7{color:#e11d48}body.dark .library-person-title.tier-7{color:#fb7185}.library-person-count{font-size:.78rem;font-weight:700;color:#3185d5;white-space:nowrap}.library-drawer-message{margin:.5rem .125rem;font-size:.86rem;opacity:.7}.comments-drawer{position:absolute;inset:0 auto 0 0;display:flex;flex-direction:column;gap:.75rem;width:min(26.875rem,calc(100vw - 1.75rem));box-sizing:border-box;padding:1.375rem 1.125rem max(1.375rem,env(safe-area-inset-bottom));border-right:1px solid var(--surface-border);background:var(--solid-surface);color:var(--text);box-shadow:1.125rem 0 3rem #00000042;user-select:text}.comments-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--surface-border)}.comments-drawer-heading{min-width:0}.comments-drawer-header h2{margin:0;font-size:1.2rem}.comments-drawer-profile{margin:.25rem 0 0;overflow:hidden;color:var(--muted-text);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.comments-drawer-close{width:2.125rem;height:2.125rem;flex:0 0 2.125rem;border:1px solid var(--surface-border);border-radius:50%;background:var(--pill-bg);color:inherit;font:inherit;font-size:1.2rem;cursor:pointer}.comments-drawer-content{display:flex;flex:1;flex-direction:column;min-height:0;gap:.75rem}.comments-list{display:flex;flex:1;flex-direction:column;gap:.5625rem;min-height:0;overflow-y:auto;padding-right:.125rem}.profile-comment{padding:.625rem .6875rem;border:1px solid var(--surface-border);border-radius:.6875rem;background:var(--pill-bg)}.profile-comment-meta{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.3125rem}.profile-comment-author{min-width:0;overflow:hidden;font-size:.78rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.profile-comment-date{flex:0 0 auto;color:var(--muted-text);font-size:.68rem}.profile-comment-body{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.84rem;line-height:1.4}.profile-comment-game-link{display:inline;margin:0;padding:0;border:none;background:transparent;color:#3185d5;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.profile-comment-game-link:hover{color:#1d67ac}.profile-comment-delete{display:block;margin:.4375rem 0 0 auto;padding:.125rem 0;border:none;background:transparent;color:#c75959;font:inherit;font-size:.7rem;cursor:pointer}.profile-comment-delete:hover{text-decoration:underline}.comments-form{display:flex;flex-direction:column;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--surface-border)}.comments-form textarea{width:100%;min-height:4.75rem;box-sizing:border-box;resize:vertical;border:1px solid var(--surface-border);border-radius:.5625rem;background:var(--input-bg);color:var(--text);font:inherit;font-size:.84rem;line-height:1.35;padding:.5625rem .625rem}.comments-form-footer{display:flex;align-items:center;justify-content:space-between;gap:.625rem}.comments-form-limit{color:var(--muted-text);font-size:.68rem}.comments-form-submit{padding:.4375rem .6875rem;border:1px solid #348be0;border-radius:.5rem;background:#348be0;color:#fff;font:inherit;font-size:.78rem;cursor:pointer}.comments-form-submit:disabled{cursor:default;opacity:.55}.comments-form-message{margin:0;color:var(--muted-text);font-size:.8rem;line-height:1.4}.comments-form-message.error{color:#c75959}.add-game-page{box-sizing:border-box;min-height:100vh;padding:clamp(1.75rem,4vw,3rem) 1.125rem 3.5rem;background:var(--bg);color:var(--text)}.add-game-page-auth-row,.add-game-page-result,.add-game-form-shell,.add-game-page-header{width:min(53.75rem,100%);margin-left:auto;margin-right:auto}.add-game-page-header{margin-bottom:.875rem}.add-game-page-auth-row{display:flex;align-items:center;justify-content:space-between;gap:.875rem;margin-bottom:.875rem;color:var(--muted-text);font-size:.86rem}.add-game-page-auth-row .btn{flex:0 0 auto}.add-game-page-result{margin-bottom:.875rem}.add-game-form-shell{box-sizing:border-box;padding:1.75rem;border:1px solid var(--surface-border);border-radius:1.125rem;background:var(--solid-surface);color:var(--text);box-shadow:0 1rem 3rem #0000002e;user-select:text}.add-game-page-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.125rem}.add-game-page-header h1{margin:0;font-size:1.35rem}.add-game-back-link{display:inline-flex;align-items:center;padding:.5625rem .875rem;border:1px solid var(--surface-border);border-radius:.625rem;background:var(--solid-surface);color:var(--muted-text);font-size:.92rem;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease}.add-game-back-link:hover,.add-game-back-link:focus-visible{color:var(--text);border-color:var(--genre-accent);background:var(--solid-surface-hover);text-decoration:none}.add-game-form-shell form{display:grid;gap:1.5rem}.add-game-top-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(15.9375rem,19.375rem);align-items:start;gap:1.75rem}.add-game-details,.add-game-cover-block,.add-game-review-block,.add-game-ratings-block{min-width:0;display:grid;gap:.75rem}.add-game-form-shell .add-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-width:28rem}.add-game-meta-fields{max-width:28rem}.add-game-form-shell label.add-field{display:grid;min-width:0;gap:.375rem;font-size:.8rem;opacity:.86}.add-game-form-shell input[type=text],.add-game-form-shell input[type=number]:not(.add-game-rating-number),.add-game-form-shell textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:.625rem .75rem;border:1px solid var(--surface-border);border-radius:.625rem;background:var(--pill-bg);color:var(--text);font:inherit}.add-game-form-shell textarea{min-height:14.375rem;resize:vertical}.add-game-form-shell input:focus,.add-game-form-shell textarea:focus{outline:.125rem solid var(--genre-accent);outline-offset:1px}.add-game-form-shell .add-field-catalog{grid-column:1 / -1}.add-field-catalog{display:grid;min-width:0;gap:.375rem;font-size:.8rem;opacity:1}.add-field-label{color:var(--muted-text);font-size:.78rem;font-weight:600}.catalog-search{position:relative;min-width:0}.catalog-search-row{position:relative}.catalog-search-busy{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);color:var(--muted-text);font-size:.9rem;pointer-events:none}.catalog-results{position:absolute;z-index:30;top:calc(100% + .375rem);right:0;left:0;display:grid;gap:.125rem;max-height:20rem;padding:.375rem;overflow-y:auto;border:1px solid var(--genre-accent);border-radius:.75rem;background:var(--bg);box-shadow:0 1.5rem 4rem #00000080,0 0 0 .25rem #0000000f;opacity:1}.catalog-option{display:grid;gap:.125rem;width:100%;padding:.5rem .625rem;border:0;border-radius:.5rem;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.catalog-option.active,.catalog-option:hover{background:var(--genre-accent-soft)}.catalog-option-title{font-size:.92rem;font-weight:600}.catalog-option-meta,.catalog-option-genres{color:var(--muted-text);font-size:.76rem}.catalog-empty{margin:0;padding:.625rem;color:var(--muted-text);font-size:.8rem;line-height:1.35}.catalog-empty-error{color:#c0392b}.catalog-selected{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .75rem;border:1px solid var(--genre-accent);border-radius:.625rem;background:var(--genre-accent-soft)}.catalog-selected-main{display:grid;min-width:0;gap:.125rem}.catalog-selected-title{overflow:hidden;font-size:.95rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.catalog-selected-meta{color:var(--muted-text);font-size:.78rem}.catalog-selected-change{flex:0 0 auto;padding:.3125rem .625rem;border:1px solid var(--pill-border);border-radius:6.1875rem;background:var(--solid-surface);color:var(--text);font:inherit;font-size:.78rem;cursor:pointer}.catalog-selected-change:hover{border-color:var(--genre-accent)}.catalog-selected.is-in-library{border-color:#e0564c8c;background:#e0564c1a}.catalog-warning-badge{display:inline-flex;align-items:center;gap:.35rem;width:fit-content;margin-top:.25rem;padding:.25rem .55rem;border-radius:.375rem;font-size:.76rem;font-weight:600;color:#e0564c;background:#e0564c24;border:1px solid rgba(224,86,76,.3)}.catalog-warning-badge a{color:inherit;text-decoration:underline;text-underline-offset:2px}.catalog-warning-badge a:hover{opacity:.85}.catalog-option-badge-in-library{display:inline-block;align-self:flex-start;margin-top:.15rem;padding:.125rem .4rem;border-radius:.25rem;font-size:.68rem;font-weight:600;color:#e0564c;background:#e0564c26;border:1px solid rgba(224,86,76,.3)}.add-game-genres-readonly .add-game-genre{cursor:default}.add-game-drop{min-height:10.5rem;display:grid;place-items:center;padding:.875rem;text-align:center;border:.125rem dashed var(--pill-border);border-radius:.875rem;background:var(--pill-bg);cursor:pointer;transition:border-color .2s,background .2s}.add-game-drop:hover,.add-game-drop.dragging{border-color:var(--genre-accent);background:var(--genre-accent-soft)}.add-game-drop input{display:none}.add-game-cover{display:block;max-width:13.75rem;max-height:13.75rem;margin:0 auto .5rem;object-fit:contain;border-radius:.5rem}.add-game-hint{margin:0;font-size:.76rem;opacity:.6}.add-game-section-label,.add-game-preview-title{display:block;color:var(--muted-text);font-size:.78rem;font-weight:650;letter-spacing:.02em}.add-game-genre-block{width:100%;max-width:28rem;display:grid;gap:.4375rem}.add-game-genres{box-sizing:border-box;display:flex;flex-wrap:wrap;width:100%;max-width:28rem;gap:.3125rem;padding:.5rem;border:1px solid var(--surface-border);border-radius:.75rem;background:var(--pill-bg)}.add-game-genre{padding:.25rem .5625rem;border:1px solid var(--pill-border);border-radius:6.1875rem;background:var(--pill-bg);color:var(--text);cursor:pointer}.add-game-genre.selected{border-color:var(--genre-accent);background:var(--genre-accent);color:var(--on-accent)}.add-game-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(15.9375rem,19.375rem);align-items:start;gap:1.75rem}.add-game-review-block{cursor:text;width:100%;max-width:28rem}.add-game-ratings-block{padding-top:1px}.add-game-ratings{display:grid;gap:.5rem}.add-game-rate{position:relative;display:grid;grid-template-columns:6.75rem minmax(4.5rem,8.625rem) 1.375rem;align-items:center;gap:.5rem;font-size:.78rem;overscroll-behavior:contain}.add-game-rate input[type=range]{width:100%;accent-color:var(--genre-accent)}.add-game-rate input[type=range].untouched{opacity:.55;filter:grayscale(.4);transition:opacity .2s,filter .2s}.add-game-rate input[type=range]:hover,.add-game-rate input[type=range]:focus{opacity:1;filter:none}.add-game-rate output{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.add-game-rate output.untouched{color:var(--muted-text);font-weight:500}.add-game-rating-number{position:absolute;right:0;top:50%;width:1.375rem;height:1.4rem;min-height:0;padding:0;box-sizing:border-box;border:0;border-radius:0;background:transparent;color:transparent;font:inherit;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield;outline:0!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent;caret-color:transparent;transform:translateY(-50%);overscroll-behavior:contain}.add-game-rating-number::-webkit-inner-spin-button,.add-game-rating-number::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.add-game-rating-number:focus,.add-game-rating-number:focus-visible,.add-game-rating-number:hover{border:0!important;outline:0!important;box-shadow:none!important}.add-game-average{display:flex;justify-content:space-between;border-top:1px solid var(--surface-border);padding-top:.5rem;font-size:.82rem}.add-game-average strong{color:var(--genre-accent);font-size:1.1rem}.add-game-actions{display:flex;justify-content:flex-end;gap:.625rem;flex-wrap:wrap}.add-game-actions .btn.primary{background:var(--genre-accent);border-color:var(--genre-accent);color:var(--on-accent);font-weight:600;box-shadow:0 .25rem .875rem color-mix(in srgb,var(--genre-accent) 28%,transparent);transition:background .2s,border-color .2s,color .2s,opacity .2s,transform .15s,box-shadow .2s}.add-game-actions .btn.primary:hover:not(:disabled){background:var(--genre-accent-strong);border-color:var(--genre-accent-strong);color:var(--on-accent);transform:translateY(-1px);box-shadow:0 .375rem 1.125rem color-mix(in srgb,var(--genre-accent) 36%,transparent)}.add-game-actions .btn.primary:active:not(:disabled){transform:scale(.97)}.add-game-actions .btn:disabled,.add-game-actions .btn.primary:disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}.add-game-actions .btn.primary:disabled:hover{background:var(--genre-accent);border-color:var(--genre-accent);color:var(--on-accent);transform:none;box-shadow:none}.add-game-status{margin:0;color:var(--genre-accent-strong)}.add-game-status.error{color:#c34a43}.add-game-preview{display:grid;gap:.75rem;padding-top:.125rem}.add-game-preview-toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:space-between}.add-game-preview-switcher{display:inline-flex;gap:.25rem;padding:.25rem;border:1px solid var(--surface-border);border-radius:.625rem;background:var(--pill-bg)}.add-game-preview-switcher button{border:1px solid transparent;border-radius:.4375rem;padding:.375rem .625rem;background:transparent;color:var(--text);font:inherit;font-size:.78rem;cursor:pointer}.add-game-preview-switcher button.active,.add-game-preview-switcher button:hover{border-color:var(--surface-border);background:var(--solid-surface-hover)}.add-game-preview-controls-info{display:inline-flex;align-items:center;gap:.5rem}.add-game-preview-scale-badge{display:inline-flex;align-items:center;padding:.3125rem .625rem;border:1px solid var(--surface-border);border-radius:.5rem;background:var(--pill-bg);color:var(--text);font:inherit;font-size:.78rem;font-weight:500;font-variant-numeric:tabular-nums;cursor:pointer;user-select:none;transition:background .15s,border-color .15s,color .15s}.add-game-preview-scale-badge:hover{border-color:var(--genre-accent);color:var(--genre-accent);background:var(--solid-surface-hover)}.add-game-preview-scale-badge:active{transform:translateY(1px)}.add-game-preview-reset-btn{border:1px solid var(--surface-border);border-radius:.5rem;padding:.3125rem .625rem;background:var(--pill-bg);color:var(--text);font:inherit;font-size:.78rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.add-game-preview-reset-btn:hover{border-color:var(--genre-accent);color:var(--genre-accent);background:var(--solid-surface-hover)}.add-game-preview-stage{padding:.625rem;border-radius:.75rem;background:var(--pill-bg);overflow:hidden}.card-preview-frame{container-type:inline-size;width:min(100%,var(--card-w));aspect-ratio:1000 / 280;margin:0 auto;position:relative;border-radius:1rem;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}.card-preview-frame.interactive{cursor:grab}.card-preview-frame.interactive:active,.card-preview-frame.interactive.dragging{cursor:grabbing}.card-preview-frame .card{width:100%;height:100%;margin:0;box-sizing:border-box}.card-preview-frame.interactive .card,.card-preview-frame.interactive .card *{pointer-events:none}.card-preview-frame.grid{width:min(100%,16.875rem);height:13.75rem;aspect-ratio:270 / 220}.card-preview-frame .card .title{font-size:clamp(1.02rem,3.2cqw,2rem);padding:clamp(.375rem,1cqw,.625rem) clamp(.5rem,1.4cqw,.875rem);user-select:none}.card-preview-frame .card .badge{top:clamp(.5rem,1.2cqw,.75rem);left:clamp(.5rem,1.2cqw,.75rem);right:auto;padding:clamp(.375rem,.8cqw,.5rem) clamp(.5rem,1.2cqw,.75rem);border-radius:clamp(.5625rem,1.2cqw,.75rem);font-size:clamp(.78rem,1.8cqw,1.125rem);user-select:none}.card-preview-frame.grid .card{padding:0;justify-content:flex-end;align-items:flex-end}.card-bg-layer{position:absolute;inset:0;z-index:0;background-color:var(--solid-surface-hover);background-repeat:no-repeat;background-size:cover;pointer-events:none;opacity:0;transition:opacity .35s ease-out}.card-bg-layer.is-loaded{opacity:1}.card>:not(.card-bg-layer){z-index:1}.add-game-preview-mobile-axes{display:none;gap:.5rem;padding:.625rem .75rem;border:1px solid var(--surface-border);border-radius:.75rem;background:var(--pill-bg)}.add-game-preview-axis{display:grid;grid-template-columns:7rem 1.75rem minmax(5rem,1fr) 1.75rem 2.375rem;align-items:center;gap:.5rem}.add-game-preview-axis-label{font-size:.8rem;color:var(--muted-text);white-space:nowrap}.add-game-preview-axis input[type=range]{width:100%;margin:0;accent-color:var(--genre-accent);cursor:pointer}.add-game-preview-axis-step{width:1.75rem;height:1.75rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--surface-border);border-radius:.4375rem;background:var(--solid-surface);color:var(--text);font:inherit;font-size:1rem;line-height:1;cursor:pointer;user-select:none;transition:background .15s,border-color .15s,color .15s}.add-game-preview-axis-step:hover:not(:disabled),.add-game-preview-axis-step:active:not(:disabled){border-color:var(--genre-accent);color:var(--genre-accent);background:var(--solid-surface-hover)}.add-game-preview-axis-step:disabled{opacity:.4;cursor:default}.add-game-preview-axis-value{text-align:right;font-size:.78rem;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.add-game-hint-mobile{display:none}@media(max-width:768px){.add-game-preview-mobile-axes{display:grid}.add-game-hint-desktop{display:none}.add-game-hint-mobile{display:block}.card-preview-frame{touch-action:pan-y}.card-preview-frame.interactive,.card-preview-frame.interactive:active,.card-preview-frame.interactive.dragging{cursor:default}}@media(max-width:560px){.add-game-page{padding:1rem .75rem 2.5rem}.add-game-page-auth-row{align-items:flex-start;flex-direction:column}.add-game-form-shell{padding:1.125rem}.add-game-top-grid,.add-game-editor-grid{grid-template-columns:1fr;gap:1.25rem}.add-game-form-shell .add-fields{grid-template-columns:1fr;max-width:none}.add-game-meta-fields,.add-game-genre-block,.add-game-genres,.add-game-review-block{max-width:none}.add-game-rate{grid-template-columns:6.625rem minmax(4.5rem,1fr) 1.5rem;gap:.5rem}.add-game-preview-axis{grid-template-columns:6.125rem 1.625rem minmax(3.75rem,1fr) 1.625rem 2.125rem;gap:.375rem}.add-game-preview-axis-step{width:1.625rem;height:1.625rem}.add-game-actions>button{flex:1}}.site-header.rating-info-active{z-index:2200}.rating-info-backdrop{position:fixed;inset:0;z-index:2000;background:#0000006b;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}.rating-info-trigger{width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--surface-border);border-radius:50%;background:var(--pill-bg);color:var(--text);font-family:Georgia,serif;font-size:.96rem;font-weight:700;line-height:1;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.rating-info-trigger:hover,.rating-info-trigger[aria-expanded=true]{background:var(--pill-border);border-color:var(--primary-color);color:var(--primary-color)}.rating-info-popover{position:fixed;top:4.375rem;right:5rem;z-index:2300;width:min(25rem,calc(100vw - 2.5rem));max-height:min(70vh,32.5rem);overflow-y:auto;box-sizing:border-box;padding:1.125rem;border:1px solid var(--surface-border);border-radius:1rem;background:var(--solid-surface);color:var(--text);text-align:left;box-shadow:0 1.125rem 2.625rem #00000038;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.rating-info-popover h2{margin:0 0 .5rem;font-size:1rem;line-height:1.25}.rating-info-lead,.rating-info-note,.rating-info-text{margin:0;font-size:.78rem;line-height:1.55;opacity:.78;white-space:pre-line}.rating-info-usage-text{text-align:justify;overflow-wrap:anywhere;white-space:pre-line}.rating-info-lead{margin-bottom:.875rem}.rating-info-item+.rating-info-item{margin-top:.6875rem}.rating-info-label{display:block;margin-bottom:.125rem;font-size:.78rem;font-weight:700;color:var(--primary-color)}.rating-info-subtitle{margin:1.0625rem 0 .3125rem;font-size:.88rem;line-height:1.3}.rating-info-note{margin-top:.875rem;padding-top:.75rem;border-top:1px solid var(--surface-border);font-size:.72rem;opacity:.58}.profile-backdrop{position:fixed;inset:0;z-index:2000;background:#0000006b;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}.profile-popover{position:fixed;top:4.375rem;right:5rem;z-index:2100;width:min(26.25rem,calc(100vw - 2.5rem));max-height:calc(100vh - 6.25rem);overflow-y:auto;box-sizing:border-box;padding:1.25rem;border:1px solid var(--surface-border);border-radius:1rem;background:var(--solid-surface);color:var(--text);box-shadow:0 1.125rem 2.625rem #00000038;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);user-select:text}.profile-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:.75rem}.profile-info{flex:1;min-width:0}.profile-name-row{display:flex;align-items:center;gap:.375rem;margin-bottom:.25rem;min-width:0}.profile-name-row h2{margin:0;font-size:1.15rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-name-edit-btn{background:none;border:none;padding:.125rem .3125rem;color:inherit;opacity:.55;font-size:.95rem;cursor:pointer;border-radius:.25rem;line-height:1;transition:opacity .18s,color .18s;flex-shrink:0}.profile-name-edit-btn:hover{opacity:1;color:var(--primary-color)}.profile-name-edit-form{display:flex;align-items:center;gap:.375rem;margin-bottom:.375rem;width:100%}.profile-name-input{flex:1;min-width:0;padding:.25rem .5rem;border:1px solid var(--surface-border);border-radius:.375rem;background:var(--pill-bg);color:var(--text);font:inherit;font-size:.95rem;font-weight:600;outline:none;box-sizing:border-box;transition:border-color .2s}.profile-name-input:focus{border-color:var(--primary-color)}.profile-name-save-btn,.profile-name-cancel-btn{width:1.625rem;height:1.625rem;display:grid;place-items:center;padding:0;border:1px solid var(--surface-border);border-radius:.375rem;font:inherit;font-size:.85rem;cursor:pointer;flex-shrink:0;background:var(--pill-bg);color:var(--text);transition:background .15s,border-color .15s,color .15s}.profile-name-save-btn:hover{background:#3f9b6b33;border-color:#3f9b6b;color:#3f9b6b}.profile-name-cancel-btn:hover{background:#dc143c26;border-color:#dc143c;color:#dc143c}.profile-info p{margin:0;font-size:.8rem;opacity:.72;line-height:1.4}.profile-avatar-preview{width:3.5rem;height:3.5rem;flex:0 0 3.5rem;display:grid;place-items:center;overflow:hidden;border:1px solid var(--surface-border);border-radius:50%;background:var(--pill-bg);color:var(--text);padding:0;position:relative;cursor:pointer;transition:border-color .16s,opacity .16s}.profile-avatar-preview:hover{border-color:var(--primary-color)}.profile-avatar-preview:disabled{opacity:.65;cursor:wait}.profile-avatar-preview img{width:100%;height:100%;object-fit:cover}.profile-avatar-edit-icon{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:1.1875rem;height:1.1875rem;border:1px solid var(--solid-surface);border-radius:50%;background:var(--pill-border);font-size:.6875rem}.profile-avatar-file{display:none}.profile-close{width:1.75rem;height:1.75rem;padding:0;border:1px solid var(--surface-border);border-radius:50%;background:var(--pill-bg);color:var(--text);font-size:1.1rem;line-height:1;cursor:pointer;transition:background .2s,border-color .2s;flex-shrink:0}.profile-close:hover{background:var(--pill-border);border-color:var(--primary-color)}.profile-section{margin-top:1.125rem}.profile-section h3{margin:0 0 .625rem;font-size:.92rem;font-weight:600;opacity:.88}.profile-submission{padding:.625rem 0;border-top:1px solid var(--surface-border);font-size:.82rem}.profile-submission:first-child{border-top:none;padding-top:0}.profile-submission strong{display:block;margin-bottom:.25rem;font-size:.88rem}.profile-status{display:inline-block;padding:.125rem .5rem;margin:.25rem 0;border-radius:.375rem;font-size:.72rem;background:var(--pill-bg);color:var(--text);opacity:.85}.profile-moderation-link{width:100%;margin-top:.25rem;padding:.625rem .75rem;border:1px solid rgba(214,168,117,.45);border-radius:.625rem;background:#d6a8751f;color:var(--text);font:inherit;font-size:.82rem;cursor:pointer;transition:background .2s,border-color .2s}.profile-moderation-link:hover{border-color:var(--primary-color);background:#d6a87538}.delete-game-section{margin-top:1.125rem;padding:.75rem;border:1px solid rgba(195,74,67,.3);border-radius:.75rem;background:#dc143c14}.delete-game-section h3{margin:0 0 .625rem;font-size:.86rem;color:#c34a43}.delete-game-form{display:flex;gap:.375rem;align-items:center}.delete-game-form input{flex:1;padding:.4375rem .625rem;border:1px solid var(--surface-border);border-radius:.5rem;background:var(--pill-bg);color:var(--text);font:inherit;font-size:.8rem;box-sizing:border-box}.delete-game-form button{padding:.4375rem .75rem;border:1px solid #c34a43;border-radius:.5rem;background:#dc143c1f;color:#c34a43;font:inherit;font-size:.8rem;cursor:pointer;transition:background .2s;white-space:nowrap;box-sizing:border-box}.delete-game-form button:hover{background:#dc143c33}.delete-game-form button:disabled{opacity:.5;cursor:not-allowed}.profile-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--surface-border);display:flex;justify-content:flex-end}.profile-actions button{padding:.4375rem .875rem;border:1px solid var(--surface-border);border-radius:.5625rem;background:var(--pill-bg);color:var(--text);font:inherit;font-size:.82rem;cursor:pointer;transition:background .2s,border-color .2s}.profile-actions button:hover{background:var(--pill-border);border-color:var(--primary-color)}.profile-message{margin:.75rem 0 0;padding:.5rem .75rem;border-radius:.5rem;font-size:.76rem;line-height:1.4;background:var(--genre-accent-soft);color:var(--genre-accent-strong)}.profile-message.error{background:#dc143c1f;color:#c34a43}.controls-bar{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;max-width:calc(var(--card-w) + 2.5rem);margin:0 auto 1.375rem;padding:.625rem .875rem;background:var(--surface);border:1px solid var(--surface-border);border-radius:1rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:.625rem;z-index:1000;transition:box-shadow .22s ease}.controls-bar.compact{box-shadow:0 .625rem 1.5rem #00000029}.controls-bar.search-only{padding:0;border-color:transparent;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.controls-bar select,.controls-bar input{font-family:Inter,sans-serif;font-size:.88rem;padding:.4375rem .625rem;border-radius:.625rem;border:1px solid var(--surface-border);background:var(--pill-bg);color:var(--text);user-select:auto;outline:none;transition:border-color .2s,background .2s,color .2s}body.dark .controls-bar select{background:#1e1e22;color:#e8e6e1;border-color:#ffffff1f}body.dark .controls-bar select option{background:#1e1e22;color:#e8e6e1}.controls-bar select:focus,.controls-bar input:focus{border-color:var(--primary-color);background:var(--surface)}.sort-dock{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:950;padding:.3125rem .5rem;background:var(--surface);border:1px solid var(--surface-border);border-radius:1rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 .625rem 2rem #0003,inset 0 1px #ffffff1a;user-select:none;max-width:calc(100vw - 2rem);width:max-content;transition:background .3s,border-color .3s,box-shadow .3s}.sort-dock-track{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.1875rem;padding:.125rem}.sort-dock-indicator{position:absolute;inset:0;border-radius:.625rem;border:.125rem solid var(--primary-color);background:#c5a58024;box-shadow:0 0 .75rem #c5a58040,inset 0 0 .875rem #c5a5801a;pointer-events:none;z-index:0}body:not(.dark) .sort-dock-indicator{border-color:var(--primary-color);background:#1a1d1e14;box-shadow:0 .125rem .625rem #0000001f,inset 0 0 .625rem #0000000a}.sort-dock-btn{position:relative;z-index:1;flex:0 0 auto;border:none;background:transparent;color:var(--text);font-family:Inter,sans-serif;font-size:.79rem;font-weight:500;padding:.4375rem .625rem;border-radius:.625rem;cursor:pointer;white-space:nowrap;opacity:.65;transition:opacity .18s,color .18s,transform .15s;text-align:center}.sort-dock-btn:hover{opacity:.95;transform:translateY(-1px)}.sort-dock-btn:active{transform:scale(.96)}.sort-dock-btn.active{opacity:1;color:var(--primary-color);font-weight:600}body.dark .sort-dock-btn.active{color:var(--gold)}@media(max-width:640px){.sort-dock{bottom:1rem;padding:.25rem}.sort-dock-track{gap:.1875rem}.sort-dock-btn{font-size:.74rem;padding:.375rem .4375rem}}.controls-separator{width:1px;height:1.375rem;background:var(--surface-border);flex-shrink:0}#search,.controls-bar .compare-confirm-btn,.controls-bar .genre-reset-btn,.controls-bar .btn-red{height:2rem;box-sizing:border-box}.controls-bar .compare-confirm-btn,.controls-bar .genre-reset-btn,.controls-bar .btn-red{display:inline-flex;align-items:center;gap:.375rem;line-height:1;padding-top:.25rem;padding-bottom:.25rem}.controls-bar .genre-reset-btn:hover{transform:none}.genre-reset-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.1rem;height:1.1rem;padding:0 .3rem;border-radius:999px;box-sizing:border-box;background:var(--genre-accent-soft);font-size:.72rem;font-weight:600}.controls-bar .compare-confirm-btn:hover,.controls-bar .btn-red:hover{transform:none}.controls-bar .compare-confirm-btn{background:#ecf6f0d1;border-color:#2e8b5773;color:#1f6b43;font-weight:600;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2)}.controls-bar .compare-confirm-btn:hover{background:#def0e6eb}body.dark .controls-bar .compare-confirm-btn{background:#1e3026c7;border-color:#56be8280;color:#7fe0a8}body.dark .controls-bar .compare-confirm-btn:hover{background:#263e31e6}.controls-bar .genre-reset-btn,.controls-bar .btn-red{-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);font-weight:600}.controls-bar .genre-reset-btn{background:#faf7f2d1;border-color:#1c19172e;color:#1c1917}.controls-bar .genre-reset-btn:hover{background:#f0ebe3eb}.controls-bar .btn-red{background:#fdecf0d1;border-color:#dc143c66;color:#b3173a}.controls-bar .btn-red:hover{background:#fadee5eb}body.dark .controls-bar .genre-reset-btn{background:#211e1bc7;border-color:#ffffff29;color:#f4f1ea}body.dark .controls-bar .genre-reset-btn:hover{background:#302b26e6}body.dark .controls-bar .btn-red{background:#3a1c24c7;border-color:#ff6e8773;color:#ff8fa6}body.dark .controls-bar .btn-red:hover{background:#4e222ee6}#grid{display:flex;flex-direction:column;gap:1.875rem;justify-content:flex-start;align-items:center;perspective:62.5rem;perspective-origin:center top;position:relative}.page-title{display:inline-flex;align-items:center;justify-content:center;margin:0 0 .25rem;user-select:none;line-height:1}.site-title-svg{height:14.375rem;width:auto;aspect-ratio:511 / 312;max-width:min(28.75rem,92vw);display:block;object-fit:contain;user-select:none;pointer-events:none}.page-subtitle{margin:0;font-size:.8rem;font-weight:400;opacity:.45;letter-spacing:.02em;user-select:none}@keyframes shine{0%{background-position:100%}to{background-position:-100%}}.search-wrapper{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0}#search{padding-right:1.75rem;background:#ffffffb8;backdrop-filter:blur(14px) saturate(90%);-webkit-backdrop-filter:blur(14px) saturate(90%);box-shadow:inset 0 1px #ffffff6b,0 .1875rem .875rem #00000014}body.dark #search{background:#1e1e22d1;box-shadow:inset 0 1px #ffffff14,0 .1875rem .875rem #00000038}#clear-search{position:absolute;top:50%;right:.4375rem;display:grid;width:1.25rem;height:1.25rem;place-items:center;transform:translateY(-50%);font-size:1rem;cursor:pointer;color:#888;user-select:none;line-height:1;padding:0;border:0;background:transparent}#clear-search:hover{color:#dc143c}.search-suggestions{position:absolute;top:calc(100% + .4375rem);left:0;right:0;z-index:30;display:grid;gap:.125rem;overflow:hidden;padding:.5rem;border:1px solid var(--surface-border);border-radius:.75rem;background:#fffffff0;box-shadow:0 .875rem 1.875rem #00000029,inset 0 1px #ffffff80;backdrop-filter:blur(16px) saturate(90%);-webkit-backdrop-filter:blur(16px) saturate(90%)}body.dark .search-suggestions{background:#1e1e22f5;box-shadow:0 .875rem 1.875rem #00000061,inset 0 1px #ffffff0f}.search-suggestion{display:block;width:100%;overflow:hidden;padding:.375rem .5rem;border:0;border-radius:.5rem;color:var(--genre-accent-strong);background:transparent;cursor:pointer;text-align:left;transition:color .18s}.search-suggestion:hover,.search-suggestion:focus-visible{color:var(--text);outline:none}.search-suggestion-body{display:block;overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.search-suggestion-query{color:inherit;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8rem;font-weight:600}.search-suggestion-separator{display:inline-block;margin:0 .4375rem;color:var(--text);opacity:.35}.search-suggestion-hint{color:var(--text);font-size:.7rem;opacity:.56}.btn{font-family:Inter,sans-serif;font-size:.88rem;font-weight:500;padding:.4375rem .875rem;border-radius:.625rem;border:1px solid var(--surface-border);cursor:pointer;color:var(--text);background:var(--pill-bg);transition:background .2s,border-color .2s,transform .15s;white-space:nowrap;user-select:none}.btn:hover{background:var(--pill-border);transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn-green{background:#2e8b5726;border-color:#2e8b574d;color:#2e8b57}.btn-green:hover{background:#2e8b5740}.btn-red{background:#dc143c1f;border-color:#dc143c40;color:#dc143c}.btn-red:hover{background:#dc143c38}.btn.primary{background:var(--genre-accent);border-color:var(--genre-accent);color:var(--on-accent);font-weight:600;box-shadow:0 .25rem .875rem color-mix(in srgb,var(--genre-accent) 28%,transparent);transition:background .2s,border-color .2s,color .2s,opacity .2s,transform .15s,box-shadow .2s}.btn.primary:hover:not(:disabled){background:var(--genre-accent-strong);border-color:var(--genre-accent-strong);color:var(--on-accent);transform:translateY(-1px);box-shadow:0 .375rem 1.125rem color-mix(in srgb,var(--genre-accent) 36%,transparent)}.btn.primary:active:not(:disabled){transform:scale(.97)}.btn:disabled,.btn.primary:disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}.btn:disabled:hover{transform:none}.btn.primary:disabled:hover{background:var(--genre-accent);border-color:var(--genre-accent);color:var(--on-accent);transform:none;box-shadow:none}.account-icon-button{position:relative;width:2.75rem;height:2.75rem;display:grid;place-items:center;padding:0;border:1px solid currentColor;border-radius:50%;overflow:visible;background:transparent;color:inherit;opacity:.95;cursor:pointer;transition:opacity .2s,background .2s,transform .15s ease}.account-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.account-icon-button:hover{opacity:1;background:var(--pill-bg)}.account-icon-button:active{transform:scale(.96)}.moderator-queue-badge{position:absolute;right:-.125rem;bottom:-.125rem;min-width:1.1875rem;height:1.1875rem;box-sizing:border-box;padding:0 .25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,#f2555a,#d83a40);color:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.6875rem;font-weight:700;line-height:1;letter-spacing:-.02em;box-shadow:0 0 0 .1563rem var(--bg),0 .125rem .375rem #00000059;pointer-events:none;user-select:none;z-index:3;animation:badge-pop .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes badge-pop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.signin-link{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.375rem .875rem;min-height:2rem;border:1px solid var(--surface-border);border-radius:999px;font-family:Inter,system-ui,sans-serif;font-size:.82rem;font-weight:500;letter-spacing:.01em;color:var(--text);background:var(--pill-bg);box-shadow:0 1px .1875rem #0000000a;cursor:pointer;user-select:none;white-space:nowrap;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease,box-shadow .2s ease}.signin-link:hover{background:var(--pill-border);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px);box-shadow:0 .1875rem .625rem #00000014}.signin-link:active{transform:scale(.97)}.signin-link-icon{flex-shrink:0;opacity:.85;transition:opacity .2s ease}.signin-link:hover .signin-link-icon{opacity:1}.catalog-loader-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:9999}.catalog-spinner{width:2.875rem;height:2.875rem;box-sizing:border-box;border:.2188rem solid var(--pill-border);border-top-color:var(--primary-color);border-right-color:var(--primary-color);border-radius:50%;animation:catalogSpin .75s linear infinite}@keyframes catalogSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-modal-backdrop{position:fixed;inset:0;z-index:2800;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.auth-modal{position:fixed;top:42%;left:50%;transform:translate(-50%,-50%);z-index:2850;width:min(26.25rem,calc(100vw - 2rem));max-height:calc(100vh - 2.5rem);overflow-y:auto;padding:1.375rem 1.25rem 1.5rem;border:1px solid var(--surface-border);border-radius:1.125rem;background:var(--solid-surface);color:var(--text);box-shadow:0 1.5rem 4.375rem #00000073;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);user-select:text;box-sizing:border-box}.auth-modal-top{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem}.auth-tabs{display:flex;flex:1;gap:.375rem;background:var(--pill-bg);padding:.25rem;border-radius:.75rem;margin:0;border:1px solid var(--surface-border)}.auth-close-btn{width:2rem;height:2rem;flex:0 0 2rem;border:1px solid var(--surface-border);border-radius:50%;background:var(--pill-bg);color:inherit;font:inherit;font-size:1.15rem;display:grid;place-items:center;cursor:pointer;line-height:1;transition:background .15s,border-color .15s}.auth-close-btn:hover{background:var(--pill-border);border-color:var(--primary-color)}.auth-tab-btn{flex:1;padding:.5rem .75rem;border:none;border-radius:.5rem;background:transparent;color:var(--text);font:inherit;font-size:.92rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s,opacity .2s;opacity:.65}.auth-tab-btn.active{background:var(--solid-surface);color:var(--primary-color);box-shadow:0 .125rem .5rem #0000001f;opacity:1}.auth-form{display:flex;flex-direction:column;gap:.8125rem}.auth-field{display:flex;flex-direction:column;gap:.3125rem;text-align:left}.auth-field label{font-size:.82rem;font-weight:600;opacity:.82}.auth-field input{width:100%;padding:.625rem .75rem;border:1px solid var(--surface-border);border-radius:.5625rem;background:var(--pill-bg);color:var(--text);font:inherit;font-size:.94rem;box-sizing:border-box;transition:border-color .2s;outline:none}.auth-field input:focus{border-color:var(--primary-color)}.auth-field small{font-size:.72rem;opacity:.58;line-height:1.3}.auth-submit-btn{width:100%;margin-top:.375rem;padding:.6875rem 1rem;border:1px solid var(--primary-color);border-radius:.625rem;background:var(--primary-color);color:var(--bg);font:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s}.auth-submit-btn:disabled{opacity:.55;cursor:wait}.auth-submit-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.auth-message{margin:.125rem 0 0;font-size:.82rem;line-height:1.4;color:#3f9b6b;min-height:1.125rem;text-align:left}.auth-message.error{color:#e05252}.themeToggle{color:var(--text-light);width:2rem;height:2rem;display:block;transition:color .4s ease}body.dark .themeToggle{color:var(--text-dark)}.st-sunMoonThemeToggleBtn{position:relative;cursor:pointer}.st-sunMoonThemeToggleBtn .themeToggleInput{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.st-sunMoonThemeToggleBtn svg{position:absolute;left:0;width:100%;height:100%;pointer-events:none;transition:transform .4s ease;transform:rotate(40deg)}.st-sunMoonThemeToggleBtn svg .sunMoon,.st-sunMoonThemeToggleBtn svg .sunRay{transform-origin:center center}.st-sunMoonThemeToggleBtn svg .sunMoon{transition:inherit;transform:scale(1)}.st-sunMoonThemeToggleBtn svg .sunRay{transform:scale(0)}.st-sunMoonThemeToggleBtn svg mask>circle{transition:transform .64s cubic-bezier(.41,.64,.32,1.575);transform:translate(0)}.st-sunMoonThemeToggleBtn svg .sunRay2{animation-delay:.05s!important}.st-sunMoonThemeToggleBtn svg .sunRay3{animation-delay:.1s!important}.st-sunMoonThemeToggleBtn svg .sunRay4{animation-delay:.17s!important}.st-sunMoonThemeToggleBtn svg .sunRay5{animation-delay:.25s!important}.st-sunMoonThemeToggleBtn svg .sunRay6{animation-delay:.29s!important}.st-sunMoonThemeToggleBtn .themeToggleInput:checked+svg{transform:rotate(90deg)}.st-sunMoonThemeToggleBtn .themeToggleInput:checked+svg mask>circle{transform:translate(16px,-3px)}.st-sunMoonThemeToggleBtn .themeToggleInput:checked+svg .sunMoon{transform:scale(.55)}.st-sunMoonThemeToggleBtn .themeToggleInput:checked+svg .sunRay{animation:showRay1832 .4s ease 0s 1 forwards}@keyframes showRay1832{0%{transform:scale(0)}to{transform:scale(1)}}#scroll-to-top{position:fixed;bottom:-3.75rem;right:1.25rem;z-index:900;width:2.625rem;height:2.625rem;border:1px solid var(--surface-border);border-radius:50%;background:var(--surface);backdrop-filter:blur(12px);color:var(--text);font-size:1.25rem;cursor:pointer;opacity:0;transition:opacity .4s ease,bottom .4s ease,transform .15s;box-shadow:0 .25rem 1rem #00000026}#scroll-to-top.visible{opacity:.9;bottom:1.25rem}@media(max-width:640px){#scroll-to-top.visible{bottom:1rem}}#scroll-to-top:hover{opacity:1;transform:scale(1.08)}#scroll-to-top:active{transform:scale(.93)}.speed-dial{position:fixed;left:1.375rem;bottom:1.375rem;z-index:1100;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:0;pointer-events:none}.speed-dial-main{width:3.375rem;height:3.375rem;border-radius:50%;border:none;background:var(--primary-color);color:#fff;font-size:1.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 .375rem 1.25rem #0000004d;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s,background .4s ease,color .4s ease;position:relative;z-index:2;flex-shrink:0;pointer-events:auto}.speed-dial.open .speed-dial-items{pointer-events:auto}.speed-dial-main:hover{transform:scale(1.08);box-shadow:0 .5rem 1.75rem #00000061}.speed-dial-main:active{transform:scale(.93)}body.dark .speed-dial-main{color:#111}.menu__icon{width:1.625rem;height:1.625rem;display:flex;flex-direction:column;justify-content:space-around;align-items:center;transform:scale(.67)}.menu__icon span{width:100%;height:.1875rem;border-radius:.125rem;background-color:currentColor;box-shadow:0 .5px .125rem #0003;transition:transform .4s,width .4s,opacity .4s,background-color .4s}body:not(.dark) .speed-dial.open .menu__icon span:nth-child(1){transform:translateY(.5313rem) rotate(-45deg);background-color:var(--text-dark)}.speed-dial.open .menu__icon span:nth-child(2){width:0;opacity:0}body:not(.dark) .speed-dial.open .menu__icon span:nth-child(3){transform:translateY(-.5313rem) rotate(45deg);background-color:var(--text-dark)}body.dark .speed-dial.open .menu__icon span:nth-child(1){transform:translateY(.5313rem) rotate(-45deg);background-color:var(--text-light)}body.dark .speed-dial.open .menu__icon span:nth-child(3){transform:translateY(-.5313rem) rotate(45deg);background-color:var(--text-light)}.speed-dial-items{display:flex;flex-direction:column-reverse;gap:.625rem;padding:.5rem .75rem .75rem;margin:-.5rem -.75rem 0;overflow:visible}.sd-item{display:flex;align-items:center;gap:.625rem;opacity:0;transform:translateY(.75rem) scale(.85);pointer-events:none;transition:opacity .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1)}.speed-dial.open .sd-item{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.speed-dial.open .sd-item:nth-child(1){transition-delay:.04s}.speed-dial.open .sd-item:nth-child(2){transition-delay:.09s}.speed-dial.open .sd-item:nth-child(3){transition-delay:.14s}.speed-dial.open .sd-item:nth-child(4){transition-delay:.19s}.speed-dial.open .sd-item:nth-child(5){transition-delay:.24s}.sd-label{font-size:.85rem;font-weight:400;padding:.5rem .875rem;border-radius:.75rem;background:var(--solid-surface);border:1px solid var(--surface-border);color:var(--text);white-space:nowrap;box-shadow:0 .25rem .75rem #00000026;cursor:pointer;transition:transform .15s,background .15s;display:flex;align-items:center;gap:.5rem;font-family:inherit;text-align:left}.sd-label:focus-visible,.card-wrap:focus-visible,.close-btn:focus-visible,#clear-search:focus-visible{outline:.125rem solid var(--primary-color);outline-offset:.1875rem}.sd-label:hover{background:var(--solid-surface-hover)}.sd-label:active{transform:scale(.95)}.speed-dial-overlay{position:fixed;inset:0;z-index:1099;border:none;outline:none;padding:0;margin:0;box-shadow:none;background:transparent;pointer-events:none;transition:background .3s}body.sd-open .speed-dial-overlay{pointer-events:auto;background:#0003}.card-wrap{display:inline-block;margin:.5rem;width:min(var(--card-w),95vw);height:var(--card-h);cursor:pointer;will-change:transform}.card{width:100%;height:100%;border-radius:1.125rem;overflow:hidden;position:relative;box-shadow:0 .375rem 1.125rem #0000002e;display:flex;align-items:flex-end;padding:1.125rem;color:#fff;transition:box-shadow .3s}.card-wrap:hover .card{box-shadow:0 .875rem 1.875rem #00000047}@keyframes compare-selection-shadow{0%{box-shadow:0 .375rem 1.125rem #0000002e,0 0 #0000}to{box-shadow:0 .375rem 1.125rem #0000002e,0 0 0 .25rem var(--primary-color)}}@keyframes compare-deselection-shadow{0%{box-shadow:0 .375rem 1.125rem #0000002e,0 0 0 .25rem var(--primary-color)}to{box-shadow:0 .375rem 1.125rem #0000002e,0 0 #0000}}.card .title{position:absolute;left:1.125rem;bottom:1.125rem;z-index:1;max-width:calc(100% - 2.25rem);box-sizing:border-box;font-size:2rem;padding:.375rem .625rem;border-radius:.5rem;background:#00000073;backdrop-filter:blur(3px);font-weight:700}.badge{position:absolute;left:.75rem;right:auto;top:.75rem;background:#0009;padding:.5rem .75rem;border-radius:.75rem;font-weight:700;font-size:1.125rem;color:var(--gold);transition:opacity .18s ease,transform .18s ease}.card-rank{position:absolute;top:.75rem;right:.75rem;z-index:13;color:#fff;font-size:.9rem;font-weight:400;opacity:0;transform:translateY(-.25rem);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.card-wrap:hover .card-rank,.card-wrap:focus-visible .card-rank{opacity:1;transform:translateY(0)}.card-preview-frame:hover .card-rank{opacity:1;transform:translateY(0)}body:not(.grid-view) .card-wrap:hover .badge{opacity:0}.card-preview-frame.list:hover .badge{opacity:0}.popup{position:absolute;left:.75rem;top:.75rem;background:#0009;color:#fff;padding:1rem 1.25rem;border-radius:.75rem;max-width:10rem;backdrop-filter:blur(4px);font-size:.95rem;line-height:1.6;opacity:0;transform:translate(-.625rem);transition:opacity .3s ease,transform .3s ease;pointer-events:none;z-index:10}.card-wrap:hover .popup{opacity:1;transform:translate(0)}.card-wrap.selected .card{box-shadow:0 .375rem 1.125rem #0000002e,0 0 0 .25rem var(--primary-color);animation:compare-selection-shadow .3s ease-out both}.card-wrap.selected:hover .card{box-shadow:0 .375rem 1.125rem #0000002e,0 0 0 .25rem var(--primary-color)}.card-wrap.deselecting .card{animation:compare-deselection-shadow .3s ease-out both}.highlight-criterion{color:gold;font-weight:700}.genres-popup{position:absolute;right:.9375rem;bottom:.9375rem;background:#0009;color:#fff;padding:.5rem .75rem;border-radius:.5rem;font-size:.85rem;pointer-events:none;opacity:0;transform:translateY(.625rem);transition:opacity .3s ease,transform .3s ease;z-index:10;text-align:right;box-shadow:0 .25rem .9375rem #00000080;border:1px solid rgba(255,255,255,.1)}.card-wrap:hover .genres-popup{opacity:1;transform:translateY(0)}body.grid-view #grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13.75rem,1fr));gap:1.25rem}body.grid-view .card-wrap{width:100%;height:13.75rem;margin:0}.themeToggle:focus-within{outline:none}.themeToggle:has(.themeToggleInput:focus-visible){outline:.125rem solid var(--primary-color);outline-offset:.1875rem;border-radius:.375rem}body.grid-view .card-wrap .card{justify-content:flex-end;align-items:flex-end;padding:0}body.grid-view .card-wrap .card .title{left:0;right:0;bottom:0;max-width:none;width:100%;box-sizing:border-box;background:#0009;font-size:1.1rem;padding:.5rem;text-align:center;opacity:0;transition:opacity .3s}body.grid-view .card-wrap:hover .card .title{opacity:1}body.grid-view .card-wrap .card .badge{top:.5rem;left:.5rem;right:auto;opacity:1;transform:none;font-size:.95rem}body.grid-view .card-wrap:hover .card .badge,body.grid-view .card-wrap:focus-visible .card .badge{opacity:1}body.grid-view .card-wrap .card-rank{top:.5rem;right:.5rem}.sd-label .sd-hotkey{font-weight:600}:where(.numeric,.badge,output,input[type=number],.library-person-count,.modal-nav-counter,.stats-animated-num,.stats-deviation-val,.stats-hero-cell-value,.stats-hero-hours-large,.stats-rating-donut-count,.stats-rating-donut-pct,.stats-rating-donut-range,.stats-rating-donut-val,.stats-studio-best-year,.stats-studio-metric-val){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-variant-numeric:tabular-nums}body.grid-view .card-wrap .popup,body.grid-view .card-wrap .genres-popup{display:none!important}#game-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:3000}#game-modal:before{content:"";position:absolute;inset:0;background:#000000b3}#game-modal .modal-content{position:relative;background:#131313;color:#fff;padding:3.125rem 2.5rem 2.1875rem;border-radius:1.25rem;max-width:56.25rem;width:95%;max-height:92vh;min-height:32.5rem;box-shadow:0 .75rem 1.5625rem #00000080;font-size:1.25rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.modal-bg-layer{position:absolute;inset:0;background-size:cover;background-position:center;filter:grayscale(100%) brightness(.4);z-index:0;pointer-events:none}#game-modal .modal-content.compare-mode{--compare-bg: #faf7f2;--compare-border: rgba(28, 25, 23, .1);--compare-shadow: 0 24px 64px rgba(28, 25, 23, .18);--compare-text: #1c1917;--compare-criteria-text: #3f3a36;--compare-muted: #78716c;--compare-divider: rgba(28, 25, 23, .08);--compare-card-border: rgba(28, 25, 23, .1);--compare-cover-bg: linear-gradient(145deg, #ebe5dc, #ddd6cb);--compare-accent-text: #b45309;--compare-accent-bar: #d97706;--compare-best-bg: rgba(217, 119, 6, .11);--compare-bar-track: rgba(28, 25, 23, .09);--compare-bar-fill: rgba(28, 25, 23, .28);--compare-btn-bg: rgba(28, 25, 23, .04);--compare-btn-border: rgba(28, 25, 23, .12);--compare-btn-hover: rgba(28, 25, 23, .09);width:min(94vw,64rem);max-width:64rem;height:min(38.5rem,90dvh);max-height:90dvh;min-height:0;box-sizing:border-box;padding:1.4rem 2.1rem 1.25rem;border-radius:1.5rem;background:var(--compare-bg);border:1px solid var(--compare-border);box-shadow:var(--compare-shadow);color:var(--compare-text);display:flex;flex-direction:column;overflow:hidden;position:relative}body.dark #game-modal .modal-content.compare-mode{--compare-bg: #211e1b;--compare-border: rgba(255, 255, 255, .08);--compare-shadow: 0 28px 72px rgba(0, 0, 0, .68);--compare-text: #f4f1ea;--compare-criteria-text: #d4cfc7;--compare-muted: #8c857b;--compare-divider: rgba(255, 255, 255, .06);--compare-card-border: rgba(255, 255, 255, .08);--compare-cover-bg: linear-gradient(145deg, #2d2925, #1b1916);--compare-accent-text: #f0c45a;--compare-accent-bar: #f0c45a;--compare-best-bg: rgba(240, 196, 90, .11);--compare-bar-track: rgba(255, 255, 255, .09);--compare-bar-fill: rgba(255, 255, 255, .3);--compare-btn-bg: rgba(255, 255, 255, .04);--compare-btn-border: rgba(255, 255, 255, .1);--compare-btn-hover: rgba(255, 255, 255, .1)}.compare-top-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem;flex:0 0 auto;position:relative;z-index:2}#game-modal .modal-content.compare-mode .compare-top-bar h2{margin:0;padding:0;font-size:1.75rem;font-weight:800;letter-spacing:-.025em;line-height:1.15;color:var(--compare-text);background:none;-webkit-text-fill-color:currentColor;border:none;box-shadow:none;text-shadow:none;text-align:left}.compare-top-right{display:flex;align-items:center;gap:.625rem;flex-shrink:0}.compare-hint-desktop{font-size:.8125rem;color:var(--compare-muted);margin-right:.375rem;white-space:nowrap}.compare-hint-mobile{display:none}#game-modal .modal-content.compare-mode .compare-icon-btn{position:static!important;width:2.375rem!important;height:2.375rem!important;border-radius:50%!important;border:1px solid var(--compare-btn-border)!important;background:var(--compare-btn-bg)!important;color:var(--compare-text)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:1.1rem!important;line-height:1!important;padding:0!important;margin:0!important;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .15s ease;box-shadow:none!important;text-shadow:none!important}#game-modal .modal-content.compare-mode .compare-icon-btn.close-btn{font-size:1.45rem!important;font-weight:400}#game-modal .modal-content.compare-mode .compare-icon-btn:hover{background:var(--compare-btn-hover)!important}#game-modal .modal-content.compare-mode>.criteria{flex:1 1 auto;min-height:0;width:100%;box-sizing:border-box;margin:0!important;padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important;text-shadow:none!important;overflow:hidden;display:flex;flex-direction:column}#game-modal .modal-content.compare-mode .criteria-wrapper{min-width:0;min-height:0;width:100%;flex:1 1 auto;display:flex;flex-direction:column}#game-modal .modal-content.compare-mode .criteria-view.text-view.active{height:auto;min-height:0;flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden}#game-modal .modal-content.compare-mode .compare-table-wrapper{position:relative;z-index:1;width:100%;max-width:100%;margin:0;padding:0;background:transparent!important;border:none!important;border-radius:0;box-shadow:none!important;text-shadow:none!important;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.compare-table{--compare-label-col-w: 10.5rem;width:100%;min-width:calc(var(--compare-label-col-w) + var(--compare-games-count, 4) * 9.25rem);border-collapse:collapse;table-layout:fixed}.compare-table th,.compare-table td{box-sizing:border-box;border:none;background:transparent;color:var(--compare-text);text-shadow:none}.compare-table th.compare-criteria-col,.compare-table td.compare-criteria-cell{width:var(--compare-label-col-w);min-width:var(--compare-label-col-w);max-width:var(--compare-label-col-w);text-align:left;padding-left:0;padding-right:.75rem}.compare-table th.compare-game-col{vertical-align:top;padding:0 .4rem .6rem;text-align:left}.compare-header-cell{display:flex;flex-direction:column;align-items:flex-start;width:100%;height:100%;box-sizing:border-box}.compare-cover-card{position:relative;width:100%;max-width:11.5rem;height:5.75rem;border-radius:.75rem;overflow:hidden;background:var(--compare-cover-bg);border:1px solid var(--compare-card-border);margin-bottom:.5rem;flex-shrink:0}.compare-header-img{width:100%;height:100%;object-fit:cover;display:block;user-select:none;pointer-events:none}.compare-cover-placeholder{position:absolute;left:.65rem;bottom:.45rem;font-size:.72rem;color:var(--compare-muted);opacity:.7}.compare-best-badge{position:absolute;top:.42rem;left:.45rem;z-index:2;background:#f0c45a;color:#1c1917;font-size:.6rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:.2rem .48rem;border-radius:999px;line-height:1;box-shadow:0 2px 8px #00000052;pointer-events:none}.compare-header-title{width:100%;font-size:.86rem;font-weight:700;line-height:1.22;height:2.44em;min-height:2.44em;color:var(--compare-text);margin-bottom:.35rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.compare-overall-block{display:flex;align-items:baseline;gap:.38rem;margin-top:auto;width:100%}.compare-overall-value{font-size:1.85rem;font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--compare-text);font-variant-numeric:tabular-nums}.compare-overall-value.is-best{color:var(--compare-accent-text)}.compare-overall-label{font-size:.75rem;font-weight:400;color:var(--compare-muted);white-space:nowrap}.compare-table tbody tr.compare-row{border-top:1px solid var(--compare-divider)}.compare-table td.compare-criteria-cell{vertical-align:middle;padding-top:.28rem;padding-bottom:.28rem}.compare-criteria-label-wrap{display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap}.compare-criteria-name{font-size:.88rem;font-weight:500;color:var(--compare-criteria-text);line-height:1.2}.compare-tie-label{font-size:.72rem;font-weight:400;color:var(--compare-muted);line-height:1.15}.compare-table td.compare-value-cell{vertical-align:middle;padding:.2rem .32rem;text-align:left}.compare-score-card{padding:.35rem .65rem .42rem;border-radius:.55rem;background:transparent;transition:background-color .2s ease}.compare-score-card.is-best{background:var(--compare-best-bg)}.compare-score-num{font-size:1.05rem;font-weight:700;line-height:1.1;color:var(--compare-text);margin-bottom:.3rem;font-variant-numeric:tabular-nums}.compare-score-card.is-best .compare-score-num{color:var(--compare-accent-text)}.compare-score-bar-track{width:100%;height:.22rem;border-radius:999px;background:var(--compare-bar-track);overflow:hidden}.compare-score-bar-fill{height:100%;border-radius:999px;background:var(--compare-bar-fill);transition:width .3s ease}.compare-score-card.is-best .compare-score-bar-fill{background:var(--compare-accent-bar)}.compare-chart-layout{display:grid;grid-template-columns:minmax(11.875rem,.32fr) minmax(0,1fr);gap:1.125rem;width:100%;height:100%;min-width:0;min-height:0}.compare-games-list{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border:0;border-radius:.75rem;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.compare-games-list-title{flex:0 0 auto;padding:.625rem .75rem;color:var(--compare-muted);border-bottom:0;font-size:.86rem;font-weight:700;letter-spacing:.02em}.compare-games-list-items{min-height:0;overflow-y:auto;padding:.5rem;scrollbar-width:thin}.compare-game-list-item{display:flex;align-items:flex-start;gap:.5625rem;width:100%;padding:.5625rem .5rem;border:0;border-radius:.5rem;background:transparent;color:var(--compare-text);font-size:.88rem;font-family:inherit;line-height:1.3;text-align:left;cursor:pointer;transition:background .2s,color .2s}.compare-game-list-item:hover,.compare-game-list-item:focus-visible{background:var(--compare-btn-hover);outline:none}.compare-game-list-item.is-inactive{color:var(--compare-muted);opacity:.65;text-decoration:line-through;text-decoration-thickness:1px}.compare-game-list-item.is-inactive .compare-game-list-swatch{opacity:.35;filter:grayscale(1)}.compare-game-list-item+.compare-game-list-item{margin-top:.1875rem}.compare-game-list-swatch{flex:0 0 .625rem;width:.625rem;height:.625rem;margin-top:.1875rem;border-radius:50%;box-shadow:0 0 0 .125rem #ffffff24;transition:opacity .38s ease,filter .38s ease}.compare-chart-area{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden}.compare-chart-shell{width:min(100%,32.5rem);height:min(100%,32.5rem);max-width:100%;max-height:100%;aspect-ratio:1 / 1}.modal-body{position:relative;z-index:1;display:flex;gap:.875rem;align-items:flex-end;margin-bottom:.875rem;margin-top:auto}.modal-body.has-similar-games .modal-left{flex:0 1 auto}.modal-left{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end}.modal-right{width:17.1875rem;flex-shrink:0;display:flex;flex-direction:column;justify-content:flex-end}.modal-info-panel{position:relative;z-index:1;background:#ffffff17;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:.75rem;padding:.625rem .8125rem;border:1px solid rgba(255,255,255,.13);box-shadow:0 .25rem .375rem #00000026}.similar-games-toggle{width:100%;margin-top:.625rem;padding:.5rem .625rem;border:1px solid rgba(255,255,255,.18);border-radius:.625rem;background:#ffffff1a;color:#ffffffe0;font:inherit;font-size:.76rem;font-weight:600;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .2s,border-color .2s,transform .2s}.similar-games-toggle:hover{background:#ffffff30;border-color:#ffffff57;transform:translateY(-1px)}.similar-games-toggle:active{transform:translateY(0)}.similar-games-toggle:disabled{cursor:default;opacity:.72;transform:none}.similar-games-panel{position:relative;z-index:1;flex:1 1 17.5rem;align-self:flex-end;width:auto;min-width:0;max-height:20rem;display:flex;flex-direction:column;gap:.5625rem;padding:.8125rem;box-sizing:border-box;border:1px solid rgba(255,255,255,.15);border-radius:.75rem;background:#ffffff1a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 .25rem .375rem #00000026}.similar-games-panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.similar-games-panel-title{font-size:1rem;font-weight:700;color:#fffffff0}.similar-games-list{display:grid;gap:.4375rem;min-height:0;overflow-y:auto;padding-right:.1875rem}.similar-game-item{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;gap:.625rem;width:100%;padding:.375rem;border:1px solid rgba(255,255,255,.1);border-radius:.6875rem;background:#12121457;color:#ffffffe6;text-align:left;font:inherit;cursor:pointer;text-shadow:0 1px .125rem rgba(0,0,0,.35);transition:background .2s,border-color .2s,transform .2s}.similar-game-item:hover{background:#1212147a;border-color:#ffffff47;transform:translate(.125rem)}.similar-game-thumb{width:3rem;height:2.125rem;border-radius:.4375rem;background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px #ffffff1f}.similar-game-copy{min-width:0;display:flex;flex-direction:column;gap:.1875rem}.similar-game-title{overflow:hidden;font-size:.78rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.similar-game-meta{overflow:hidden;color:#ffffffb3;font-size:.64rem;text-overflow:ellipsis;white-space:nowrap}.similar-game-arrow{padding:0 .3125rem;color:#ffffff8c;font-size:1rem}.similar-games-empty{padding:.875rem .5rem;border-radius:.625rem;background:#ffffff0f;color:#fff9;font-size:.75rem;line-height:1.45;text-align:center}.modal-info-row{display:flex;align-items:flex-start;gap:.5rem;padding:.25rem 0;border-bottom:1px solid rgba(255,255,255,.07)}.modal-info-row:last-child{border-bottom:none;padding-bottom:0}.modal-info-row:first-child{padding-top:0}.modal-info-key{color:#ffffff6b;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;width:3.5rem;padding-top:1px;line-height:1.4}.modal-info-val{color:#ffffffe6;font-size:.82rem;font-weight:500;line-height:1.4;word-break:break-word}.modal-info-genres{display:flex;flex-wrap:wrap;gap:.1875rem}.modal-info-genre-tag{font-size:.67rem;padding:1px .375rem;border-radius:1.25rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#ffffffbf;line-height:1.5}#game-modal .criteria{font-size:1.1rem;line-height:1.6;position:relative;z-index:1;width:fit-content;max-width:100%;background:#ffffff1a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:.75rem;padding:.9375rem 2.75rem 1.5rem 1.25rem;border:1px solid rgba(255,255,255,.15);box-shadow:0 .25rem .375rem #0000001a;text-shadow:0 .125rem .25rem rgba(0,0,0,.5);margin:0;display:flex;flex-direction:column;justify-content:flex-start;transition:none;min-height:14.0625rem}#game-modal .criteria.chart-mode{margin-left:0;margin-right:0}.criteria-wrapper{position:relative;width:100%;height:100%;min-width:100%}.criteria-view{transition:opacity .4s ease,transform .4s ease;width:100%}.criteria-view.text-view{white-space:nowrap}.criteria-view.chart-view{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}#game-modal .modal-content:not(.compare-mode) .criteria-view.chart-view>div{width:18.125rem!important;height:18.125rem!important}@media(min-width:641px){#game-modal .criteria.chart-mode{padding-top:.25rem;padding-bottom:.25rem}}.criteria-view.hidden{opacity:0;pointer-events:none;transform:scale(.95);position:absolute;top:0;left:0}.criteria-view.active{opacity:1;pointer-events:auto;transform:scale(1);position:relative}.toggle-chart-btn{position:absolute;bottom:.5rem;right:.5rem;width:1.875rem;height:1.875rem;border-radius:50%;background:#fff3;border:1px solid rgba(255,255,255,.3);color:gold;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9375rem;backdrop-filter:blur(4px);transition:background .3s,transform .3s;z-index:10}.toggle-chart-btn:hover{background:#fff6;transform:scale(1.1)}.toggle-chart-btn:disabled{cursor:not-allowed;opacity:.45}#game-modal .close-btn{position:absolute;top:.9375rem;right:1.25rem;font-size:2rem;font-weight:700;cursor:pointer;z-index:2;color:#ffffffb3;transition:color .3s;padding:0;border:0;background:transparent;line-height:1}#game-modal .close-btn:hover{color:#fff}#game-modal .modal-edit-btn{position:absolute;top:3.4375rem;right:1.25rem;z-index:3;padding:0;border:0;background:transparent;color:#ffffffc7;font-size:1.55rem;line-height:1;cursor:pointer;transition:color .2s,transform .2s}#game-modal .modal-edit-btn:hover,#game-modal .modal-edit-btn:focus-visible{color:#fff;outline:none}.modal-nav-hint{position:absolute;bottom:.875rem;left:50%;transform:translate(-50%);font-size:.72rem;color:#ffffff4d;white-space:nowrap;z-index:3;pointer-events:none;letter-spacing:.03em}.modal-nav-counter{position:absolute;top:1.25rem;left:1.25rem;font-size:.8rem;color:#fff6;z-index:3;pointer-events:none;white-space:nowrap}.modal-slide-viewport{overflow:hidden;position:relative;flex:1;scrollbar-width:none;display:flex;flex-direction:column;justify-content:flex-end;gap:.75rem}.modal-slide-viewport::-webkit-scrollbar{display:none}#modal-review{text-align:left;white-space:pre-line;line-height:1.6;overflow-wrap:anywhere;font-size:1.2rem;position:relative;z-index:1;background:#ffffff1a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:.75rem;padding:.9375rem 1.25rem;border:1px solid rgba(255,255,255,.15);box-shadow:0 .25rem .375rem #0000001a;text-shadow:0 .125rem .25rem rgba(0,0,0,.5);margin-bottom:.9375rem}.genre-panel{position:fixed;z-index:1150;display:flex;flex-direction:column;opacity:0;transform:translateY(.625rem) scale(.97);pointer-events:none;transition:opacity .25s,transform .25s,background .4s,border-color .4s}.genre-panel.active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}#roulette-modal{position:fixed;inset:0;background:#000000d9;z-index:3000;display:flex;justify-content:center;align-items:center}.roulette-box{background:#131313;border-radius:1.25rem;padding:1.875rem;width:90%;max-width:50rem;text-align:center;position:relative;border:1px solid #333;color:#fff}.roulette-window{width:100%;height:13.75rem;background:#000;margin:1.25rem 0;overflow:hidden;position:relative;border-radius:.75rem;border:.125rem solid #333}.roulette-box .close-btn{padding:0;border:0;background:transparent;color:#ffffffb3;line-height:1}body:not(.dark) .roulette-box{background:var(--bg-light);color:var(--text-light);border-color:#bbb;box-shadow:0 .625rem 1.875rem #00000026}body:not(.dark) .roulette-window{background:#0000000d;border-color:#bbb}body:not(.dark) .roulette-box .close-btn{color:#555}body:not(.dark) .roulette-box .close-btn:hover{color:#000}.roulette-tape{display:flex;height:100%;align-items:center}.roulette-marker{position:absolute;top:0;left:50%;transform:translate(-50%);width:.25rem;height:100%;background:gold;z-index:5;box-shadow:0 0 .625rem gold}.r-card{width:10rem;height:12.5rem;background-size:cover;background-position:center;margin:0 .3125rem;flex-shrink:0;border-radius:.5rem;opacity:1;position:relative}.r-card.winner{opacity:1;transform:scale(1.05);border:.125rem solid gold;box-shadow:0 0 1.25rem gold}.r-card .title{position:absolute;bottom:0;width:100%;background:#0009;color:#fff;font-size:.8rem;padding:.25rem;overflow:hidden;white-space:nowrap}#game-modal .modal-content,#roulette-modal .roulette-box{user-select:text}@media(max-width:640px){html,body{width:100%;max-width:100%;overflow-x:clip}html{scrollbar-gutter:stable}body{padding:.875rem .625rem 7.375rem;box-sizing:border-box}body[data-page=add-game]{padding:0;margin:0}.site-header{margin-bottom:1rem;padding:0 2.75rem 0 .125rem;justify-content:flex-start;min-height:auto}.site-header-left{position:static;width:100%;min-width:0;display:flex;align-items:flex-start;justify-content:flex-start;min-height:auto;gap:.4375rem}.site-header-actions{position:static;transform:none;width:auto;flex:0 0 8.25rem;flex-basis:8.25rem;gap:.375rem}.site-header-copy{text-align:left;padding:0}.page-title{font-size:clamp(1rem,4.5vw,1.32rem);line-height:1.18;white-space:nowrap}.add-game-trigger,.find-libraries-trigger,.comments-trigger,.stats-trigger{min-height:auto;padding:0;border:none;background:transparent}.signin-link{padding:.3125rem .625rem;min-height:1.75rem;font-size:.76rem;gap:.25rem}.add-game-svg,.find-libraries-svg,.comments-svg,.stats-svg{width:6rem;height:auto}.site-title-svg{height:5.375rem;transform:translate(.375rem)}.page-subtitle{font-size:.68rem;line-height:1.35}.profile-popover{top:9rem;right:4rem;width:min(21.25rem,calc(100vw - 4.75rem));max-height:calc(100vh - 10rem)}.profile-info h2{overflow-wrap:anywhere}.delete-game-form{flex-direction:column;align-items:stretch;gap:.5rem}.delete-game-form input{width:100%;box-sizing:border-box}.delete-game-form button{width:100%;box-sizing:border-box;padding:.5rem .75rem;text-align:center}.site-header-right{right:.75rem;top:.625rem;transform:none;transition:top .24s cubic-bezier(.2,0,0,1)}.site-header-right.controls-fixed{top:3.5rem}.rating-info-popover{top:9rem;right:4rem;width:min(21.25rem,calc(100vw - 4.75rem));max-height:calc(100vh - 10rem)}.controls-bar{top:.5rem;gap:.375rem;margin-bottom:1rem;padding:.4375rem;border-radius:.8125rem;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.search-wrapper{width:100%;min-width:0}.controls-bar input,.controls-bar select{font-size:.78rem;padding:.5rem .5625rem}.controls-bar .btn{font-size:.75rem;padding:.5rem .5625rem}.controls-bar .compare-confirm-btn{height:2rem;padding-top:.25rem;padding-bottom:.25rem}#grid{gap:.875rem;width:100%;min-width:0}.card-wrap,body.grid-view .card-wrap{width:100%;height:13.75rem;margin:0;box-sizing:border-box}.card{border-radius:.875rem;padding:.75rem;box-sizing:border-box}.card .title{max-width:calc(100% - 4.875rem);font-size:1.02rem;line-height:1.25;padding:.375rem .5rem}.card .badge{top:.5625rem;left:.5625rem;right:auto;padding:.375rem .5rem;font-size:.78rem;border-radius:.5625rem}.popup,.genres-popup{display:none!important}.speed-dial{left:.875rem;bottom:5.875rem}#scroll-to-top.visible{right:.875rem;bottom:5.875rem}.genre-panel{left:.625rem;right:.625rem;bottom:10rem;width:min(17.5rem,calc(100vw - 1.25rem));max-width:none;max-height:58vh;box-sizing:border-box}.sort-dock{left:.625rem;right:.625rem;bottom:calc(.75rem + env(safe-area-inset-bottom));width:auto;max-width:none;transform:none;padding:.25rem;min-height:3.75rem;box-sizing:border-box}.sort-dock-track{justify-content:center;flex-wrap:wrap;overflow:visible;gap:.125rem;min-height:3rem;scrollbar-width:none}.sort-dock-track::-webkit-scrollbar{display:none}.sort-dock-btn{font-size:.55rem;line-height:1.1;padding:.3125rem .25rem}@media(max-width:440px){.sort-dock-btn{font-size:.79rem;height:1.875rem;padding:.25rem .1875rem}}.game-page{min-height:100dvh;width:calc(100% + 1.25rem);box-sizing:border-box;margin:-.875rem -.625rem -7.375rem;padding:.625rem .625rem 1.875rem;background:var(--bg)}.game-page-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:.625rem;padding:.3125rem 0 .75rem;background:linear-gradient(var(--bg) 72%,transparent)}.game-page-back{flex:0 0 auto;border:1px solid var(--surface-border);border-radius:.625rem;background:var(--surface);color:var(--text);padding:.5rem .75rem;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.375rem;transition:background .15s ease,transform .1s ease}.game-page-back:hover{background:var(--pill-bg)}.game-page-back:active{transform:scale(.97)}.game-page-header-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:700}.game-page-hero{position:relative;box-sizing:border-box;min-height:13.125rem;display:flex;align-items:flex-end;padding:.875rem;overflow:hidden;border-radius:1rem;color:#fff;background-size:cover;background-position:center;box-shadow:0 .5rem 1.5rem #0003}.game-page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,#000000d1)}.game-page-hero-content{position:relative;z-index:1}.game-page-title{margin:0;font-size:1.45rem;line-height:1.15}.game-page-developer{margin-top:.3125rem;font-size:.82rem;opacity:.75}.game-page-section{margin-top:.875rem;padding:.875rem;box-sizing:border-box;border:1px solid var(--surface-border);border-radius:.875rem;background:var(--surface);backdrop-filter:blur(8px)}.game-page-section-title{margin:0 0 .625rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;opacity:.55}.game-page-info{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.game-page-info-item{min-width:0;padding:.5rem .5625rem;border-radius:.625rem;background:var(--pill-bg)}.game-page-info-key{display:block;margin-bottom:.1875rem;font-size:.65rem;text-transform:uppercase;opacity:.5}.game-page-info-value{display:block;overflow-wrap:anywhere;font-size:.82rem;line-height:1.3}.game-page-genres{display:flex;flex-wrap:wrap;gap:.3125rem}.game-page-genre{padding:.25rem .5rem;border:1px solid var(--pill-border);border-radius:1.25rem;font-size:.72rem}.game-page-ratings{position:relative;font-size:.86rem;line-height:1.7}.game-page-chart{width:100%;height:17.5rem}.game-page-chart-toggle{display:block;margin:.75rem auto 0;border:1px solid var(--pill-border);border-radius:.5625rem;background:var(--pill-bg);color:var(--text);padding:.4375rem .625rem;font:inherit;cursor:pointer}.game-page-review{text-align:left;white-space:pre-line;font-size:.92rem;line-height:1.6;overflow-wrap:anywhere}.game-page-similar-toggle{display:block;width:100%;margin-top:.875rem;padding:.625rem .75rem;border:1px solid var(--pill-border);border-radius:.625rem;background:var(--pill-bg);color:var(--text);font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .2s,border-color .2s,transform .2s}.game-page-similar-toggle:hover{background:var(--solid-surface-hover);border-color:var(--primary-color);transform:translateY(-1px)}.game-page-similar-panel{flex:0 0 auto;align-self:stretch;width:100%;max-height:none;margin-top:.75rem;padding:.75rem;border-color:var(--surface-border);background:var(--surface);box-shadow:none;box-sizing:border-box}.game-page-similar-panel .similar-games-list{max-height:none;overflow:visible}body:not(.dark) .game-page-similar-panel .similar-game-item{background:#0000000f;border-color:#0000001a;color:var(--text);text-shadow:none}body:not(.dark) .game-page-similar-panel .similar-game-item:hover{background:#0000001a;border-color:#00000029}body:not(.dark) .game-page-similar-panel .similar-game-meta{color:#00000094}#game-modal{display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:.75rem;box-sizing:border-box;z-index:3000}#game-modal .modal-content{width:100%;max-width:none;min-height:calc(100dvh - 1.25rem);max-height:none;padding:2.875rem .875rem 1.375rem;border-radius:1rem;box-sizing:border-box;overflow-y:auto}#game-modal .modal-content.compare-mode{height:min(37.5rem,86dvh);min-height:0;max-height:86dvh;padding:1.05rem .85rem .95rem;border-radius:1.375rem;display:flex;flex-direction:column;overflow:hidden;position:relative}.compare-top-bar{margin-bottom:.65rem;gap:.5rem}#game-modal .modal-content.compare-mode .compare-top-bar h2{font-size:1.3rem;margin:0}.compare-hint-desktop{display:none}.compare-hint-mobile{display:block;font-size:.72rem;color:var(--compare-muted);text-align:center;margin-top:.5rem;flex-shrink:0}#game-modal .modal-content.compare-mode .compare-icon-btn{width:2.15rem!important;height:2.15rem!important;font-size:.95rem!important}#game-modal .modal-content.compare-mode .compare-icon-btn.close-btn{font-size:1.3rem!important}#game-modal .modal-content.compare-mode>.criteria{padding:0!important;margin:0!important;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}#game-modal .modal-content.compare-mode .criteria-wrapper{flex:1 1 auto;min-height:0;height:100%;display:flex;flex-direction:column}#game-modal .modal-content.compare-mode .criteria-view.text-view.active{flex:1 1 auto;min-height:0;height:auto;overflow:hidden}#game-modal .modal-content.compare-mode .compare-table-wrapper{max-height:100%;height:auto;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x}.compare-table{--compare-label-col-w: 5.15rem;min-width:calc(var(--compare-label-col-w) + var(--compare-games-count, 4) * 3.95rem)}.compare-table th.compare-criteria-col,.compare-table td.compare-criteria-cell{padding-right:.35rem}.compare-table th.compare-game-col{padding:0 .2rem .45rem;text-align:center}.compare-header-cell{align-items:center}.compare-cover-card{max-width:5.25rem;height:3.35rem;border-radius:.6rem;margin-bottom:.35rem}.compare-best-badge{top:.25rem;left:50%;transform:translate(-50%);font-size:.48rem;padding:.14rem .36rem;white-space:nowrap}.compare-cover-placeholder{display:none}.compare-header-title{font-size:.7rem;line-height:1.16;height:2.32em;min-height:2.32em;text-align:center;margin-bottom:.25rem;-webkit-line-clamp:2}.compare-overall-block{flex-direction:column;align-items:center;gap:.1rem}.compare-overall-value{font-size:1.3rem}.compare-overall-label{font-size:.64rem}.compare-table td.compare-criteria-cell{padding-top:.2rem;padding-bottom:.2rem}.compare-criteria-label-wrap{flex-direction:column;align-items:flex-start;gap:.05rem}.compare-criteria-name{font-size:.76rem;line-height:1.15}.compare-tie-label{font-size:.64rem;line-height:1.1}.compare-table td.compare-value-cell{padding:.14rem .15rem;text-align:center}.compare-score-card{padding:.26rem .25rem .32rem;border-radius:.5rem;display:flex;flex-direction:column;align-items:center}.compare-score-num{font-size:.96rem;margin-bottom:.22rem;text-align:center}.compare-score-bar-track{width:78%;height:.2rem}#game-modal .modal-content.compare-mode .compare-chart-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:.375rem;width:100%;height:100%;min-height:0}#game-modal .modal-content.compare-mode .compare-games-list{max-height:8.75rem}#game-modal .modal-content.compare-mode .compare-games-list-title{padding:.25rem .5rem .375rem;font-size:.82rem}#game-modal .modal-content.compare-mode .compare-games-list-items{padding:.125rem .375rem .25rem}#game-modal .modal-content.compare-mode .compare-game-list-item{padding:.35rem .5rem;font-size:.82rem;align-items:center}#game-modal .modal-content.compare-mode .compare-game-list-swatch{margin-top:0}#game-modal .modal-content.compare-mode .compare-chart-shell{width:min(100%,22.5rem);height:min(100%,22.5rem);max-width:100%;max-height:100%;margin:0 auto}#game-modal .modal-body{flex-direction:column;align-items:stretch;margin-top:0}#game-modal .modal-left,#game-modal .modal-right{width:100%}#game-modal .criteria{width:100%;box-sizing:border-box;font-size:.88rem;line-height:1.55;padding:.8125rem .75rem 1.125rem;min-height:0}#game-modal .criteria-view.text-view{white-space:normal}#game-modal .modal-content:not(.compare-mode) .criteria-view.chart-view>div{width:min(76vw,18.125rem)!important;height:min(76vw,18.125rem)!important}#game-modal .modal-info-panel{padding:.625rem}#game-modal .similar-games-panel{flex:0 0 auto;width:100%;max-height:26.875rem;padding:.75rem}#game-modal .similar-games-panel-header{display:block}#modal-review{margin-bottom:0;padding:.8125rem;font-size:.92rem;line-height:1.55;text-align:left}.modal-nav-hint{display:none}.modal-nav-counter{top:1.125rem;left:.875rem}#roulette-modal{padding:.625rem;box-sizing:border-box}.roulette-box{width:100%;max-width:none;max-height:calc(100dvh - 1.25rem);padding:1.5rem .75rem 1.125rem;box-sizing:border-box;overflow:hidden;border-radius:1rem}.roulette-box h2{margin:0;font-size:1.35rem}.roulette-window{height:11.25rem;margin:1rem 0}.r-card{width:7.5rem;height:9.375rem}#spin-btn{width:100%;padding:.6875rem 1.25rem!important;font-size:1rem!important}}@media(max-width:360px){.page-title{font-size:.9rem}.site-header-left{gap:.3125rem}.site-header-actions{flex-basis:7.375rem}.add-game-trigger,.find-libraries-trigger,.comments-trigger{width:5.375rem;padding-right:0;padding-left:0;font-size:.68rem}.add-game-svg,.find-libraries-svg,.comments-svg,.stats-svg{width:5.375rem;height:auto}.site-title-svg{height:4.75rem;transform:translate(.25rem)}.profile-popover{right:3.625rem;width:min(20rem,calc(100vw - 4.25rem))}.rating-info-popover{top:9rem;right:3.625rem;width:min(20rem,calc(100vw - 4.25rem))}}.genre-panel{left:1.5rem;bottom:5.75rem;width:min(23rem,calc(100vw - 3rem));max-height:none;padding:0;background:var(--genre-panel-bg);border:1px solid color-mix(in srgb,var(--genre-accent) 24%,transparent);border-radius:1.5rem;box-shadow:var(--genre-panel-shadow);color:var(--text);overflow:hidden}.genre-panel:before{display:none}.genre-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:1.8125rem;height:1.8125rem;padding:0;border:1px solid var(--surface-border);border-radius:.625rem;background:var(--pill-bg);color:var(--text);font-size:.92rem;cursor:pointer;transition:background .18s ease,border-color .18s ease}.genre-icon-btn:hover,.genre-icon-btn:focus-visible{background:var(--genre-accent-soft);border-color:var(--genre-accent);outline:none}.genre-filter-tools{display:flex;flex-direction:column;gap:0;padding:.5625rem 1rem .3125rem}.genre-helper{display:flex;align-items:center;width:100%;gap:.375rem;color:var(--genre-panel-muted);font-size:.7rem;line-height:1.35;white-space:nowrap}.genre-helper-spacer{flex:1 1 auto}.genre-helper-key{display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;flex:0 0 1.125rem;border:1px solid var(--surface-border);border-radius:.375rem;background:var(--pill-bg);color:var(--genre-accent);font-size:.72rem;font-weight:700}.genre-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:.3125rem;padding:.125rem 1rem .75rem;overflow-y:visible;scrollbar-width:thin;scrollbar-color:var(--genre-accent) transparent}.genre-tag{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;min-height:2rem;box-sizing:border-box;padding:.3125rem 1.75rem .3125rem .5rem;border:1px solid var(--surface-border);border-radius:.75rem;background:var(--pill-bg);color:var(--text);font-size:.76rem;line-height:1.15;transition:background .18s ease,border-color .18s ease,color .18s ease}.genre-tag:after{content:"+";display:inline-flex;align-items:center;justify-content:center;position:absolute;right:.5rem;width:1rem;height:1rem;flex:0 0 1rem;border-radius:.375rem;background:#8080801f;color:var(--genre-panel-muted);font-size:.8rem;font-weight:700}.genre-tag:hover,.genre-tag:focus-visible{border-color:var(--genre-accent);outline:none}.genre-tag.active{background:var(--genre-accent);border-color:var(--genre-accent);color:#fff;box-shadow:0 .3125rem .875rem color-mix(in srgb,var(--genre-accent) 25%,transparent)}.genre-tag.active:after{content:"✓";background:#ffffff2e;color:#fff}.genre-tag.excluded{background:#b434341a;border-color:#b4343475;color:#a53434;text-decoration:none}.genre-tag.excluded:after{content:"−";background:#b4343424;color:#a53434}body.dark .genre-tag.excluded{color:#ff9c9c;border-color:#ff8b8b8a}body.dark .genre-tag.excluded:after{color:#ff9c9c;background:#ff8b8b24}@media(max-width:640px){.genre-panel{left:.75rem;right:.75rem;bottom:calc(5.375rem + env(safe-area-inset-bottom));width:auto;max-height:none;border-radius:1.375rem}.genre-filter-tools{padding:.5rem .8125rem .25rem}.genre-list{gap:.25rem;padding:.125rem .8125rem .5625rem}.genre-tag{min-height:2.125rem;padding-left:.4375rem;padding-right:1.5625rem;font-size:.72rem}}.stats-page{min-height:100vh;background:var(--bg);color:var(--text);padding:1.75rem 1.5rem 5rem;box-sizing:border-box;user-select:text;transition:background .4s ease,color .4s ease}.stats-container{max-width:75rem;margin:0 auto}.stats-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--surface-border);transition:border-color .4s ease}.stats-topbar-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.stats-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--surface-border);border-radius:.75rem;background:var(--solid-surface);color:var(--text);font-family:inherit;font-size:.86rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background .4s ease,border-color .4s ease,color .4s ease,transform .2s ease,box-shadow .2s ease;flex-shrink:0;box-shadow:0 .125rem .5rem #0000000a}.stats-back-btn:hover{border-color:var(--genre-accent);background:var(--solid-surface-hover)}.profile-section-heading{display:flex;align-items:center;justify-content:space-between;gap:.625rem}.profile-section-heading h3{margin:0}.submissions-page{width:min(63.5rem,100%);margin:0 auto;padding:1.75rem 1.25rem 4.5rem;box-sizing:border-box}.submissions-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.125rem;margin-bottom:1.25rem}.submissions-header h1,.submissions-header p{margin:0}.submissions-header h1{font-size:clamp(1.35rem,3vw,2rem)}.submissions-header p{margin-top:.25rem;color:var(--muted-text);font-size:.86rem}.submissions-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.375rem}.submissions-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.4375rem .875rem;border:1px solid var(--surface-border);border-radius:999px;background:var(--surface);color:var(--muted-text);font:inherit;font-size:.84rem;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s,color .2s,transform .15s}.submissions-tab:hover{border-color:var(--genre-accent);color:var(--text)}.submissions-tab.active{border-color:var(--genre-accent);background:var(--genre-accent-soft);color:var(--text)}.submissions-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.375rem;height:1.375rem;padding:0 .375rem;border-radius:999px;background:var(--pill-bg);color:var(--text);font-size:.74rem;font-weight:700;font-variant-numeric:tabular-nums}.submissions-tab.tab-approved.active .submissions-tab-count{background:#6fca9133;color:#6fca91}.submissions-tab.tab-pending.active .submissions-tab-count{background:#f5c78e38;color:#f5c78e}.submissions-tab.tab-rejected.active .submissions-tab-count{background:#d77b7b38;color:#d77b7b}.submissions-message{padding:1.125rem;border:1px solid var(--surface-border);border-radius:.875rem;color:var(--muted-text);background:var(--surface)}.submissions-message.error{color:#d77b7b;border-color:#d77b7b59}.submissions-groups{display:grid;gap:1.5rem}.submissions-group{display:grid;gap:.875rem}.submissions-group.is-empty{gap:.5rem;padding:.75rem 1rem;border:1px dashed var(--surface-border);border-radius:.875rem;background:#ffffff04}body:not(.dark) .submissions-group.is-empty{background:#00000004}.submissions-group-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.submissions-group-title-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.submissions-group-dot{width:.5625rem;height:.5625rem;border-radius:50%;flex-shrink:0}.submissions-group-dot.dot-approved{background:#6fca91;box-shadow:0 0 .5rem #6fca9173}.submissions-group-dot.dot-pending{background:#f5c78e;box-shadow:0 0 .5rem #f5c78e73}.submissions-group-dot.dot-rejected{background:#d77b7b;box-shadow:0 0 .5rem #d77b7b73}.submissions-group-header h2{margin:0;font-size:1.08rem;font-weight:700}.submissions-group-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.375rem;padding:0 .4375rem;border-radius:999px;background:var(--pill-bg);color:var(--muted-text);font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums}.submissions-group-subtitle{color:var(--muted-text);font-size:.8rem;margin-left:.25rem}.submissions-clear-group-btn{padding:.3125rem .6875rem;border:1px solid rgba(215,123,123,.3);border-radius:999px;background:#d77b7b14;color:#d77b7b;font:inherit;font-size:.76rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.submissions-clear-group-btn:hover:not(:disabled){background:#d77b7b29;border-color:#d77b7b8c}.submissions-clear-group-btn:disabled{opacity:.55;cursor:default}.submissions-group-empty{margin:0;color:var(--muted-text);font-size:.82rem}.submissions-list{display:grid;gap:.875rem}.user-submission-card{display:grid;grid-template-columns:7.25rem minmax(0,1fr);gap:1.125rem;padding:1rem 1.125rem;border:1px solid var(--surface-border);border-radius:1.125rem;background:var(--surface);transition:border-color .2s,box-shadow .2s}.user-submission-card:hover{border-color:color-mix(in srgb,var(--genre-accent) 35%,var(--surface-border))}.user-submission-cover-wrap{width:7.25rem;height:9.25rem;border-radius:.6875rem;overflow:hidden;background:var(--pill-bg);border:1px solid var(--surface-border);flex-shrink:0}.user-submission-cover{width:100%;height:100%;object-fit:cover;display:block}.user-submission-cover-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;padding:.5rem;box-sizing:border-box;text-align:center;color:var(--muted-text);background:linear-gradient(145deg,#ffffff0a,#ffffff03)}.user-submission-cover-icon{font-size:1.5rem;opacity:.7}.user-submission-cover-fallback-title{font-size:.68rem;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.user-submission-main{display:flex;flex-direction:column;gap:.625rem;min-width:0}.user-submission-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.user-submission-title-group{min-width:0}.user-submission-title-row h2{margin:0;font-size:1.15rem;line-height:1.25}.user-submission-meta{margin:.25rem 0 0;color:var(--muted-text);font-size:.81rem;line-height:1.35}.user-submission-date{opacity:.82}.user-submission-badges{display:inline-flex;align-items:center;gap:.4375rem;flex-shrink:0}.user-submission-avg{padding:.25rem .5625rem;border-radius:999px;background:var(--genre-accent-soft);color:var(--genre-accent-strong);font-size:.76rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.user-submission-status{padding:.25rem .625rem;border-radius:999px;background:var(--pill-bg);color:var(--muted-text);font-size:.75rem;font-weight:600;white-space:nowrap}.user-submission-card.status-pending .user-submission-status{background:#f5c78e24;color:#e8b474}.user-submission-card.status-rejected .user-submission-status{background:#d77b7b24;color:#d77b7b}.user-submission-card.status-approved .user-submission-status{background:#6fca9124;color:#6fca91}.user-submission-genres{display:flex;flex-wrap:wrap;gap:.3125rem}.user-submission-genre-tag{padding:.1875rem .5rem;border-radius:.375rem;border:1px solid var(--surface-border);background:var(--pill-bg);color:var(--muted-text);font-size:.73rem;font-weight:500}.user-submission-ratings-grid{display:flex;flex-wrap:wrap;gap:.375rem}.user-submission-rating-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem;border-radius:.4375rem;background:#ffffff09;border:1px solid var(--surface-border);font-size:.76rem;color:var(--muted-text)}body:not(.dark) .user-submission-rating-chip{background:#00000006}.user-submission-rating-chip strong{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}.user-submission-review{margin:0;padding:.5rem .6875rem;border-radius:.5rem;background:#ffffff06;color:var(--muted-text);font-size:.81rem;line-height:1.48;white-space:pre-line}body:not(.dark) .user-submission-review{background:#00000006}.user-submission-note{margin:0;padding:.5625rem .75rem;border-left:.1875rem solid #d77b7b;border-radius:.375rem;background:#d77b7b1a;font-size:.84rem}.user-submission-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.5rem;margin-top:.125rem}.user-submission-actions .btn{padding:.375rem .75rem;font-size:.78rem}.user-submission-actions .btn.danger{color:#d77b7b;border-color:#d77b7b47}.user-submission-actions .btn.danger:hover:not(:disabled){background:#d77b7b1f;border-color:#d77b7b80}@media(max-width:640px){.submissions-page{padding:1.125rem .75rem 3rem}.submissions-header{grid-template-columns:1fr auto}.submissions-header>div{grid-column:1 / -1;grid-row:1}.submissions-header>.add-game-back-link{grid-row:2}.submissions-header>.btn{grid-row:2}.submissions-group-subtitle{display:none}.user-submission-card{grid-template-columns:4.75rem minmax(0,1fr);gap:.75rem;padding:.75rem}.user-submission-cover-wrap{width:4.75rem;height:6.25rem}.user-submission-title-row{align-items:flex-start;flex-direction:column;gap:.375rem}}.stats-title-group{min-width:0}.stats-title{margin:0;font-size:clamp(1.4rem,3.2vw,2.1rem);font-weight:800;letter-spacing:-.02em;color:var(--text);line-height:1.2}.stats-subtitle{margin:.25rem 0 0;font-size:.84rem;color:var(--muted-text);line-height:1.35}.stats-topbar-right{display:flex;align-items:center;gap:.625rem;flex-shrink:0}.stats-topbar-right .themeToggle{cursor:pointer;transition:transform .2s ease,opacity .2s ease,color .4s ease}.stats-share-btn{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none!important;outline:none!important;background:transparent!important;box-shadow:none!important;color:var(--text-light);cursor:pointer;border-radius:0;transition:opacity .2s ease,color .4s ease;user-select:none;flex-shrink:0}.stats-share-btn:focus{outline:none}.stats-share-btn:focus-visible{outline:.125rem solid var(--genre-accent)!important;outline-offset:.125rem;border-radius:.375rem}body.dark .stats-share-btn,.dark .stats-share-btn{color:var(--text-dark)!important}.stats-share-btn:hover{color:var(--genre-accent)!important;background:transparent!important}.stats-share-btn:active{background:transparent!important}.stats-share-btn svg{width:2rem;height:2rem;pointer-events:none;flex-shrink:0;transition:color .4s ease}.share-modal-backdrop{position:fixed;inset:0;z-index:9999;background:#000000c2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:shareModalFadeIn .2s ease-out}.share-modal{position:relative;background:#141416;border:1px solid #34343a;border-radius:1.5rem;padding:1.375rem 1.5rem 1.25rem;max-width:27.5rem;width:100%;max-height:94vh;overflow-y:auto;box-shadow:0 1.5rem 4rem #000000a6;display:flex;flex-direction:column;align-items:center;animation:shareModalZoomIn .24s cubic-bezier(.16,1,.3,1);box-sizing:border-box}@keyframes shareModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes shareModalZoomIn{0%{opacity:0;transform:scale(.94) translateY(.625rem)}to{opacity:1;transform:scale(1) translateY(0)}}.share-modal-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:.875rem}.share-modal-title{font-size:1.02rem;font-weight:600;color:#f4f4f5;margin:0}.share-modal-close{background:transparent;border:none;color:#a5a5ad;font-size:1.4rem;line-height:1;cursor:pointer;padding:.25rem;border-radius:50%;transition:color .15s,background .15s}.share-modal-close:hover{color:#fff;background:#ffffff14}.share-card-wrap{width:100%;display:flex;justify-content:center}.sc-card{width:23.75rem;max-width:100%;aspect-ratio:4 / 5;box-sizing:border-box;border-radius:1.25rem;padding:1.375rem 1.375rem 1.125rem;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(120% 70% at 15% 0%,#3d3022,#1c1c1f 55%,#141416);border:.5px solid #4a3d2e;color:#ececec;font-family:Inter,system-ui,-apple-system,sans-serif;box-shadow:0 .75rem 2.25rem #00000073;user-select:none}.sc-card .mut{color:#a5a5ad}.sc-card .lab{font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:#a5a5ad;font-weight:600}.sc-card .pk{color:#f2c48e}.sc-card .row3{display:grid;grid-template-columns:1fr 1fr 1.3fr;border-top:.5px solid #34343a;border-bottom:.5px solid #34343a}.sc-card .row3>div{padding:.4375rem 0 .4375rem .75rem;border-left:.5px solid #34343a}.sc-card .row3>div:first-child{border-left:none;padding-left:0}.sc-card .row3 b{display:block;font-size:1.125rem;font-weight:600;color:#f4f4f5;line-height:1.2}.sc-card .row3 small{font-size:.625rem;color:#a5a5ad}.sc-card .gr{display:grid;grid-template-columns:5.375rem 1fr 2.125rem;align-items:center;gap:.5rem;font-size:.75rem;margin-top:.3125rem}.sc-card .tk{height:.375rem;border-radius:.1875rem;background:#2a2a2f;overflow:hidden}.sc-card .tk i{display:block;height:100%;border-radius:.1875rem;background:#f2c48e}.sc-card .chip{font-size:.6875rem;padding:.25rem .625rem;border-radius:999px;display:inline-flex;gap:.375rem;align-items:center}.share-modal-actions{display:flex;gap:.5rem;width:100%;margin-top:1rem;flex-wrap:wrap}.share-action-btn{flex:1 1 6.875rem;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem .75rem;border-radius:.75rem;font-size:.82rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .18s ease;user-select:none}.share-action-btn.primary{background:linear-gradient(135deg,#d6a875,#b8864e);color:#111113;border:none;box-shadow:0 .25rem .75rem #d6a87540;font-weight:600}.share-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 .375rem 1rem #d6a87559}.share-action-btn.secondary{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ececec}.share-action-btn.secondary:hover{background:#ffffff1f;border-color:#fff3}.share-copy-toast{font-size:.8rem;color:#6fca91;text-align:center;margin-top:.5rem;font-weight:500}.stats-hero-card{position:relative;background:var(--solid-surface);border:1px solid var(--surface-border);border-radius:1.5rem;padding:1.75rem 2rem;margin-bottom:1.75rem;overflow:hidden;box-shadow:0 .5rem 2rem #0000000d;transition:background .4s ease,border-color .4s ease,color .4s ease,box-shadow .2s ease;animation:statsHeroFadeIn .5s cubic-bezier(.16,1,.3,1) both}@keyframes statsHeroFadeIn{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}.stats-hero-card:hover{border-color:#d6a87566}.stats-hero-glow{position:absolute;top:var(--stats-glow-y, 28%);left:var(--stats-glow-x, 18%);width:42.5rem;height:42.5rem;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle closest-side,#d6a87529,#d6a8751c,#d6a87511,#d6a87507 66%,#d6a87502 84%,#d6a87500);filter:blur(42px);pointer-events:none;z-index:0;will-change:left,top;transition:none}.stats-hero-glow:before{content:"";position:absolute;top:50%;left:50%;width:21.25rem;height:21.25rem;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle closest-side,#ffd7a52e,#d6a87517 35%,#d6a87508 65%,#d6a87500);filter:blur(24px);pointer-events:none}body.dark .stats-hero-glow{background:radial-gradient(circle closest-side,#e6b98733,#d6a87524,#d6a87514,#d6a87508 66%,#d6a87502 84%,#d6a87500)}body.dark .stats-hero-glow:before{background:radial-gradient(circle closest-side,#ffdaaa38,#d6a8751c 32%,#d6a87509 65%,#d6a87500)}.stats-hero-content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(17.5rem,1fr) minmax(22.5rem,1.35fr);gap:2rem;align-items:center}.stats-hero-hours-group{display:flex;flex-direction:column;justify-content:center;min-width:0;padding-left:clamp(1.75rem,5vw,4.25rem)}.stats-hero-stat-primary{min-width:0}.stats-hero-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.3125rem .75rem;border-radius:1.25rem;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;background:#d6a8752e;color:var(--primary-color);border:1px solid rgba(214,168,117,.38);margin-bottom:.625rem;width:fit-content}body.dark .stats-hero-badge{color:#f5c78e;background:#d6a87533;border-color:#d6a87573}.stats-hero-badge-icon{font-size:.9em}.stats-hero-hours-large{font-size:clamp(3.2rem,5.2vw,4.6rem);font-weight:800;line-height:.98;letter-spacing:-.035em;color:var(--text);display:flex;align-items:baseline;gap:.375rem;font-variant-numeric:tabular-nums}.stats-hero-unit{font-size:.42em;font-weight:700;color:#d6a875;letter-spacing:normal}body:not(.dark) .stats-hero-unit{color:#c58940}.stats-hero-hours-label{font-size:.86rem;font-weight:500;color:var(--muted-text);margin-top:.5rem;line-height:1.35}.stats-hero-metrics-group{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.stats-hero-metric-cell{background:var(--pill-bg);border:1px solid var(--surface-border);border-radius:1rem;padding:.9375rem 1.125rem;display:flex;flex-direction:column;justify-content:flex-start;transition:all .2s cubic-bezier(.16,1,.3,1)}.stats-hero-metric-cell:hover{background:var(--solid-surface-hover);border-color:#d6a87566;transform:translateY(-.125rem)}.stats-hero-cell-header{display:flex;align-items:center;gap:.4375rem;min-height:1.125rem;margin-bottom:0}.stats-hero-cell-icon{font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;opacity:.9;color:var(--muted-text);line-height:1}.stats-hero-cell-icon svg{width:1em;height:1em;display:block}.stats-hero-cell-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-text)}.stats-hero-cell-value{font-size:clamp(1.35rem,1.9vw,1.75rem);font-weight:800;line-height:1.15;color:var(--text);font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:.125rem;height:2.125rem;margin-top:.375rem;margin-bottom:.375rem}.stats-hero-cell-years{font-size:clamp(1.32rem,1.85vw,1.72rem);letter-spacing:-.02em;line-height:1.15}.stats-hero-cell-denom{font-size:.58em;font-weight:600;color:var(--muted-text);margin-left:.125rem}.stats-hero-cell-desc{font-size:.7rem;color:var(--muted-text);line-height:1.35;min-height:1rem;margin-top:0}.stats-animated-num{display:inline-block;font-variant-numeric:tabular-nums}.stats-charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.stats-chart-card{background:var(--solid-surface);border:1px solid var(--surface-border);border-radius:1.25rem;padding:1.375rem;box-shadow:0 .375rem 1.5rem #0000000a;display:flex;flex-direction:column;min-width:0;position:relative;transition:background .4s ease,border-color .4s ease,color .4s ease,box-shadow .2s ease}.stats-chart-card:hover{border-color:#d6a8754d}.stats-chart-card.full-width{grid-column:1 / -1}.stats-chart-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:1.125rem}.stats-chart-info{min-width:0}.stats-chart-title{margin:0;font-size:1.06rem;font-weight:700;color:var(--text)}.stats-chart-subtitle{margin:.25rem 0 0;font-size:.78rem;color:var(--muted-text);line-height:1.35}.stats-accent-pill{display:inline-flex;align-items:center;gap:.3125rem;padding:.25rem .625rem;border-radius:1.25rem;font-size:.73rem;font-weight:700;letter-spacing:.02em;background:#d6a87529;color:var(--primary-color);border:1px solid rgba(214,168,117,.38);white-space:nowrap}body.dark .stats-accent-pill{color:#f5c78e;background:#d6a8752e;border-color:#d6a87573}.stats-view-switch{display:inline-flex;padding:.125rem;background:var(--pill-bg);border:1px solid var(--surface-border);border-radius:.5rem}.stats-view-switch button{border:none;background:transparent;color:var(--muted-text);font-family:inherit;font-size:.72rem;font-weight:500;padding:.1875rem .5rem;border-radius:.375rem;cursor:pointer;transition:all .15s ease}.stats-view-switch button.active{background:var(--solid-surface);color:var(--text);font-weight:700;box-shadow:0 1px .25rem #0000001a}.stats-canvas-wrap{position:relative;width:100%;height:16.875rem;min-height:16.875rem}.stats-canvas-wrap.timeline-wrap{height:19.375rem;min-height:19.375rem}.stats-canvas-wrap.genre-bars-wrap{height:23.75rem;min-height:23.75rem}.stats-canvas-wrap.scatter-wrap,.stats-canvas-wrap.compact-wrap{height:21.25rem;min-height:21.25rem}.stats-studios-section{padding-bottom:1.25rem}.stats-studios-header-actions{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}@keyframes studioListFadeIn{0%{opacity:.55}to{opacity:1}}.stats-studios-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem;animation:studioListFadeIn .2s cubic-bezier(.16,1,.3,1)}.stats-studio-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1rem;box-sizing:border-box;height:4.75rem;min-height:4.75rem;max-height:4.75rem;cursor:default;-webkit-tap-highlight-color:transparent;outline:none;background:#ffffff09;border:1px solid var(--surface-border, rgba(255, 255, 255, .08));border-radius:.875rem;transition:background .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}body:not(.dark) .stats-studio-row{background:#18181b06;border-color:#18181b14;box-shadow:0 1px .1875rem #00000008}.stats-studio-row:hover{background:#ffffff0d;border-color:#d6a87547}body:not(.dark) .stats-studio-row:hover{background:#fff;border-color:#c5894047}.stats-studio-row.rank-1{border-color:#d6a8755c;background:linear-gradient(90deg,#d6a87517,#ffffff06)}body:not(.dark) .stats-studio-row.rank-1{border-color:#c589405c;background:linear-gradient(90deg,#c5894014,#ffffffbf);box-shadow:0 .125rem .5rem #c5894014}.stats-studio-row.rank-2{border-color:#cbd5e147;background:linear-gradient(90deg,#cbd5e10f,#ffffff05)}body:not(.dark) .stats-studio-row.rank-2{border-color:#94a3b852;background:linear-gradient(90deg,#e2e8f073,#ffffffbf);box-shadow:0 .125rem .5rem #94a3b814}.stats-studio-row.rank-3{border-color:#f9731640;background:linear-gradient(90deg,#f973160d,#ffffff05)}body:not(.dark) .stats-studio-row.rank-3{border-color:#d9770647;background:linear-gradient(90deg,#fef3c761,#ffffffbf);box-shadow:0 .125rem .5rem #d9770614}.stats-studio-main{display:flex;align-items:center;gap:.875rem;min-width:0;flex:1;height:100%}.stats-studio-rank{width:1.75rem;height:1.75rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:800;background:var(--surface-border, rgba(255, 255, 255, .08));color:var(--muted-text, #a1a1aa);flex-shrink:0;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}body:not(.dark) .stats-studio-rank{background:#18181b0f;color:#71717a}.stats-studio-rank.rank-1{background:linear-gradient(135deg,#fce8be,#d6a875);color:#111113;box-shadow:0 0 .875rem #d6a87573;border:1px solid rgba(255,255,255,.25)}.stats-studio-rank.rank-2{background:linear-gradient(135deg,#f4f4f5,#a1a1aa);color:#111113;box-shadow:0 0 .625rem #a1a1aa59;border:1px solid rgba(255,255,255,.2)}.stats-studio-rank.rank-3{background:linear-gradient(135deg,#f59e0b,#b45309);color:#fff;box-shadow:0 0 .625rem #d9770659;border:1px solid rgba(255,255,255,.2)}body:not(.dark) .stats-studio-rank.rank-1{background:linear-gradient(135deg,#f0ba72,#c58940);color:#fff;box-shadow:0 .1875rem .75rem #c5894080,0 0 0 1px #a8672559;text-shadow:0 1px .125rem rgba(0,0,0,.3);border:none}body:not(.dark) .stats-studio-rank.rank-2{background:linear-gradient(135deg,#cbd5e1,#94a3b8);color:#0f172a;box-shadow:0 .1875rem .625rem #94a3b873,0 0 0 1px #64748b4d;text-shadow:0 1px 0 rgba(255,255,255,.5);border:none}body:not(.dark) .stats-studio-rank.rank-3{background:linear-gradient(135deg,#ea580c,#b45309);color:#fff;box-shadow:0 .1875rem .625rem #d9770673,0 0 0 1px #b453094d;text-shadow:0 1px .125rem rgba(0,0,0,.3);border:none}.stats-studio-thumb-wrap{position:relative;width:6rem;height:3.375rem;border-radius:.5rem;overflow:hidden;flex-shrink:0;background:#0003;border:1px solid rgba(255,255,255,.1);box-shadow:0 .1875rem .625rem #0000003d}body:not(.dark) .stats-studio-thumb-wrap{border-color:#00000014;box-shadow:0 .125rem .5rem #0000001a}.stats-studio-thumb{width:100%;height:100%;object-fit:cover}.stats-studio-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.35rem;opacity:.5}.stats-studio-thumb-badge{position:absolute;bottom:.25rem;right:.25rem;background:#111113e0;color:#f5c78e;font-size:.66rem;font-weight:700;padding:1px .3125rem;border-radius:.25rem;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(214,168,117,.3)}body:not(.dark) .stats-studio-thumb-badge{background:#ffffffeb;color:#a86725;border-color:#c589404d}.stats-studio-details{display:flex;flex-direction:column;justify-content:center;gap:.1875rem;min-width:0;height:100%}.stats-studio-row:hover .stats-studio-details,.stats-studio-row:active .stats-studio-details,.stats-studio-row:focus .stats-studio-details{transform:none}.stats-studio-title-row{display:flex;align-items:center;gap:.4375rem}.stats-studio-name{font-size:.96rem;font-weight:600;color:var(--text, #f4f4f5);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.stats-studio-best-game{font-size:.76rem;color:var(--muted-text, #a1a1aa);display:flex;align-items:center;gap:.3125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-studio-best-label{opacity:.75;font-size:.74rem}.stats-studio-best-title{color:var(--text, #f4f4f5);font-weight:600}.stats-studio-best-year{opacity:.65;font-size:.72rem}.stats-studio-genres{display:flex;align-items:center;gap:.3125rem;margin-top:0;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-height .22s cubic-bezier(.16,1,.3,1),opacity .2s cubic-bezier(.16,1,.3,1),margin-top .2s cubic-bezier(.16,1,.3,1)}@media(min-width:861px),(hover:hover){.stats-studio-row:hover .stats-studio-genres{max-height:1.375rem;opacity:1;pointer-events:auto;margin-top:.125rem}}.stats-studio-genre-tag{font-size:.66rem;font-weight:500;color:var(--muted-text, #a1a1aa);background:#ffffff0d;border:1px solid rgba(255,255,255,.07);padding:1px .375rem;border-radius:.3125rem}body:not(.dark) .stats-studio-genre-tag{background:#18181b0a;border-color:#18181b12;color:#71717a}.stats-studio-metrics{display:flex;align-items:center;gap:.875rem;flex-shrink:0}.stats-studio-metric-cell{display:flex;flex-direction:column;align-items:flex-end;min-width:3.75rem}.stats-studio-metric-val{font-size:1.02rem;font-weight:700;color:var(--text, #f4f4f5);font-variant-numeric:tabular-nums;line-height:1.2}.stats-studio-metric-cell.highlight .stats-studio-metric-val{color:#f5c78e}body:not(.dark) .stats-studio-metric-cell.highlight .stats-studio-metric-val{color:#c58940}.stats-studio-metric-cell.peak .stats-studio-metric-val{color:#38bdf8}body:not(.dark) .stats-studio-metric-cell.peak .stats-studio-metric-val{color:#0284c7}.stats-studio-metric-lbl{font-size:.66rem;color:var(--muted-text, #a1a1aa);text-transform:lowercase}.stats-studio-metric-divider{width:1px;height:1.375rem;background:var(--surface-border, rgba(255, 255, 255, .08))}body:not(.dark) .stats-studio-metric-divider{background:#18181b14}.stats-studio-row.top-3-row{height:4.75rem;min-height:4.75rem;max-height:4.75rem}.stats-studio-row.top-3-row .stats-studio-name{font-size:.98rem}.stats-studio-row.compact-row,.stats-studio-row:nth-child(n+4){height:3.25rem;min-height:3.25rem;max-height:3.25rem;padding:0 .875rem;border-radius:.625rem;gap:.75rem;background:#ffffff05;border-color:#ffffff0d}body:not(.dark) .stats-studio-row.compact-row,body:not(.dark) .stats-studio-row:nth-child(n+4){background:#18181b05;border-color:#18181b0d;box-shadow:none}.stats-studio-row.compact-row:hover,.stats-studio-row:nth-child(n+4):hover{background:#ffffff0a;border-color:#d6a87538}body:not(.dark) .stats-studio-row.compact-row:hover,body:not(.dark) .stats-studio-row:nth-child(n+4):hover{background:#fff;border-color:#c5894038;box-shadow:0 1px .25rem #0000000a}.stats-studio-row.compact-row .stats-studio-main,.stats-studio-row:nth-child(n+4) .stats-studio-main{gap:.625rem}.stats-studio-row.compact-row .stats-studio-rank,.stats-studio-row:nth-child(n+4) .stats-studio-rank{width:1.5rem;height:1.5rem;border-radius:.375rem;font-size:.74rem;font-weight:700}.stats-studio-row.compact-row .stats-studio-thumb-wrap,.stats-studio-row:nth-child(n+4) .stats-studio-thumb-wrap{width:4.125rem;height:2.375rem;border-radius:.375rem}.stats-studio-row.compact-row .stats-studio-thumb-badge,.stats-studio-row:nth-child(n+4) .stats-studio-thumb-badge{font-size:.58rem;padding:0 .1875rem;bottom:.125rem;right:.125rem}.stats-studio-row.compact-row .stats-studio-details,.stats-studio-row:nth-child(n+4) .stats-studio-details{gap:1px}.stats-studio-row.compact-row .stats-studio-name,.stats-studio-row:nth-child(n+4) .stats-studio-name{font-size:.85rem;font-weight:600}.stats-studio-row.compact-row .stats-studio-best-game,.stats-studio-row:nth-child(n+4) .stats-studio-best-game{font-size:.69rem;gap:.25rem}.stats-studio-row.compact-row .stats-studio-best-label,.stats-studio-row:nth-child(n+4) .stats-studio-best-label{font-size:.67rem}.stats-studio-row.compact-row .stats-studio-best-title,.stats-studio-row:nth-child(n+4) .stats-studio-best-title{font-size:.69rem}.stats-studio-row.compact-row .stats-studio-best-year,.stats-studio-row:nth-child(n+4) .stats-studio-best-year{font-size:.65rem}@media(min-width:861px),(hover:hover){.stats-studio-row.compact-row:hover .stats-studio-genres,.stats-studio-row:nth-child(n+4):hover .stats-studio-genres{max-height:1.125rem;margin-top:1px}}.stats-studio-row.compact-row .stats-studio-genre-tag,.stats-studio-row:nth-child(n+4) .stats-studio-genre-tag{font-size:.6rem;padding:0 .25rem;border-radius:.25rem}.stats-studio-row.compact-row .stats-studio-metrics,.stats-studio-row:nth-child(n+4) .stats-studio-metrics{gap:.625rem}.stats-studio-row.compact-row .stats-studio-metric-cell,.stats-studio-row:nth-child(n+4) .stats-studio-metric-cell{min-width:3.125rem}.stats-studio-row.compact-row .stats-studio-metric-val,.stats-studio-row:nth-child(n+4) .stats-studio-metric-val{font-size:.88rem;font-weight:600}.stats-studio-row.compact-row .stats-studio-metric-lbl,.stats-studio-row:nth-child(n+4) .stats-studio-metric-lbl{font-size:.58rem}.stats-studio-row.compact-row .stats-studio-metric-divider,.stats-studio-row:nth-child(n+4) .stats-studio-metric-divider{height:1rem}@media(max-width:860px){.stats-studio-row,.stats-studio-row.compact-row,.stats-studio-row:nth-child(n+4),.stats-studio-row.top-3-row{flex-direction:column;align-items:stretch;height:auto!important;min-height:unset!important;max-height:unset!important;gap:.5rem!important;padding:.75rem .875rem 0!important}.stats-studio-details{height:auto;transform:none!important}.stats-studio-genres{display:none!important}.stats-studio-metrics,.stats-studio-row.compact-row .stats-studio-metrics,.stats-studio-row:nth-child(n+4) .stats-studio-metrics{display:flex;justify-content:space-around;align-items:center;padding:.5rem 0 .5625rem!important;margin-top:.125rem!important;gap:0!important;border-top:1px solid var(--surface-border, rgba(255, 255, 255, .06))}.stats-studio-metric-cell,.stats-studio-row.compact-row .stats-studio-metric-cell,.stats-studio-row:nth-child(n+4) .stats-studio-metric-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:3.75rem;flex:1 1 0}.stats-studio-metric-val,.stats-studio-row.compact-row .stats-studio-metric-val,.stats-studio-row:nth-child(n+4) .stats-studio-metric-val{font-size:1.02rem!important;font-weight:700!important;line-height:1.15!important;margin:0!important}.stats-studio-metric-lbl,.stats-studio-row.compact-row .stats-studio-metric-lbl,.stats-studio-row:nth-child(n+4) .stats-studio-metric-lbl{font-size:.66rem!important;line-height:1.15!important;margin-top:.125rem!important;margin-bottom:0!important}.stats-studio-metric-divider,.stats-studio-row.compact-row .stats-studio-metric-divider,.stats-studio-row:nth-child(n+4) .stats-studio-metric-divider{height:1.375rem!important;flex:0 0 1px}}@media(max-width:520px){.stats-studio-thumb-wrap{width:5.625rem;height:3.375rem}.stats-studio-name{font-size:.95rem}.stats-studio-best-game{font-size:.76rem}}.stats-empty-state{text-align:center;padding:3.75rem 1.5rem;background:var(--solid-surface);border:1px solid var(--surface-border);border-radius:1.5rem;margin:2.5rem auto;max-width:32.5rem;box-shadow:0 .5rem 1.875rem #0000000d}.stats-insufficient-state{max-width:35rem}.stats-empty-badge{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .75rem;border-radius:1.25rem;background:#d6a87529;color:var(--primary-color, #c58940);border:1px solid rgba(214,168,117,.35);margin-bottom:.875rem}body.dark .stats-empty-badge{color:#f5c78e;background:#d6a87533;border-color:#d6a87573}.stats-empty-icon{font-size:3.2rem;margin-bottom:.875rem}.stats-empty-title{margin:0 0 .625rem;font-size:1.35rem;font-weight:800;color:var(--text);line-height:1.3}.stats-empty-desc{margin:0;font-size:.9rem;color:var(--muted-text);line-height:1.5}.stats-empty-progress-wrap{margin:1.375rem auto .375rem;max-width:20rem}.stats-empty-progress-bar{width:100%;height:.5rem;background:var(--surface-border);border-radius:999px;overflow:hidden}.stats-empty-progress-fill{height:100%;background:linear-gradient(90deg,#d6a875,#f5c78e);border-radius:999px;transition:width .6s cubic-bezier(.16,1,.3,1)}.stats-empty-progress-text{display:block;font-size:.76rem;font-weight:600;color:var(--muted-text);margin-top:.5rem}.stats-empty-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.375rem;border-radius:.75rem;background:#c58940;color:#fff;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s ease;box-shadow:0 .25rem .875rem #c5894047}body.dark .stats-empty-action-btn{background:#d6a875;color:#111113;box-shadow:0 .25rem .875rem #d6a87547}.stats-empty-action-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.stats-chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.5rem;color:var(--muted-text);font-size:.86rem;text-align:center;padding:1.25rem}.stats-timeline-legend-row{display:flex;justify-content:space-between;align-items:center;margin-top:.625rem;padding-top:.5rem;font-size:.78rem;color:var(--muted-text, #a1a1aa);gap:.5rem;flex-wrap:wrap}.stats-timeline-tip{font-size:.76rem;color:var(--muted-text, #a1a1aa)}.stats-timeline-legend{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--muted-text, #a1a1aa);user-select:none}.stats-timeline-gradient-bar{display:inline-block;width:4.375rem;height:.5rem;border-radius:.125rem;background:linear-gradient(90deg,#5a4a38,#f5c78e)}body:not(.dark) .stats-timeline-gradient-bar{background:linear-gradient(90deg,#d8bc98,#c58940)}.stats-rating-donut-layout{display:flex;align-items:center;justify-content:center;gap:2.25rem;flex-wrap:wrap;padding:.375rem .625rem .375rem .25rem;min-height:18.75rem}.stats-rating-donut-container{position:relative;width:16.25rem;height:16.25rem;flex:0 0 16.25rem;display:flex;align-items:center;justify-content:center;margin-left:.125rem}.stats-rating-donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;width:8.75rem}.stats-rating-donut-val{font-size:2.15rem;font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--text, #f4f4f5);font-variant-numeric:tabular-nums;transition:color .15s ease}body:not(.dark) .stats-rating-donut-val{color:#18181b}.stats-rating-donut-lbl{font-size:.72rem;font-weight:600;color:var(--muted-text, #a1a1aa);margin-top:.25rem;letter-spacing:.02em;white-space:nowrap}body:not(.dark) .stats-rating-donut-lbl{color:#71717a}.stats-rating-donut-legend{flex:0 1 12.1875rem;max-width:12.5rem;min-width:10.9375rem;display:flex;flex-direction:column;gap:.3125rem}.stats-rating-donut-row{display:flex;align-items:center;gap:.5rem;font-size:.79rem;padding:.25rem .5rem;border-radius:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .18s ease;user-select:none}body:not(.dark) .stats-rating-donut-row{background:#18181b08;border-color:#18181b0f}.stats-rating-donut-row:hover,.stats-rating-donut-row.active{background:#f5c78e1f;border-color:#f5c78e59;transform:translate(.125rem)}body:not(.dark) .stats-rating-donut-row:hover,body:not(.dark) .stats-rating-donut-row.active{background:#c589401a;border-color:#c5894059}.stats-rating-donut-dot{width:.5rem;height:.5rem;border-radius:50%;flex:0 0 .5rem;transition:transform .2s ease}.stats-rating-donut-row:hover .stats-rating-donut-dot,.stats-rating-donut-row.active .stats-rating-donut-dot{transform:scale(1.3)}.stats-rating-donut-range{flex:1;font-weight:500;color:var(--text, #f4f4f5)}body:not(.dark) .stats-rating-donut-range{color:#18181b}.stats-rating-donut-count{font-size:.74rem;color:var(--muted-text, #a1a1aa)}.stats-rating-donut-pct{min-width:2.125rem;text-align:right;font-weight:700;font-size:.76rem;color:var(--text, #f4f4f5)}body:not(.dark) .stats-rating-donut-pct{color:#18181b}.stats-canvas-wrap.lollipop-wrap{height:17.5rem;min-height:17.5rem}.stats-lollipop-dock-wrap{display:flex;justify-content:center;align-items:center;padding-bottom:.625rem;margin-bottom:.5rem;border-bottom:1px solid var(--border, rgba(255, 255, 255, .07))}body:not(.dark) .stats-lollipop-dock-wrap{border-bottom-color:#18181b14}.stats-criteria-dock{display:inline-flex;padding:.25rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:.875rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 .25rem 1rem #00000026}body:not(.dark) .stats-criteria-dock{background:#18181b0a;border-color:#18181b17;box-shadow:0 .125rem .625rem #0000000f}.stats-criteria-dock-track{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.1875rem;padding:.125rem}.stats-criteria-dock-btn{position:relative;z-index:1;flex:0 0 auto;border:none;background:transparent;color:var(--muted-text, #a1a1aa);font-family:Inter,-apple-system,sans-serif;font-size:.81rem;font-weight:500;padding:.375rem .75rem;border-radius:.625rem;cursor:pointer;transition:color .18s ease,transform .15s ease;user-select:none}body:not(.dark) .stats-criteria-dock-btn{color:#71717a}.stats-criteria-dock-btn:hover{color:var(--text, #f4f4f5);transform:translateY(-1px)}body:not(.dark) .stats-criteria-dock-btn:hover{color:#18181b}.stats-criteria-dock-btn.active{color:#f5c78e;font-weight:600}body:not(.dark) .stats-criteria-dock-btn.active{color:#a86725}.stats-criteria-dock-indicator{position:absolute;inset:0;border-radius:.625rem;border:.0938rem solid #d6a875;background:#d6a87529;box-shadow:0 0 .75rem #d6a87538,inset 0 0 .625rem #d6a87514;pointer-events:none;z-index:0}body:not(.dark) .stats-criteria-dock-indicator{border-color:#c58940;background:#c589401f;box-shadow:0 .125rem .5rem #c5894033}.stats-criteria-dock-text{position:relative;z-index:2}.stats-deviation-wrap{display:flex;flex-direction:column;justify-content:space-between;flex:1;padding:.25rem 0 .125rem}.stats-deviation-table{position:relative;width:100%}.stats-deviation-grid-bg{position:absolute;left:7.875rem;right:0;top:0;bottom:0;pointer-events:none}.stats-deviation-gl{position:absolute;top:0;bottom:0;width:0;border-left:1px solid rgba(255,255,255,.08)}body:not(.dark) .stats-deviation-gl{border-left-color:#00000014}.stats-deviation-gl.center-line{border-left:.0938rem solid #71717a}body:not(.dark) .stats-deviation-gl.center-line{border-left-color:#94a3b8}.stats-deviation-row{display:grid;grid-template-columns:7.875rem 1fr;align-items:center;height:2.375rem;border-bottom:1px solid rgba(255,255,255,.05);border-radius:.375rem;transition:background .15s ease}body:not(.dark) .stats-deviation-row{border-bottom-color:#0000000d}.stats-deviation-row:hover{background:#ffffff0a}body:not(.dark) .stats-deviation-row:hover{background:#18181b08}.stats-deviation-nm{font-size:.8125rem;font-weight:500;color:var(--text, #ececec);padding-right:.875rem;text-align:right;white-space:nowrap}body:not(.dark) .stats-deviation-nm{color:#18181b}.stats-deviation-track{position:relative;height:100%}.stats-deviation-bar{position:absolute;top:.5625rem;height:1.125rem;border-radius:.25rem;transition:width .6s cubic-bezier(.16,1,.3,1)}.stats-deviation-bar.positive{background:#f2c48e}body:not(.dark) .stats-deviation-bar.positive{background:#c58940}.stats-deviation-bar.negative{background:#7d8aa3}body:not(.dark) .stats-deviation-bar.negative{background:#64748b}.stats-deviation-val{position:absolute;top:0;height:100%;display:flex;align-items:center;font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.stats-deviation-val.positive{color:#f2c48e}body:not(.dark) .stats-deviation-val.positive{color:#b47830}.stats-deviation-val.negative{color:#aab4c8}body:not(.dark) .stats-deviation-val.negative{color:#475569}.stats-deviation-axis{display:grid;grid-template-columns:7.875rem 1fr;margin-top:.375rem}.stats-deviation-axis-marks{position:relative;height:1.125rem}.stats-deviation-axis-mark{position:absolute;transform:translate(-50%);font-size:.6875rem;font-weight:500;color:var(--muted-text, #8a8a92);white-space:nowrap}.stats-deviation-axis-mark.center{font-weight:700;color:var(--text, #ececec)}body:not(.dark) .stats-deviation-axis-mark.center{color:#18181b}.stats-deviation-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:.875rem;font-size:.75rem;color:var(--muted-text, #a5a5ad);flex-wrap:wrap}.stats-deviation-legend-item{display:flex;align-items:center;gap:.375rem}.stats-deviation-legend-dot{width:.625rem;height:.625rem;border-radius:.125rem}.stats-deviation-legend-dot.pos{background:#f2c48e}body:not(.dark) .stats-deviation-legend-dot.pos{background:#c58940}.stats-deviation-legend-dot.neg{background:#7d8aa3}body:not(.dark) .stats-deviation-legend-dot.neg{background:#64748b}@media(max-width:480px){.stats-deviation-row{grid-template-columns:5.9375rem 1fr}.stats-deviation-grid-bg{left:5.9375rem}.stats-deviation-axis{grid-template-columns:5.9375rem 1fr}.stats-deviation-nm{font-size:.7188rem;padding-right:.5rem}}@media(max-width:1040px){.stats-hero-content{grid-template-columns:1fr;gap:1.5rem}.stats-hero-hours-group{padding-left:0;padding-right:0}}@media(max-width:900px){.stats-charts-grid{grid-template-columns:1fr}}@media(max-width:680px){.stats-hero-card{padding:1.25rem 1.125rem;border-radius:1.25rem;margin-bottom:1.25rem}.stats-hero-hours-group{flex-direction:column;align-items:flex-start;gap:1rem}.stats-hero-metrics-group{grid-template-columns:1fr;gap:.625rem}}@media(max-width:640px){.stats-hero-glow{top:28%!important;left:18%!important;will-change:auto}.stats-page{padding:.875rem .625rem 4.375rem}.stats-topbar{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.875rem}.stats-topbar-left{width:100%;justify-content:space-between}.stats-topbar-right{justify-content:flex-end}.stats-chart-card{padding:1rem .875rem;border-radius:1rem}.stats-rating-donut-layout{flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:.5rem 0;min-height:auto}.stats-rating-donut-container{margin:0 auto;width:min(15.625rem,72vw);height:min(15.625rem,72vw);flex:0 0 auto}.stats-rating-donut-legend{width:100%;max-width:16.875rem;min-width:0;flex:0 0 auto;margin:0 auto;align-items:stretch}.stats-chart-header{flex-direction:column;align-items:flex-start;gap:.5rem}.stats-canvas-wrap{height:14.375rem;min-height:14.375rem}.stats-canvas-wrap.scatter-wrap,.stats-canvas-wrap.compact-wrap{height:16.875rem;min-height:16.875rem}.stats-canvas-wrap.lollipop-wrap{height:16.25rem;min-height:16.25rem}.stats-criteria-dock{width:100%;box-sizing:border-box;padding:.1875rem}.stats-criteria-dock-track{width:100%;gap:.125rem}.stats-criteria-dock-btn{font-size:.73rem;padding:.3125rem .5rem}}@media(max-width:360px){.stats-canvas-wrap{height:13.125rem;min-height:13.125rem}.stats-canvas-wrap.scatter-wrap,.stats-canvas-wrap.compact-wrap{height:15rem;min-height:15rem}.stats-canvas-wrap.lollipop-wrap{height:15.3125rem;min-height:15.3125rem}.stats-criteria-dock-btn{font-size:.68rem;padding:.25rem .375rem}}#modal-review,.game-page-review,.profile-comment-body,.user-submission-review,.user-submission-note,.rating-info-text,.rating-info-note{user-select:text}:where(button,[role=button],a,input,select,textarea):focus-visible{outline:.125rem solid var(--genre-accent);outline-offset:.125rem}.add-game-rating-number:focus-visible{outline:0!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.account-icon-button>svg{width:1.5rem;height:1.5rem}.signin-link-icon{width:.875rem;height:.875rem}.profile-avatar-preview>svg{width:1.75rem;height:1.75rem}.library-person-avatar>svg,.comment-author-avatar>svg{width:1.4375rem;height:1.4375rem}.share-action-btn>svg{width:.9375rem;height:.9375rem}@media(min-width:2561px){html{font-size:calc(100vw / 122)}}