*{box-sizing:border-box}body{margin:0;background:#e8e6df;color:#25372f;font:14px Arial,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #25372f24;background:#f8f7f0d9;padding:12px 16px;border-radius:3px;transition:background .2s}button:hover{background:#e1e4d9}button:focus-visible,a:focus-visible{outline:3px solid #ad713b;outline-offset:4px}#scene{position:absolute;inset:0 0 0 300px}canvas{display:block;width:100%;height:100%}header{position:absolute;top:0;left:0;right:0;height:83px;display:flex;align-items:center;padding:0 30px;gap:30px;background:#f4f3edee;border-bottom:1px solid #25372f18;z-index:3}.brand{font-size:12px;letter-spacing:2px;text-decoration:none;color:inherit;display:flex;align-items:center;gap:9px}.symbol{font-size:37px;margin-right:8px}.edition{font-size:10px;letter-spacing:3px;margin-left:auto;opacity:.6}header button{border:0;background:none;font-size:24px}aside{position:absolute;top:83px;bottom:0;width:300px;background:#f4f3ed;padding:38px 30px;z-index:2}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:bold}h1{font-family:Georgia,serif;font-weight:400;font-size:74px;letter-spacing:-4px;line-height:.97;margin:24px 0}h1 em{font-weight:400;color:#7c8869}.intro{font-size:13px;line-height:1.8;color:#738074}.divider{height:1px;background:#25372f25;margin:29px 0}nav{margin-top:17px;display:flex;flex-direction:column;gap:4px}nav button{background:none;border:0;padding:12px 10px;text-align:left;display:flex;align-items:center;gap:17px;font-size:13px}nav button span{font-size:9px;opacity:.55}nav button.active{background:#e1e5d9;color:#314c39}nav button.active:after{content:'↗';margin-left:auto}.aside-bottom{position:absolute;bottom:26px;font-size:10px;line-height:2}.aside-bottom small{font-size:9px;color:#90978c}.dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#7e956a;margin-right:6px}.top-tools{position:absolute;right:30px;top:110px;display:flex;gap:10px}.segmented{display:flex;padding:4px;background:#f8f7f0e6;border:1px solid #25372f20;border-radius:4px}.segmented button{border:0;background:none;font-size:12px;padding:9px 18px}.segmented .active{background:#344c3c;color:white}.caption{position:absolute;bottom:109px;left:335px;pointer-events:none;text-shadow:0 1px 14px #f4f3ed}.caption>span{font-size:10px;letter-spacing:2px}h2{font-family:Georgia,serif;font-size:29px;font-weight:400;margin:12px 0}.caption p{font-size:12px}footer{position:absolute;bottom:0;left:300px;right:0;height:80px;background:#f4f3ede8;display:flex;align-items:center;gap:20px;padding:0 30px;border-top:1px solid #25372f20}.hint{font-size:10px;color:#718071}.actions{margin-left:auto;display:flex;gap:7px}.actions button{font-size:10px;padding:11px}.actions button.active{background:#344c3c;color:white}.north{font-size:12px;margin-left:6px}#loading{position:absolute;left:50%;top:45%;background:#f4f3ed;padding:25px;border-radius:6px}dialog{max-width:540px;width:calc(100% - 32px);border:0;padding:38px;background:#f4f3ed;color:#25372f;box-shadow:0 25px 100px #0005}dialog::backdrop{background:#172a2570;backdrop-filter:blur(6px)}dialog p{font-size:13px;line-height:1.8}dialog a{color:#536d43}.close{position:absolute;right:15px;top:10px;border:0;font-size:24px;background:none}.primary{background:#344c3c;color:white;margin:10px 0}.fine{opacity:.6;font-size:10px!important}body.night .caption{color:#fff;text-shadow:0 2px 12px #000}.night #scene{background:#111c29}@media(max-height:760px) and (min-width:761px){aside{padding-top:22px}h1{font-size:60px;margin:16px 0}.divider{margin:18px 0}nav button{padding:9px}}@media(max-width:1000px){.hint{display:none}.edition{display:none}}@media(max-width:760px){header{height:66px;padding:0 18px}.brand{font-size:10px}header button{margin-left:auto}aside{top:66px;width:100%;bottom:auto;height:146px;padding:15px 20px;background:#f4f3ed}.eyebrow{font-size:8px}h1{font-size:34px;letter-spacing:-1px;margin:10px 0}h1 br{display:none}h1 em{margin-left:7px}.intro,.divider,aside>.eyebrow:nth-of-type(3),.aside-bottom{display:none}nav{position:absolute;left:12px;right:0;bottom:8px;flex-direction:row;overflow:auto;margin:0;gap:0}nav button{white-space:nowrap;font-size:11px;padding:10px;gap:5px}nav button.active:after{display:none}#scene{inset:212px 0 0}.top-tools{top:225px;right:15px}.caption{left:20px;bottom:95px;right:20px}h2{font-size:23px}.caption p{font-size:11px;max-width:280px}footer{left:0;height:72px;padding:0 14px;gap:0}.actions{margin:auto}.north{display:none}#loading{left:20%;top:45%}.segmented button{padding:7px 12px}.top-tools>button{padding:9px}.caption>span{font-size:9px}}
