:root{--accent:#e63946}body{margin:0;font-family:system-ui,sans-serif;background:#0f0f12;color:#f2f2f2}.site-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid #222}.site-header .brand{color:var(--accent);font-weight:700;font-size:1.25rem;text-decoration:none}.site-header nav a{color:#ccc;margin-left:1.5rem;text-decoration:none}.site-footer{padding:1rem 2rem;color:#888;border-top:1px solid #222}.title-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:1rem;gap:1rem;padding:2rem}.title-card{color:inherit;text-decoration:none;display:flex;flex-direction:column;gap:.5rem}.title-card img{width:100%;object-fit:cover}.title-card img,.title-card-placeholder{aspect-ratio:2/3;border-radius:6px;background:#1a1a1e}.title-card-placeholder{display:flex;align-items:center;justify-content:center;padding:.5rem;text-align:center;font-size:.85rem}.title-card-name{font-size:.9rem}.filter-bar{display:flex;gap:.5rem;padding:0 2rem}.filter-bar input{padding:.5rem;background:#1a1a1e;border:1px solid #333;color:#fff;border-radius:4px}.pagination{display:flex;gap:1rem;padding:1rem 2rem;align-items:center}.player-wrap{position:relative;width:100%;max-width:960px;aspect-ratio:16/9;margin:0 2rem}.player-wrap iframe{width:100%;height:100%;border:0;border-radius:8px}