:root{font-family:Arial,Helvetica,sans-serif;color:#111;background:#000;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#000}body{overflow:hidden}button,summary{font:inherit;color:inherit}button{border:0;cursor:pointer}#stage{position:relative;width:100vw;height:100svh;min-height:420px;overflow:hidden;isolation:isolate;background:#111}#stage video,#poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.008)}#poster{z-index:0}video{z-index:1;opacity:0}video.current{z-index:2;opacity:1}.shade{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 25%,transparent 68%,rgba(0,0,0,.2))}.brand,.readout,.controls{position:absolute;z-index:4}.brand{top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));display:flex;align-items:stretch;background:#fff}.brand h1{margin:0;padding:12px 14px 10px;font-size:clamp(26px,3.5vw,52px);line-height:.86;letter-spacing:-.07em}.brand p{display:flex;flex-direction:column;justify-content:space-between;margin:0;padding:10px 12px;border-left:1px solid #111;font-size:11px;font-weight:700;line-height:1.1;letter-spacing:.07em}.brand p span{white-space:nowrap}.label{display:block;font-size:11px;font-weight:700;line-height:1;letter-spacing:.1em;color:#555}.readout{left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;width:min(760px,calc(100vw - 32px));padding:14px 16px 13px;background:#fff;box-shadow:8px 8px 0 rgba(0,0,0,.8)}.readout p{font-size:clamp(25px,4.2vw,60px);line-height:.94;letter-spacing:-.06em;margin:12px 0 0;text-wrap:balance}.readout output{padding-left:16px;border-left:1px solid #aaa;font:400 clamp(14px,1.7vw,20px)/1.15 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#444;overflow-wrap:anywhere;text-align:right}.controls{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:flex;align-items:center}.actions{display:flex;gap:1px;background:#111;border:1px solid #111}.actions button,.actions summary{display:block;min-height:46px;padding:14px 15px;background:#fff;border:0;font-size:11px;font-weight:700;letter-spacing:.06em;line-height:16px;white-space:nowrap;list-style:none}.actions summary::-webkit-details-marker{display:none}.actions button:hover,.actions summary:hover,.actions button[aria-pressed="true"],details[open] summary{background:#111;color:#fff}.actions button:focus-visible,.actions summary:focus-visible{position:relative;z-index:2;outline:3px solid #fff;outline-offset:3px}.about{position:absolute;right:0;bottom:calc(100% + 8px);width:min(500px,calc(100vw - 32px));max-height:min(680px,calc(100svh - 92px));overflow:auto;padding:24px;background:#fff;border-top:8px solid #111;box-shadow:10px 10px 0 rgba(0,0,0,.8);font-size:16px;line-height:1.48}.about p{margin:0 0 17px}.about p:last-child{margin-bottom:0}.about cite{font-style:normal;font-weight:700}.about dl{margin:26px 0}.about dl div{display:grid;grid-template-columns:1fr auto;gap:16px;padding:10px 0;border-top:1px solid #999}.about dl div:last-child{border-bottom:1px solid #999}.about dt{color:#555}.about dd{margin:0;text-align:right}.credit{font-size:13px;color:#555}#status{position:absolute;right:0;bottom:calc(100% + 8px);width:290px;margin:0;padding:13px 14px;background:#111;color:#fff;font-size:13px;line-height:1.35}#stage:fullscreen{width:100%;height:100%;min-height:0}@media(max-width:1060px){.readout{bottom:max(70px,calc(env(safe-area-inset-bottom) + 70px));width:calc(100vw - 32px)}.controls{left:max(16px,env(safe-area-inset-left));justify-content:flex-end}}@media(max-width:600px){#stage{min-height:500px}.brand{top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left))}.brand h1{padding:10px 11px 9px;font-size:27px}.brand p{padding:8px 9px;font-size:9px}.readout{left:max(10px,env(safe-area-inset-left));bottom:max(61px,calc(env(safe-area-inset-bottom) + 61px));width:calc(100vw - 20px);gap:12px;padding:11px 12px 10px;box-shadow:5px 5px 0 rgba(0,0,0,.82)}.readout p{font-size:clamp(22px,6.5vw,32px);line-height:.98;margin-top:8px}.readout output{padding-left:10px;font-size:13px}.label{font-size:9px}.controls{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));justify-content:flex-end}.actions{width:100%}.actions button,.actions details{flex:1}.actions button,.actions summary{width:100%;min-height:42px;padding:11px 6px;text-align:center;font-size:10px}.about{right:0;width:calc(100vw - 20px);max-height:calc(100svh - 75px);padding:18px;border-top-width:6px;box-shadow:6px 6px 0 rgba(0,0,0,.82);font-size:16px}.about dl div{grid-template-columns:1fr}.about dd{text-align:left;font-weight:700}#stage video,#poster{object-position:center center}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}