.rating-heading{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.score-first-form{min-width:0}.journal-form.score-first-form fieldset{grid-template-columns:minmax(0,168px) minmax(0,1fr);gap:8px 16px;min-width:0;margin:0;display:grid}.score-first-form .rating-entry{grid-area:1/1}.score-first-form .score-box{color:#172714;cursor:text;background:#d5ed8c;border-radius:14px;flex-direction:column;justify-content:center;gap:4px;padding:14px;display:flex}.score-box-label{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:600}.score-box-value{align-items:baseline;gap:4px;display:flex}.score-first-form .score-input{width:100%;min-width:0;height:auto;color:inherit;font-variant-numeric:tabular-nums;letter-spacing:-.06em;text-align:center;caret-color:#172714;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:0;font-size:3.4rem;font-weight:500;line-height:1.15}.score-first-form .score-input::placeholder{color:#526336;opacity:1}.score-first-form .score-input:focus::placeholder{color:#0000}.score-first-form .score-input:focus{box-shadow:none;border-bottom-color:currentColor;outline:0;animation:1s step-end infinite score-caret}.score-box:focus-within{outline:2px solid var(--accent);outline-offset:4px}.score-denominator{white-space:nowrap;flex:none;font-size:.85rem}.rating-help{grid-column:1/-1;font-size:12px}.score-first-form .journal-review-label{grid-column:1/-1;margin-top:8px;font-size:13px;display:block}.journal-review-label small{color:var(--muted);font-weight:400}.score-first-form .journal-review-input{resize:none;grid-column:1/-1;width:100%;height:clamp(80px,17dvh,144px);min-height:60px;font-size:14px;line-height:1.5}.journal-length{text-align:right;color:var(--muted);grid-column:1/-1;font-size:11px}.journal-status{grid-area:1/2;align-self:center;min-width:0}.journal-form .journal-status label{color:var(--muted);gap:6px;font-size:12px;display:grid}.journal-status select{width:100%;min-width:0}.journal-footer{grid-column:1/-1;padding-top:8px}.rating-shortcuts{color:var(--muted);font-size:11px;line-height:1.5}.rating-shortcuts kbd{font:inherit;color:var(--foreground)}.score-first-form .journal-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.score-first-form [role=alert]{color:var(--danger);margin-top:8px;font-size:12px}.session-status{font-size:var(--text-sm);margin-block:8px}.session-status select{color:var(--foreground);background:var(--surface);border:1px solid var(--border);border-radius:6px;max-width:100%;padding:6px}.session-status-badge{font-size:var(--text-xs);margin:0}.session-status-badge label{border:1px solid var(--border);min-height:32px;color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:2px 10px;display:inline-flex}.session-status-badge select{font:inherit;background:0 0;border:0;padding:2px}.session-status-badge option{color:var(--foreground);background:var(--surface)}.session-status-badge [role]{margin-top:4px;font-size:12px}.journal-text{white-space:pre-wrap;overflow-wrap:anywhere}@keyframes score-caret{50%{border-bottom-color:#0000}}@media (prefers-reduced-motion:reduce){.score-first-form .score-input:focus{animation:none}}@media (max-width:640px){.journal-form.score-first-form fieldset{grid-template-columns:minmax(0,140px) minmax(0,1fr);gap:6px 12px}.score-first-form .score-box{padding:12px}.score-first-form .score-input{font-size:2.7rem}}@media (max-height:650px){.score-first-form .journal-review-input{height:80px}.score-first-form .journal-actions{margin-top:6px}}@media (max-height:500px){.score-first-form .score-box{gap:0;padding:6px 12px}.score-first-form .score-input{font-size:2.2rem}.score-first-form .journal-review-input{height:60px;padding:8px}.journal-form.score-first-form fieldset{gap:4px 12px}.score-first-form .journal-review-label{margin-top:0}.journal-footer{padding-top:0}.rating-shortcuts{display:none}.score-first-form .journal-actions{margin-top:0}.journal-status{align-items:flex-end;gap:8px;display:flex}.journal-status label{flex:1;min-width:0}}
.rating-dialog{width:min(980px,100vw - 48px);max-width:none;max-height:calc(100dvh - 48px);color:var(--foreground);background:var(--surface);border:1px solid var(--border);border-radius:24px;margin:auto;padding:clamp(20px,3vw,32px);overflow:auto;box-shadow:0 24px 100px #0006}.rating-dialog[open]{flex-direction:column;gap:20px;display:flex}.rating-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030704b8}body:has(.rating-dialog[open]){overflow:hidden}.rating-dialog-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.rating-dialog-header h2{font-size:clamp(1.15rem,2.5vw,1.45rem);font-weight:500;line-height:1.25}.rating-dialog-header>button{flex:none;padding:8px}.rating-progress{color:var(--muted);margin-top:-12px;font-size:.8rem}.rating-game{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:28px;min-width:0;display:grid}.rating-game-cover{min-width:0}.rating-game-cover .game-mark{aspect-ratio:460/215;border-radius:12px;width:100%;height:auto}.rating-game-cover h3{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:16px;font-size:clamp(1.2rem,2.5vw,1.7rem);line-height:1.2;display:-webkit-box;overflow:hidden}.rating-game-cover .game-metadata-compact{overflow-wrap:anywhere;margin:14px 0 0;font-size:13px;line-height:1.5}.game-metadata-compact .game-description{color:var(--muted);font-size:inherit;line-height:inherit;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0 0 12px;display:-webkit-box;overflow:hidden}.game-metadata-compact .steam-reviews{border-top:1px solid var(--border);padding-top:10px}.game-metadata-compact .steam-reviews-label,.game-metadata-compact .steam-reviews-breakdown{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.game-metadata-compact .steam-reviews-summary{flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:12px;line-height:1.5;display:flex}.game-metadata-compact .steam-reviews-summary strong{font-size:13px}.game-metadata-compact .metadata-retry{margin-top:4px}.game-metadata-compact .metadata-retry button,.rating-metadata-state button{min-height:32px;padding:4px 0;font-size:12px}.rating-metadata-state{color:var(--muted);margin-top:12px;font-size:12px}.rating-finish{padding-block:20px}.rating-finish p{color:var(--muted);margin-block:12px 20px}@media (max-width:640px){.rating-dialog{border-radius:18px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:16px}.rating-dialog[open]{gap:12px}.rating-game{grid-template-columns:minmax(0,1fr);gap:12px}.rating-game-cover .game-mark{display:none}.rating-game-cover h3{margin:0;font-size:1.1rem}.rating-game-cover .game-metadata-compact{margin-top:8px;font-size:12px}.game-metadata-compact .game-description{-webkit-line-clamp:2;margin-bottom:6px}.game-metadata-compact .steam-reviews{padding-top:6px}.rating-progress{margin-top:-4px}}@media (max-width:640px) and (max-height:650px){.rating-dialog{padding:12px}.rating-dialog[open],.rating-game{gap:8px}.rating-game-cover .game-metadata-compact{margin-top:4px}.rating-dialog .score-box{padding:6px 10px}.rating-dialog .score-input{font-size:2.2rem}.rating-dialog .journal-review-input{height:60px}.rating-dialog .journal-review-label{margin-top:0}.rating-dialog .rating-shortcuts{display:none}.rating-dialog .journal-footer{padding-top:0}.rating-dialog .journal-actions{margin-top:0}}@media (max-height:500px){.rating-game-cover .game-mark{display:none}.rating-game-cover h3{margin-top:0}.rating-dialog{max-height:calc(100dvh - 24px);padding:12px 20px}.rating-dialog[open]{gap:8px}.rating-dialog-header h2{font-size:1.1rem}.rating-progress{margin-top:0}.rating-game{grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:20px}.rating-game-cover .game-metadata-compact{margin-top:8px;font-size:12px}.game-metadata-compact .game-description{-webkit-line-clamp:2;margin-bottom:6px}.game-metadata-compact .steam-reviews{padding-top:6px}}
