:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#02060c;color:#e4f0f4}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{position:fixed;inset:0;width:100%;height:100%}header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:34px 42px;pointer-events:none}.brand{font-size:13px;letter-spacing:.27em}.edition{font-size:11px;letter-spacing:.22em;color:#6e8595}main{pointer-events:none}.story{position:fixed;bottom:124px;left:42px;max-width:70%}#chapter{font-size:11px;letter-spacing:.23em;color:#79b4c7;margin-bottom:14px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(28px,3.7vw,53px);letter-spacing:-.035em;margin:0 0 12px}p{font-size:14px;color:#7f94a2;margin:0;line-height:1.5}footer{position:fixed;bottom:0;padding:22px 42px 28px;width:100%;display:flex;align-items:center;gap:28px;background:linear-gradient(transparent,#02060cbb)}.controls{display:flex;gap:18px;align-items:center;white-space:nowrap}button{border:0;background:none;color:#bdcfd7;padding:10px 0;font:12px Arial;cursor:pointer;min-height:44px}button:hover{color:white}button:focus-visible{outline:1px solid #b4e6f6;outline-offset:5px}#clock{font:11px monospace;color:#7b929f;min-width:95px}input{width:100%;height:2px;accent-color:#9ed8e4;cursor:pointer}.hint{color:#6b8594;font-size:10px;letter-spacing:.15em;white-space:nowrap}@media(max-width:650px){header{padding:25px 24px}.edition{display:none}.story{left:24px;bottom:127px;max-width:86%}footer{padding:18px 24px 26px;gap:18px;flex-wrap:wrap}.hint{display:none}.controls{width:100%;justify-content:space-between}input{order:-1}h1{font-size:32px}p{font-size:13px}}
.story,.edition,.brand,.hint{display:none}header{height:100%;padding:28px;opacity:.45}header:before,header:after{content:'';position:absolute;width:20px;height:20px;border-top:1px solid #537b8b;top:28px}header:before{left:28px;border-left:1px solid #537b8b}header:after{right:28px;border-right:1px solid #537b8b}footer{opacity:.6;transition:opacity .3s}footer:hover,footer:focus-within{opacity:1}

#signal[hidden]{display:none}
#signal{position:fixed;z-index:2;left:50%;bottom:96px;transform:translateX(-50%);width:min(880px,calc(100% - 48px));max-height:25vh;overflow:auto;background:#061018ed;border:1px solid #42617466;border-radius:5px;animation:signal-in .8s ease-out}
#signal pre{margin:0;padding:18px 20px;white-space:pre-wrap;overflow-wrap:normal;word-break:normal;color:#a7c2ce;font:11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;user-select:text;-webkit-user-select:text;cursor:text}
#signal pre:focus-visible{outline:1px solid #a7c2ce;outline-offset:-3px}
@keyframes signal-in{from{opacity:0}to{opacity:1}}
@media(max-width:650px){#signal{bottom:124px;width:calc(100% - 32px);max-height:26vh}#signal pre{font-size:10.5px;padding:14px}}
@media(max-height:500px){#signal{bottom:88px;max-height:28vh}#signal pre{padding-top:10px;padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){#signal{animation:none}}