/* Base styles */
:root{
  --bg:#0c0c10;
  --ink:#f8f8ff;
  --muted:#b9b9c6;
  --accent:#ff7b00;
  --shadow:rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:15px/1.55 'Trebuchet MS',Verdana,Arial,sans-serif}
img{max-width:100%;height:auto;display:block}
.wrap{width:980px;max-width:96vw;margin:0 auto}

.header{display:flex;align-items:center;gap:12px;padding:12px 0}
.logo{width:64px;height:auto}
.title-block h1{margin:0;font-size:26px;text-shadow:0 2px 0 #000, 0 0 10px rgba(255,123,0,.25)}
.ticker{color:var(--accent)}
.tag{font-size:13px;color:var(--muted)}

.hero.full{display:flex;justify-content:center;margin:0;padding:0}
.hero-media-wrap{width:100%;max-width:1280px;margin:0 auto}
.hero-media{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px;border:1px solid #2a2a33;box-shadow:0 8px 24px var(--shadow)}
.hero-gif{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}

.ca-wrap{display:flex;justify-content:center;margin-top:18px}
.ca-card{background:#14141b;border:1px solid #2a2a33;border-radius:10px;padding:16px;box-shadow:0 8px 24px var(--shadow);max-width:720px;width:100%;text-align:center}
.ca-label{color:var(--muted);font-size:14px}
.ca-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;flex-wrap:wrap}
.ca{background:#0e0e13;padding:10px;border-radius:6px;border:1px dashed #39394a;word-break:break-all;font-size:13px}
.copy-btn{padding:6px 10px;font-size:13px;border-radius:6px;border:1px solid #444;background:#222;color:#fff;cursor:pointer}
.copy-btn:hover{background:#333}

/* Tablet adjustments */
@media(min-width:700px){
  .title-block h1{font-size:36px}
  .hero-media{aspect-ratio:5/2}
}

/* Desktop adjustments */
@media(min-width:1024px){
  .title-block h1{font-size:44px}
  .hero-media{aspect-ratio:3/1;max-height:420px}
}

.grid.two{display:grid;grid-template-columns:1fr;gap:14px;margin:26px auto}
.panel{background:#1a1a25;border:1px solid #2a2a33;padding:18px;border-radius:10px;box-shadow:0 8px 24px var(--shadow)}
.panel h2{margin:0 0 10px;font-size:22px}
.bullets{margin:6px 0 12px 18px}
.tiny{color:var(--muted);font-size:12px}
.forum-shot .lore-img{width:100%;border-radius:6px;border:1px solid #2c2c3a;box-shadow:0 6px 18px var(--shadow)}
.cap{color:var(--muted);font-size:13px;margin-top:6px}

/* Two-column layout on wider screens */
@media(min-width:860px){
  .grid.two{grid-template-columns:1fr 1fr;gap:20px}
}

.grid.two{display:grid;grid-template-columns:1fr;gap:14px;margin:20px auto}
.panel{background:#1a1a25;border:1px solid #2a2a33;padding:16px;border-radius:10px;box-shadow:0 8px 24px var(--shadow)}
.panel h2{margin:0 0 10px 0;font-size:22px}
.bullets{margin:6px 0 12px 18px}
.tiny{color:var(--muted);font-size:12px}
.forum-shot .lore-img{width:100%;border-radius:6px;border:1px solid #2c2c3a;box-shadow:0 8px 24px var(--shadow)}
.cap{color:var(--muted);font-size:12px;margin-top:6px}

@media(min-width:820px){
  .grid.two{grid-template-columns:1fr 1fr;gap:18px}
}

.footer{padding:28px 0 40px;text-align:center;color:var(--muted)}
.footer-links{margin-bottom:10px;display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.footer-links a{color:var(--ink);text-decoration:none;font-size:14px}
.footer-links a:hover{color:var(--accent)}
.foot-note{font-size:13px;color:var(--muted)}