*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:#181a1d;color:#eee;font-family:Arial,sans-serif}#viewport{position:absolute;inset:0 0 58px;overflow:hidden}#canvas{position:absolute;width:1920px;height:1080px;transform-origin:0 0}.slide{position:absolute;inset:0;overflow:hidden;display:none}.slide.active{display:block;animation:appear .2s ease-out}.object{position:absolute;transform-origin:center}.picture{overflow:hidden}.picture img{position:absolute;max-width:none}.text-inner{width:100%}.text p{margin:0;white-space:pre-wrap;overflow-wrap:normal}.text span{font-synthesis:none}nav{position:absolute;bottom:0;height:58px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px;background:#202226;border-top:1px solid #34373b}button,select{background:#2c3036;color:#f4f4f4;border:1px solid #494f58;border-radius:6px;padding:9px 14px;font-size:14px;cursor:pointer}button:hover,button:focus-visible{background:#444b54}select{width:320px;max-width:40vw}button:disabled{opacity:.3;cursor:default}.still .picture img{visibility:hidden}.still .picture{background-repeat:no-repeat;background-size:100% 100%}@keyframes appear{from{opacity:.5}to{opacity:1}}@media(max-width:600px){nav{gap:4px;padding:6px}button,select{padding:8px;font-size:12px}#full{display:none}select{max-width:29vw}#motion{font-size:11px}}@media(prefers-reduced-motion:reduce){.slide.active{animation:none}}@media print{body{overflow:visible}nav{display:none}#viewport,#canvas{position:static;transform:none!important}.slide{position:relative;display:block;width:1920px;height:1080px;break-after:page}}
/* Navigation remains visible, with restrained contrast and explicit labels. */
nav #prev,nav #next{background:transparent;border-color:#555c66;color:#e0e3e8;white-space:nowrap;min-height:40px;font-size:13px}
nav #prev:hover:not(:disabled),nav #next:hover:not(:disabled){background:#343a42;border-color:#939ba5}
nav button:focus-visible,nav select:focus-visible{outline:2px solid #a7c8e8;outline-offset:2px}
@media(max-width:600px){#viewport{bottom:96px}nav{height:96px;flex-wrap:wrap;align-content:center;gap:5px}nav #prev{order:0}nav #jump{order:1;width:calc(100% - 200px);max-width:none}nav #next{order:2}nav #motion{order:3;flex-basis:100%;max-width:180px;padding:5px}nav #prev,nav #next{padding:8px 10px;font-size:12px}}