:root{--mono:"IBM Plex Mono", "SF Mono", Menlo, Consolas, monospace;--sans:"Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e6eaf5;background:#090b14}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:#090b14;overflow:hidden}.app-shell{isolation:isolate;width:100%;height:100%;position:relative}.canvas-wrap,.game-canvas{width:100%;height:100%}.game-canvas{display:block}.canvas-wrap{z-index:1}.example-loading-overlay{pointer-events:none;z-index:3;place-items:center;display:grid;position:absolute;inset:0}.example-loading-track{background:#7a7a7ad1;border:1px solid #cdcdcd61;border-radius:3px;width:14px;height:90px;position:relative;overflow:hidden}.example-loading-fill{background:#fff;transition:height 90ms linear;position:absolute;bottom:0;left:0;right:0}.hud-visibility-layer{opacity:1;visibility:visible;transition:opacity .12s}.hud-visibility-layer.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.example-hud-stack{z-index:2;gap:.75rem;width:min(16rem,100vw - 2rem);display:grid;position:absolute;top:1rem;right:1rem}.canvas-error{color:#ffe5e5;z-index:40;background:#730a0ae6;border:1px solid #ffa0a073;border-radius:10px;justify-content:space-between;align-items:center;gap:.8rem;margin:0;padding:10px 12px;display:flex;position:absolute;inset:auto 16px 16px}.canvas-error-message{margin:0}.canvas-error-close{color:#fff0f0;cursor:pointer;background:#00000038;border:1px solid #ffd2d280;border-radius:.5rem;padding:.25rem .55rem}.canvas-error-close:hover{background:#00000059}.example-hud{overscroll-behavior:contain;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ecebf3;background:#0b0d17d9;border:1px solid #f7f4e847;border-radius:.8rem;gap:.32rem;width:100%;max-height:min(26rem,100vh - 2rem);padding:.7rem;display:grid;overflow-y:auto;box-shadow:0 12px 26px #03071080}.example-selector-hud{max-height:12rem}.example-selector-hud--help-open{max-height:min(34rem,100vh - 2rem)}.example-selector-footer{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.15rem;display:flex}.example-selector-footer small{color:#b9bfd8;letter-spacing:.04em;font-size:.7rem}.example-selector-help-button{color:#f2f4fb;cursor:pointer;background:#ffffff0f;border:1px solid #f7f4e852;border-radius:999px;flex:none;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;padding:0;font-size:.85rem;font-weight:600;line-height:1;transition:background .12s,border-color .12s;display:inline-flex}.example-selector-help-button:hover,.example-selector-help-button:focus-visible{background:#ffffff24;border-color:#f7f4e88c;outline:none}.example-selector-help{background:#ffffff0a;border:1px solid #ffffff14;border-radius:.5rem;gap:.55rem;margin-top:.45rem;padding:.55rem .6rem;display:grid}.example-selector-help section{gap:.25rem;display:grid}.example-selector-help h4{text-transform:uppercase;letter-spacing:.08em;color:#b9bfd8;margin:0;font-size:.7rem;font-weight:600}.example-selector-help ul{gap:.18rem;margin:.5rem;padding:0;list-style:none;display:grid}.example-selector-help li{color:#ecebf3;font-size:.74rem;line-height:1.35}.example-selector-help kbd{color:#f6f4ec;text-align:center;background:#ffffff14;border:1px solid #ffffff38;border-radius:.3rem;min-width:1.1rem;padding:.05rem .32rem;font-family:inherit;font-size:.7rem;font-weight:600;line-height:1.1;display:inline-block}.example-params-hud{max-height:min(26rem,100vh - 14rem)}.example-hud label{text-transform:uppercase;letter-spacing:.08em;color:#b9bfd8;font-size:.72rem}.example-hud select{color:#f2f4fb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff0f;border:1px solid #ffffff40;border-radius:.45rem;width:100%;padding:.45rem .55rem}.example-hud select option{color:#f2f4fb;background:#0f1120}.example-controls{gap:.35rem;margin-top:.4rem;display:grid}.select-row{gap:.3rem;display:grid}.select-row span{text-transform:uppercase;letter-spacing:.08em;color:#b9bfd8;font-size:.68rem}.example-control-row{background:#ffffff08;border-radius:.42rem;gap:.2rem;padding:.38rem;display:grid}.example-control-row label{text-transform:uppercase;letter-spacing:.08em;color:#b9bfd8;font-size:.68rem}.example-control-row input[type=range]{width:100%}.example-control-row input[type=number]{color:#f2f4fb;appearance:textfield;background:#05080e8c;border:1px solid #ffffff2e;border-radius:.34rem;width:100%;padding:.28rem .35rem}.example-control-row input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.example-control-row input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.checkbox-row{background:#ffffff08;border-radius:.42rem;align-items:center;gap:.45rem;padding:.38rem;display:flex}.checkbox-row input[type=checkbox]{margin:0}.checkbox-row span{letter-spacing:.04em;text-transform:uppercase;color:#d8dcef;font-size:.72rem}.example-reset-button{color:#f2f4fb;letter-spacing:.04em;cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;border-radius:.42rem;width:100%;margin-top:.15rem;padding:.42rem .48rem;font-size:.74rem;font-weight:600}.example-reset-button:hover{background:#ffffff29}.example-empty-state{color:#b9bfd8;letter-spacing:.02em;background:#ffffff08;border-radius:.42rem;margin:0;padding:.48rem;font-size:.75rem}.app-shell:after{content:"";pointer-events:none;background:radial-gradient(circle at 10% 0,#fcbd732b,#0000 40%),radial-gradient(circle at 85% 12%,#60bcfc24,#0000 34%);position:absolute;inset:0}.hud-toggle-button{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ecebf3;cursor:pointer;background:#0b0d17d9;border:1px solid #f7f4e847;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;padding:0;display:none;position:absolute;top:1rem;left:1rem}.hud-toggle-button:hover,.hud-toggle-button:focus-visible{background:#0b0d17f2;outline:none}.hud-toggle-icon{justify-content:center;align-items:center;width:1.2rem;height:1.2rem;display:inline-flex}.hud-toggle-icon--gear svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.hud-toggle-icon--close{position:relative}.hud-toggle-icon--close span{background:currentColor;border-radius:2px;width:1rem;height:2px;display:block;position:absolute}.hud-toggle-icon--close span:first-child{transform:rotate(45deg)}.hud-toggle-icon--close span:last-child{transform:rotate(-45deg)}@media (width<=1024px){.hud-visibility-layer{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:2;flex-direction:column;align-items:stretch;gap:.75rem;padding:5rem .75rem 1rem;display:flex;position:absolute;inset:0;overflow-y:auto}.hud-visibility-layer .settings-hud{order:2;width:100%;max-width:22rem;max-height:none;margin:0 auto;position:static;overflow:visible}.example-hud-stack{order:1;gap:.6rem;width:100%;max-width:22rem;margin:0 auto;position:static}.example-hud,.example-selector-hud,.example-params-hud{max-height:none;overflow:visible}.hud-toggle-button{display:inline-flex}}.crowd-speech-bubble{pointer-events:none;z-index:4;color:#f4f8ff;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#080a12e0;border:2px solid #ffffff59;border-radius:999px;padding:.7rem 1rem;font-size:1.75rem;font-weight:700;position:absolute;transform:translate(-50%,calc(-100% - 18px));box-shadow:0 6px 18px #00000059}.crowd-speech-bubble:after{content:"";background:#080a12e0;border-bottom:1px solid #ffffff59;border-right:1px solid #ffffff59;width:10px;height:10px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.settings-hud{overscroll-behavior:contain;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ecebf3;z-index:2;background:#0b0d17cc;border:1px solid #f7f4e847;border-radius:.8rem;width:min(22rem,100vw - 2rem);max-height:calc(100vh - 2rem);padding:.9rem;position:absolute;top:1rem;left:1rem;overflow-y:auto;box-shadow:0 14px 34px #03071099}.settings-hud h1{align-items:baseline;gap:.45rem;margin:0;font-size:1.2rem;display:inline-flex}.settings-hud .hud-title-version{color:#b9bfd8;letter-spacing:.04em;font-size:.7rem;font-weight:500}.settings-hud .hud-title-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.settings-hud dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:.9rem 0;display:grid}.settings-hud dl div{background:#ffffff0a;border-radius:.5rem;padding:.4rem}.settings-hud dt{text-transform:uppercase;letter-spacing:.08em;color:#b9bfd8;font-size:.7rem}.settings-hud dd{white-space:nowrap;margin:.2rem 0 0;font-size:.95rem;overflow:hidden}.settings-hud button{color:#f2f4fb;cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;border-radius:.45rem;width:100%;margin-top:.8rem;padding:.5rem .75rem;font-weight:600}.settings-hud button:hover{background:#ffffff29}.settings-hud .control-group{gap:.3rem;margin:.65rem 0;display:grid}.settings-hud .capability-note{color:#d7dced;margin-top:.2rem;font-size:.74rem;line-height:1.35;display:block}.settings-hud .capability-warning{background:#4730124d;border:1px solid #ffcd8573;border-radius:.45rem;margin:.5rem 0 .3rem;padding:.5rem .55rem}.settings-hud .capability-fieldset{border:0;gap:.45rem;margin:0;padding:0;display:grid}.settings-hud .capability-fieldset:disabled{opacity:.55}.settings-hud .control-group label{text-transform:uppercase;letter-spacing:.08em;color:#b9bfd8;font-size:.73rem}.settings-hud .control-group label.is-modified{font-style:italic}.settings-hud .control-group select{color:#f2f4fb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff0f;border:1px solid #ffffff40;border-radius:.45rem;width:100%;padding:.45rem .55rem}.settings-hud .control-group select option{color:#f2f4fb;background:#0f1120}.settings-hud .control-group input[type=range]{width:100%}.settings-hud .hud-actions{grid-template-columns:minmax(0,1fr);gap:.35rem;margin:.7rem 0;display:grid}.settings-hud .icon-button{color:#f2f4fb;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;width:1.5rem;min-width:1.5rem;height:1.5rem;margin-top:0;padding:.2rem;display:inline-flex}.settings-hud .icon-button svg{fill:currentColor;width:.95rem;height:.95rem}.settings-hud .summary-row{justify-content:space-between;align-items:center;gap:.45rem;width:100%;display:flex}.settings-hud .slider-label-row{justify-content:space-between;align-items:center;gap:.35rem;display:flex}.settings-hud .hud-disclosure{background:#ffffff08;border:1px solid #ffffff29;border-radius:.5rem;margin-top:.5rem}.settings-hud .hud-disclosure summary{cursor:pointer;letter-spacing:.03em;padding:.45rem .55rem;font-weight:600;list-style:none}.settings-hud .hud-disclosure summary::-webkit-details-marker{display:none}.settings-hud .disclosure-action-row{justify-content:flex-end;padding:0 .55rem;display:flex}.settings-hud .disclosure-content{gap:.45rem;padding:0 .55rem .55rem;display:grid}.settings-hud .hud-sub-disclosure{background:#ffffff05;border:1px solid #ffffff1f;border-radius:.44rem}.settings-hud .hud-sub-disclosure summary{cursor:pointer;letter-spacing:.06em;text-transform:uppercase;color:#d2d7ea;padding:.4rem .5rem;font-size:.78rem;font-weight:600;list-style:none}.settings-hud .hud-sub-disclosure summary::-webkit-details-marker{display:none}.settings-hud .sub-disclosure-content{gap:.4rem;padding:0 .5rem .5rem;display:grid}.settings-hud .checkbox-row{align-items:center;gap:.4rem;margin-top:.1rem;font-size:.86rem;display:inline-flex}.settings-hud .checkbox-row input{width:1rem;height:1rem}.settings-hud .slider-control{background:#ffffff08;border-radius:.44rem;gap:.22rem;padding:.36rem;display:grid}.settings-hud .slider-control label{text-transform:uppercase;letter-spacing:.08em;color:#b9bfd8;font-size:.72rem}.settings-hud .slider-control input[type=range]{width:100%}.settings-hud .slider-control select{color:#f2f4fb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#05080e8c;border:1px solid #ffffff2e;border-radius:.34rem;width:100%;padding:.32rem .4rem}.settings-hud .slider-control select option{color:#f2f4fb;background:#0f1120}.settings-hud .slider-control input[type=number]{color:#f2f4fb;appearance:textfield;background:#05080e8c;border:1px solid #ffffff2e;border-radius:.34rem;width:100%;padding:.32rem .4rem}.settings-hud .slider-control input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.settings-hud .slider-control input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.settings-hud .vec3-field-control .vec3-field-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;display:grid}.settings-hud .vec3-field-control .vec3-field-row input[type=number]{color:#f2f4fb;appearance:textfield;font-variant-numeric:tabular-nums;background:#05080e8c;border:1px solid #ffffff2e;border-radius:.34rem;width:100%;padding:.32rem .4rem}.settings-hud .vec3-field-control .vec3-field-row input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.settings-hud .vec3-field-control .vec3-field-row input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.settings-hud .slider-range-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.3rem;display:grid}.settings-hud .slider-range-row span{color:#b9bfd8;font-size:.72rem}.settings-hud .visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1024px){.settings-hud{width:min(22rem,100vw - 2rem);max-height:calc(100vh - 1.5rem);top:1rem;bottom:auto;left:1rem;transform:none}}