:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f2f5f1;background:#06161c;font-synthesis:none;--gold:#e8dab1}
*{box-sizing:border-box}body{margin:0}button,a,select,input{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer;background:none;border:0}button:disabled{opacity:.32;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:hover,a:hover{color:var(--gold)}[hidden]{display:none!important}
#player{position:relative;width:100%;height:100svh;min-height:330px;overflow:hidden;isolation:isolate;background:#06161c}#film,#poster,.veil{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#film{z-index:-3}#poster{z-index:-2;transition:opacity .25s}#player.ready #poster{opacity:0;pointer-events:none}.veil{z-index:-1;pointer-events:none;background:linear-gradient(180deg,#03131c99,transparent 20%,transparent 40%,#03131c88 64%,#03131cf5 100%)}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;font-size:10px;letter-spacing:.15em}header a{letter-spacing:0;font-size:12px;min-height:36px;display:flex;align-items:center}.caption{position:absolute;top:16%;left:6%;right:6%;pointer-events:none;text-shadow:0 2px 22px #0009}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--gold);margin:0 0 12px}h1{font-weight:400;letter-spacing:-.045em;font-size:clamp(28px,6.5vw,52px);line-height:1.05;max-width:580px;margin:0 0 14px}#measure{font-size:14px;color:var(--gold);margin:0;line-height:1.5}#caution{font-size:9px;letter-spacing:.12em;color:#e5dfcd}
#enter{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;white-space:nowrap;padding:12px 18px 12px 12px;border:1px solid #e8dab155;border-radius:40px;background:#071b24a6;backdrop-filter:blur(12px);font-size:13px}.play-icon{display:grid;place-items:center;background:var(--gold);color:#081c25;border-radius:50%;width:42px;height:42px;font-size:15px;padding-left:3px}#status{position:absolute;top:56%;left:10%;right:10%;text-align:center;font-size:12px;background:#051922e6;padding:12px;border-radius:8px;pointer-events:none}
footer{position:absolute;bottom:0;left:0;right:0;padding:12px 24px max(16px,env(safe-area-inset-bottom));font-size:12px}.scale-row,.play-row{display:flex;align-items:center;gap:12px}.scale-row{justify-content:space-between}.scale-row button{min-height:44px;white-space:nowrap;padding:0 4px}select{min-width:0;max-width:52%;width:100%;height:40px;padding:0 10px;background:#16313dbb;border:1px solid #bdd0d033;border-radius:7px;font-size:12px}option{background:#0b2430}#scrub{width:100%;height:28px;accent-color:var(--gold);cursor:ew-resize;margin:4px 0;touch-action:none}.play-row{gap:8px}.play-row button{min-width:44px;min-height:44px;padding:0 4px}#play{min-width:65px;text-align:left}#position{font-size:10px;color:#bfcdd2;font-variant-numeric:tabular-nums}#science{margin-left:auto;font-size:11px}#fullscreen{font-size:24px}.disclosure{font-size:9px;color:#a9bdc5;line-height:1.5;margin:4px 0 0;letter-spacing:.025em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}dialog{max-width:520px;width:calc(100% - 28px);max-height:85svh;padding:28px;border:1px solid #b9d1d344;border-radius:14px;background:#071b25;color:#e9efec;font-size:13px;line-height:1.6}dialog::backdrop{background:#001016a8;backdrop-filter:blur(6px)}dialog h2{font-size:24px;font-weight:400;padding-right:24px;line-height:1.2}dialog a{color:var(--gold);text-decoration:underline}#close{position:absolute;right:8px;top:8px;width:44px;height:44px;font-size:28px}#detail-caution{color:var(--gold)}
@media(min-width:900px){.caption{left:6%;top:23%}h1{font-size:64px}footer{padding-left:6%;padding-right:6%}.scale-row{max-width:700px;margin:auto}}
@media(max-width:420px){header{padding:12px 16px;font-size:8px}header a{font-size:11px}footer{padding:8px 14px max(12px,env(safe-area-inset-bottom))}.caption{top:17%}h1{font-size:34px}.eyebrow{font-size:8px}#measure{font-size:12px}.scale-row{gap:6px}.scale-row button,select{font-size:11px}select{padding:0 5px}.disclosure{font-size:8px}#enter{font-size:12px}}
@media(max-height:440px){header{padding-top:6px;padding-bottom:6px}.caption{top:16%}.eyebrow{display:none}h1{font-size:28px;margin-bottom:6px}#measure{font-size:11px}#caution{margin:4px 0}#enter{top:48%;padding:4px 12px 4px 5px;font-size:11px}.play-icon{width:30px;height:30px}footer{padding-top:0;padding-bottom:6px}.disclosure{display:none}.scale-row button,.play-row button{min-height:36px}select{height:34px}#scrub{margin:0;height:24px}}
@media(prefers-reduced-motion:reduce){#poster{transition:none}}