:root{--bg:#0c0d16;--panel:#3f0508;--panel-top:#7a0f12;--gold:#f5c542;--gold-dark:#c08e17;--ink:#e6e6e6;--muted:#9aa3b2}
*{box-sizing:border-box} html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}
a{color:#ffd76b;text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:16px}
.header{position:sticky;top:0;z-index:10;background:linear-gradient(180deg, rgba(10,10,15,.95), rgba(10,10,15,.7));backdrop-filter:saturate(120%) blur(4px);border-bottom:1px solid #1b1d2b}
.brand{display:flex;gap:12px;align-items:center} .brand img{height:56px}
.hud{opacity:.9;color:var(--muted)} .btn{display:inline-block;background:#1b1d2b;color:#fff;border:1px solid #2a2d44;padding:8px 12px;border-radius:10px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.card{background:linear-gradient(180deg,#141624,#0f1120);border:1px solid #24273f;border-radius:18px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.25)}
.card .thumb{aspect-ratio:16/9;background:#20151a;display:flex;align-items:center;justify-content:center;color:#ffd76b;font-weight:700}
.card .pad{padding:12px}
.crt{border:4px solid #1a0c0d;border-radius:14px;box-shadow:inset 0 0 0 2px #2b0f10, 0 6px 32px rgba(0,0,0,.45)}
.marquee{position:relative;margin:18px 0 8px;padding:18px;border:2px solid #5f4612;border-radius:16px;background:linear-gradient(180deg,var(--panel-top),var(--panel));box-shadow:0 10px 40px rgba(0,0,0,.45), inset 0 -4px 0 rgba(0,0,0,.25)}
.marquee h1{margin:0;font-family:"Anton",Impact,Oswald,system-ui,sans-serif;font-size:42px;letter-spacing:.5px;color:var(--gold);text-shadow:0 2px 0 #000, 0 1px 0 var(--gold-dark)}
.tagline{display:inline-block;margin-top:6px;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.35);color:#ffd76b;border:1px solid rgba(255,215,107,.2);font-weight:600;font-size:14px}
.footer{margin-top:40px;padding:20px;color:var(--muted);border-top:1px solid #1b1d2b}
.ad{min-height:90px;background:linear-gradient(180deg,#101223,#0b0d18);border:1px dashed #2a2d44;border-radius:12px;color:#62738a;display:flex;align-items:center;justify-content:center}
@media (max-width:640px){.brand img{height:44px} .marquee h1{font-size:28px}}