.spill-detail-card{border-radius:20px;overflow:hidden;background:#151c22!important;border-color:#34414a!important}
.spill-hero{position:relative;isolation:isolate;min-height:390px;display:flex;align-items:flex-end;padding:clamp(24px,4vw,54px);background:linear-gradient(135deg,#142d29,#17202c)}
.spill-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;z-index:-2}
.spill-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,19,24,.97),rgba(12,19,24,.3) 65%,rgba(12,19,24,.25));z-index:-1}
.spill-hero-no-image{min-height:220px}
.spill-hero-content{max-width:800px;padding-top:54px}
.spill-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#a7e5c1;margin-bottom:14px}
.spill-hero h1{font-size:clamp(2rem,5vw,4rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin:0;color:#fff;text-shadow:0 2px 18px #0007}
.spill-hero-edit{position:absolute;top:22px;right:22px;background:#111d24dc;border-color:#7caf91;color:#fff;backdrop-filter:blur(8px)}
.spill-detail-body{padding:clamp(20px,3vw,36px)}
.spill-game-facts{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}
.spill-game-fact{flex:1 1 150px;min-width:0;padding:14px 18px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff04}
.spill-game-fact-label{font-size:.75rem;color:#93a5af;margin-bottom:5px}
.spill-game-fact-value{font-size:.95rem;font-weight:600;overflow-wrap:anywhere}
.spill-game-description{font-size:1.05rem;line-height:1.8;color:#d5dfe5;max-width:980px}
.spill-game-description>:last-child{margin-bottom:0}
.spill-hero-previews{display:flex;gap:12px;align-items:center;padding-top:24px;margin-top:24px;border-top:1px solid #ffffff12;flex-wrap:wrap}
.spill-hero-preview{width:132px;aspect-ratio:16/9;overflow:hidden;border:1px solid #ffffff26;border-radius:10px;padding:0;background:#0b1117;transition:transform .18s,border-color .18s}
.spill-hero-preview img{width:100%;height:100%;object-fit:cover}
.spill-hero-preview:hover{transform:translateY(-3px);border-color:#74cf9b}
.spill-hero-preview:focus-visible{outline:2px solid #74cf9b;outline-offset:3px}
.spill-gallery-actions{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
@media(max-width:575px){.spill-hero{min-height:300px;padding:24px}.spill-hero-no-image{min-height:190px}.spill-hero-edit{top:16px;right:16px}.spill-hero-preview{width:90px}.spill-gallery-actions{gap:6px}.spill-gallery-actions .btn{font-size:.75rem}}

.spill-hero-views{display:inline-flex;align-items:center;margin-top:18px;padding:7px 12px;border-radius:999px;background:#0d171cb3;border:1px solid #ffffff24;color:#d4e3dc;font-size:.85rem;backdrop-filter:blur(6px)}