@font-face{font-family:Gen2;src:url('gen2-dialogue.woff2')}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;padding:10px;background:#fcfaf6;color:#263041}.player{width:100%;min-width:0}header{text-align:right;font:12px Georgia,serif;margin-bottom:6px}.stage{position:relative;width:100%;aspect-ratio:1080/1352;overflow:hidden;background:#f7f3ec;border-radius:4px}.stage video,.stage img{position:absolute;width:100%;height:100%;inset:0;object-fit:contain}.stage img{z-index:1}#status{position:absolute;z-index:2;bottom:12px;left:12px;right:12px;background:#fffdf6;padding:12px;text-align:center;font:14px sans-serif}.seek-row{display:flex;gap:8px;align-items:center;font:11px/1.4 Arial,sans-serif;margin:8px 0}.seek-row input{flex:1;min-width:0;accent-color:#856396}.seek-row output{white-space:nowrap;font-variant-numeric:tabular-nums}button{cursor:pointer;color:inherit;background:#f8f6fa;border:2px solid #6b6278;border-radius:6px;padding:8px;font:14px Gen2,system-ui,sans-serif;min-height:40px}button:disabled{opacity:.4;cursor:default}.seek-row button{font:11px Arial,sans-serif;min-height:28px;border:1px solid #b9aebf;padding:4px 8px}nav{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:10px}#replay{background:#e6dfed}button:focus-visible,input:focus-visible{outline:3px solid #9367b7;outline-offset:3px}.player:fullscreen{display:flex;flex-direction:column;justify-content:center;background:#fcfaf6;padding:16px}.player:fullscreen .stage{max-height:calc(100vh - 145px)}@media(max-width:600px){body{padding:6px}nav{gap:6px}nav button{font-size:12px;padding:6px}}
