:root{--color-bg:#1f2640;--color-card:#2a3152;--color-card-border:#ffffff14;--color-text:#f1f2f6;--color-text-muted:#9aa0b4;--color-input-bg:#fff;--color-input-text:#1a1a1a;--color-accent:#2dd4bf;--color-accent-hover:#26b8a5;--color-accent-text:#08281f;--color-danger:#e05a5a;--radius:12px;--radius-sm:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}h1,h2{color:var(--color-text);font-family:system-ui,Segoe UI,Roboto,sans-serif;font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}body{background-color:var(--color-bg);width:100%;overflow-x:hidden}.content{color:#d3d3d3;margin-left:0;padding:84px 16px 24px;transition:margin-left .5s}@media (width>=900px){.content.navbarOpen{margin-left:250px}}hr{height:1px;margin:var(--space-4) 0;background:#fffaf0;border:none}.gridContainer{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.empty-state-namefield{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;grid-column:1/-1;padding:32px 16px;display:flex}.empty-state-namefield .namefield{border-bottom:none;width:auto;min-width:280px;margin-bottom:0;padding:0}.btn-new-review{margin-bottom:var(--space-4)}.add-review-tile{min-height:80px;color:var(--color-text-muted);border:2px dashed var(--color-card-border);border-radius:var(--radius);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:32px;line-height:1;display:flex}.add-review-tile:hover{color:var(--color-accent);border-color:var(--color-accent)}.reviews-toolbar{justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.toolbar-group{gap:var(--space-1);flex-direction:column;display:flex}.toolbar-group label{color:var(--color-text-muted);font-size:13px}.toolbar-input,.toolbar-select{background:var(--color-card);color:var(--color-text);border:1px solid var(--color-card-border);border-radius:var(--radius-sm);padding:8px 10px;font-size:15px}.toolbar-input{width:300px;max-width:100%}.toolbar-input::placeholder{color:var(--color-text-muted)}.toolbar-checkbox{align-items:center;gap:var(--space-2);color:var(--color-text-muted);cursor:pointer;font-size:13px;display:flex}.toolbar-checkbox input[type=checkbox]{accent-color:var(--color-accent);cursor:pointer;width:15px;height:15px}.toolbar-checkbox.disabled{opacity:.4;cursor:not-allowed}.toolbar-checkbox.disabled input[type=checkbox]{cursor:not-allowed}.toolbar-select{width:220px;max-width:100%}.toolbar-select option{background:var(--color-card);color:var(--color-text)}.sort-controls{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.sort-direction-toggle{background:var(--color-card);color:var(--color-text);border:1px solid var(--color-card-border);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;padding:8px 12px;font-size:15px;line-height:1}.sort-direction-toggle:hover{background:#ffffff14}.sort-scope-toggle{border:1px solid var(--color-card-border);border-radius:var(--radius-sm);flex-shrink:0;display:flex;overflow:hidden}.scope-option{background:var(--color-card);color:var(--color-text-muted);cursor:pointer;border:none;padding:8px 12px;font-size:13px}.scope-option:not(:last-child){border-right:1px solid var(--color-card-border)}.scope-option.active{background:var(--color-accent);color:var(--color-accent-text);font-weight:600}.scope-option:disabled{opacity:.4;cursor:not-allowed}.review-card{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex;overflow:hidden}.review-card-boxart{width:calc(100% + var(--space-4) * 2);margin:calc(var(--space-4) * -1) calc(var(--space-4) * -1) 0;aspect-ratio:460/215;object-fit:cover;display:block}.review-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.review-card-title{color:var(--color-text);margin:0}.review-card-header-actions{gap:var(--space-2);flex-shrink:0;display:flex}.existing-review-note{color:var(--color-text-muted);margin:0;font-size:14px}.existing-review-note strong{color:var(--color-accent)}.icon-button-corner{border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0f;border:none;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:6px;display:flex}.icon-button-corner:hover{background:#ffffff26}.icon-button-corner img{filter:invert();width:15px;height:15px;display:block}.field-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}@media (width<=420px){.field-grid{grid-template-columns:1fr}}.field-row{gap:var(--space-1);flex-direction:column;display:flex}.field-row label{color:var(--color-text-muted);font-size:13px}.field-row input{background:var(--color-input-bg);color:var(--color-input-text);border:1px solid var(--color-card-border);border-radius:var(--radius-sm);width:100%;padding:8px 10px;font-size:15px}input:invalid:not(:focus){color:red}.errorMessage{display:none}.btn-primary{justify-content:center;align-items:center;gap:var(--space-2);background:var(--color-accent);width:100%;color:var(--color-accent-text);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 16px;font-size:15px;font-weight:600;display:flex}.btn-primary:hover{background:var(--color-accent-hover)}.btn-primary img{width:18px;height:18px}.btn-secondary{justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-text);border:1px solid var(--color-card-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:10px 16px;font-size:15px;display:flex}.btn-secondary:hover{background:#ffffff14}.known-names-list{gap:var(--space-2);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.known-name-chip{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-card-border);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:14px}.known-name-chip:hover{border-color:var(--color-accent);color:var(--color-accent);background:#2dd4bf1f}.confirm-modal-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);display:flex}.confirm-modal-actions .btn-primary,.confirm-modal-actions .btn-secondary{width:auto}.reviewer-row{gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:#ffffff0a;grid-template-columns:1fr auto auto;align-items:center;display:grid}.reviewer-name{color:var(--color-text);font-weight:500}.reviewer-rating{color:var(--color-accent);font-weight:600}.reviewer-time{color:var(--color-text-muted);font-size:14px}.reviewer-row.self{background:#2dd4bf1f;outline:1px solid #2dd4bf59}.no-results-message{color:var(--color-text-muted);text-align:center;padding:var(--space-5) 0}.home-hero{gap:var(--space-3);flex-direction:column;display:flex}.home-subtitle{color:var(--color-text-muted);margin-bottom:var(--space-2)}.home-link-card{text-decoration:none;transition:border-color .2s,transform .2s}.home-link-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.sidebar.open{opacity:1;width:250px}.sidebar{z-index:2;background-color:var(--color-card);border-right:1px solid var(--color-card-border);opacity:0;width:0;height:100%;padding-top:60px;transition:all .5s;position:fixed;top:0;left:0;overflow-x:hidden}.sidebar-backdrop{z-index:1;background:#00000080;position:fixed;inset:0}@media (width>=900px){.sidebar-backdrop{display:none}}.sidebar a{color:var(--color-text-muted);border-left:3px solid #0000;padding:10px 8px 10px 29px;font-size:18px;text-decoration:none;transition:all .3s;display:block}.sidebar a:hover{color:var(--color-text);background:#ffffff0a}.sidebar a.active{color:var(--color-accent);border-left-color:var(--color-accent);background:#2dd4bf1f}.sidebar .closebtn{color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:4px 10px;font-size:28px;line-height:1;position:absolute;top:8px;right:8px}.sidebar .closebtn:hover{color:var(--color-text);background-color:#ffffff14}.sidebar ul{text-align:left;margin:0;padding:0;list-style:none}.sidebar ul li ul{padding-left:12px}.sidebar ul li ul a{color:var(--color-text-muted);padding-top:7px;padding-bottom:7px;font-size:15px}.namefield{border-bottom:1px solid var(--color-card-border);box-sizing:border-box;width:100%;margin-bottom:12px;padding:0 16px 20px}.namefield form{flex-direction:column;gap:8px;display:flex}.namefield button{padding:10px 12px;font-size:15px}.namefield input[type=text]{background:var(--color-bg);width:100%;color:var(--color-text);border:1px solid var(--color-card-border);border-radius:var(--radius-sm);padding:10px 12px;font-size:16px}.namefield .user-badge{color:var(--color-accent);cursor:pointer;background:#2dd4bf1f;border:1px solid #2dd4bf59;border-radius:999px;align-items:center;padding:8px 18px;font-size:18px;font-weight:600;display:inline-flex}.namefield .user-badge:hover{background:#2dd4bf33}@media screen and (height<=450px){.sidebar{padding-top:15px}.sidebar a{font-size:18px}}.modal{z-index:10;background-color:#000000e6;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:auto}.modal.open{display:block}.modalContent{background-color:var(--color-card);color:var(--color-text);border:1px solid var(--color-card-border);border-radius:var(--radius);width:min(90vw,420px);max-height:85vh;margin:10vh auto;padding:20px;overflow-y:auto}.closeModalButton{color:var(--color-text-muted);float:right;background:0 0;border:none;font-size:28px;font-weight:700}.closeModalButton:hover,.closeModalButton:focus{color:var(--color-text);cursor:pointer;text-decoration:none}.header{z-index:3;background-color:var(--color-card);justify-content:space-between;align-items:center;width:100%;height:60px;transition:all .5s;display:flex;position:fixed;top:0;left:0}@media (width>=900px){.header.navbarOpen{width:calc(100% - 250px);left:250px}}.pageTitle{text-overflow:ellipsis;white-space:nowrap;color:#d3d3d3;pointer-events:none;max-width:60vw;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.openNavButton{cursor:pointer;color:var(--color-text);border-radius:var(--radius-sm);background:0 0;border:none;margin:8px;padding:8px 12px;font-size:20px;line-height:1}.openNavButton:hover{background:#ffffff14}.new-review-form{gap:var(--space-3);margin-top:var(--space-2);flex-direction:column;display:flex}.gridContainerGames{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}