:root{background:#72774d;color:#000;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100svh}canvas{position:fixed;inset:0;width:100%;height:100%;transition:opacity .2s}body.info-open canvas{opacity:0}body.wheeling canvas{opacity:1}button{font:inherit;background:none;color:inherit;border:0;cursor:pointer}#details,#font{position:fixed;z-index:2;min-height:44px;min-width:44px;padding:12px 8px;font-size:13px;line-height:1.2;bottom:20px;bottom:max(20px,env(safe-area-inset-bottom))}#details{left:28px;left:max(28px,env(safe-area-inset-left))}#font{right:28px;right:max(28px,env(safe-area-inset-right))}a{color:inherit;text-decoration:underline;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid;outline-offset:5px}#info{position:relative;margin:28px;min-height:calc(100svh - 100px);font-size:clamp(17px,1.6vw,24px);line-height:1.35}#info.closed{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}h1,p{font-size:inherit;font-weight:normal;margin:0;padding:10px 0 28px;border-top:1px solid}footer{margin-top:clamp(70px,20vh,220px);font-size:14px}footer p{padding:8px 0}footer p+p{border:0;padding-top:0;max-width:650px}@media(max-width:600px){#info{margin:20px}#details,#font{bottom:12px;bottom:max(12px,env(safe-area-inset-bottom))}#details{left:16px;left:max(16px,env(safe-area-inset-left))}#font{right:16px;right:max(16px,env(safe-area-inset-right))}footer{font-size:13px;line-height:1.5}}@media(prefers-reduced-motion:reduce){canvas{transition:none}}
