.web-app-page{background:radial-gradient(circle at 85% 4%, #ff7a0014, transparent 24rem), var(--color-paper);min-height:70vh}.web-app-page [hidden]{display:none!important}.web-app-hero{border-bottom:var(--border-default);background:linear-gradient(#131318,#0f0f13)}.web-app-hero-inner{gap:.65rem;padding-block:clamp(2.5rem,7vw,4.5rem);display:grid}.web-app-hero-compact .web-app-hero-inner{padding-block:clamp(2rem,5vw,3.5rem)}.web-app-hero h1{max-width:18ch;font-size:clamp(2rem,8vw,3.35rem)}.web-app-hero p:not(.eyebrow){max-width:42rem;color:var(--color-ink-soft)}.web-app-main{gap:1.25rem;padding-block:clamp(2rem,7vw,4rem);display:grid}.web-app-auth-page .web-app-main{max-width:36rem}.web-app-card,.web-app-auth-required,.web-app-profile-card,.web-app-section{border:var(--border-default);border-radius:var(--radius-large);background:#1d1d23e0;padding:clamp(1.15rem,4vw,1.75rem);box-shadow:0 1.1rem 3rem #0000002e}.web-app-card-heading{gap:.4rem;margin-bottom:1.4rem;display:grid}.web-app-card-heading h2,.web-app-auth-required h2,.web-app-section-heading h2{font-size:clamp(1.25rem,4vw,1.65rem)}.web-app-card-heading p,.web-app-auth-required p,.web-app-form-status,.web-app-field-help,.web-app-auth-switch,.web-app-bio,.web-app-handle,.web-app-results-summary,.web-app-empty{color:var(--color-ink-soft)}.web-app-notice{border:1px solid var(--color-line-strong);border-radius:var(--radius-small);background:var(--color-surface);align-items:flex-start;gap:.75rem;margin-block:1rem;padding:.9rem 1rem;font-size:.92rem;display:flex}.web-app-notice[hidden]{display:none}.web-app-notice-error{color:#ffd4d4;background:#5d1c1f6b;border-color:#f477788c}.web-app-notice-success{color:#c5fae6;background:#12382cc7;border-color:#31c48d85}.web-app-spinner{border:2px solid #ffffff38;border-top-color:var(--color-brand-deep);border-radius:50%;flex:none;width:1.15rem;height:1.15rem;margin-top:.2rem;animation:.7s linear infinite web-app-spin}@keyframes web-app-spin{to{transform:rotate(360deg)}}.web-app-form{gap:1.15rem;display:grid}.web-app-form[hidden],.web-app-signed-in[hidden],.web-app-signed-out[hidden],.web-app-auth-required[hidden],.web-app-dashboard-content[hidden],.web-app-empty[hidden]{display:none}.web-app-field{gap:.42rem;display:grid}.web-app-field label,.web-app-consent{color:var(--color-ink);font-size:.94rem;font-weight:800}.web-app-field input,.web-app-field textarea,.web-app-field select{border:1px solid var(--color-control-border);width:100%;min-height:48px;color:var(--color-ink);background:#111115;border-radius:.7rem;padding:.72rem .8rem}.web-app-field textarea{resize:vertical;min-height:8rem}.web-app-field input:hover,.web-app-field textarea:hover,.web-app-field select:hover{border-color:var(--color-line-strong)}.web-app-field input:disabled,.web-app-field textarea:disabled,.web-app-field select:disabled,.web-app-submit:disabled,.web-app-filter-bar :disabled{cursor:not-allowed;opacity:.58}.web-app-label-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem 1rem;display:flex}.web-app-label-row a,.web-app-auth-switch a{font-size:.88rem;font-weight:750}.web-app-field-help,.web-app-form-status{min-height:1.35rem;font-size:.82rem}.web-app-form-status[data-state=error]{color:#ffd0d0}.web-app-form-status[data-state=success]{color:#baf4df}.web-app-consent{grid-template-columns:1.35rem minmax(0,1fr);align-items:start;gap:.7rem;font-weight:600;display:grid}.web-app-consent input{width:1.25rem;height:1.25rem;accent-color:var(--color-brand);margin:.15rem 0 0}.web-app-submit{width:100%}.web-app-auth-switch{text-align:center}.web-app-auth-switch a{align-items:center;min-height:44px;margin-left:.35rem;display:inline-flex}.web-app-signed-in,.web-app-signed-out{justify-items:start;gap:1rem;display:grid}.web-app-dashboard{gap:1.25rem;padding-block:1rem clamp(3.5rem,8vw,6rem);display:grid}.web-app-nav{margin-inline:calc(var(--page-gutter) * -.15);scrollbar-width:thin;overscroll-behavior-inline:contain;overflow-x:auto}.web-app-nav ul{min-width:max-content;margin:0;padding:.25rem;list-style:none;display:flex}.web-app-nav a{min-height:44px;color:var(--color-ink-soft);white-space:nowrap;border-radius:.65rem;align-items:center;padding-inline:.9rem;font-size:.88rem;font-weight:780;text-decoration:none;display:inline-flex}.web-app-nav a:hover{color:var(--color-ink);background:var(--color-surface)}.web-app-nav a[aria-current=page]{color:#211407;background:var(--color-brand-dark)}.web-app-auth-required{justify-items:start;gap:.85rem;display:grid}.web-app-dashboard-content{gap:1.25rem;display:grid}.web-app-profile-card{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;display:grid}.web-app-profile-card>.button{grid-column:1/-1}.web-app-avatar{width:64px;height:64px;color:var(--color-brand-deep);background:linear-gradient(135deg, #ff7a0038, transparent 62%), var(--color-surface);border:1px solid #ff922b73;border-radius:50%;place-items:center;font-size:1rem;font-weight:900;display:grid}.web-app-profile-copy{gap:.25rem;min-width:0;display:grid}.web-app-profile-copy h2{text-overflow:ellipsis;font-size:clamp(1.25rem,4vw,1.7rem);overflow:hidden}.web-app-kicker{color:var(--color-brand-deep);letter-spacing:.07em;text-transform:uppercase;font-size:.74rem;font-weight:850}.web-app-bio{white-space:pre-wrap;margin-top:.45rem}.web-app-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.web-app-stat-card{border:var(--border-default);border-radius:var(--radius-medium);background:var(--color-surface);gap:.25rem;min-width:0;padding:clamp(1rem,4vw,1.4rem);display:grid}.web-app-stat-card span{color:var(--color-ink);font-size:clamp(1.55rem,8vw,2.4rem);font-weight:900;line-height:1.15}.web-app-stat-card h2{color:var(--color-ink-soft);letter-spacing:0;font-size:.84rem}.web-app-section{gap:1rem;display:grid}.web-app-section-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.web-app-section-heading>div{gap:.2rem;display:grid}.web-app-section-heading>a{flex:none;align-items:center;min-height:44px;font-size:.86rem;font-weight:800;display:inline-flex}.web-app-item-grid,.web-app-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.web-app-game-card{align-content:start;gap:.55rem;min-width:0;display:grid}.web-app-game-cover-link{border:var(--border-default);color:var(--color-ink);background:var(--color-surface);aspect-ratio:3/4;border-radius:.7rem;text-decoration:none;display:block;overflow:hidden}.web-app-game-cover-link img,.web-app-cover-placeholder{object-fit:cover;width:100%;height:100%}.web-app-cover-placeholder{color:var(--color-brand-deep);text-align:center;background:linear-gradient(145deg,#ff7a002e,#0000 52%),radial-gradient(circle at 72% 26%,#ffffff17,#0000 28%),#17171c;place-items:center;padding:.65rem;font-size:.72rem;font-weight:850;display:grid}.web-app-game-title{color:var(--color-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;font-weight:820;line-height:1.45;text-decoration:none;display:-webkit-box;overflow:hidden}.web-app-game-meta.cover-rating{color:var(--color-brand-deep);font-weight:700}.web-app-game-meta,.web-app-review-meta{color:var(--color-ink-soft);font-size:.76rem}.web-app-filter-bar{border:var(--border-default);border-radius:var(--radius-medium);background:var(--color-surface);gap:.85rem;padding:1rem;display:grid}.web-app-field-inline label{font-size:.78rem}.web-app-results-summary{min-height:1.7rem;font-size:.88rem}.web-app-empty{border:1px dashed var(--color-line-strong);border-radius:var(--radius-medium);text-align:center;padding:clamp(1.5rem,6vw,3rem) 1rem}.web-app-review-list{gap:.9rem;display:grid}.web-app-review-card{border:var(--border-default);border-radius:var(--radius-medium);background:var(--color-surface);gap:.7rem;min-width:0;padding:1rem;display:grid}.web-app-review-heading{min-width:0}.web-app-review-heading a,.web-app-review-heading strong{color:var(--color-ink);font-size:.98rem;font-weight:850}.web-app-review-title{-webkit-line-clamp:2;text-wrap:balance;overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.5;text-decoration:none;display:-webkit-box;overflow:hidden}.web-app-review-summary{grid-template-columns:80px minmax(0,1fr);align-items:start;gap:.85rem;display:grid}.web-app-review-title-part{text-overflow:ellipsis;white-space:nowrap;vertical-align:top;max-width:100%;display:inline-block;overflow:hidden}.web-app-review-details{gap:.5rem;min-width:0;display:grid}.web-app-review-rating{color:var(--color-brand-deep);flex-wrap:wrap;align-items:center;gap:.2rem .45rem;font-size:.95rem;font-weight:800;display:flex}.web-app-rating-stars{color:#65656f;white-space:nowrap;font-family:Arial,sans-serif;line-height:1.3;display:inline-block;position:relative}.web-app-rating-fill{color:var(--color-brand-deep);white-space:nowrap;position:absolute;inset:0 auto 0 0;overflow:hidden}.web-app-review-platform{overflow-wrap:anywhere;gap:.1rem;margin:0;font-size:.78rem;display:grid}.web-app-review-platform>span{color:var(--color-ink-soft);font-size:.7rem}@media (width>=48rem){.web-app-review-summary{grid-template-columns:96px minmax(0,1fr)}}.web-app-review-badges{flex-wrap:wrap;gap:.4rem;display:flex}.web-app-badge{border:1px solid var(--color-line-strong);min-height:1.75rem;color:var(--color-ink-soft);background:#111115;border-radius:999px;align-items:center;padding-inline:.55rem;font-size:.72rem;font-weight:780;display:inline-flex}.web-app-badge-spoiler{color:#f8d993;border-color:#f5b94273}.web-app-review-body{color:var(--color-ink);white-space:pre-wrap}.web-app-spoiler-panel{background:#392b0b6b;border:1px solid #f5b94261;border-radius:.75rem;justify-items:start;gap:.7rem;padding:.9rem;display:grid}.web-app-spoiler-panel p{color:#f8dda4;font-size:.86rem}.web-app-text-button{border:1px solid var(--color-line-strong);min-height:44px;color:var(--color-ink);background:var(--color-surface);cursor:pointer;border-radius:.6rem;padding:.5rem .75rem;font-weight:780}.web-app-pagination{justify-content:center;align-items:center;gap:.8rem;margin-top:.5rem;display:flex}.web-app-pagination[hidden]{display:none}.web-app-pagination span{min-width:4rem;color:var(--color-ink-soft);text-align:center;font-size:.84rem}.web-app-settings-grid{align-items:start}@media (width>=30rem){.web-app-item-grid,.web-app-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.web-app-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=48rem){.web-app-dashboard{gap:1.6rem}.web-app-profile-card{grid-template-columns:auto minmax(0,1fr) auto}.web-app-profile-card>.button{grid-column:auto}.web-app-avatar{width:76px;height:76px}.web-app-item-grid,.web-app-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.web-app-settings-grid{grid-template-columns:minmax(0,1.35fr) minmax(17rem,.65fr)}}@media (width>=70rem){.web-app-item-grid,.web-app-library-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width<=23.75rem){.web-app-card,.web-app-auth-required,.web-app-profile-card,.web-app-section{padding:1rem}.web-app-item-grid,.web-app-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.web-app-section-heading{align-items:start}}@media (prefers-reduced-motion:reduce){.web-app-spinner{animation:none}}.web-app-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.web-app-avatar--emblem img{object-fit:contain;border-radius:0}.web-app-level{align-items:center;gap:.5rem;min-height:80px;font-weight:700;display:flex}.web-app-level[hidden],.web-app-level img[hidden],.web-app-avatar [hidden]{display:none}.web-app-level img{object-fit:contain;flex:0 0 80px}