:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101015;color:#f4f4f0}*{box-sizing:border-box}body{margin:0}main{max-width:740px;margin:auto;padding:28px 24px 40px}header{display:flex;justify-content:space-between;align-items:center;letter-spacing:.1em}header b{font-size:36px}header small{font-size:14px}header span,.kicker{font-size:11px;color:#a7a7b2;letter-spacing:.15em}.kicker{margin-top:48px}h1{font-size:clamp(44px,8vw,68px);line-height:1.15;letter-spacing:-.04em;margin:16px 0 20px}h1 em{font-style:normal;color:#48eddf}p{line-height:1.8}.cards{display:flex;gap:14px;margin:28px 0}.cards button{width:50%;padding:10px;text-align:left;background:#1d1e26;border:1px solid #3b3d4d;border-radius:14px}.cards button[aria-pressed=true]{border-color:#48eddf}.cards img{width:100%;height:180px;object-fit:contain}.cards span{display:block;font-size:12px;padding:10px 4px}button{font:inherit;cursor:pointer;border:1px solid #4b4c57;border-radius:10px;padding:12px 16px;background:#252631;color:inherit}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #48eddf;outline-offset:3px}.primary{background:#48eddf;color:#09211e;font-weight:700;border:none;width:100%;margin:18px 0 10px;padding:18px}#watch{width:100%;background:transparent}label{font-size:14px}input{accent-color:#48eddf}ol{display:flex;justify-content:space-between;padding:20px 20px 0;font-size:12px;gap:24px}.privacy,footer{font-size:11px;color:#9e9eac;margin-top:24px}a{color:inherit}.notice{font-size:12px;color:#e9c16c}#ar{position:fixed;inset:0;background:#000}#stage{position:absolute;inset:0;overflow:hidden}nav,.controls{position:absolute;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;left:14px;right:14px}nav{top:max(14px,env(safe-area-inset-top))}nav button,.controls button{background:#16161ccf}#status{font-size:12px;text-shadow:0 1px 3px #000}.controls{bottom:max(18px,env(safe-area-inset-bottom));justify-content:center}#guide{position:absolute;top:47%;width:100%;text-align:center;text-shadow:0 2px 4px #000;pointer-events:none}#caption{position:absolute;bottom:95px;left:5%;right:5%;white-space:pre-line;text-align:center;font-weight:bold;font-size:clamp(18px,4vw,28px);text-shadow:0 2px 3px #000,1px 0 3px #000}dialog{max-width:560px;width:90%;border:1px solid #555;border-radius:18px;padding:24px;background:#20212a}dialog::backdrop{background:#000b}video#plain{width:100%;max-height:70vh}#close-video{float:right;margin-bottom:14px}[hidden]{display:none!important}@media(max-width:480px){main{padding:20px}.cards img{height:130px}.cards{gap:10px}ol{font-size:10px;gap:18px}.kicker{margin-top:38px}}

body[data-card] .cards{justify-content:center}body[data-card] .cards button:not([hidden]){width:100%;max-width:440px;opacity:1;cursor:default;border-color:#48eddf}body[data-card] .cards img{height:210px}[hidden]{display:none!important}
/* Apply only together with the final short-phrase caption timeline. */
#caption{font-size:clamp(26px,7vw,46px);font-weight:900;line-height:1.25;color:#fff;background:rgba(0,0,0,.92);border:2px solid rgba(255,255,255,.7);border-radius:10px;padding:10px 16px;width:max-content;max-width:94%;left:50%;right:auto;transform:translateX(-50%);text-shadow:0 2px 2px #000;bottom:90px}
#caption:empty{display:none}