*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background-color:#f3ede9}body{font-family:Source Code Pro,monospace;font-weight:300;color:#333}body>div:first-child{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}canvas{display:block}#readingOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none}#readingContent{width:min(420px,calc(100vw - 100px));display:grid;gap:16px;text-align:left;pointer-events:none}#readingContent h1{font-size:clamp(28px,5vw,42px);font-weight:300;letter-spacing:.12em;line-height:1.1;color:#222}.subtitle{font-size:clamp(18px,3vw,30px);font-weight:300;font-style:italic;color:#555;letter-spacing:.04em;min-height:1.4em}.body-copy{font-size:clamp(12px,1.6vw,14px);font-weight:300;line-height:1.65;color:#333}.legal{font-size:clamp(10px,1.4vw,12px);font-weight:300;font-style:italic;color:#888;line-height:1.6}.legal a{color:#888;text-decoration:none}.legal a:hover{color:#555}.scramble-dud{color:#aaa}