@font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/poppins-regular.ttf") format("truetype"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/inter-600.ttf") format("truetype"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 800; font-display: swap; src: url("assets/inter-800.ttf") format("truetype"); }
:root { color-scheme: dark; --background: #240001; --accent: #ff2b2b; }
* { box-sizing: border-box; }
html { min-height: 100%; background: var(--background); }
body { margin: 0; min-width: 280px; min-height: 100vh; background: var(--background); color: #fff; font-family: Arial, Helvetica, sans-serif; }
[hidden] { display: none !important; }
.page { width: min(100%, 1160px); margin: 0 auto; padding: 30px 10px; display: flex; flex-direction: column; align-items: center; gap: 20px; }
.notice { max-width: 100%; border: 2px solid #cc2222; border-radius: 6px; padding: 10px 20px; background: rgba(180,0,0,.08); color: #e8e8e8; font: 400 18px/1.5 "Poppins", Arial, sans-serif; text-align: center; }
.notice-label { color: #ff3333; font-weight: 700; }
.headline-wrap { width: 39%; max-width: 100%; }
h1 { margin: 16px 0; color: #fff; font: 600 24px/1.2 "Inter", Arial, sans-serif; text-align: center; }
h1 strong { color: var(--accent); font-weight: 800; }
.video-section { width: 100%; }
.video-wrap { width: 100%; max-width: 400px; margin: 0 auto; }
vturb-smartplayer { display: block; width: 100%; margin: 0 auto; }
.thumbnail { position: relative; width: 100%; padding-top: 133.333333%; background: #000; }
.thumbnail img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.video-error, .no-script { max-width: 400px; margin: 16px auto; font-size: 14px; line-height: 1.5; text-align: center; }
@media (max-width: 767px) {
  .headline-wrap { width: 392px; max-width: 100%; }
  .notice { width: max-content; max-width: 100%; }
}