*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0a0a0f;font-family:Inter,sans-serif;color:#c8c8d0}#app{width:100%;height:100%;position:relative}#game-canvas{display:block;width:100%;height:100%}#fade-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none;z-index:19}#text-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:18;display:flex;padding:2rem}#text-overlay.hidden{opacity:0!important;visibility:hidden}#text-overlay.anchor-top-left{align-items:flex-start;justify-content:flex-start}#text-overlay.anchor-top-center{align-items:flex-start;justify-content:center}#text-overlay.anchor-top-right{align-items:flex-start;justify-content:flex-end}#text-overlay.anchor-center{align-items:center;justify-content:center}#text-overlay.anchor-bottom-left{align-items:flex-end;justify-content:flex-start}#text-overlay.anchor-bottom-center{align-items:flex-end;justify-content:center}#text-overlay.anchor-bottom-right{align-items:flex-end;justify-content:flex-end}.text-overlay-stack{display:flex;gap:.35rem 1rem;max-width:min(90vw,960px)}.text-overlay-stack.layout-vertical{flex-direction:column}.text-overlay-stack.layout-horizontal{flex-direction:row;flex-wrap:wrap}.text-overlay-stack.align-left{text-align:left;align-items:flex-start}.text-overlay-stack.align-center{text-align:center;align-items:center}.text-overlay-stack.align-right{text-align:right;align-items:flex-end}.text-overlay-line{line-height:1.2;text-shadow:0 2px 12px rgba(0,0,0,.65);white-space:pre-wrap}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a1a2e,#0a0a0f 70%);z-index:10;transition:opacity .6s ease}.overlay.hidden{opacity:0;pointer-events:none}#start-screen h1{font-family:Creepster,cursive;font-size:5rem;color:#8b9dc3;text-shadow:0 0 30px rgba(139,157,195,.4);letter-spacing:.05em}#start-screen .subtitle{font-family:Creepster,cursive;font-size:1.8rem;color:#5a6a8a;margin-top:-.5rem;margin-bottom:2rem}#start-screen .instructions{text-align:center;line-height:1.6;margin-bottom:2.5rem;opacity:.7}#start-btn{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;padding:.9rem 2.5rem;border:1px solid #4a5a7a;border-radius:4px;background:#4a5a7a33;color:#c8d0e0;cursor:pointer;transition:background .2s,border-color .2s}#start-btn:hover,#gameflow-btn:hover{background:#4a5a7a66;border-color:#8b9dc3}#gameflow-btn{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;padding:.9rem 2.5rem;border:1px solid #4a5a7a;border-radius:4px;background:#4a5a7a33;color:#c8d0e0;cursor:pointer;transition:background .2s,border-color .2s}#gameflow-btn.secondary{margin-top:.75rem;background:transparent;border-color:#3a4a6a;font-size:.95rem;padding:.7rem 2rem}.controls-hint{margin-top:2rem;font-size:.85rem;opacity:.45}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}#hud.hidden{display:none}.hud-top{position:absolute;top:1.5rem;left:0;right:0;display:flex;justify-content:space-between;padding:0 2rem;font-size:.95rem;opacity:.8}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;border-radius:50%;background:#c8c8d280}.hud-bottom{position:absolute;bottom:2rem;left:0;right:0;text-align:center;font-size:.9rem;opacity:.6}#editor-root{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:48px 1fr auto;grid-template-columns:220px 1fr 260px;grid-template-areas:"toolbar toolbar toolbar" "hierarchy viewport inspector" "timeline timeline timeline";z-index:20;pointer-events:none}#editor-root.hidden{display:none}#editor-root>*{pointer-events:auto}#editor-toolbar{grid-area:toolbar;display:flex;align-items:center;gap:.5rem;padding:0 1rem;background:#0e0e16f2;border-bottom:1px solid #2a2a3e}.editor-tabs{display:flex;gap:2px;margin-right:1rem}.editor-tab{font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;padding:.4rem 1rem;border:none;border-radius:4px 4px 0 0;background:transparent;color:#6a7a9a;cursor:pointer}.editor-tab.active{background:#1e2436;color:#c8d0e8}.editor-tab:hover:not(.active){color:#9aaac8}.editor-toolbar-group{display:flex;align-items:center;gap:4px;padding:0 .5rem;border-left:1px solid #2a2a3e}.editor-toolbar-group:first-of-type{border-left:none}.editor-btn{font-family:Inter,sans-serif;font-size:.8rem;padding:.35rem .75rem;border:1px solid #3a4a6a;border-radius:4px;background:#3a4a6a40;color:#b0bcd8;cursor:pointer;white-space:nowrap}.editor-btn:hover{background:#3a4a6a80;border-color:#5a7aaa}.editor-btn.active{background:#5a7aaa66;border-color:#8b9dc3;color:#e0e8f8}.editor-btn.small{padding:.2rem .5rem;font-size:.75rem}.editor-btn.danger{border-color:#6a3a3a;color:#d8a0a0}#editor-status{margin-left:auto;font-size:.8rem;opacity:.5}#editor-hierarchy,#editor-inspector,#editor-animation-panel{background:#0e0e16eb;border-color:#2a2a3e;overflow-y:auto;padding:.75rem;font-size:.85rem}#editor-hierarchy{grid-area:hierarchy;border-right:1px solid #2a2a3e}#editor-inspector,#editor-animation-panel{grid-area:inspector;border-left:1px solid #2a2a3e}#editor-animation-panel.hidden,#editor-inspector.hidden{display:none}.hierarchy-hint{font-size:.72rem;opacity:.45;margin-bottom:.75rem;line-height:1.4}.panel-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#5a6a8a;margin-bottom:.75rem}.hierarchy-item.environment,.hierarchy-item.director{font-style:italic;opacity:.95}.hierarchy-item.environment{margin-bottom:.2rem}.hierarchy-item.director{margin-bottom:.35rem;border-bottom:1px solid var(--editor-border, #2a3040);padding-bottom:.35rem}.hierarchy-globals{margin-bottom:.25rem}.anim-track-fades .keyframe-tag.fade-in{border-color:#6a8a6a}.anim-track-fades .keyframe-tag.fade-out{border-color:#8a6a6a}.timeline-keyframe.fade-in{background:#5a8a5a}.timeline-keyframe.fade-out{background:#8a5a5a}.timeline-keyframe.overlay-keyframe{background:#6a7aaa}.overlay-lines-editor{margin-bottom:.65rem}.overlay-lines-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem;font-size:.75rem;color:#8a9ab8;text-transform:uppercase;letter-spacing:.06em}.overlay-line-row{display:grid;grid-template-columns:1fr auto;gap:.35rem;margin-bottom:.5rem;align-items:start}.overlay-line-main{display:flex;flex-direction:column;gap:.35rem;min-width:0}.overlay-line-row .overlay-line-text{width:100%;font-size:.82rem;padding:.4rem .5rem;background:#1a2030;border:1px solid #3a4a6a;border-radius:4px;color:#d0d8e8}.overlay-line-style{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.overlay-line-style-field{display:flex;flex-direction:column;gap:.15rem;font-size:.68rem;color:#7a8aa8;text-transform:uppercase;letter-spacing:.04em}.overlay-line-style-field select,.overlay-line-style-field input[type=number]{width:100%;font-size:.78rem;padding:.3rem .4rem;background:#1a2030;border:1px solid #3a4a6a;border-radius:3px;color:#d0d8e8}.overlay-line-color-field input[type=color]{width:100%;height:1.75rem;padding:.1rem;background:#1a2030;border:1px solid #3a4a6a;border-radius:3px;cursor:pointer}.anim-track-overlays .overlay-text-label{display:flex;flex-direction:column;gap:.35rem;font-size:.78rem;margin-bottom:.5rem}.anim-track-overlays textarea{width:100%;min-height:5.5rem;resize:vertical;font-family:Inter,sans-serif;font-size:.82rem;padding:.45rem .55rem;background:#1a2030;border:1px solid #3a4a6a;border-radius:4px;color:#d0d8e8}.overlay-controls-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-bottom:.55rem}.overlay-controls-grid label{display:flex;flex-direction:column;gap:.2rem;font-size:.75rem}.overlay-controls-grid input,.overlay-controls-grid select{font-size:.8rem;padding:.35rem .45rem;background:#1a2030;border:1px solid #3a4a6a;border-radius:3px;color:#d0d8e8}.anim-track-overlays .overlay-kf-duration{width:3.25rem;font-size:.72rem;padding:.15rem .25rem;background:#1a2030;border:1px solid #3a4a6a;border-radius:3px;color:#d0d8e8}.anim-track-overlays .overlay-kf-duration-unit{font-size:.72rem;opacity:.7}.timeline-row.director-row .timeline-label{font-style:italic;color:#a0a8c0}.inspector-hint{font-size:.75rem;line-height:1.35;opacity:.75;margin:0 0 .5rem}.inspector-hint code{font-size:.7rem}.hierarchy-item{display:block;width:100%;text-align:left;padding:.4rem .6rem;border:none;border-radius:4px;background:transparent;color:#a0aac8;font-family:Inter,sans-serif;font-size:.82rem;cursor:pointer}.hierarchy-item:hover{background:#3a4a6a4d}.hierarchy-item.active-camera:not(.selected){color:#ffd27a}.hierarchy-item.selected.active-camera{color:#fff}.hierarchy-item.selected{background:#5a7aaa59;color:#e0e8f8}.hierarchy-tree{min-height:2rem}.hierarchy-tree.drag-over-root{outline:1px dashed rgba(90,122,170,.55);outline-offset:-2px;border-radius:4px;background:#3a4a6a26}.hierarchy-item.dragging{opacity:.45}.hierarchy-item.drag-over{background:#5aaa7a59;color:#e0f8e8}.editor-empty{opacity:.45;font-size:.82rem}.editor-empty.inline{display:inline}.inspector-group{margin-bottom:1rem}.inspector-group h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#5a6a8a;margin-bottom:.4rem}.inspector-group .editor-btn{margin-bottom:.5rem}.inspector-group label{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem;font-size:.8rem}.inspector-group input[type=number],.inspector-group input[type=text]{width:110px;padding:.25rem .4rem;background:#1a1a28;border:1px solid #3a3a50;border-radius:3px;color:#c8d0e0;font-family:Inter,sans-serif;font-size:.8rem}.inspector-group input[type=color]{width:110px;height:28px;padding:2px;background:#1a1a28;border:1px solid #3a3a50;border-radius:3px;cursor:pointer}.checkbox-label{justify-content:flex-start!important;gap:.5rem!important}.camera-preview-slot{margin-bottom:.5rem}.camera-preview-group h4{margin:0 0 .35rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#8a9ab8}.camera-preview-frame{position:relative}.camera-preview-panel canvas{width:100%;height:auto;display:block;border-radius:4px;border:1px solid #3a4a6a;background:#0a0a12}.camera-preview-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none;border-radius:4px}.anim-object-name{font-size:.95rem;margin-bottom:.25rem}.anim-hint{font-size:.78rem;opacity:.5;margin-bottom:1rem;line-height:1.4}.anim-track{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #22223a}.anim-clip-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.4rem}.anim-clip-select{display:flex;flex-direction:column;gap:.15rem;font-size:.7rem;color:#8a9ab8}.anim-clip-select select{min-width:120px;padding:.25rem .35rem;background:#12121a;border:1px solid #3a4a6a;border-radius:3px;color:#c8d0e8;font-family:Inter,sans-serif;font-size:.8rem}.anim-loop-label{font-size:.75rem;color:#b0bcd8}.anim-track-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem;font-size:.8rem}.anim-keyframes{display:flex;flex-wrap:wrap;gap:4px}.keyframe-tag{display:inline-flex;align-items:center;gap:4px;padding:.15rem .4rem;background:#5a7aaa40;border:1px solid #4a5a7a;border-radius:3px;font-size:.72rem;color:#a0b8d8}.kf-remove{background:none;border:none;color:#8a9ab8;cursor:pointer;font-size:.85rem;line-height:1;padding:0}.kf-remove:hover{color:#e08080}.fade-kf-duration{width:3.2rem;padding:.1rem .25rem;border:1px solid #4a5a7a;border-radius:3px;background:#141824cc;color:#c0d0e8;font-family:Inter,sans-serif;font-size:.72rem}.fade-kf-duration-unit{opacity:.7;font-size:.68rem}#editor-timeline{grid-area:timeline;background:#0a0a12f2;border-top:1px solid #2a2a3e;padding:.5rem 1rem .75rem}#editor-timeline.hidden{display:none}.timeline-controls{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}#timeline-time{font-size:.8rem;opacity:.7;min-width:100px}#timeline-scrubber{flex:1;accent-color:#6a8ac8}#anim-duration,#anim-snap-size{width:60px;padding:.2rem .4rem;background:#1a1a28;border:1px solid #3a3a50;border-radius:3px;color:#c8d0e0;font-size:.8rem}.timeline-duration-label,.timeline-snap-label,.timeline-snap-size-label{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;white-space:nowrap}.timeline-duration-icon,.timeline-snap-icon{line-height:1}#timeline-tracks{max-height:120px;overflow-y:auto}.timeline-row{display:flex;align-items:center;height:22px;margin-bottom:2px}.timeline-label{width:90px;font-size:.7rem;opacity:.55;flex-shrink:0}.timeline-lane{flex:1;height:100%;position:relative;background:#1e243680;border-radius:2px}.timeline-keyframe{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:#8b9dc3;border:2px solid #c8d8f0;cursor:grab;padding:0;touch-action:none;z-index:1}.timeline-keyframe:hover{background:#a8c0e8;transform:translate(-50%,-50%) scale(1.2)}.timeline-keyframe.dragging{cursor:grabbing;background:#c8d8f0;transform:translate(-50%,-50%) scale(1.35);z-index:2}.add-dropdown{position:relative}.add-dropdown summary{list-style:none;cursor:pointer}.add-dropdown summary::-webkit-details-marker{display:none}.add-dropdown[open] summary{border-color:#8b9dc3}#add-object-menu{position:absolute;top:100%;left:0;margin-top:4px;background:#1a1a28;border:1px solid #3a4a6a;border-radius:4px;padding:4px;z-index:30;min-width:120px}#add-object-menu button{display:block;width:100%;text-align:left;padding:.35rem .6rem;border:none;background:transparent;color:#b0bcd8;font-family:Inter,sans-serif;font-size:.8rem;cursor:pointer;border-radius:3px}#add-object-menu button:hover{background:#3a4a6a66}.add-menu-divider{padding:.35rem .6rem .15rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:#6a7a9a;border-top:1px solid #2a3548;margin-top:2px}#editor-btn{margin-top:.75rem}#editor-btn.secondary{background:transparent;border-color:#3a4a6a;font-size:.95rem;padding:.7rem 2rem}#editor-btn.secondary:hover{border-color:#6a8ac8;background:#3a4a6a33}#gameflow-root{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:48px 1fr;grid-template-columns:240px 1fr 280px;grid-template-areas:"toolbar toolbar toolbar" "gamestate canvas inspector";z-index:20;pointer-events:none;background:#0e1018}#gameflow-root.hidden{display:none}#gameflow-root>*{pointer-events:auto}#gf-toolbar{grid-area:toolbar;display:flex;align-items:center;gap:.5rem;padding:0 .75rem;background:#161a26;border-bottom:1px solid #2a3040}#gf-toolbar .gf-title{font-weight:600;color:#c8d0e8;margin-right:.75rem}#gf-toolbar .editor-btn.danger{margin-left:auto}#gf-status{font-size:.8rem;opacity:.7;margin-left:.5rem}#gf-game-state{grid-area:gamestate;background:#12151f;border-right:1px solid #2a3040;padding:.75rem;overflow-y:auto}#gf-inspector{grid-area:inspector;background:#12151f;border-left:1px solid #2a3040;padding:.75rem;overflow-y:auto}#gf-canvas-wrap{grid-area:canvas;position:relative;overflow:hidden;background:#0e1018;cursor:default}#gf-canvas-wrap.panning{cursor:grabbing}#gf-canvas-wrap.pan-ready{cursor:grab}#gf-viewport{position:absolute;top:0;left:0;width:10000px;height:10000px;transform-origin:0 0;will-change:transform;background:radial-gradient(circle at 1px 1px,#1e2436 1px,transparent 0) 0 0 / 24px 24px,transparent}#gf-edges{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}#gf-edges .gf-edge-hit{pointer-events:stroke;cursor:pointer}#gf-edges .gf-edge-temp{pointer-events:none}#gf-nodes{position:absolute;top:0;right:0;bottom:0;left:0}#gf-canvas-hud{position:absolute;top:.65rem;right:.65rem;display:flex;align-items:center;gap:.35rem;padding:.35rem .5rem;background:#0e1018e0;border:1px solid #2a3040;border-radius:6px;z-index:4;pointer-events:auto}#gf-zoom-label{font-size:.75rem;color:#9aa8c0;min-width:2.75rem;text-align:center}#gf-canvas-hint{position:absolute;left:.65rem;bottom:.55rem;margin:0;font-size:.72rem;color:#6a7a9a;pointer-events:none;z-index:4}.gf-panel-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#8a9ab8;margin-bottom:.6rem}.gf-var-row{margin-bottom:.5rem;background:#141a28;border:1px solid #2a3a5a;border-radius:4px;overflow:hidden}.gf-var-row summary{list-style:none}.gf-var-row summary::-webkit-details-marker{display:none}.gf-var-summary{display:grid;grid-template-columns:auto 1fr auto;gap:.35rem;align-items:center;padding:.4rem .5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.gf-var-summary:before{content:"▸";color:#6a7a9a;font-size:.7rem;margin-right:.35rem}.gf-var-row[open] .gf-var-summary:before{content:"▾"}.gf-var-summary-text{font-size:.8rem;color:#c0c8e0;font-family:Consolas,Monaco,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gf-var-remove{flex-shrink:0}.gf-var-row input,.gf-var-row select{width:100%;font-size:.8rem;padding:.35rem .45rem;background:#1a2030;border:1px solid #3a4a6a;border-radius:3px;color:#d0d8e8}.gf-var-fields{display:flex;flex-direction:column;gap:.25rem;padding:.35rem .5rem .5rem;border-top:1px solid #2a3a5a}.gf-node{position:absolute;-webkit-user-select:none;user-select:none;cursor:grab;z-index:1}.gf-node.selected{z-index:2}.gf-node.dragging{cursor:grabbing}.gf-node-start,.gf-node-cutscene{position:relative}.gf-node-start{width:88px;height:88px;border-radius:50%;background:linear-gradient(145deg,#3a5a8a,#2a4068);border:2px solid #8ab0e8;display:flex;align-items:center;justify-content:center;color:#e8f0ff;font-weight:600;font-size:.85rem;box-shadow:0 4px 16px #00000059}.gf-node-cutscene{min-width:180px;max-width:220px;background:#1a2030;border:2px solid #4a5a7a;border-radius:8px;padding:.65rem .75rem .85rem;box-shadow:0 4px 16px #00000059}.gf-node.selected .gf-node-start,.gf-node.selected .gf-node-cutscene{border-color:#a8c0e8}.gf-node-type{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:#8a9ab8;margin-bottom:.25rem}.gf-node-title{font-weight:600;color:#d8e0f0;font-size:.9rem}.gf-node-scene{font-size:.75rem;color:#9aa8c0;margin-top:.35rem;word-break:break-all}.gf-port{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid #c8d8f0;background:#4a6a9a;cursor:crosshair;z-index:3}.gf-port-in{left:-6px;top:50%;transform:translateY(-50%)}.gf-port-out{right:-6px;top:50%;transform:translateY(-50%)}.gf-node-start .gf-port-out{right:-8px}.gf-port-in:hover,.gf-port-out:hover,.gf-port-condition:hover{background:#8ab0e8}.gf-port-in:hover,.gf-port-out:hover{transform:translateY(-50%) scale(1.2)}.gf-conditions{margin-top:.55rem;display:flex;flex-direction:column;gap:.35rem}.gf-condition-row{position:relative;display:flex;align-items:center;gap:.35rem;padding-right:14px}.gf-condition-label{font-size:.68rem;color:#b0bcd8;line-height:1.2;flex:1}.gf-port-condition{right:-6px;top:50%;transform:translateY(-50%)}.gf-port-condition:hover{transform:translateY(-50%) scale(1.2)}.gf-inspector-group{margin-bottom:.85rem}.gf-inspector-group h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#8a9ab8;margin-bottom:.4rem}.gf-inspector-group label{display:flex;flex-direction:column;gap:.2rem;font-size:.78rem;margin-bottom:.45rem}.gf-inspector-group input,.gf-inspector-group select,.gf-inspector-group textarea{font-size:.8rem;padding:.35rem .45rem;background:#1a2030;border:1px solid #3a4a6a;border-radius:3px;color:#d0d8e8}.gf-condition-inspector{background:#161c2a;border:1px solid #2e3850;border-radius:4px;padding:.5rem;margin-bottom:.5rem}.gf-hint{font-size:.75rem;opacity:.65;line-height:1.4;margin-bottom:.5rem}.gf-scene-row{display:flex;gap:.4rem;align-items:center}.gf-scene-row select{flex:1;min-width:0;font-size:.8rem;padding:.35rem .45rem;background:#1a2030;border:1px solid #3a4a6a;border-radius:3px;color:#d0d8e8}.gf-scene-row .editor-btn{flex-shrink:0}