@font-face{font-family:Inter;src:url(/fonts/inter-variable.ttf) format("truetype");font-display:swap;font-weight:100 900}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-variable.ttf) format("truetype");font-display:swap;font-weight:100 800}:root{color-scheme:light;--bg: #fafbf8;--surface: #ffffff;--surface-raised: #f0f2ec;--surface-selected: #e5eed1;--ink: #1c271e;--ink-secondary: #5e6b60;--ink-tertiary: #839086;--line: #dfe4dc;--primary: #77a92d;--primary-bright: #91c63e;--primary-ink: #172107;--danger: #c33a48;--warning: #d89431;--scrim: rgb(5 11 7 / 76%);--shadow: 0 18px 52px rgb(20 35 21 / 10%);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 22px;--radius-2xl: 28px;--content: 1320px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=dark]{color-scheme:dark;--bg: #101510;--surface: #1b211b;--surface-raised: #242c23;--surface-selected: #334323;--ink: #f2f5eb;--ink-secondary: #b1bba9;--ink-tertiary: #808c7c;--line: #303a2f;--primary: #c5f167;--primary-bright: #d5ff7a;--primary-ink: #172107;--danger: #ff7c89;--warning: #f4b861;--scrim: rgb(4 8 5 / 78%);--shadow: 0 20px 64px rgb(0 0 0 / 32%)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #101510;--surface: #1b211b;--surface-raised: #242c23;--surface-selected: #334323;--ink: #f2f5eb;--ink-secondary: #b1bba9;--ink-tertiary: #808c7c;--line: #303a2f;--primary: #c5f167;--primary-bright: #d5ff7a;--primary-ink: #172107;--danger: #ff7c89;--warning: #f4b861;--scrim: rgb(4 8 5 / 78%);--shadow: 0 20px 64px rgb(0 0 0 / 32%)}}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}body,button,input,textarea,select{font:inherit}button,input,textarea,select{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.app{min-height:100vh;padding-left:236px}.app.fullscreen{padding:0}.app-main{min-height:100vh}.side-nav{position:fixed;z-index:50;inset:0 auto 0 0;display:flex;width:236px;flex-direction:column;gap:32px;padding:27px 20px 22px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(24px)}.brand-lockup{display:inline-flex;align-items:center;gap:10px;width:max-content;font-weight:850;letter-spacing:-.05em}.brand-mark{position:relative;display:grid;width:34px;height:34px;place-items:center;overflow:hidden;border-radius:11px;background:var(--primary);color:var(--primary-ink);box-shadow:0 7px 22px color-mix(in srgb,var(--primary) 22%,transparent)}.brand-mark i{font-size:21px;font-style:normal;font-weight:900;transform:translate(-1px)}.brand-mark b{position:absolute;right:2px;top:-3px;font-size:12px}.brand-word{font-size:21px}.brand-word span,.title-header h1 span{color:var(--primary)}.side-nav>nav{display:grid;gap:7px}.side-nav>nav a,.side-bottom a{display:flex;min-height:48px;align-items:center;gap:14px;padding:0 14px;border-radius:var(--radius-md);color:var(--ink-secondary);font-size:14px;font-weight:700;transition:.16s ease}.side-nav>nav a:hover,.side-bottom a:hover{background:var(--surface-raised);color:var(--ink)}.side-nav>nav a.router-link-active{background:var(--surface-selected);color:var(--primary)}.side-bottom{display:grid;gap:6px;margin-top:auto}.top-bar,.bottom-nav{display:none}.page{width:min(100%,var(--content));margin:0 auto;padding:54px clamp(26px,4vw,68px) 80px}.title-header,.page-header,.section-heading,.filter-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.title-header,.page-header{min-height:80px;margin-bottom:30px}.title-header small,.page-header small,.hero-copy small,.login-copy small,.login-art small,.profile-card small,.profile-callout small,.membership-hero small,.tier-card>small,.search-empty small,.modal>small{display:block;margin-bottom:7px;color:var(--primary);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:750;letter-spacing:.13em}.title-header h1,.page-header h1{margin:0;font-size:clamp(34px,4vw,50px);font-weight:820;letter-spacing:-.055em;line-height:1}.icon-button{display:inline-grid;width:43px;height:43px;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);cursor:pointer;transition:.16s ease}.icon-button:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.button{display:inline-flex;min-height:47px;align-items:center;justify-content:center;gap:9px;padding:0 20px;border-radius:var(--radius-md);font-size:14px;font-weight:800;cursor:pointer;transition:.16s ease}.button:disabled{cursor:not-allowed;opacity:.55}.button.primary{background:var(--primary);color:var(--primary-ink);box-shadow:0 10px 30px color-mix(in srgb,var(--primary) 18%,transparent)}.button.primary:hover:not(:disabled){background:var(--primary-bright);transform:translateY(-2px)}.button.secondary{border:1px solid var(--line);background:var(--surface-raised);color:var(--ink)}.button.secondary:hover:not(:disabled),.button.secondary.selected{border-color:var(--primary);color:var(--primary)}.button.compact{min-height:40px;padding-inline:16px}.text-link{padding:8px 0;background:transparent;color:var(--primary);font-weight:750;cursor:pointer}.inline-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--primary) 32%,var(--line));border-radius:var(--radius-md);background:var(--surface-selected);color:var(--ink);font-size:14px}.inline-notice.error{border-color:color-mix(in srgb,var(--danger) 36%,var(--line));background:color-mix(in srgb,var(--danger) 10%,var(--surface))}.inline-notice button{display:grid;padding:2px;background:transparent;cursor:pointer}.greeting{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:4px 0 30px}.greeting h1{margin:0;font-size:clamp(30px,4vw,46px);font-weight:820;letter-spacing:-.05em;line-height:1.08}.greeting p{margin:8px 0 0;color:var(--ink-secondary)}.time-pill,.tier-chip{display:inline-flex;min-height:38px;align-items:center;gap:7px;padding:0 13px;border-radius:99px;background:var(--surface-selected);color:var(--primary);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:800}.resume-card{display:grid;grid-template-columns:102px 1fr auto;align-items:center;gap:16px;margin-bottom:22px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.resume-card>img{width:102px;height:62px;object-fit:cover;border-radius:var(--radius-sm)}.resume-card strong,.resume-card small{display:block}.resume-card small{margin-top:4px;color:var(--ink-secondary)}.play-orb{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:var(--primary);color:var(--primary-ink)}.hero-card{position:relative;min-height:clamp(390px,52vw,610px);overflow:hidden;border-radius:var(--radius-2xl);background:var(--surface-raised) center/cover no-repeat;box-shadow:var(--shadow)}.hero-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-scrim,.detail-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgb(4 10 5 / 92%) 0%,rgb(4 10 5 / 58%) 50%,transparent 82%),linear-gradient(0deg,rgb(4 10 5 / 72%),transparent 52%)}.hero-copy{position:absolute;z-index:1;left:clamp(28px,5vw,68px);bottom:clamp(28px,5vw,64px);width:min(590px,calc(100% - 56px));color:#f5f7ef}.hero-copy h2{margin:0;font-size:clamp(38px,6vw,72px);font-weight:850;letter-spacing:-.06em;line-height:.98}.hero-copy p{max-width:500px;margin:18px 0 24px;color:#c6cec1;font-size:16px}.hero-copy>div{display:flex;align-items:center;gap:20px}.shelf-section{margin-top:42px}.section-heading{margin-bottom:17px}.section-heading h2{margin:0;font-size:23px;letter-spacing:-.035em}.section-heading a{color:var(--primary);font-size:13px;font-weight:750}.game-shelf{display:grid;grid-auto-columns:minmax(188px,1fr);grid-auto-flow:column;gap:17px;overflow-x:auto;padding:2px 2px 16px;scroll-snap-type:x proximity;scrollbar-color:var(--line) transparent}.game-shelf>*{scroll-snap-align:start}.game-card{display:grid;min-width:0;gap:10px}.game-card.wide{min-width:290px}.game-art{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--radius-lg);background:var(--surface-raised)}.game-card.wide .game-art{aspect-ratio:16 / 10}.game-art img,.row-art img{width:100%;height:100%;object-fit:cover;transition:transform .26s ease}.game-card:hover .game-art img,.game-row:hover .row-art img{transform:scale(1.035)}.premium-badge,.status-badge{position:absolute;left:10px;bottom:10px;padding:5px 8px;border-radius:var(--radius-xs);background:#090d09d1;color:#e1ff9f;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:800;letter-spacing:.08em;backdrop-filter:blur(10px)}.status-badge{color:#e6eae2}.game-card-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.game-card-copy>span:first-child,.row-copy{min-width:0}.game-card-copy strong,.game-card-copy small,.row-copy strong,.row-copy small{display:block}.game-card-copy strong,.row-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-card-copy small,.row-copy small{margin-top:2px;overflow:hidden;color:var(--ink-secondary);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.game-score{display:grid;min-width:43px;justify-items:end;color:var(--primary)}.game-score b{font-family:JetBrains Mono,monospace;font-size:14px}.game-score small{font-family:JetBrains Mono,monospace;font-size:8px;letter-spacing:.12em}.art-fallback{display:grid;width:100%;height:100%;place-items:center;background:linear-gradient(145deg,var(--surface-raised),var(--surface-selected));color:var(--primary)}.sticky-tools{position:sticky;z-index:10;top:0;margin:0 calc(clamp(26px,4vw,68px)*-1) 22px;padding:9px clamp(26px,4vw,68px) 14px;background:color-mix(in srgb,var(--bg) 91%,transparent);backdrop-filter:blur(18px)}.chip-rail{display:flex;gap:9px;overflow-x:auto;padding:4px 0 12px;scrollbar-width:none}.chip-rail::-webkit-scrollbar{display:none}.chip-rail button,.segmented button{flex:0 0 auto;min-height:36px;padding:0 15px;border-radius:99px;background:var(--surface-raised);color:var(--ink-secondary);font-size:13px;font-weight:700;cursor:pointer}.chip-rail button.active,.segmented button.active{background:var(--surface-selected);color:var(--primary)}.filter-row{color:var(--ink-secondary);font-size:13px}.filter-row label{display:flex;align-items:center;gap:7px;margin-left:auto}select,input,textarea{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}select{min-height:39px;padding:0 36px 0 12px}input,textarea{padding:11px 13px}textarea{resize:vertical}input[type=checkbox],input[type=radio]{accent-color:var(--primary)}.game-list{display:grid;gap:10px}.game-row{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:17px;padding:11px;border:1px solid transparent;border-radius:var(--radius-lg);transition:.16s ease}.game-row:hover{border-color:var(--line);background:var(--surface);transform:translateY(-1px)}.row-art{display:block;width:112px;aspect-ratio:16 / 10;overflow:hidden;border-radius:var(--radius-sm);background:var(--surface-raised)}.load-more{display:flex;margin:24px auto 0}.search-heading{display:flex;align-items:center;gap:13px;margin-bottom:28px}.search-field{display:flex;min-height:55px;flex:1;align-items:center;gap:12px;padding:0 17px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.search-field input{min-width:0;flex:1;padding:0;border:0;outline:0;background:transparent;font-size:18px}.search-field>button{display:grid;padding:4px;background:transparent;cursor:pointer}.result-count{margin-bottom:18px;color:var(--ink-secondary)}.search-empty,.page-state{display:grid;min-height:360px;place-items:center;align-content:center;text-align:center}.search-empty h1,.page-state h2{max-width:590px;margin:0 0 10px;font-size:clamp(28px,4vw,46px);letter-spacing:-.05em}.search-empty p,.page-state p{max-width:470px;color:var(--ink-secondary)}.state-icon{display:grid;width:58px;height:58px;margin-bottom:17px;place-items:center;border-radius:var(--radius-lg);background:var(--surface-selected);color:var(--primary)}.spinner{width:36px;height:36px;margin-bottom:20px;border:3px solid var(--surface-raised);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.detail-hero{position:relative;min-height:min(70vh,720px);overflow:hidden;background:var(--surface-raised) center/cover no-repeat}.detail-page{overflow-x:hidden}.detail-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.detail-hero .detail-scrim{background:linear-gradient(0deg,#040805f0,#04080561 44%,#0408051f),linear-gradient(90deg,rgb(4 8 5 / 76%),transparent 70%)}.detail-back{position:absolute;z-index:2;top:30px;left:clamp(26px,4vw,68px);border-color:#fff3;background:#080e097f;color:#fff;backdrop-filter:blur(14px)}.detail-copy{position:absolute;z-index:1;inset:auto 0 0;padding-bottom:54px;color:#f4f6ef}.detail-copy h1{max-width:820px;margin:0 0 14px;font-size:clamp(42px,7vw,82px);letter-spacing:-.065em;line-height:.96}.detail-copy>p{max-width:650px;color:#c7cec2;font-size:17px}.detail-meta,.detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px 22px}.detail-meta{margin:18px 0 24px;color:#c7cec2;font-size:13px}.detail-meta b{color:var(--primary);font-family:JetBrains Mono,monospace}.detail-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:52px;padding-top:44px}.detail-main{display:grid;min-width:0;gap:46px}.detail-main h2,.facts-card h3{margin-bottom:15px;letter-spacing:-.03em}.long-copy{max-width:830px;color:var(--ink-secondary);font-size:16px;line-height:1.75;white-space:pre-line}.screenshot-rail{display:flex;gap:14px;overflow-x:auto;padding-bottom:12px}.screenshot-rail img{width:min(76vw,510px);aspect-ratio:16 / 9;flex:0 0 auto;object-fit:cover;border-radius:var(--radius-lg)}.review-summary-card{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:22px;padding:22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.review-summary-card>span{display:grid}.review-summary-card>span b{color:var(--primary);font-family:JetBrains Mono,monospace;font-size:29px}.review-summary-card>span small{font-family:JetBrains Mono,monospace;font-size:8px;letter-spacing:.1em}.review-summary-card p{margin:3px 0 0;color:var(--ink-secondary)}.facts-card{position:sticky;top:30px;padding:22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.facts-card dl{display:grid;grid-template-columns:88px 1fr;gap:13px;margin:0;font-size:13px}.facts-card dt{color:var(--ink-tertiary)}.facts-card dd{margin:0;color:var(--ink-secondary)}.related-section{grid-column:1 / -1}.segmented{display:flex;gap:8px;margin-bottom:25px}.notification-list{display:grid;gap:8px}.notification{position:relative;display:grid;grid-template-columns:44px 1fr;gap:14px;width:100%;padding:16px;border:1px solid transparent;border-radius:var(--radius-lg);background:transparent;color:var(--ink);text-align:left;cursor:pointer}.notification:hover,.notification.unread{border-color:var(--line);background:var(--surface)}.notification-icon,.link-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:var(--radius-md);background:var(--surface-raised);color:var(--primary)}.notification strong,.notification small{display:block}.notification p{margin:3px 0 6px;color:var(--ink-secondary)}.notification small{color:var(--ink-tertiary);font-size:11px}.notification>i{position:absolute;top:20px;right:18px;width:7px;height:7px;border-radius:50%;background:var(--primary)}.profile-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:26px;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface)}.profile-avatar{display:grid;width:72px;height:72px;place-items:center;border-radius:var(--radius-xl);background:var(--surface-selected);color:var(--primary);font-size:30px;font-weight:850}.profile-card h2{margin:0 0 4px;font-size:25px}.profile-card p{margin:0;color:var(--ink-secondary)}.profile-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.profile-links a{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;padding:17px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.profile-links strong,.profile-links small{display:block}.profile-links small{margin-top:3px;color:var(--ink-secondary);font-size:12px}.profile-callout{margin-top:22px;padding:clamp(28px,5vw,54px);overflow:hidden;border-radius:var(--radius-xl);background:linear-gradient(125deg,#25361c,#121a13 68%);color:#f4f7ef}.profile-callout h2{margin:0 0 8px;font-size:clamp(28px,4vw,43px);letter-spacing:-.05em}.profile-callout p{max-width:570px;margin:0;color:#b9c4b2}.membership-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px;padding:clamp(26px,5vw,48px);border-radius:var(--radius-xl);background:linear-gradient(130deg,var(--surface-selected),var(--surface))}.membership-hero h2{margin:0 0 6px;font-size:clamp(30px,4vw,48px);letter-spacing:-.05em}.membership-hero p{margin:0;color:var(--ink-secondary)}.tier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tier-card{position:relative;min-width:0;overflow:hidden;padding:clamp(25px,4vw,42px);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface)}.tier-card.premium{border-color:color-mix(in srgb,#d9b467 46%,var(--line));background:linear-gradient(150deg,color-mix(in srgb,#d9b467 10%,var(--surface)),var(--surface) 55%)}.tier-card>img{width:62px;height:62px;margin-bottom:28px}.tier-card h2{margin:0 0 9px;font-size:clamp(28px,3vw,40px);letter-spacing:-.05em}.tier-card>p{min-height:48px;color:var(--ink-secondary)}.tier-card ul{display:grid;gap:10px;margin:24px 0 30px;padding:0;list-style:none}.tier-card li{display:flex;align-items:center;gap:10px;color:var(--ink-secondary)}.tier-card li svg{color:var(--primary)}.plan-grid{display:grid;gap:9px}.plan-grid button{display:flex;min-height:67px;align-items:center;justify-content:space-between;gap:16px;padding:12px 15px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--ink);text-align:left;opacity:1}.plan-grid strong,.plan-grid small{display:block}.plan-grid small{margin-top:3px;color:var(--ink-tertiary);font-size:11px}.plan-grid b{flex:0 0 auto;color:var(--primary)}.purchase-note{margin:20px auto 0;color:var(--ink-tertiary);font-size:12px;text-align:center}.settings-page{max-width:980px}.settings-card{margin-bottom:13px;padding:23px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.settings-card h2{margin:0 0 4px;font-size:18px}.settings-card>p{margin-bottom:19px;color:var(--ink-secondary);font-size:13px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.theme-options label{display:flex;min-height:52px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink-secondary);cursor:pointer}.theme-options label.active{border-color:var(--primary);background:var(--surface-selected);color:var(--primary)}.theme-options input{position:absolute;opacity:0}.wide-select{width:100%}.inline-form{display:flex;gap:9px}.inline-form input{min-width:0;flex:1}.action-list{padding:0}.action-list h2{padding:22px 22px 10px}.action-list>button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;padding:15px 22px;border-top:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;cursor:pointer}.action-list strong,.action-list small{display:block}.action-list small{margin-top:3px;color:var(--ink-secondary);font-size:12px}.action-list .danger-row strong,.action-list .danger-row>svg{color:var(--danger)}.settings-footnote{margin:22px 0;color:var(--ink-tertiary);font-family:JetBrains Mono,monospace;font-size:10px;text-align:center}.review-overview{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:30px;margin-bottom:20px;padding:24px;border-radius:var(--radius-lg);background:var(--surface-selected)}.review-overview>div:first-child{display:grid}.review-overview>div:first-child b{color:var(--primary);font-family:JetBrains Mono,monospace;font-size:38px}.review-overview small{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.1em}.review-overview>div:nth-child(2) strong,.review-overview>div:nth-child(2) span{display:block}.review-overview>div:nth-child(2) strong{font-size:23px}.review-overview>div:nth-child(2) span{color:var(--ink-secondary);font-size:12px}.review-overview>label{display:grid;gap:4px;color:var(--ink-secondary);font-size:11px}.review-list{display:grid;gap:11px}.review-card{padding:21px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.review-card>header{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px}.review-avatar{display:grid;width:40px;height:40px;place-items:center;border-radius:var(--radius-md);background:var(--surface-selected);color:var(--primary);font-weight:800}.review-card header strong,.review-card header small{display:block}.review-card header small{color:var(--ink-tertiary);font-size:11px}.recommend-pill{padding:6px 9px;border-radius:99px;background:var(--surface-selected);color:var(--primary);font-size:10px;font-weight:800}.recommend-pill.no{background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--danger)}.rating-stars{display:flex;gap:3px;margin:16px 0 10px;color:var(--line)}.rating-stars .filled{color:var(--warning)}.review-card>p{color:var(--ink-secondary);line-height:1.65}.review-card footer{display:flex;gap:16px}.review-card footer button{padding:0;background:transparent;color:var(--ink-tertiary);font-size:11px;cursor:pointer}.review-card footer button.selected{color:var(--primary)}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:#020603b8;backdrop-filter:blur(10px)}.modal{position:relative;display:grid;width:min(100%,560px);max-height:calc(100vh - 40px);gap:13px;overflow-y:auto;padding:30px;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow)}.modal h2{margin:-4px 0 8px;font-size:28px}.modal>label{display:grid;gap:6px;color:var(--ink-secondary);font-size:12px}.modal fieldset{display:flex;gap:20px;margin:0;padding:10px 0;border:0}.modal legend{margin-bottom:6px;color:var(--ink-secondary);font-size:12px}.modal-close{position:absolute;top:16px;right:16px}.char-count{justify-self:end;color:var(--ink-tertiary)}.login-page{display:grid;min-height:100vh;grid-template-columns:minmax(420px,1.25fr) minmax(420px,.75fr);background:var(--surface)}.login-art{display:flex;min-height:100vh;flex-direction:column;justify-content:space-between;overflow:hidden;padding:clamp(42px,6vw,88px);background:radial-gradient(circle at 65% 35%,rgb(197 241 103 / 20%),transparent 28%),linear-gradient(145deg,#182418,#090e0a);color:#f3f6ed}.login-art h1{max-width:680px;margin:0;font-size:clamp(46px,6vw,86px);letter-spacing:-.065em;line-height:.96}.login-art p{max-width:570px;margin:23px 0 0;color:#b8c2b3;font-size:17px}.login-orbit{position:relative;width:clamp(230px,26vw,360px);aspect-ratio:1;align-self:center;border:1px solid rgb(197 241 103 / 24%);border-radius:50%}.login-orbit:before,.login-orbit:after{position:absolute;inset:14%;border:1px solid rgb(197 241 103 / 19%);border-radius:50%;content:""}.login-orbit:after{inset:29%}.login-orbit>i{position:absolute;inset:32%;display:grid;place-items:center;border-radius:34%;background:var(--primary);color:var(--primary-ink);font-size:clamp(52px,7vw,88px);font-style:normal;font-weight:900;transform:rotate(-8deg);box-shadow:0 30px 90px #c5f16738}.login-orbit>i b{position:absolute;right:2px;top:-12px;font-size:23px}.login-orbit>span{position:absolute;z-index:1;width:11px;height:11px;border-radius:50%;background:var(--primary);box-shadow:0 0 20px var(--primary)}.login-orbit>span:first-child{top:13%;right:18%}.login-orbit>span:nth-child(2){left:6%;bottom:28%}.login-panel{position:relative;display:flex;min-height:100vh;flex-direction:column;justify-content:center;padding:clamp(36px,7vw,90px)}.login-back{position:absolute;top:28px;left:28px}.login-copy{margin:65px 0 28px}.login-copy h2{margin:0 0 8px;font-size:clamp(34px,4vw,52px);letter-spacing:-.055em;line-height:1}.login-copy p,.login-legal{color:var(--ink-secondary)}.guest-button{width:100%}.login-divider{display:flex;align-items:center;gap:12px;margin:21px 0;color:var(--ink-tertiary);font-size:11px}.login-divider:before,.login-divider:after{height:1px;flex:1;background:var(--line);content:""}.google-button{display:flex;justify-content:center}.login-legal{margin:24px 0 0;font-size:11px;text-align:center}.play-page{position:fixed;z-index:200;inset:0;overflow:hidden;background:#030503;color:#fff}.game-surface,.game-surface video,.vgamepad-host{position:absolute;inset:0;width:100%;height:100%}.game-surface video{object-fit:contain;background:#000}.vgamepad-host{z-index:2;pointer-events:none}.vgamepad-host>*{pointer-events:auto}.session-wait{position:absolute;z-index:5;inset:0;display:grid;place-items:center;align-content:center;padding:40px 22px;background:#07100b;background-position:center;background-size:cover;text-align:center}.session-wait h1{max-width:680px;margin:24px 0 8px;font-size:clamp(31px,5vw,56px);letter-spacing:-.05em}.session-wait p{max-width:560px;margin-bottom:20px;color:#b7c1b2}.session-close{position:absolute;top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));display:grid;width:44px;height:44px;place-items:center;border-radius:50%;background:#ffffff17;color:#fff;cursor:pointer}.queue-orbit{position:relative;display:grid;width:130px;height:130px;place-items:center;border:1px solid rgb(197 241 103 / 14%);border-radius:50%}.queue-orbit:after{position:absolute;inset:14px;border:1px solid rgb(197 241 103 / 20%);border-radius:50%;content:""}.queue-orbit i{z-index:1;display:grid;width:72px;height:72px;place-items:center;border-radius:25px;background:var(--primary);color:var(--primary-ink);font-family:JetBrains Mono,monospace;font-size:20px;font-style:normal;font-weight:850}.queue-orbit>span{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--primary);animation:orbit 2.4s linear infinite}.queue-orbit>span:nth-of-type(2){animation-delay:-.8s}.queue-orbit>span:nth-of-type(3){animation-delay:-1.6s}@keyframes orbit{0%{transform:rotate(0) translate(64px) rotate(0)}to{transform:rotate(360deg) translate(64px) rotate(-360deg)}}.progress-track{width:min(360px,78vw);height:4px;overflow:hidden;border-radius:99px;background:#ffffff1f}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--primary);transition:width .4s ease}.session-cancel{margin-top:7px}.session-chrome{position:absolute;z-index:8;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:max(18px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:linear-gradient(180deg,rgb(0 0 0 / 62%),transparent 20%,transparent 78%,rgb(0 0 0 / 66%));pointer-events:none;transition:opacity .22s ease}.session-chrome.hidden{opacity:0}.session-top,.session-bottom,.stream-stats{display:flex;align-items:center;gap:10px}.session-top,.session-bottom{justify-content:space-between}.session-top>span{overflow:hidden;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.stream-stats{font-family:JetBrains Mono,monospace;font-size:10px}.stream-stats span{padding:6px 8px;border-radius:var(--radius-xs);background:#0000005c}.glass-button{display:inline-flex;min-height:39px;align-items:center;gap:7px;padding:0 13px;border:1px solid rgb(255 255 255 / 14%);border-radius:var(--radius-sm);background:#080c0994;color:#fff;cursor:pointer;pointer-events:auto;backdrop-filter:blur(12px)}.session-bottom>span{margin-left:auto;color:#ffffffa6;font-size:11px}@media (max-width: 980px){.app{padding-left:86px}.side-nav{width:86px;align-items:center;padding-inline:13px}.brand-word,.side-nav a span{display:none}.side-nav>nav,.side-bottom{width:100%}.side-nav>nav a,.side-bottom a{justify-content:center;padding:0}.detail-body{grid-template-columns:1fr}.facts-card{position:static}.login-page{grid-template-columns:1fr}.login-art{display:none}}@media (max-width: 720px){body{font-size:14px}.app{padding:62px 0 calc(74px + env(safe-area-inset-bottom))}.app.fullscreen{padding:0}.side-nav{display:none}.top-bar{position:fixed;z-index:50;inset:0 0 auto;display:flex;min-height:62px;align-items:center;justify-content:space-between;padding:max(9px,env(safe-area-inset-top)) 17px 9px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(22px)}.top-actions{display:flex;align-items:center;gap:9px}.top-bar .icon-button{width:39px;height:39px;border:0;background:transparent}.avatar-button{display:grid;width:36px;height:36px;place-items:center;overflow:hidden;border-radius:50%;background:var(--surface-selected);color:var(--primary);font-weight:800}.bottom-nav{position:fixed;z-index:50;inset:auto 0 0;display:grid;grid-template-columns:repeat(4,1fr);padding:7px 8px max(7px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(22px)}.bottom-nav a{display:grid;min-height:50px;place-items:center;align-content:center;gap:2px;border-radius:var(--radius-sm);color:var(--ink-tertiary);font-size:10px;font-weight:700}.bottom-nav a.router-link-active{background:var(--surface-selected);color:var(--primary)}.page{padding:26px 17px 42px}.title-header,.page-header{min-height:60px;margin-bottom:18px}.title-header h1,.page-header h1{font-size:34px}.greeting{align-items:center;margin-bottom:21px}.greeting h1{font-size:29px}.greeting p{font-size:12px}.resume-card{grid-template-columns:82px 1fr auto;gap:11px}.resume-card>img{width:82px;height:54px}.hero-card{min-height:440px;border-radius:var(--radius-xl)}.hero-scrim{background:linear-gradient(0deg,#040a05eb,#040a0529 78%)}.hero-copy{left:23px;bottom:25px;width:calc(100% - 46px)}.hero-copy h2{font-size:43px}.hero-copy p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.shelf-section{margin-top:34px}.game-shelf{grid-auto-columns:160px;margin-right:-17px}.game-shelf .game-card.wide{min-width:250px}.sticky-tools{top:62px;margin-inline:-17px;padding-inline:17px}.filter-row{flex-wrap:wrap}.filter-row label{margin-left:0}.filter-row select{margin-left:auto}.game-row{grid-template-columns:96px minmax(0,1fr) auto;gap:12px;padding:8px 0}.row-art{width:96px}.detail-hero{min-height:600px}.detail-copy{padding-bottom:32px}.detail-copy h1{font-size:48px}.detail-copy>p{font-size:14px}.detail-body{gap:32px;padding-top:30px}.review-summary-card{grid-template-columns:76px 1fr auto;gap:13px;padding:16px}.review-summary-card p{display:none}.profile-card,.guest-card{grid-template-columns:58px 1fr;gap:14px;padding:18px}.profile-card .tier-chip,.guest-card .button{grid-column:1 / -1;justify-self:stretch}.profile-avatar{width:58px;height:58px;border-radius:var(--radius-lg)}.profile-links{grid-template-columns:1fr}.profile-callout{padding:29px 24px}.membership-hero{align-items:flex-start;flex-direction:column;padding:24px}.tier-grid{grid-template-columns:1fr}.theme-options label{min-height:72px;flex-direction:column}.review-overview{grid-template-columns:110px 1fr;gap:16px;padding:18px}.review-overview>label{grid-column:1 / -1}.review-card{padding:17px}.review-card>header{grid-template-columns:40px 1fr}.recommend-pill{grid-column:2;justify-self:start}.login-page,.login-panel{min-height:100dvh}.login-panel{padding:74px 24px 30px}.login-copy{margin-top:60px}.session-top>span,.session-bottom>span,.stream-stats span:first-child{display:none}}@media (max-width: 420px){.game-row{grid-template-columns:84px minmax(0,1fr) auto}.row-art{width:84px}.game-score{min-width:36px}.inline-form{align-items:stretch;flex-direction:column}.modal{padding:24px 18px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}