*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#030712;color:#f9fafb;-webkit-font-smoothing:antialiased}button,input,select{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#111827}::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4b5563}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:40px;background:#030712}.start-title{font-size:48px;font-weight:900;color:#f9fafb;letter-spacing:-.02em}.start-actions{display:flex;flex-direction:column;gap:12px;width:320px}.start-btn{padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;border:1px solid #374151;background:#1f2937;color:#f9fafb;transition:background .15s}.start-btn:hover{background:#374151}.start-btn--primary{background:#2563eb;border-color:#3b82f6;color:#fff}.start-btn--primary:hover{background:#1d4ed8}.start-new-form{display:flex;flex-direction:column;gap:8px}.start-name-input{padding:12px 14px;border-radius:8px;border:1px solid #374151;background:#111827;color:#f9fafb;font-size:16px;outline:none}.start-name-input:focus{border-color:#3b82f6}.grid-container{--tile-size: 110px;--gap-size: 8px;--tile-inset: 8px;--path-overflow: 15px;--bg-padding: 15px;--tile-img-size: calc(var(--tile-size) - 2 * var(--tile-inset));--path-length: calc(var(--gap-size) + 2 * var(--path-overflow));--path-thickness: calc(var(--tile-size) * .5);display:grid;grid-template-columns:var(--tile-size) var(--gap-size) var(--tile-size) var(--gap-size) var(--tile-size) var(--gap-size) var(--tile-size);grid-template-rows:var(--tile-size) var(--gap-size) var(--tile-size) var(--gap-size) var(--tile-size) var(--gap-size) var(--tile-size);background-size:cover;padding:var(--bg-padding);align-items:center;justify-items:center;border:2px solid #374151;border-radius:8px}.grid-cell{width:var(--tile-img-size);height:var(--tile-img-size);cursor:pointer;border-radius:4px;overflow:hidden;position:relative;z-index:2;transition:box-shadow .15s}.grid-cell--occupied:hover{box-shadow:0 0 0 2px #ef4444}.grid-cell--occupied:hover:after{content:"×";position:absolute;top:0;right:0;bottom:0;left:0;background:#ef4444a6;color:#fff;font-size:36px;font-weight:900;display:grid;place-items:center}.grid-cell--over{box-shadow:0 0 0 3px #3b82f6}.grid-cell-img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.path-h{width:var(--path-length);height:var(--path-thickness);margin-inline:calc(-1 * var(--path-overflow));z-index:1;pointer-events:none;overflow:visible;display:flex;align-items:center;justify-content:center;transform:translate(-3px)}.path-h img{width:var(--path-thickness);height:var(--path-length);object-fit:cover;display:block;transform:rotate(90deg)}.path-v{width:var(--path-thickness);height:var(--path-length);margin-block:calc(-1 * var(--path-overflow));z-index:1;pointer-events:none;object-fit:cover;display:block;transform:translateY(3px)}.cell-palette{display:flex;flex-direction:column;gap:8px;padding:12px;background:#111827;border-radius:8px;border:1px solid #374151}.cell-palette-tabs{display:flex;gap:4px}.cell-palette-tab{padding:4px 10px;border-radius:4px;background:#1f2937;border:1px solid #374151;color:#9ca3af;cursor:pointer;font-size:12px;transition:background .15s,color .15s}.cell-palette-tab--active{background:#2563eb;border-color:#3b82f6;color:#fff}.cell-palette-items{display:flex;flex-wrap:wrap;gap:6px}.cell-palette-item{width:56px;height:56px;border-radius:4px;overflow:hidden;cursor:grab;border:2px solid transparent;transition:border-color .15s}.cell-palette-item:hover{border-color:#3b82f6}.cell-palette-item img{width:100%;height:100%;object-fit:cover;pointer-events:none}.task-field{padding:8px;background:#111827;border:1px solid #374151;border-radius:8px;width:800px}.task-field-canvas{position:relative;width:780px;height:200px;background:#1f2937;border-radius:6px;overflow:hidden;transition:outline .1s}.task-field-canvas--over{outline:2px dashed #3b82f6;outline-offset:-2px}.tfi-wrap{position:absolute;cursor:move;-webkit-user-select:none;user-select:none}.tfi-img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.tfi-wrap:hover,.tfi-wrap--selected{outline:2px solid #3b82f6;border-radius:3px}.tfi-delete{position:absolute;top:-20px;right:0;width:18px;height:18px;border-radius:50%;background:#ef4444;border:none;color:#fff;font-size:13px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0;z-index:10}.tfi-wrap:hover .tfi-delete,.tfi-wrap--selected .tfi-delete{display:flex}.tfi-handle{position:absolute;width:10px;height:10px;background:#3b82f6;border:1px solid #fff;border-radius:2px;display:none;z-index:10}.tfi-wrap:hover .tfi-handle,.tfi-wrap--selected .tfi-handle{display:block}.tfi-handle--tl{top:-5px;left:-5px;cursor:nw-resize}.tfi-handle--tr{top:-5px;right:-5px;cursor:ne-resize}.tfi-handle--bl{bottom:-5px;left:-5px;cursor:sw-resize}.tfi-handle--br{bottom:-5px;right:-5px;cursor:se-resize}.tfi-zbar{position:absolute;bottom:-26px;left:50%;transform:translate(-50%);display:flex;gap:2px;background:#1f2937;border:1px solid #374151;border-radius:4px;padding:2px 4px;z-index:20}.tfi-zbar button{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:11px;padding:0 3px;line-height:1.4}.tfi-zbar button:hover{color:#f9fafb}.tft-wrap{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;color:#f9fafb;font-weight:600;overflow-wrap:break-word;word-break:break-word;text-shadow:0 1px 4px #000}.tft-wrap:hover,.tft-wrap--selected{outline:2px solid #3b82f6;border-radius:3px;padding:2px 4px;box-sizing:content-box}.tft-text{display:block;width:100%;white-space:pre-wrap}.tft-input{background:#1f2937;border:1px solid #3b82f6;color:#f9fafb;font-weight:600;font-family:inherit;padding:2px 6px;border-radius:4px;outline:none;display:block;width:100%;box-sizing:border-box;resize:none;min-height:3em;line-height:1.4}.tft-delete{position:absolute;top:-9px;right:-9px;width:18px;height:18px;border-radius:50%;background:#ef4444;border:none;color:#fff;font-size:13px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0;z-index:10}.tft-wrap:hover .tft-delete,.tft-wrap--selected .tft-delete{display:flex}.tft-width-handle{position:absolute;top:0;right:-5px;width:6px;height:100%;cursor:ew-resize;background:transparent;display:none;z-index:10}.tft-width-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:16px;background:#3b82f6;border-radius:2px}.tft-wrap:hover .tft-width-handle,.tft-wrap--selected .tft-width-handle{display:block}.tft-toolbar{position:absolute;top:-30px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;background:#1f2937;border:1px solid #374151;border-radius:4px;padding:2px 6px;z-index:20;white-space:nowrap;font-size:11px;color:#9ca3af}.tft-toolbar span{min-width:30px;text-align:center;color:#f9fafb}.tft-toolbar button{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:12px;padding:0 3px;line-height:1.4}.tft-toolbar button:hover{color:#f9fafb}.block{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:18px;font-weight:700;cursor:grab;-webkit-user-select:none;user-select:none;white-space:nowrap;border:2px solid transparent;transition:filter .15s;height:50px}.block:active{cursor:grabbing}.block-label{font-size:10px;font-weight:400;opacity:.8}.block-symbol-icon{width:40px;height:40px;object-fit:contain}.block-answer-label{font-size:16px;font-weight:900;font-family:monospace}.block-arrow{background:#2563eb;border-color:#3b82f6;color:#fff;min-width:44px;justify-content:center}.block-loop{background:#097a32;border-color:#bde4d7;color:#fff;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;height:auto;min-height:60px}.block-loop-header{display:flex;align-items:center;justify-content:center;gap:4px;width:100%}.block-loop-count{font-size:13px;font-weight:900}.block-loop-count-btn{background:#fff3;border:none;color:#fff;width:20px;height:20px;border-radius:4px;font-size:14px;font-weight:900;cursor:pointer;line-height:1;padding:0;display:flex;align-items:center;justify-content:center}.block-loop-count-btn:hover{background:#ffffff59}.block-loop-inner{display:flex;flex-wrap:wrap;gap:4px;min-height:40px;padding:4px;border:2px dashed rgba(255,255,255,.3);border-radius:4px;transition:border-color .15s,background .15s;align-items:stretch}.block-loop-inner>.block{height:auto;min-height:50px;align-self:stretch}.block-loop-inner--over{border-color:#fff;background:#ffffff1a}.block-loop-inner--empty{min-width:90px;align-items:center;justify-content:center}.block-loop-inner-placeholder{font-size:10px;opacity:.5;font-weight:400}.block-loop-inner-item{position:relative;display:inline-flex;align-items:stretch}.block-loop-inner-item>.block{height:auto;min-height:50px;align-self:stretch}.block-loop-inner-remove{position:absolute;top:-6px;right:-6px;background:#ef4444;border:none;color:#fff;width:16px;height:16px;border-radius:50%;font-size:12px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0}.block-loop-inner-item:hover .block-loop-inner-remove{display:flex}.block-conditions{display:flex;flex-wrap:wrap;gap:1px;align-items:center;justify-content:center}.condition-row{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:1px;border-radius:4px;border:2px dashed transparent;transition:border-color .15s,background .15s}.condition-row--over{border-color:#fffc;background:#ffffff1a}.condition-symbol-btn{background:none;border:none;cursor:pointer;padding:2px;border-radius:3px;position:relative;display:flex;align-items:center;justify-content:center}.condition-symbol-btn:hover{background:#ffffff26}.condition-symbol--negated .block-symbol-icon,.condition-symbol-btn.condition-symbol--negated img{opacity:.8}.condition-symbol--negated:after,.condition-symbol-btn.condition-symbol--negated:after{content:"";position:absolute;top:50%;left:0;right:0;height:4px;background:#ef4444;transform:rotate(-20deg);pointer-events:none}.condition-direction-btn{background:#ffffff26;border:none;color:inherit;font-size:16px;font-weight:700;cursor:pointer;width:26px;height:26px;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0}.condition-direction-btn:hover{background:#ffffff4d}.condition-direction-btn.vertical{height:auto;min-height:26px;padding:2px 0}.condition-direction-display{font-size:16px;font-weight:700;line-height:1}.condition-remove-btn{position:absolute;top:-5px;right:-5px;background:#ef4444;border:none;color:#fff;width:14px;height:14px;border-radius:50%;font-size:11px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0}.condition-row:hover .condition-remove-btn{display:flex}.block-condition-add{background:#ffffff26;border:none;color:inherit;font-size:16px;font-weight:700;cursor:pointer;width:26px;height:26px;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0;align-self:center}.block-condition-add:hover{background:#ffffff4d}.block-else-row{display:flex;align-items:center;gap:4px;margin-top:2px}.block-if{background:#ffbf00b3;border-color:#f3d069;color:#fff;flex-direction:column;align-items:center;height:auto;min-height:60px;justify-content:center}.block-if-else{background:#881337;border-color:#be123c;color:#fff;flex-direction:column;align-items:center;height:auto;min-height:60px;justify-content:center}.if-else-else-dir{display:flex;align-items:center;gap:4px;margin-top:4px;border-top:1px solid #be123c55;padding-top:4px;width:100%;justify-content:center}.if-else-label{font-size:10px;color:#fca5a5;text-transform:uppercase;letter-spacing:.05em}.block-jump{background:#cc33999d;border-color:#c84c9f9d;color:#fff;display:grid;grid-template-areas:". col-area" "row-area grid-area";grid-template-columns:32px auto;grid-template-rows:32px auto;height:auto;gap:2px;padding:0 6px 6px 0;align-content:center;justify-content:center;align-items:center;justify-items:center}.jump-col-area{grid-area:col-area;display:flex;align-items:center;justify-content:center;gap:2px}.jump-row-area{grid-area:row-area;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.jump-mini-grid{grid-area:grid-area;display:grid;grid-template-columns:8px 5px 8px 5px 8px 5px 8px;grid-template-rows:8px 5px 8px 5px 8px 5px 8px}.jump-cell{background:#53a23f;border-radius:1px}.jump-h-conn{background:#c8b98a;align-self:center;height:3px}.jump-v-conn{background:#c8b98a;justify-self:center;width:3px}.jump-coord-input{width:20px;height:20px;font-size:13px;font-weight:700;text-align:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-radius:3px;color:#a5b4fc;padding:0;-moz-appearance:textfield}.jump-coord-input::-webkit-outer-spin-button,.jump-coord-input::-webkit-inner-spin-button{-webkit-appearance:none}.jump-coord-display{font-size:14px;font-weight:900}.block-subroutine{background:#94162d;border-color:#db163d;color:#fff}.subroutine-box{display:flex;border:2px solid white;border-radius:4px;overflow:hidden}.subroutine-label{padding:4px;font-size:14px;font-weight:900;border-right:2px solid white;background:none;color:inherit;border-top:none;border-bottom:none;border-left:none;cursor:pointer}button.subroutine-label:hover{background:#ffffff1a}.subroutine-dots{padding:4px;font-size:16px;font-weight:900;letter-spacing:3px}.block-conditional-sub{background:#ffbf00b3;border-color:#f3d069;color:#fff;flex-direction:column;align-items:flex-start;height:auto;min-height:60px;justify-content:center}.cond-sub-box{display:flex;border:2px solid white;border-radius:4px;overflow:hidden;font-size:12px;background:#94162d;border-color:#fff}.cond-sub-label{padding:2px 6px;font-weight:900;border-right:2px solid white;background:none;color:inherit;border-top:none;border-bottom:none;border-left:none;cursor:pointer}.cond-sub-label:hover{background:#ffffff26}.cond-sub-dots{padding:2px 5px;font-weight:900;letter-spacing:2px}.block-fast-cond{background:#92400e;border-color:#b45309;color:#fff;flex-direction:column;align-items:center;justify-content:center;height:auto;min-height:60px;gap:4px}.fast-cond-symbol{display:flex;align-items:center;justify-content:center;padding:2px;cursor:default}.block.print-mode{background:#fff!important;border-color:#000!important;color:#000!important;border-width:1.5px}.block.print-mode .block-symbol-icon{filter:grayscale(1) contrast(2)}.block-palette{display:grid;grid-template-columns:repeat(2,1fr);flex-direction:column;gap:12px;padding:12px;background:#111827;border-radius:8px;border:1px solid #374151}.block-palette-group-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin-bottom:6px}.block-palette-group-blocks{display:flex;flex-wrap:wrap;gap:6px}.symbol-palette{display:flex;flex-wrap:wrap;gap:6px;padding:8px;background:#111827;border:1px solid #374151;border-radius:8px}.symbol-palette-item{cursor:grab;padding:4px;border-radius:6px;border:2px solid transparent;transition:border-color .15s,background .15s}.symbol-palette-item:hover{border-color:#374151;background:#1f2937}.symbol-palette-item:active{cursor:grabbing}.symbol-palette-icon{width:32px;height:32px;object-fit:contain;display:block}.objects-panel{background:#111827;border:1px solid #374151;border-radius:8px;padding:8px;min-width:160px}.objects-panel-header{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.objects-panel-upload-btn{background:#1f2937;border:1px solid #374151;border-radius:4px;color:#d1d5db;font-size:11px;padding:3px 8px;cursor:pointer}.objects-panel-upload-btn:hover{background:#374151}.objects-panel-items{display:flex;flex-wrap:wrap;gap:6px}.objects-panel-item{width:48px;height:48px;background:#1f2937;border:1px solid #374151;border-radius:6px;cursor:grab;display:flex;align-items:center;justify-content:center;padding:4px;touch-action:none}.objects-panel-item:hover{border-color:#3b82f6}.objects-panel-item img{width:100%;height:100%;object-fit:contain;pointer-events:none}.answer-row{background:#1f2937;border:2px solid #374151;border-radius:8px;padding:8px 12px;transition:border-color .2s}.answer-row--correct{border-color:#16a34a;background:#14532d22}.answer-row-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.answer-row-label{font-size:20px;font-weight:900;color:#f9fafb;min-width:24px}.answer-row-correct{display:flex;align-items:center;gap:6px;font-size:13px;color:#9ca3af;cursor:pointer}.answer-row-remove{margin-left:auto;background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer;line-height:1;padding:0 4px}.answer-row-remove:hover{color:#ef4444}.answer-row-blocks{display:flex;flex-wrap:wrap;gap:6px;min-height:48px;padding:6px;border-radius:6px;border:2px dashed #374151;transition:border-color .15s,background .15s}.answer-row-blocks--over{border-color:#3b82f6;background:#1e3a5f44}.answer-row-placeholder{color:#4b5563;font-size:13px;align-self:center}.answer-block-wrapper{position:relative;padding-top:8px;padding-right:8px;margin-top:-8px;margin-right:-8px}.answer-block-remove{position:absolute;top:-6px;right:-6px;background:#ef4444;border:none;color:#fff;width:18px;height:18px;border-radius:50%;font-size:14px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0}.answer-block-wrapper:hover .answer-block-remove{display:flex}.answer-export-box{display:flex;background:#1f2937;border:2px solid #374151;border-radius:8px;overflow:hidden}.answer-export-label{padding:6px 12px;font-size:20px;font-weight:900;border-right:2px solid #374151;display:flex;align-items:center;justify-content:center;min-width:36px;color:#f9fafb;background:#111827}.answer-export-content{display:flex;flex-wrap:nowrap;gap:6px;padding:4px 6px;align-items:center;flex:1;background:#1f2937}.legend-entry{display:flex;align-items:center;gap:12px;padding:8px;background:#1f2937;border-radius:6px;border:1px solid #374151}.legend-entry-blocks{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;flex-shrink:0}.legend-entry-block-wrap{display:flex}.legend-entry-block-wrap--removable{cursor:pointer;border-radius:4px;outline:1px solid transparent}.legend-entry-block-wrap--removable:hover{outline-color:#ef4444}.legend-entry-empty{color:#6b7280;font-size:12px;align-self:center}.legend-entry-explanation{color:#d1d5db;font-size:16px;flex:1;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word}.legend-entry-input{flex:1;background:#111827;border:1px solid #374151;border-radius:4px;color:#f9fafb;font-size:16px;padding:4px 8px;outline:none}.legend-entry-input:focus{border-color:#3b82f6}.legend-card{background:#1f2937;border:1px solid #374151;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:10px}.legend-card-header{display:flex;align-items:center;gap:8px}.legend-card-name-input{flex:1;background:#111827;border:1px solid #374151;border-radius:4px;color:#f9fafb;font-size:16px;font-weight:600;padding:4px 8px;outline:none}.legend-card-name-input:focus{border-color:#3b82f6}.legend-card-delete{background:none;border:1px solid #374151;color:#ef4444;border-radius:4px;padding:4px 10px;cursor:pointer;font-size:13px}.legend-card-add-entry{background:#2563eb22;border:1px dashed #3b82f6;color:#60a5fa;border-radius:4px;padding:6px;cursor:pointer;font-size:13px;text-align:center}.legend-card-save{background:#2563eb;border:none;color:#fff;border-radius:4px;padding:6px 16px;cursor:pointer;font-size:14px;font-weight:600;align-self:flex-end}.legend-section-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.legend-select{background:#1f2937;border:1px solid #374151;border-radius:4px;color:#f9fafb;font-size:14px;padding:4px 8px;cursor:pointer;outline:none}.legend-select:focus{border-color:#3b82f6}.legend-session-name{flex:1;background:#111827;border:1px solid #374151;border-radius:4px;color:#f9fafb;font-size:14px;font-weight:600;padding:4px 8px;outline:none}.legend-session-name:focus{border-color:#3b82f6}.legend-entry-drop{min-height:40px;background:#111827;border:1px dashed #374151;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:4px;flex-wrap:wrap;gap:4px}.legend-entry-drop--over{border-color:#3b82f6;background:#1e3a5f55}.legend-entry-drop-hint{color:#6b7280;font-size:12px;pointer-events:none}.legend-session-entry{display:flex;align-items:flex-start;gap:8px;background:#1f2937;border:1px solid #374151;border-radius:6px;padding:8px}.legend-session-entry-blocks{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.legend-session-entry-remove{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;padding:2px 4px;align-self:flex-start}.legend-session-entry-remove:hover{color:#ef4444}.legend-entry-textarea{flex:1;min-height:48px;resize:none;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.4;font-size:16px}.legend-card--readonly{background:#111827;border:1px solid #1f2937;line-height:1.4}.legend-card--readonly h3{color:#9ca3af;font-size:14px;font-weight:600;margin:0;padding-bottom:6px;border-bottom:1px solid #1f2937}.level-editor{min-height:100vh;background:#030712;display:flex;flex-direction:column}.level-editor-header{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#111827;border-bottom:1px solid #374151}.le-name-input{background:#1f2937;border:1px solid #374151;border-radius:6px;color:#f9fafb;font-size:16px;font-weight:600;padding:6px 10px;outline:none;width:200px}.le-name-input:focus{border-color:#3b82f6}.le-legend-select{background:#1f2937;border:1px solid #374151;border-radius:6px;color:#f9fafb;font-size:14px;padding:6px 10px;outline:none;cursor:pointer}.legend-card--readonly{max-width:800px;border:1px solid #374151}.le-undo-redo{display:flex;gap:4px;margin-left:4px}.le-btn{background:#1f2937;border:1px solid #374151;border-radius:6px;color:#d1d5db;font-size:14px;padding:6px 12px;cursor:pointer;transition:background .15s}.le-btn:hover{background:#374151}.le-btn--primary{background:#2563eb;border-color:#3b82f6;color:#fff}.le-save-btn{margin-left:auto}.le-btn--primary:hover{background:#1d4ed8}.le-btn--small{font-size:12px;padding:4px 10px}.level-editor-body{display:flex;gap:20px;padding:20px;flex:1;align-items:flex-start}.le-left{display:flex;flex-direction:column;gap:20px;flex-shrink:0}.le-right{display:flex;flex-direction:column;gap:20px;flex:1;min-width:0}.le-section{display:flex;flex-direction:column;gap:10px}.le-section-title{color:#6b7280;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin:0}.le-grid-area{display:flex;gap:16px;align-items:flex-start}.le-grid-palettes{display:flex;flex-direction:column;gap:12px;width:285px}.le-answers-header{display:flex;align-items:center;gap:12px}.le-answers{display:flex;flex-direction:column;gap:8px}@media(max-width:1249px){.level-editor-body{flex-direction:column}.le-left,.le-right{width:100%}}.legend-editor-screen{min-height:100vh;background:#030712;padding:24px;display:flex;flex-direction:column;gap:20px}.legend-editor-header{display:flex;align-items:center;gap:16px}.legend-editor-back{background:none;border:1px solid #374151;color:#9ca3af;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:14px}.legend-editor-back:hover{color:#f9fafb}.legend-editor-title{color:#f9fafb;font-size:22px;font-weight:700;margin:0}.legend-editor-new{margin-left:auto;background:#2563eb;border:none;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600}.legend-editor-list{display:flex;flex-direction:column;gap:16px;max-width:800px}.legend-editor-empty{color:#6b7280;font-size:14px}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#030712;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;z-index:9999;opacity:1;transition:opacity .6s ease-out}.loading-screen--fade-out{opacity:0;pointer-events:none}.loading-title{font-size:28px;font-weight:800;color:#f9fafb;letter-spacing:.02em}.loading-path-wrapper{width:80%;max-width:600px;position:relative;padding:70px 50px 0 0}.loading-path{position:relative;height:20px;background:#166534;border-radius:10px;overflow:visible}.loading-path-fill{height:100%;background:#22c55e;border-radius:10px;transition:width .3s ease-out;min-width:0%;max-width:100%}.loading-konsti{position:absolute;bottom:20px;transform:translate(-50%);transition:left .3s ease-out;pointer-events:none}.loading-konsti img{width:64px;height:64px;object-fit:contain;animation:konsti-walk .4s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));display:block}@keyframes konsti-walk{0%{transform:scaleX(-1) translateY(0) rotate(0)}25%{transform:scaleX(-1) translateY(-6px) rotate(-3deg)}50%{transform:scaleX(-1) translateY(-9px) rotate(-2deg)}75%{transform:scaleX(-1) translateY(-5px) rotate(-1deg)}to{transform:scaleX(-1) translateY(0) rotate(0)}}.loading-house{position:absolute;right:-46px;bottom:10px;width:72px;height:72px;pointer-events:none}.loading-house img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.loading-info{display:flex;flex-direction:column;align-items:center;gap:4px}.loading-percentage{font-size:52px;font-weight:900;color:#22c55e;line-height:1;font-variant-numeric:tabular-nums}.loading-label{font-size:14px;color:#6b7280;letter-spacing:.05em}