html,body{color:#e9e3d6;background:#0b0d0f;height:100%;margin:0;font-family:Georgia,Times New Roman,serif;overflow:hidden}#app,#app canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#loading{z-index:10;background:#0b0d0f;place-items:center;transition:opacity .8s;display:grid;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}.loading-inner{text-align:center;width:min(420px,70vw)}.loading-title{letter-spacing:.08em;color:#efe6d2;margin-bottom:18px;font-size:30px}.loading-bar{background:#efe6d226;height:2px;overflow:hidden}.loading-fill{background:#efe6d2;width:0%;height:100%;transition:width .2s linear}.loading-text{letter-spacing:.12em;text-transform:uppercase;color:#efe6d299;margin-top:12px;font-size:13px}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}#hud.hidden{display:none}.debug-panel{color:#d8ffd8;white-space:pre;background:#00000073;padding:6px 8px;font:12px/1.4 ui-monospace,Consolas,monospace;position:absolute;top:12px;left:12px}.loading-gpu{letter-spacing:.14em;color:#efe6d26b;margin-top:22px;font-size:11px}.loading-hint{color:#efe6d299;margin-top:8px;font-size:12px;line-height:1.5}.loading-fatal{color:#efe6d2d1;margin-top:22px;font-size:14px;line-height:1.6}.loading-fatal-title{letter-spacing:.12em;text-transform:uppercase;color:#efe6d2;margin-bottom:8px;font-size:13px}.device-lost{text-align:center;color:#efe6d2;letter-spacing:.04em;z-index:20;background:#0b0d0fdb;place-items:center;padding:0 12vw;font-family:Georgia,Times New Roman,serif;font-size:15px;display:grid;position:fixed;inset:0}.settings-menu{z-index:6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#e9e3d6;text-align:center;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#0b0d0fb8;border:1px solid #efe6d224;min-width:340px;max-width:min(520px,90vw);padding:22px 26px 18px;font-family:Georgia,Times New Roman,serif;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.settings-menu[hidden]{display:none}.settings-title{letter-spacing:.32em;text-transform:uppercase;color:#efe6d2d9;margin-bottom:18px;font-size:13px}.settings-label{letter-spacing:.24em;text-transform:uppercase;color:#efe6d28c;margin-bottom:10px;font-size:11px}.settings-row{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:14px;display:flex}.settings-opt{font:inherit;letter-spacing:.06em;color:#efe6d2bf;cursor:pointer;background:0 0;border:1px solid #efe6d238;padding:6px 12px;font-size:13px}.settings-opt:hover,.settings-opt:focus-visible{color:#efe6d2;border-color:#efe6d280;outline:none}.settings-opt[aria-pressed=true]{color:#0b0d0f;background:#efe6d2d9;border-color:#efe6d2d9}.settings-info{color:#efe6d2b3;font-size:12px;line-height:1.6}.settings-note{letter-spacing:.06em;color:#efe6d273;margin-top:10px;font-size:11px}.settings-credits{letter-spacing:.12em;text-transform:uppercase;color:#efe6d28c;border-bottom:1px solid #efe6d240;margin-top:12px;font-size:11px;text-decoration:none;display:inline-block}.settings-credits:hover{color:#efe6d2d9}.tod-label{pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:.32em;text-transform:uppercase;white-space:nowrap;color:#efe6d29e;text-shadow:0 1px 2px #0000008c;opacity:0;font-family:Georgia,Times New Roman,serif;font-size:11px;transition:opacity .9s;position:absolute;top:26px;left:50%;transform:translate(-50%)}.tod-label.is-on{opacity:1;transition:opacity .2s}@media (prefers-reduced-motion:reduce){.tod-label,.tod-label.is-on{transition:none}}