:root{--hud-surface: rgb(16 16 19 / 78%);--hud-surface-raised: rgb(255 255 255 / 7%);--hud-surface-hover: rgb(255 255 255 / 13%);--hud-border: rgb(255 255 255 / 14%);--hud-border-strong: rgb(255 255 255 / 24%);--hud-text: #f1f1f4;--hud-text-muted: rgb(255 255 255 / 60%);--hud-accent: #d8f24a;--hud-accent-ink: #10130a;--hud-radius-lg: 1.15rem;--hud-radius-md: .7rem;--hud-radius-pill: 999px;--hud-blur: blur(16px) saturate(140%);--hud-shadow: 0 18px 50px rgb(0 0 0 / 60%);--hud-font: 500 .82rem / 1.35 system-ui, sans-serif}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#000}canvas{display:block}.fps-counter{position:fixed;z-index:3;top:max(.5rem,env(safe-area-inset-top));right:max(.5rem,env(safe-area-inset-right));padding:.25rem .4rem;border:1px solid rgb(255 255 255 / 16%);border-radius:.35rem;color:#fffc;background:#000000a6;font:600 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;pointer-events:none}.hud-credit{position:fixed;z-index:3;top:max(.5rem,env(safe-area-inset-top));left:max(.5rem,env(safe-area-inset-left));padding:.25rem .5rem;color:#ffffff38;background:transparent;border:1px solid transparent;border-radius:var(--hud-radius-pill);font:300 .7rem/1 system-ui,sans-serif;letter-spacing:.015em;text-decoration:none;transition:color .14s ease,background .14s ease,border-color .14s ease}.hud-credit span{color:#ffffff57;transition:color .14s ease}.hud-credit:hover,.hud-credit:focus-visible{color:var(--hud-text-muted);background:var(--hud-surface);border-color:var(--hud-border);-webkit-backdrop-filter:var(--hud-blur);backdrop-filter:var(--hud-blur)}.hud-credit:hover span,.hud-credit:focus-visible span{color:var(--hud-accent)}.hud-credit:focus-visible{outline:2px solid var(--hud-accent);outline-offset:2px}.hud{position:fixed;z-index:2;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));left:max(1rem,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:center;gap:.65rem;pointer-events:none}.hud>*{pointer-events:auto}.hud-dock,.hud-panel{box-sizing:border-box;color:var(--hud-text);background:var(--hud-surface);border:1px solid var(--hud-border);border-radius:var(--hud-radius-lg);backdrop-filter:var(--hud-blur);-webkit-backdrop-filter:var(--hud-blur);box-shadow:var(--hud-shadow);font:var(--hud-font)}.hud-dock{order:1;width:min(62rem,100%);max-height:calc(100dvh - 2rem);overflow-y:auto;padding:.8rem .85rem;display:flex;flex-direction:column;gap:.65rem}.hud-panel{order:0;width:min(23rem,100%);max-height:min(20rem,34dvh);overflow-y:auto;padding:.9rem}.hud-panel[hidden]{display:none}button,input,textarea{font:inherit}button{cursor:pointer}.hud button:focus-visible,.hud input:focus-visible,.hud textarea:focus-visible{outline:2px solid var(--hud-accent);outline-offset:2px}.hud button:disabled{cursor:not-allowed;opacity:.4}.hud-icon{display:inline-flex}.hud-icon svg{display:block}.hud-header{display:flex;align-items:center;gap:.55rem;min-width:0}.hud-status{flex:1;min-width:0;color:var(--hud-accent);font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-status:empty{display:none}.hud-actions{display:flex;align-items:center;gap:.1rem;margin-left:auto}.hud-actions.hud-actions-start{margin-left:0}.hud-actions button,.dock-tools button,.dock-ghost{display:inline-flex;align-items:center;gap:.35rem;min-height:1.8rem;padding:.3rem .45rem;color:var(--hud-text-muted);background:transparent;border:0;border-radius:var(--hud-radius-md);font-size:.72rem;white-space:nowrap}.hud-actions button:hover:not(:disabled),.dock-tools button:hover:not(:disabled),.dock-ghost:hover:not(:disabled){color:var(--hud-text);background:var(--hud-surface-raised)}.hud-actions button.is-armed:not(:disabled){color:var(--hud-accent);background:var(--hud-surface-raised)}.dock-hero{display:flex;gap:.5rem}.dock-input{width:0;display:flex;flex:1;align-items:center;min-width:0;min-height:3.2rem;padding:0 .35rem;background:var(--hud-surface-raised);border:1px solid var(--hud-border);border-radius:var(--hud-radius-md)}.dock-input:focus-within{background:var(--hud-surface-hover);border-color:var(--hud-border-strong)}.dock-input.is-photo-drop{background:var(--hud-surface-hover);border-color:var(--hud-text);outline:2px dashed var(--hud-border-strong);outline-offset:3px}.photo-feedback{color:var(--hud-text);font-size:.8rem;padding:.5rem .2rem 0}.photo-thumbnail{flex:none;width:3.2rem;height:3.2rem;object-fit:contain;background:var(--hud-surface-raised);border:1px solid var(--hud-border);border-radius:var(--hud-radius-md)}.dock-ghost{flex:none;padding:.45rem}.dock-input input{flex:1;min-width:0;min-height:3.2rem;padding:0 .45rem;color:var(--hud-text);background:transparent;border:0;outline:0;font-size:clamp(.95rem,1.4vw,1.05rem)}.dock-input input::placeholder{color:#ffffff61}.dock-morph{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-width:9.5rem;min-height:3.2rem;padding:0 1rem;color:var(--hud-accent-ink);background:var(--hud-accent);border:0;border-radius:var(--hud-radius-md);box-shadow:0 8px 26px #d8f24a38;font-size:clamp(.95rem,1.4vw,1.05rem);font-weight:800}.dock-morph:hover:not(:disabled){filter:brightness(1.06)}.dock-morph:active:not(:disabled){transform:translateY(1px)}.dock-morph[data-busy=true]{background:#d8f24a8c;cursor:wait;opacity:1}.dock-morph[data-busy=true] .hud-icon svg{animation:hud-spin .8s linear infinite}@keyframes hud-spin{to{transform:rotate(360deg)}}.dock-pills{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.dock-presets,.dock-tools,.dock-suggest{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.dock-refresh{display:inline-flex;align-items:center;justify-content:center;min-height:1.85rem;padding:.28rem .45rem;color:var(--hud-text-muted);background:transparent;border:1px solid var(--hud-border);border-radius:var(--hud-radius-pill)}.dock-refresh:hover:not(:disabled){color:var(--hud-text);background:var(--hud-surface-raised)}.dock-refresh[data-busy=true]{cursor:wait;opacity:1}.dock-refresh[data-busy=true] svg{animation:hud-spin .8s linear infinite}.dock-presets button,.dock-tools [data-view],.dock-tools [data-sound],.dock-tools [data-cry]{min-height:1.85rem;padding:.28rem .6rem;color:var(--hud-text-muted);background:transparent;border:1px solid var(--hud-border);border-radius:var(--hud-radius-pill);font-size:.74rem}.dock-presets button:hover:not(:disabled),.dock-tools [data-view]:hover:not(:disabled),.dock-tools [data-sound]:hover:not(:disabled),.dock-tools [data-cry]:hover:not(:disabled){color:var(--hud-text);background:var(--hud-surface-raised)}.dock-tools button[aria-pressed=true]{color:var(--hud-text);background:var(--hud-surface-raised);border-color:var(--hud-border-strong)}.dock-divider{width:1px;height:1.25rem;background:var(--hud-border)}.hud-actions .dock-divider{margin:0 .3rem}.hud-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.hud-panel-header h2{margin:0;font-size:1rem}.hud-panel-header button{display:inline-flex;padding:.35rem;color:var(--hud-text-muted);background:transparent;border:0;border-radius:var(--hud-radius-md)}.hud-panel-header button:hover{color:var(--hud-text);background:var(--hud-surface-raised)}.hud-panel label{display:block;margin-bottom:.4rem;color:var(--hud-text-muted);font-size:.8rem}.hud-panel textarea{box-sizing:border-box;display:block;width:100%;min-height:5rem;max-height:35vh;padding:.6rem;color:var(--hud-text);background:var(--hud-surface-raised);border:1px solid var(--hud-border);border-radius:var(--hud-radius-md);font:500 .8rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.hud-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.75rem}.hud-panel-footer button{min-height:2.2rem;padding:0 .75rem;color:var(--hud-text);background:var(--hud-surface-raised);border:1px solid var(--hud-border);border-radius:var(--hud-radius-md)}.hud-panel-footer button:hover:not(:disabled){background:var(--hud-surface-hover)}.hud-note{margin:0;color:var(--hud-text-muted);font-size:.72rem}.hud-error{margin:.6rem 0 0;color:#ff9a9a}.hud-error[hidden]{display:none}@media(max-width:640px){.hud-actions .hud-label{display:none}.hud-actions button.is-armed .hud-label{display:inline}.hud-actions button{padding:.35rem}.hud-header{gap:.3rem}}@media(max-width:520px){.hud{width:calc(100vw - 1rem);right:auto;bottom:max(.5rem,env(safe-area-inset-bottom));left:.5rem}.hud-dock{padding:.7rem}.dock-morph{min-width:6.8rem}.dock-pills{align-items:flex-start}}@media(max-width:380px){.dock-morph{min-width:5.6rem;padding:0 .65rem}.dock-morph .hud-icon{display:none}.dock-presets{gap:.25rem}.dock-presets button{padding:.25rem .45rem}}body.photo-mode .hud-dock,body.photo-mode .hud-panel,body.photo-mode .cry-gui,body.photo-mode .hud-credit{display:none}body.photo-mode canvas{position:fixed;left:var(--photo-frame-left, 0);top:var(--photo-frame-top, 0)}.hud-photo{order:1;display:none;flex-direction:column;align-items:center;gap:.55rem;box-sizing:border-box;width:min(62rem,100%);padding:.7rem .85rem;color:var(--hud-text);background:var(--hud-surface);border:1px solid var(--hud-border);border-radius:var(--hud-radius-lg);backdrop-filter:var(--hud-blur);-webkit-backdrop-filter:var(--hud-blur);box-shadow:var(--hud-shadow);font:var(--hud-font)}body.photo-mode .hud-photo{display:flex}.photo-overlay{position:fixed;inset:0;z-index:4;font:var(--hud-font);pointer-events:none}.photo-overlay[hidden]{display:none}.photo-frame{position:fixed;left:var(--photo-frame-left, 0);top:var(--photo-frame-top, 0);width:var(--photo-frame-size, 0);height:var(--photo-frame-size, 0);outline:1px solid rgb(255 255 255 / 20%);outline-offset:-1px}.photo-frame[data-grid=true]{background-image:repeating-linear-gradient(to right,rgb(255 255 255 / 15%) 0 1px,transparent 1px 33.3334%),repeating-linear-gradient(to bottom,rgb(255 255 255 / 15%) 0 1px,transparent 1px 33.3334%)}.photo-flash{position:absolute;inset:0;background:#fff;opacity:0}.photo-overlay.is-flashing .photo-flash{animation:photo-flash .24s ease-out}@keyframes photo-flash{0%{opacity:0}12%{opacity:.92}to{opacity:0}}.photo-hint{margin:0;max-width:100%;color:var(--hud-text-muted);font-size:.72rem;text-align:center}.hud-photo[data-status=true] .photo-hint{color:var(--hud-accent)}.photo-controls{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:min(34rem,100%)}.photo-side{display:flex;flex:1;align-items:center;gap:.5rem}.photo-side-end{justify-content:flex-end}.photo-tool{display:inline-flex;align-items:center;gap:.35rem;min-height:2.3rem;padding:.35rem .7rem;color:var(--hud-text-muted);background:var(--hud-surface-raised);border:1px solid var(--hud-border);border-radius:var(--hud-radius-pill);font:var(--hud-font);font-size:.75rem;white-space:nowrap}.photo-tool:hover:not(:disabled){color:var(--hud-text);background:var(--hud-surface-hover)}.photo-tool[aria-pressed=true]{color:var(--hud-text);background:var(--hud-surface-hover);border-color:var(--hud-border-strong)}.hud-photo button:focus-visible{outline:2px solid var(--hud-accent);outline-offset:2px}.photo-shutter{display:grid;flex:none;place-items:center;width:4rem;height:4rem;padding:0;background:transparent;border:3px solid rgb(255 255 255 / 85%);border-radius:50%}.photo-shutter>span{width:2.9rem;height:2.9rem;background:#fff;border-radius:50%;transition:transform .12s ease,background .12s ease}.photo-shutter:hover:not(:disabled)>span{background:var(--hud-accent);transform:scale(1.05)}.photo-shutter:active:not(:disabled)>span{transform:scale(.88)}.photo-shutter:disabled{cursor:wait;opacity:.6}@media(max-width:520px){.photo-tool .hud-label{display:none}.photo-shutter{width:3.6rem;height:3.6rem}.photo-shutter>span{width:2.6rem;height:2.6rem}}@media(prefers-reduced-motion:reduce){.photo-overlay.is-flashing .photo-flash{animation:none}}.cry-gui{order:0;box-sizing:border-box;width:min(21rem,100%);max-height:min(34rem,46dvh);overflow-y:auto;color:var(--hud-text);background:var(--hud-surface);border:1px solid var(--hud-border);border-radius:var(--hud-radius-lg);backdrop-filter:var(--hud-blur);-webkit-backdrop-filter:var(--hud-blur);box-shadow:var(--hud-shadow);font:var(--hud-font)}.cry-gui[hidden]{display:none}.cry-gui .lil-gui{width:100%;padding-bottom:.5rem;border-top:1px solid var(--hud-border);--background-color: transparent;--text-color: var(--hud-text);--title-background-color: transparent;--title-text-color: var(--hud-text);--widget-color: rgb(255 255 255 / 10%);--hover-color: rgb(255 255 255 / 18%);--focus-color: rgb(255 255 255 / 26%);--number-color: var(--hud-accent);--string-color: var(--hud-accent);--font-size: 12px;--input-font-size: 11px;--font-family: inherit;--font-family-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--width: 100%;--name-width: 46%;--widget-height: 22px;--widget-border-radius: 5px;--padding: 8px;--spacing: 5px}.cry-gui .lil-gui>.lil-title{display:none}.cry-gui .lil-gui>.lil-children>.lil-gui>.lil-title{color:var(--hud-text-muted);background:transparent;border-bottom:1px solid var(--hud-border);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}.cry-print{padding:.7rem .75rem .4rem}.cry-print-canvas{display:block;width:100%;height:76px}.cry-readout{margin:.5rem 0 0;color:var(--hud-text);font-size:.74rem;font-variant-numeric:tabular-nums}.cry-readout-muted{margin-top:.18rem;color:var(--hud-text-muted)}.cry-print .hud-note{margin-top:.5rem;font-size:.68rem}