*{box-sizing:border-box}body{margin:0;background:#101817;color:#f2f0e8;font-family:Segoe UI,Arial,sans-serif}button{font:inherit;cursor:pointer;border:1px solid #506357;border-radius:8px;padding:12px 18px;background:#203129;color:inherit}button:hover{background:#354b3c}button:focus-visible,a:focus-visible{outline:3px solid #e8be78;outline-offset:4px}a{color:#e6c88d;text-decoration:none}header{display:flex;gap:20px;align-items:center;padding:16px 4vw;border-bottom:1px solid #34443a}header b{font-size:12px;letter-spacing:2px}#timer{margin-left:auto;font-variant-numeric:tabular-nums}main{max-width:1400px;margin:auto;padding:18px 4vw}.title{display:flex;align-items:center;justify-content:space-between;gap:15px}h1{font-size:clamp(26px,3vw,42px);margin:8px 0 20px;letter-spacing:-1px}.title a{font-size:12px}#scene{height:clamp(300px,51vh,620px);position:relative;overflow:hidden;border-radius:12px}.background{width:100%;height:100%;object-fit:cover;object-position:center 58%}.caption{position:absolute;bottom:8px;left:24px;font-size:27px;text-shadow:0 2px 10px #000;background:#102018b8;padding:12px 18px;border-radius:8px}.fiction{position:absolute;bottom:15px;right:16px;text-shadow:0 1px 5px #000}.pin{position:absolute;transform:translate(-50%,-50%);background:#13271de8;border:1px solid #e6bd78;border-radius:30px;box-shadow:0 0 0 5px #e6bd7833;font-size:12px}.pin b{color:#f4ce88;margin-right:7px}.flow{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0 12px}small{font-size:10px;letter-spacing:1.5px;color:#e4bd78}h2{font-size:clamp(21px,2vw,28px);margin:6px 0}p{line-height:1.5}.flow p{color:#adbdaf;margin:0;font-size:14px;max-width:720px}nav{display:flex;gap:9px;flex-shrink:0}#next{background:#e6bd78;color:#14231a;font-weight:700}button:disabled{opacity:.3}#extras{display:flex;gap:10px;margin:8px 0}footer{color:#8ca28f;font-size:11px;margin-top:15px}dialog{padding:0;background:#18291f;color:#eee;width:92vw;max-width:880px;max-height:90vh;border:1px solid #576b58;border-radius:12px;overflow:auto}dialog::backdrop{background:#07100ddd;backdrop-filter:blur(4px)}#close{position:absolute;right:12px;top:12px;border-radius:50%;z-index:2;font-size:23px;padding:2px 12px}#body>img{display:block;width:100%;max-height:56vh;object-fit:contain;background:#09120d}.copy{padding:24px 30px}.copy p{margin:10px 0}.copy ol{line-height:1.9;padding-left:22px}.slip{clip-path:inset(8% 0 0 0)}@media(max-width:650px){header{gap:8px}header b{font-size:9px;letter-spacing:1px}header button{padding:9px;font-size:11px}.flow{flex-direction:column;align-items:stretch;gap:15px}nav{justify-content:flex-end}.pin{font-size:10px;padding:8px}.caption{font-size:20px;left:12px}.fiction{font-size:8px}#scene{height:43vh}.title a{font-size:10px}}