:root{--bg:#101010;--text:#f7f7f7;--muted:#aaa;--accent:#e6ad00;--line:#303030}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}.nav{height:68px;position:sticky;top:0;z-index:30;display:flex;align-items:center;padding:0 4vw;background:#0d0d0df2;border-bottom:1px solid #252525}.logo{font-size:21px;font-weight:900}.logo span{color:var(--accent)}nav{display:flex;gap:25px;margin-left:45px}nav a{color:#ccc;text-decoration:none;font-size:14px}.nav-right{margin-left:auto;display:flex;gap:8px}.nav button,.nav-right button{background:#242424;color:white;border:0;border-radius:6px;padding:9px 13px;cursor:pointer}.hero{height:620px;display:flex;align-items:end;padding:80px 6vw;background:linear-gradient(90deg,#090909 0,#090909dd 35%,#09090922),linear-gradient(0deg,#101010,transparent 35%),url("assets/hero.svg") center/cover}.hero-content{max-width:600px}.hero small,.detail-copy small,.admin-card>small{letter-spacing:.18em;color:#ddd}.hero h1{font-size:clamp(45px,6vw,78px);line-height:.94;margin:15px 0;letter-spacing:-.05em}.hero em{font-style:normal;color:var(--accent)}.hero p{color:#ccc;line-height:1.6}.watch,.ghost{padding:13px 18px;border-radius:6px;font-weight:bold;cursor:pointer}.watch{border:0;background:var(--accent);color:#111}.ghost{background:#292929;border:1px solid #444;color:#fff;margin-left:8px}.section{padding:28px 5vw 5px}.head{display:flex;justify-content:space-between;align-items:center}.head h2{font-size:20px}.head span{font-size:12px;color:#888}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,15vw);gap:13px;overflow-x:auto;padding:8px 0 25px}.card{aspect-ratio:2/3;border-radius:6px;overflow:hidden;background:#222;position:relative;cursor:pointer;transition:.2s}.card:hover{transform:scale(1.04)}.card-art{width:100%;height:100%;object-fit:cover}.fallback{height:100%;padding:15px;display:flex;align-items:end;background:linear-gradient(145deg,#444,#151515)}.card-title{position:absolute;bottom:0;left:0;right:0;padding:35px 11px 11px;background:linear-gradient(transparent,#000e);font-weight:bold;font-size:13px}.type{position:absolute;top:9px;left:9px;background:#000b;padding:5px 6px;border-radius:4px;font-size:9px}footer{border-top:1px solid var(--line);margin-top:60px;padding:30px 5vw;color:#777;font-size:11px;display:flex;justify-content:space-between}.modal{position:fixed;inset:0;background:#000d;z-index:60;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.player-card,.admin-card{width:min(1000px,96vw);max-height:92vh;overflow:auto;background:#171717;border:1px solid #383838;border-radius:10px;padding:20px;position:relative}.player-card video{width:100%;background:#000;max-height:70vh}.x{position:absolute;right:12px;top:8px;background:#000b;color:#fff;border:0;border-radius:50%;font-size:25px;width:36px;height:36px;cursor:pointer;z-index:2}.detail-card{width:min(900px,95vw);min-height:450px;display:grid;grid-template-columns:45% 55%;background:#181818;border-radius:10px;overflow:hidden;position:relative}.detail-art{background:#292929 url("assets/hero.svg") center/cover}.detail-copy{padding:50px;display:flex;flex-direction:column;justify-content:center}.detail-copy h2{font-size:38px}.detail-copy p,.admin-card p{color:#aaa;line-height:1.6}.admin-card label{display:block;color:#aaa;font-size:11px;margin:14px 0}.admin-card input,.admin-card textarea,.admin-card select{display:block;width:100%;margin-top:6px;background:#0d0d0d;border:1px solid #363636;color:#fff;border-radius:5px;padding:11px}.admin-row{display:flex;justify-content:space-between;border-top:1px solid #303030;padding:13px 0;font-size:12px}.admin-row button{background:none;border:0;color:var(--accent);cursor:pointer}.searchbar{position:fixed;right:4vw;top:78px;width:min(500px,90vw);z-index:50;display:none;background:#181818;border:1px solid #444;padding:10px}.searchbar.open{display:flex}.searchbar input{flex:1;background:none;border:0;color:#fff;outline:0;padding:10px}@media(max-width:700px){nav{display:none}.hero{height:540px;padding:50px 5vw}.rail{grid-auto-columns:145px}.detail-card{grid-template-columns:1fr}.detail-art{height:260px}.detail-copy{padding:28px}footer{flex-direction:column;gap:10px}}