*{box-sizing:border-box;margin:0;padding:0}html,body{user-select:none;background-color:#0b0f19;width:100%;height:100%;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Ubuntu,sans-serif;overflow:hidden}#renderCanvas{touch-action:none;outline:none;width:100%;height:100%;display:block}#vignette{pointer-events:none;z-index:5;background:radial-gradient(#0000 55%,#00000059 100%);position:absolute;inset:0}#reticle{opacity:0;pointer-events:none;z-index:10;background-color:#fffc;border-radius:50%;width:6px;height:6px;margin-top:-3px;margin-left:-3px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #00000059,0 0 6px #00000080}#reticle.active{opacity:1}.interaction-prompt{color:#ffffff8c;letter-spacing:.1em;text-shadow:0 0 4px #000c;pointer-events:none;z-index:10;font-size:11px;font-weight:600;transition:opacity .3s;position:absolute;top:calc(50% + 16px);left:50%;transform:translate(-50%)}.interaction-prompt.hidden{opacity:0}.title-screen{opacity:1;z-index:35;user-select:none;text-align:left;background:linear-gradient(90deg,#000c 0%,#00000070 38%,#0000 75%);justify-content:flex-start;align-items:center;padding-left:clamp(40px,9vw,140px);transition:opacity .8s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0}.title-screen.hidden{opacity:0;pointer-events:none}.title-container{text-align:left;flex-direction:column;align-items:flex-start;gap:36px;width:100%;max-width:480px;animation:1.5s cubic-bezier(.16,1,.3,1) both titleFadeIn;display:flex}.title-brand{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.title-main{letter-spacing:.36em;text-transform:uppercase;color:#f8fafc;text-align:left;text-shadow:0 0 35px #f59e0b4d,0 0 70px #ffffff1f;margin:0;padding:0;font-size:clamp(22px,3.2vw,38px);font-weight:200;line-height:1.35}.title-line{background:#f59e0bcc;width:42px;height:1px;margin-top:20px;animation:4s ease-in-out infinite titleLinePulse;box-shadow:0 0 10px #f59e0b59}@keyframes titleLinePulse{0%,to{opacity:.6;width:38px;box-shadow:0 0 8px #f59e0b40}50%{opacity:.95;width:50px;box-shadow:0 0 16px #f59e0ba6}}.title-nav{gap:20px;width:100%;text-align:left!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;margin:0!important;padding:0!important;display:flex!important}.title-nav .menu-item,.title-settings .menu-item,.title-credits .menu-item{text-align:left!important;justify-content:flex-start!important;align-self:flex-start!important;align-items:center!important;margin:0!important;padding:6px 0!important;display:inline-flex!important}.title-nav .menu-item:before,.title-settings .menu-item.back:before,.title-credits .menu-item.back:before{content:"";opacity:0;background:#f59e0b;width:0;height:1px;margin-right:0;transition:width .22s cubic-bezier(.16,1,.3,1),margin-right .22s cubic-bezier(.16,1,.3,1),opacity .22s cubic-bezier(.16,1,.3,1);display:inline-block}.title-nav .menu-item:hover:before,.title-settings .menu-item.back:hover:before,.title-credits .menu-item.back:hover:before{opacity:1;width:14px;margin-right:10px}.title-nav .menu-item:hover,.title-settings .menu-item.back:hover,.title-credits .menu-item.back:hover{transform:translate(4px)}.title-nav .menu-item.primary{color:#fef3c7;text-shadow:0 0 20px #f59e0b59;font-weight:400}.title-nav .menu-item.primary:hover{color:#fff;text-shadow:0 0 24px #f59e0ba6}.title-nav.hidden,.title-credits.hidden,.title-settings.hidden{display:none!important}.title-credits{text-align:left;flex-direction:column;align-items:flex-start;gap:20px;width:100%;animation:.8s cubic-bezier(.16,1,.3,1) both titleFadeIn;display:flex}.credits-block{text-align:left;flex-direction:column;align-items:flex-start;gap:5px;display:flex}.credits-role{letter-spacing:.35em;text-transform:uppercase;color:#f59e0bbf;text-align:left;font-size:10px;font-weight:300}.credits-name{letter-spacing:.3em;text-transform:uppercase;color:#fef3c7;text-align:left;text-shadow:0 0 24px #f59e0b66;font-size:22px;font-weight:200}.credits-text{letter-spacing:.16em;text-transform:uppercase;color:#ffffffc7;text-align:left;font-size:11px;font-weight:300;line-height:1.5}.credits-sub{letter-spacing:.14em;text-transform:uppercase;color:#ffffff61;text-align:left;font-size:10px;font-weight:300}.credits-thanks{letter-spacing:.2em;color:#ffffff61;text-align:left;margin:4px 0 0;font-size:12px;font-style:italic;font-weight:300}.title-credits .menu-item.back,.title-settings .menu-item.back{text-align:left;align-self:flex-start;margin-top:8px;padding-left:0}.title-settings{text-align:left;flex-direction:column;align-items:flex-start;width:100%;animation:.7s cubic-bezier(.16,1,.3,1) both titleFadeIn;display:flex}.title-settings #title-settings-host{width:100%}.title-settings .minimal-panel{text-align:left;align-items:flex-start;gap:16px}.title-settings .setting-row{justify-content:flex-start;align-items:center;gap:20px;width:100%;padding:4px 0;display:flex}.title-settings .setting-name{text-align:left;flex-shrink:0;width:170px}.title-settings .setting-controls{align-items:center;gap:14px;display:flex}.title-settings .setting-val{text-align:left;min-width:36px}.title-settings .minimal-toggle{text-align:left;padding-left:0}.title-settings .settings-nav{justify-content:flex-start;width:100%;margin-top:10px;display:flex}#pause-settings-host{width:100%}.title-footer{letter-spacing:.28em;text-transform:uppercase;color:#ffffff38;pointer-events:none;user-select:none;text-align:left;align-items:center;gap:8px;font-size:10px;font-weight:300;animation:2s cubic-bezier(.16,1,.3,1) both titleFadeIn;display:flex;position:absolute;bottom:clamp(20px,4vh,40px);left:clamp(40px,9vw,140px)}.title-footer .footer-sep{opacity:.4}@keyframes titleFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.pause-screen{-webkit-backdrop-filter:blur(8px);cursor:default;opacity:1;z-index:30;user-select:none;background:#000000c7;justify-content:center;align-items:center;transition:opacity .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0}.pause-screen.hidden{opacity:0;pointer-events:none}.pause-view{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:380px;padding:24px;display:flex}.pause-view.hidden{display:none}.minimal-nav{flex-direction:column;align-items:center;gap:26px;display:flex}.menu-item{letter-spacing:.35em;text-transform:uppercase;color:#ffffff6b;cursor:pointer;background:0 0;border:none;outline:none;padding:6px 12px;font-family:inherit;font-size:14px;font-weight:300;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative}.menu-item:hover,.menu-item:focus-visible{color:#fff;text-shadow:0 0 16px #ffffff73;transform:translateY(-2px)}.menu-item.danger:hover,.menu-item.danger:focus-visible{color:#fca5a5;text-shadow:0 0 16px #ef444466}.menu-item.back{letter-spacing:.25em;color:#ffffff59;margin-top:12px;font-size:11px}.menu-item.back:hover{color:#fff}.minimal-panel{flex-direction:column;gap:22px;width:100%;display:flex}.setting-row{justify-content:space-between;align-items:center;width:100%;padding:4px 0;display:flex}.setting-name{letter-spacing:.25em;text-transform:uppercase;color:#ffffff73;font-size:11px;font-weight:300}.setting-controls{align-items:center;gap:14px;display:flex}.setting-val{letter-spacing:.1em;color:#ffffffd9;text-align:right;font-variant-numeric:tabular-nums;min-width:38px;font-size:11px;font-weight:400}.minimal-slider{-webkit-appearance:none;appearance:none;cursor:pointer;background:#ffffff26;border-radius:1px;outline:none;width:130px;height:2px;transition:background .2s}.minimal-slider:hover{background:#ffffff4d}.minimal-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;background:#f8fafc;border-radius:50%;width:10px;height:10px;transition:transform .15s,background .15s,box-shadow .15s;box-shadow:0 0 8px #ffffffb3}.minimal-slider::-webkit-slider-thumb:hover{background:#fef3c7;transform:scale(1.4);box-shadow:0 0 12px #f59e0bcc}.minimal-slider::-moz-range-thumb{cursor:pointer;background:#f8fafc;border:none;border-radius:50%;width:10px;height:10px;transition:transform .15s,background .15s,box-shadow .15s;box-shadow:0 0 8px #ffffffb3}.minimal-slider::-moz-range-thumb:hover{background:#fef3c7;transform:scale(1.4);box-shadow:0 0 12px #f59e0bcc}.minimal-toggle{letter-spacing:.2em;text-transform:uppercase;color:#ffffff59;cursor:pointer;background:0 0;border:none;outline:none;padding:4px 8px;font-family:inherit;font-size:11px;font-weight:300;transition:all .2s}.minimal-toggle:hover{color:#fff}.minimal-toggle.active{color:#fef3c7;text-shadow:0 0 10px #f59e0b80;font-weight:500}.settings-nav{justify-content:center;margin-top:10px;display:flex}.confirm-panel{text-align:center}.confirm-query{letter-spacing:.35em;text-transform:uppercase;color:#ffffffbf;margin-bottom:28px;font-size:14px;font-weight:300}.confirm-nav{justify-content:center;gap:36px;display:flex}#flash{pointer-events:none;opacity:0;z-index:40;background:radial-gradient(circle at 50% 42%,#fff 0%,#fff3d6 45%,#ffe2a6 100%);position:fixed;inset:0}