.game-detail{max-width:800px;margin:0 auto}.detail-back{display:inline-flex;align-items:center;gap:.25rem;color:var(--text-secondary);text-decoration:none;font-size:.9rem;margin-bottom:1.5rem;transition:color .2s}.detail-back:hover{color:var(--accent)}.detail-not-found{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.detail-not-found .empty-icon{font-size:4rem;margin-bottom:1rem}.detail-not-found h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.detail-hero{display:flex;gap:1.5rem;margin-bottom:2rem}.detail-cover{flex-shrink:0;width:260px;aspect-ratio:3 / 4;background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;overflow:hidden}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-cover-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;font-size:3rem}.detail-info{flex:1;display:flex;flex-direction:column}.detail-title{font-size:1.8rem;font-weight:900;letter-spacing:.05em;margin-bottom:.5rem}.detail-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.detail-meta-item{display:flex;flex-direction:column;gap:.15rem;font-size:.85rem}.detail-meta-label{color:var(--text-secondary);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.detail-actions{display:flex;gap:.75rem;margin-bottom:1.5rem}.detail-play-btn{background:var(--accent);color:#fff;border:none;border-radius:.5rem;padding:.7rem 2rem;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .15s}a.detail-play-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.detail-play-btn:hover{transform:translateY(-1px)}.detail-source-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:.5rem;padding:.7rem 1rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:border-color .2s}.detail-source-btn:hover{border-color:var(--accent)}.detail-fav-btn{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:.5rem;padding:.7rem 1rem;font-size:1.2rem;cursor:pointer;transition:border-color .2s}.detail-fav-btn:hover{border-color:var(--accent)}.detail-delete-btn{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);border-radius:.5rem;padding:.7rem 1rem;font-size:1rem;cursor:pointer;transition:border-color .2s,color .2s}.detail-delete-btn:hover{border-color:var(--accent);color:var(--accent)}.detail-section{margin-bottom:1.5rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.5rem}.detail-section h2,.detail-section h3{font-size:.9rem;font-weight:700;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.detail-tags{display:flex;flex-wrap:wrap;gap:.4rem}.detail-tag{background:var(--bg-secondary);color:var(--accent-blue);border:1px solid var(--border);border-radius:.25rem;padding:.2rem .6rem;font-size:.8rem}.detail-notes{color:var(--text-secondary);font-size:.85rem;line-height:1.5;white-space:pre-wrap}.detail-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-bottom:1.5rem}.detail-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:.5rem;padding:.75rem;text-align:center}.detail-stat-value{font-size:1.5rem;font-weight:800;color:var(--accent-blue)}.detail-stat-label{font-size:.7rem;color:var(--text-secondary);margin-top:.15rem;text-transform:uppercase}.detail-loading{text-align:center;padding:4rem;color:var(--text-secondary)}.detail-summary{color:var(--text-secondary);line-height:1.7;margin-bottom:1.25rem}.detail-stat-value{overflow-wrap:anywhere}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.related-card{display:grid;grid-template-columns:auto 1fr;gap:.25rem .6rem;align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:.5rem;padding:.75rem;color:var(--text-primary);text-decoration:none;transition:border-color .2s,transform .15s}.related-card:hover{border-color:var(--accent);transform:translateY(-1px)}.related-icon{grid-row:span 2;font-size:1.3rem}.related-title{font-weight:800;line-height:1.25}.related-meta{color:var(--text-secondary);font-size:.78rem}@media(max-width:640px){.detail-hero{flex-direction:column}.detail-cover{width:100%;max-width:260px;margin:0 auto}.detail-title{font-size:1.4rem}.detail-actions{flex-direction:column}}