:root{--bg:#f4f1ea;--surface:#fffdf8;--panel:#fff;--panel-2:#f7faf8;--text:#1f2933;--muted:#667085;--line:#ded8cc;--accent:#286985;--accent-2:#e5a936;--accent-soft:#e9f5f7;--danger:#c2415d;--success:#2f7d55;--shadow:0 18px 42px #4a3e2b1c;--shadow-soft:0 10px 26px #4a3e2b14;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(180deg, #ffffffbd, #f4f1ea00 360px), radial-gradient(circle at 15% 0%, #e5a93621, transparent 32rem), var(--bg);min-width:320px;margin:0}@keyframes softReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes heroDrift{0%{transform:scale(1.02)}to{transform:scale(1.08)}}button,input,select,textarea{font:inherit}button,.primary-action{color:#fff;background:var(--accent);cursor:pointer;border:1px solid #1f5e78;border-radius:7px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-weight:750;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:inline-flex;box-shadow:0 9px 18px #28698529}button:hover,.primary-action:hover{background:#225b72;transform:translateY(-1px);box-shadow:0 12px 24px #28698533}.ghost-button{color:var(--accent);box-shadow:none;background:#f8fbfa;border-color:#2869853d}.ghost-button:hover{color:#1f5e78;background:var(--accent-soft);box-shadow:none}button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#fffdf8;border-radius:7px;outline:none;padding:11px 12px;transition:border-color .18s,box-shadow .18s,background .18s}input:focus,select:focus,textarea:focus{background:#fff;border-color:#28698594;box-shadow:0 0 0 4px #2869851a}textarea{resize:vertical}h1,h2,h3,p,dd{margin:0}dd{min-width:0}.app-shell{grid-template-columns:268px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, #fffdf8fa, #f6f1e7f2), var(--surface);border-right:1px solid #5f523e2e;height:100vh;padding:26px;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{width:46px;height:46px;color:var(--accent);box-shadow:var(--shadow-soft);background:#fff;border:1px solid #28698547;border-radius:8px;place-items:center;font-weight:900;display:grid}.brand strong,.brand small{display:block}.brand strong{font-size:18px}.brand small,.eyebrow,.muted-text{color:var(--muted)}.nav-links{gap:8px;margin-top:38px;display:grid}.nav-links a{color:#475467;border:1px solid #0000;border-radius:7px;padding:12px 14px;text-decoration:none;transition:background .18s,border-color .18s,color .18s}.nav-links a:hover{color:var(--accent);background:#ffffffb3}.nav-links a.router-link-active{color:var(--accent);box-shadow:var(--shadow-soft);background:#fff;border-color:#2869852e}.main-panel{width:min(1220px,100%);padding:38px}.page-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.page-head h1,.detail-hero h1{letter-spacing:0;font-size:40px;line-height:1.08}.page-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.page-actions button,.page-actions .primary-action{white-space:nowrap;width:auto}.eyebrow{text-transform:uppercase;letter-spacing:0;margin-bottom:8px;font-size:13px;font-weight:850}.segmented-control{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.segmented-control button{color:#475467;box-shadow:none;background:#ffffffbd;border-color:#5f523e29}.segmented-control button.active{color:#442d05;background:#ffe7aa;border-color:#e5a9368c}.library-tools{grid-template-columns:minmax(0,1fr) 180px 170px;gap:10px;margin-bottom:22px;display:grid}.game-grid{grid-template-columns:repeat(auto-fill,minmax(218px,1fr));gap:18px;display:grid}.game-card,.result-card,.panel,.stat-card{background:var(--panel);box-shadow:var(--shadow-soft);border:1px solid #5f523e29;border-radius:8px}.game-card{color:var(--text);text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.game-card:hover{box-shadow:var(--shadow);border-color:#28698559;transform:translateY(-5px)}.cover-frame{aspect-ratio:16/10;background:#e9e4d8;position:relative}.cover-frame img,.detail-hero img,.result-card img{object-fit:cover;width:100%;height:100%;display:block}.game-card:hover .cover-frame img{transform:scale(1.04)}.cover-frame img{transition:transform .25s}.cover-placeholder,.result-placeholder{height:100%;color:var(--muted);border-bottom:1px solid var(--line);background:#f0ece3;place-items:center;font-weight:800;display:grid}.status-badge{color:#442d05;background:#ffe7aa;border-radius:6px;padding:5px 8px;font-size:12px;font-weight:850;position:absolute;bottom:10px;left:10px;box-shadow:0 8px 18px #3327102e}.card-body{gap:10px;padding:15px;display:grid}.card-body h3{min-height:48px;font-size:18px;line-height:1.25}.card-body p,.result-info p,.description,.meta-list,.notice{color:var(--muted)}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.tag-row span,.tag-row button{color:#335a68;background:#eef8fb;border:1px solid #28698529;border-radius:6px;padding:4px 8px;font-size:12px}.tag-row.large span{font-size:14px}.tag-row.editable button{min-height:30px;color:var(--accent);cursor:pointer;box-shadow:none}.score-line{color:#a86500;align-items:baseline;gap:8px;display:flex}.score-line strong{font-size:28px}.score-line small{color:var(--muted)}.search-bar{grid-template-columns:minmax(0,1fr) 120px;gap:10px;margin-bottom:18px;display:grid}.steam-import-panel{box-shadow:var(--shadow-soft);background:#fffdf8;border:1px solid #5f523e29;border-radius:8px;margin-bottom:18px;padding:18px}.steam-import-form{grid-template-columns:minmax(0,1fr) 160px;gap:10px;display:grid}.steam-library{gap:14px;margin-top:16px;display:grid}.steam-summary,.steam-actions{flex-wrap:wrap;gap:10px;display:flex}.steam-summary span{color:#8d5b00;background:#fff8e7;border:1px solid #e5a93647;border-radius:7px;padding:7px 10px;font-weight:760}.steam-actions button{width:auto}.steam-game-list{gap:10px;max-height:540px;padding-right:4px;display:grid;overflow:auto}.steam-game-row{background:#fbfdfb;border:1px solid #5f523e24;border-radius:8px;grid-template-columns:20px 120px minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid}.steam-game-row input{width:18px;height:18px}.steam-game-row img{aspect-ratio:16/7;object-fit:cover;border-radius:6px;width:100%}.steam-game-row span{gap:4px;display:grid}.steam-game-row small,.steam-time{color:#9a6508}.search-results{gap:12px;display:grid}.discover-panel{box-shadow:var(--shadow-soft);background:#fff;border:1px solid #5f523e29;border-radius:8px;padding:18px;animation:.28s both softReveal}.result-card{grid-template-columns:180px minmax(0,1fr) 96px;align-items:center;gap:16px;min-height:120px;padding:12px;display:grid}.result-card img,.result-placeholder{aspect-ratio:16/10;border-radius:6px}.result-info{gap:8px;display:grid}.result-info h2,.panel h2{font-size:20px}.notice{margin:16px 0}.notice.error{color:var(--danger)}.notice.success{color:var(--success)}.detail-layout{gap:18px;animation:.28s both softReveal;display:grid}.detail-hero{min-height:320px;box-shadow:var(--shadow);background:#d8d1c4;border:1px solid #5f523e29;border-radius:8px;position:relative;overflow:hidden}.detail-hero.enriched{min-height:390px}.detail-hero img{filter:brightness(.66)saturate(1.08);animation:10s ease-in-out infinite alternate heroDrift;position:absolute;inset:0}.hero-copy{z-index:1;color:#fff;text-shadow:0 2px 16px #00000059;align-content:end;gap:12px;min-height:320px;padding:30px;display:grid;position:relative}.hero-copy .eyebrow,.hero-copy p{color:#ffffffe0}.hero-copy .tag-row span{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e;border-color:#ffffff3d}.steamgrid-logo{object-fit:contain;object-position:left center;filter:drop-shadow(0 12px 22px #00000080);width:min(460px,82%);max-height:170px;animation:.36s both softReveal}.hero-score{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8e0;border:1px solid #ffffff42;border-radius:8px;min-width:120px;padding:14px;display:grid;position:absolute;bottom:24px;right:24px;box-shadow:0 16px 34px #00000029}.hero-score span{color:var(--muted);font-size:13px}.hero-score strong{color:#9a6508;font-size:40px;line-height:1}.two-column{grid-template-columns:minmax(0,1fr) 430px;align-items:start;gap:18px;display:grid}.detail-stack{gap:18px;display:grid}.poster-panel{grid-template-columns:170px minmax(0,1fr);align-items:center;gap:18px;display:grid}.poster-panel img{aspect-ratio:2/3;object-fit:cover;width:100%;box-shadow:var(--shadow-soft);border:1px solid #28698533;border-radius:8px}.artwork-panel .section-title{align-items:center}.artwork-panel .section-title button{white-space:nowrap;width:auto}.artwork-groups{gap:18px;display:grid}.artwork-group{gap:10px;display:grid}.artwork-group h3{color:var(--muted);font-size:15px}.artwork-options{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px;display:grid}.artwork-options button{border-color:var(--line);min-height:0;box-shadow:none;background:#fffdf8;padding:4px}.artwork-options button.selected{border-color:var(--accent-2);box-shadow:0 0 0 3px #e5a93633}.artwork-options img{aspect-ratio:16/10;object-fit:cover;border-radius:4px;width:100%}.panel{padding:18px}.section-title{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.section-title p{color:var(--muted);margin-top:4px}.section-title span{color:var(--muted);font-size:13px}.media-panel{overflow:hidden}.screenshot-strip{grid-auto-columns:minmax(240px,32%);grid-auto-flow:column;gap:12px;padding-bottom:8px;display:grid;overflow-x:auto}.screenshot-strip a,.trailer-card{border:1px solid var(--line);background:#fffdf8;border-radius:8px;overflow:hidden}.screenshot-strip img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .2s;display:block}.screenshot-strip a:hover img{transform:scale(1.03)}.trailer-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:14px;display:grid}.trailer-card{color:var(--text);text-decoration:none}.trailer-card img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.trailer-card span{color:var(--muted);padding:10px;display:block}.store-links{flex-wrap:wrap;gap:8px;display:flex}.store-links a,.steam-stats-panel .section-title a{color:var(--accent);background:#eef8fb;border:1px solid #2869853d;border-radius:7px;padding:8px 11px;font-weight:760;text-decoration:none}.steam-stats-panel .section-title a{white-space:nowrap}.meta-list{gap:10px;margin:16px 0;display:grid}.meta-list div{grid-template-columns:110px minmax(0,1fr);gap:12px;display:grid}.meta-list dt{color:var(--text);font-weight:760}.description{line-height:1.75}.review-form{gap:14px;display:grid;position:sticky;top:24px}.review-form label,.score-field{color:var(--muted);gap:7px;display:grid}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.inline-form{grid-template-columns:minmax(0,1fr) 82px;gap:8px;margin-top:8px;display:grid}.form-actions{gap:10px;display:flex}button.danger{color:var(--danger);box-shadow:none;background:#fff7f8;border-color:#c2415d47}button.danger:hover{color:#9f1239;background:#fff0f3}.stats-layout{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.stat-card{padding:18px}.stat-card span{color:var(--muted)}.stat-card strong{color:#9a6508;margin-top:8px;font-size:36px;display:block}.span-two{grid-column:span 2}@media (width<=900px){.app-shell,.two-column,.stats-layout{grid-template-columns:1fr}.sidebar{height:auto;padding:18px;position:static}.nav-links{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.main-panel{padding:24px 16px}.page-head,.result-card{align-items:stretch}.result-card{grid-template-columns:1fr}.review-form{position:static}.span-two{grid-column:auto}}@media (width<=560px){.page-head,.form-actions{flex-direction:column;align-items:stretch}.page-head h1,.detail-hero h1{font-size:32px}.page-actions{justify-content:stretch}.page-actions button,.page-actions .primary-action{width:100%}.search-bar,.steam-import-form,.library-tools,.score-grid,.inline-form{grid-template-columns:1fr}.steam-game-row{grid-template-columns:20px minmax(0,1fr)}.steam-game-row img{display:none}.nav-links{grid-template-columns:1fr}.detail-hero.enriched,.hero-copy{min-height:340px}.hero-score{margin:0 18px 18px;position:relative;bottom:auto;right:auto}.screenshot-strip{grid-auto-columns:82%}.poster-panel{grid-template-columns:1fr}.poster-panel img{max-width:220px}}.memory-wall[data-v-c72eece8]{margin-top:28px;overflow:hidden}.memory-header[data-v-c72eece8],.comment-actions[data-v-c72eece8],.comment-meta[data-v-c72eece8],.comment-fields[data-v-c72eece8],.image-preview[data-v-c72eece8]{align-items:center;display:flex}.memory-header[data-v-c72eece8]{justify-content:space-between;gap:18px;margin-bottom:22px}.memory-header h2[data-v-c72eece8]{margin:0}.comment-count[data-v-c72eece8],.comment-rating[data-v-c72eece8]{color:var(--accent);background:#eef8fb;border:1px solid #28698533;border-radius:999px}.comment-count[data-v-c72eece8]{white-space:nowrap;padding:8px 14px}.comment-form[data-v-c72eece8],.image-picker[data-v-c72eece8],.comment-list[data-v-c72eece8]{display:grid}.comment-form[data-v-c72eece8]{gap:16px;margin-bottom:24px}.comment-fields[data-v-c72eece8]{gap:16px}.comment-fields label[data-v-c72eece8]:first-child{flex:1.4}.comment-fields label[data-v-c72eece8]:last-child{flex:.6}.image-picker[data-v-c72eece8]{gap:12px}.image-input input[data-v-c72eece8]{padding:14px}.image-input span[data-v-c72eece8]{color:var(--muted);margin-top:8px;font-size:.92rem;display:block}.hidden-field[data-v-c72eece8]{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.image-preview[data-v-c72eece8]{background:#fff8e7;border:1px solid #e5b85c47;border-radius:8px;justify-content:space-between;gap:14px;padding:12px}.image-preview img[data-v-c72eece8]{object-fit:cover;border-radius:7px;width:168px;height:96px}.ghost-button[data-v-c72eece8]{width:auto}.comment-actions[data-v-c72eece8]{color:var(--muted);justify-content:space-between;gap:16px}.comment-actions button[data-v-c72eece8]{width:auto;min-width:132px}.comment-list[data-v-c72eece8]{gap:14px}.empty-comments[data-v-c72eece8]{color:var(--muted);background:#f8fbfa;border:1px dashed #2869853d;border-radius:8px;margin:0;padding:22px}.comment-card[data-v-c72eece8]{border:1px solid var(--line);background:#fbfdfb;border-radius:8px;padding:18px}.comment-meta[data-v-c72eece8]{flex-wrap:wrap;gap:10px;margin-bottom:10px}.comment-meta strong[data-v-c72eece8]{color:var(--text)}.comment-meta time[data-v-c72eece8]{color:var(--muted);margin-left:auto;font-size:.92rem}.comment-rating[data-v-c72eece8]{padding:4px 9px;font-size:.86rem}.comment-image[data-v-c72eece8]{margin-bottom:14px;display:block}.comment-image img[data-v-c72eece8]{object-fit:cover;border:1px solid #e5b85c47;border-radius:8px;width:min(420px,100%);max-height:260px}.comment-card p[data-v-c72eece8]{color:var(--text);white-space:pre-wrap;margin:0;line-height:1.7}@media (width<=720px){.memory-header[data-v-c72eece8],.comment-fields[data-v-c72eece8],.comment-actions[data-v-c72eece8],.image-preview[data-v-c72eece8]{flex-direction:column;align-items:stretch}.comment-meta time[data-v-c72eece8]{width:100%;margin-left:0}.comment-actions button[data-v-c72eece8]{width:100%}.image-preview img[data-v-c72eece8]{width:100%;height:auto;max-height:220px}}