:root{--color-background: #f8f8f8;--color-surface: #fff;--color-surface-hover: #fafafa;--color-border: #e0e0e0;--color-border-light: #ddd;--color-accent: #E63946;--color-text-primary: #000;--color-text-secondary: #666;--color-text-muted: #999;--color-text-light: #bbb;--color-success-bg: #dcfce7;--color-success-text: #166534;--color-info-bg: #dbeafe;--color-info-text: #1e40af;--color-warning-bg: #ffedd5;--color-warning-text: #9a3412;--color-error-bg: #fef2f2;--color-error-text: #dc2626;--difficulty-easy: #4CAF50;--difficulty-medium: #FF9800;--difficulty-hard: #F44336;--difficulty-extreme: #9C27B0;--game-yellow: #FFD54F;--game-blue: #42A5F5;--game-red: #EF5350;--game-green: #66BB6A;--game-purple: #AB47BC;--game-pink: #FF69B4;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Courier New", monospace;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 40px;--max-width: 1200px;--sidebar-width: 280px;--header-height: 48px;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .15);--transition-fast: all .15s ease;--transition-normal: all .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.4;-webkit-font-smoothing:antialiased}body{background:var(--color-surface);color:var(--color-text-primary);min-height:100vh}a{color:var(--color-text-primary);text-decoration:underline}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.grid-editor{display:flex;flex-direction:column;gap:12px}.grid-empty{display:flex;align-items:center;justify-content:center;height:300px;color:#666;font-size:12px}.grid-toolbar{display:flex;flex-wrap:wrap;gap:12px;padding:10px;border-bottom:1px solid #ddd}.tool-group{display:flex;align-items:center;gap:6px}.tool-group label{font-weight:600;color:#000;font-size:11px}.tool-btn{padding:6px 12px;border:1px solid #ccc;background:#fff;cursor:pointer;font-size:11px}.tool-btn.active{border-color:#000;background:#f5f5f5}.tool-btn:hover{border-color:#999}.state-btn{padding:4px 10px;border:1px solid #ccc;cursor:pointer;font-size:11px;background:#fff}.state-btn.active{border-color:#000;background:#f5f5f5}.color-picker{display:flex;gap:3px}.color-btn{width:24px;height:24px;border:1px solid #999;cursor:pointer}.color-btn.active{border-color:#000;border-width:2px}.color-btn:hover{border-color:#000}.amount-input{width:40px;padding:4px 6px;border:1px solid #ccc;font-size:12px}.grid-container{display:flex;justify-content:center;padding:16px;background:#f5f5f5;border:1px solid #ddd}.grid{display:grid;gap:2px;background:#ddd;padding:2px}.grid-cell{width:70px;height:70px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;border:1px solid #ccc}.grid-cell:hover{background:#f9f9f9}.cell-label{font-size:9px;color:#999;position:absolute;bottom:2px}.container-stack{display:flex;flex-direction:column;gap:3px;width:100%;padding:4px;max-height:64px;overflow:hidden}.container-stack.compact{gap:1px;padding:2px}.stack-item{display:flex;align-items:center;gap:3px;height:15px}.compact .stack-item{gap:2px;height:12px}.color-chip{width:20px;height:14px;border:1px solid rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff}.compact .color-chip{width:14px;height:10px;font-size:7px}.count{font-size:12px;font-weight:600;color:#000}.compact .count{font-size:10px}.hint{font-size:10px;color:#666;margin-left:8px}.grid-legend{display:flex;justify-content:center;gap:16px;padding:8px;border-top:1px solid #ddd}.legend-item{display:flex;align-items:center;gap:4px;font-size:10px;color:#666}.legend-color{width:12px;height:12px;border:1px solid #999}.obstacle-indicator{position:absolute;top:2px;right:2px;display:flex;flex-direction:column;align-items:center;gap:0;background:#ffc864e6;border-radius:4px;padding:2px 4px;border:1px solid #e6a020;z-index:1}.obstacle-health{font-size:9px;font-weight:700;color:#8b4513}.obstacle-indicator.covered{background:#ffc86480;border:1px dashed #e6a020}.obstacle-indicator.covered .obstacle-icon{opacity:.7}.obstacle-picker{display:flex;gap:3px}.obstacle-btn{width:32px;height:32px;border:1px solid #999;background:#fff;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.obstacle-btn.active{border-color:#000;border-width:2px;background:#fef3c7}.obstacle-btn:hover{border-color:#000;background:#fef9e7}.health-input,.preset-amount-input{width:50px;padding:4px 6px;border:1px solid #ccc;font-size:12px;text-align:center}.grid-cell.preview-2x2{background:#ffc86459!important;border:2px solid #e6a020!important;box-shadow:inset 0 0 6px #e6a0204d}.grid-cell.preview-invalid{background:#ff505033!important;border:2px dashed #e53935!important}.obstacle-indicator.locked-preset{border-color:#8b4513}.level-panel{display:flex;flex-direction:column;gap:1px;background:#ddd}.level-panel>*{background:#fff}.level-panel.empty{display:flex;align-items:center;justify-content:center;height:200px;color:#666;font-size:12px}.level-panel h3{margin:0;padding:12px 16px;background:#fff;color:#000;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ddd}.panel-section{padding:12px}.panel-section h4{margin:0 0 10px;font-size:11px;font-weight:600;color:#000;text-transform:uppercase;letter-spacing:.5px}.form-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.form-row label{width:80px;font-size:12px;color:#333}.form-row input,.form-row select{flex:1;padding:6px 8px;border:1px solid #ccc;font-size:12px;background:#fff}.form-row-toggle input[type=checkbox]{flex:0;width:16px;height:16px;padding:0;border:none;cursor:pointer;accent-color:#E63946}.targets-list{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.target-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border:1px solid #ddd}.target-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#000}.color-dot{width:14px;height:14px;border:1px solid #999}.target-icon{font-size:14px;line-height:1}.btn-remove{width:20px;height:20px;border:1px solid #999;background:#fff;color:#000;cursor:pointer;font-size:14px;line-height:1}.btn-remove:hover{background:#f5f5f5}.add-target-row{display:flex;gap:6px}.add-target-row select{flex:1;min-width:0;padding:6px 8px;border:1px solid #ccc;font-size:11px}.add-target-row input{width:60px;padding:6px 8px;border:1px solid #ccc;font-size:11px}.btn-add{padding:6px 10px;border:1px solid #000;background:#fff;color:#000;cursor:pointer;font-size:11px;white-space:nowrap}.btn-add:hover{background:#f5f5f5}.minmax-row{display:flex;align-items:center;gap:8px}.minmax-row label{font-size:11px;color:#666;width:30px}.minmax-row input{width:50px;padding:6px 8px;border:1px solid #ccc;font-size:12px;text-align:center}.import-buttons{display:flex;gap:8px;margin-bottom:8px}.btn-import{flex:1;padding:10px 12px;border:2px solid #000;background:#fff;color:#000;cursor:pointer;font-size:11px;font-weight:600;text-align:center;white-space:nowrap}.btn-import:hover{background:#f5f5f5}.btn-scene-import{border-color:#2563eb;color:#2563eb}.btn-scene-import:hover{background:#eff6ff}.import-status{display:block;margin-top:8px;font-size:11px;color:#666;text-align:center}.move-count-warning{margin-top:6px;padding:6px 8px;background:#fff8e1;border:1px solid #f0b429;font-size:10px;color:#7a5200;line-height:1.4}.simulation-preview{background:#fff;padding:16px;max-width:100%;max-height:480px;overflow-y:auto}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #ddd}.preview-header h4{margin:0;font-size:12px;font-weight:600;color:#000;text-transform:uppercase;letter-spacing:.5px}.hero-tabs{display:flex;gap:4px;margin-bottom:12px;flex-wrap:wrap}.hero-tab{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 10px;border:1px solid #ccc;background:#fafafa;cursor:pointer;font-size:10px;font-weight:500;color:#666;transition:all .15s}.hero-tab:hover{background:#f0f0f0;border-color:#999}.hero-tab.active{background:#000;color:#fff;border-color:#000;font-weight:700}.hero-tab.lost:not(.active){border-left:3px solid #dc2626}.hero-tab.won:not(.active){border-left:3px solid #16a34a}.hero-tab-label{font-size:10px;line-height:1.2}.hero-tab-sub{font-size:8px;opacity:.7;font-variant-numeric:tabular-nums}.btn-run{background:#fff;color:#000;border:1px solid #000;padding:6px 16px;cursor:pointer;font-size:11px;font-weight:500}.btn-run:hover{background:#f5f5f5}.btn-run:disabled{border-color:#ccc;color:#999;cursor:not-allowed}.steps-wrapper{width:100%;overflow-x:auto;padding-bottom:8px;position:relative;display:flex;gap:8px}.row-labels-sidebar{position:sticky;left:0;z-index:5;background:#fff;display:flex;flex-direction:column;padding-right:4px;flex-shrink:0}.row-labels-spacer{height:43px}.row-label-fixed{height:40px;display:flex;align-items:center;justify-content:flex-end;font-size:9px;color:#999;font-weight:500;padding-right:4px}.event-legend{position:sticky;left:0;top:0;z-index:10;background:#fff;border:1px solid #ddd;border-radius:4px;padding:12px;margin-bottom:16px;box-shadow:0 2px 4px #0000001a;width:fit-content}.legend-title{font-size:11px;font-weight:700;color:#000;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.legend-item{display:flex;align-items:center;gap:8px;margin-bottom:6px}.legend-item:last-child{margin-bottom:0}.legend-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:3px}.legend-text{font-size:10px;font-weight:500;color:#333}.steps-container{display:inline-flex;gap:12px;min-width:min-content}.step-card{flex-shrink:0;background:#fff;border:1px solid #ddd;padding:12px;width:260px}.step-card.won{border-color:#000;border-width:2px}.step-card.lost{border-style:dashed;opacity:.7}.step-title{font-weight:600;font-size:11px;color:#000;margin-bottom:8px;text-align:center}.event-indicators{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.event-badge{display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:3px;font-size:9px;font-weight:500}.event-badge.event-choose_move_pure_beats_mixed{background:#e3f2fd;border:1px solid #2196F3;color:#1565c0}.event-badge.event-choose_move_pure_strategic{background:#f3e5f5;border:1px solid #9C27B0;color:#6a1b9a}.event-badge.event-choose_move_mixed_complexity{background:#fff3e0;border:1px solid #FF9800;color:#e65100}.event-icon{font-size:10px}.event-text{flex:1;font-weight:600}.event-location{font-size:8px;opacity:.7;font-weight:400}.col-headers{display:flex;gap:2px;margin-bottom:2px}.col-label{width:38px;text-align:center;font-size:9px;color:#999;font-weight:500}.col-label.target{color:#000;font-weight:700}.col-scores{display:flex;gap:2px;margin-bottom:3px}.col-score{width:38px;text-align:center;font-size:8px;font-weight:500;font-variant-numeric:tabular-nums;color:#888}.col-score.chosen{font-weight:800;text-decoration:underline}.step-grid{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.grid-row{display:flex;gap:2px}.grid-cell{width:38px;height:38px;border:1px solid #e0e0e0;background:#fff;display:flex;align-items:center;justify-content:center;font-size:9px}.grid-cell.target-col{border-color:#666;background:#d0d0d0}.grid-cell.landing-position{outline:2px solid #FFD700;outline-offset:-2px;z-index:1}.cell-content{display:flex;align-items:center;gap:1px}.cell-color{width:16px;height:14px;border:1px solid rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#fff}.cell-count{font-size:9px;color:#666;font-weight:600}.empty{color:#ddd}.grid-cell .container-stack{display:flex;flex-direction:column;gap:1px;width:100%;padding:1px;max-height:36px;overflow:hidden}.grid-cell .container-stack.compact{gap:0;padding:0}.grid-cell .stack-item{display:flex;align-items:center;gap:1px;height:10px}.grid-cell .compact .stack-item{height:8px}.grid-cell .color-chip{width:12px;height:8px;border:1px solid rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;font-size:6px;font-weight:700;color:#fff}.grid-cell .compact .color-chip{width:10px;height:6px}.grid-cell .count{font-size:8px;font-weight:600;color:#000}.grid-cell .compact .count{font-size:7px}.step-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid #eee;min-height:24px}.deck-info{display:flex;align-items:center;gap:4px;font-size:9px}.deck-label{color:#666;font-weight:500}.deck-units{display:flex;gap:1px}.deck-units .unit{width:14px;height:14px;border:1px solid rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#fff}.target-col{color:#000;font-weight:600;font-size:9px}.moves-label{font-size:9px;color:#666}.win-label{color:#000;font-weight:700;font-size:10px}.lose-label{color:#666;font-weight:700;font-size:10px}.grid-cell.has-obstacle{background:#f5e6d3;border-color:#c9a679}.obstacle-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.obstacle-icon{font-size:14px;line-height:1}.obstacle-health{font-size:9px;font-weight:700;color:#8b6914;background:#fff3cd;padding:0 3px;border-radius:2px}.grid-cell.vault-main,.grid-cell.vault-secondary{background:#e8d5e8;border-color:#9c6b9c}.obstacle-cell.vault{background:#9c6b9c1a}.obstacle-cell.vault-block{display:flex;align-items:center;justify-content:center;opacity:.7}.vault-block-icon{font-size:10px;opacity:.5}.event-badge.event-obstacle_damage{background:#fff3cd;border:1px solid #ffc107;color:#856404}.event-badge.event-obstacle_destroyed{background:#d4edda;border:1px solid #28a745;color:#155724}.grid-cell.locked-slot{background:#bbb;border-color:#888}.locked-cell{display:flex;flex-direction:column;align-items:center;justify-content:center}.locked-icon{font-size:14px;line-height:1;opacity:.8}.step-title-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:4px}.step-log-btn{background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer;font-size:12px;line-height:1;padding:1px 4px;opacity:.55;transition:all .15s}.step-log-btn:hover{opacity:1;border-color:#e63946;background:#fff5f5}.preview-toast{position:sticky;top:0;z-index:10;background:#1a1a1a;color:#fff;padding:8px 12px;font-size:11px;border-radius:4px;margin-bottom:8px;box-shadow:0 2px 8px #0003}.play-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg, 16px)}.play-modal{background:var(--color-bg, #ffffff);border:1px solid var(--color-border, #e0e0e0);border-radius:var(--border-radius, 6px);width:min(400px,100%);max-height:92vh;overflow-y:auto;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000040}.play-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md, 12px) var(--spacing-lg, 16px);border-bottom:1px solid var(--color-border, #e0e0e0)}.play-modal-header h3{margin:0;font-size:1.05rem;font-weight:600}.play-close{background:transparent;border:none;cursor:pointer;font-size:1.1rem;color:var(--color-text-secondary, #666);padding:4px 8px;border-radius:4px}.play-close:hover{background:var(--color-bg-hover, #f0f0f0)}.play-modal-body{padding:var(--spacing-lg, 16px)}.play-card{display:flex;flex-direction:column;gap:var(--spacing-md, 12px);border:2px solid var(--color-border, #e0e0e0);border-radius:var(--border-radius, 6px);padding:var(--spacing-md, 12px);background:var(--color-bg-soft, #fafafa)}.play-card.move-card{border-color:var(--color-border, #d0d0d0)}.play-card.after-card.sync{border-color:#43a047;background:#43a0470a}.play-card.after-card.diverge{border-color:#e53935;background:#e539350a}.play-card.summary-card.sync{border-color:#43a047;background:#43a0470f}.play-card.summary-card.diverge{border-color:#e53935;background:#e539350f}.play-card-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.95rem}.play-sync,.play-pick-line{font-weight:400;font-size:.85rem;color:var(--color-text-secondary, #666)}.play-board{display:flex;gap:4px;align-items:stretch}.play-row-labels{display:flex;flex-direction:column;gap:2px;padding-top:26px}.play-row-label{flex:1;display:flex;align-items:center;justify-content:flex-end;font-size:.7rem;color:var(--color-text-secondary, #888);padding-right:4px;min-width:22px}.play-grid-area{flex:1;display:flex;flex-direction:column}.play-grid-wrapper{position:relative}.play-col-headers .play-col-label{cursor:default;-webkit-user-select:none;user-select:none;text-align:center;border-radius:4px;padding:2px 0}.play-col-headers .play-col-label.clickable{cursor:pointer}.play-col-headers .play-col-label.clickable:hover{background:var(--color-bg-hover, #eee)}.play-col-headers .play-col-label.ai-hint{color:#b07000;font-weight:800;background:#ffc40047;box-shadow:inset 0 -2px #b0700099}.play-col-headers .play-col-label.pending-hint{color:#0d47a1;font-weight:800;background:#2196f352;box-shadow:inset 0 -2px #0d47a1b3}.grid-cell.ai-col-cell{background:#ffc40029}.grid-cell.pending-col-cell{background:#2196f338;outline:2px solid rgba(33,150,243,.6);outline-offset:-2px}.grid-cell.clickable-col{cursor:pointer}.play-deck-row{display:flex;align-items:center;gap:var(--spacing-md, 12px);padding-top:var(--spacing-sm, 8px);border-top:1px solid var(--color-border, #e0e0e0)}.play-deck-row .deck-label{font-size:.85rem;color:var(--color-text-secondary, #666)}.play-deck-row .deck-units{display:flex;gap:3px}.play-deck-row .deck-units .unit{width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fffffff2;text-shadow:0 1px 1px rgba(0,0,0,.3)}.play-ai-hint{margin-left:auto;font-size:.85rem;font-weight:600;color:#c98c00}.play-actions{display:flex;gap:var(--spacing-sm, 8px);justify-content:flex-end;padding-top:var(--spacing-sm, 8px)}.play-actions .btn-primary{background:#1976d2;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer}.play-actions .btn-primary:hover{background:#1565c0}.play-actions .btn-primary:disabled{background:#c5d6e6;color:#ffffffd9;cursor:not-allowed}.play-snapshot-btn{margin-left:6px;background:transparent;border:1px solid var(--color-border, #d0d0d0);border-radius:4px;cursor:pointer;padding:1px 5px;font-size:.85em}.play-snapshot-btn:hover{background:var(--color-bg-hover, #ebebeb)}.play-toast{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#212121eb;color:#fff;padding:6px 14px;border-radius:6px;font-size:.85rem;z-index:10;pointer-events:none}.play-actions .btn-secondary{background:var(--color-bg-soft, #f5f5f5);border:1px solid var(--color-border, #d0d0d0);padding:8px 16px;border-radius:4px;font-size:.9rem;cursor:pointer}.play-actions .btn-secondary:hover{background:var(--color-bg-hover, #ebebeb)}.summary-card{align-items:center;padding:var(--spacing-xl, 24px)}.summary-label{font-size:1.6rem;font-weight:700;margin:0}.summary-stats{display:flex;flex-direction:column;gap:4px;font-size:.95rem}.summary-card .play-actions{width:100%;justify-content:center}.level-list{display:flex;flex-direction:column;height:100%;background:#fff}.list-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #ddd}.list-header h4{margin:0;font-size:12px;font-weight:600;color:#000;text-transform:uppercase;letter-spacing:.5px}.list-actions{display:flex;gap:4px}.btn-icon{width:28px;height:28px;border:1px solid #ccc;background:#fff;cursor:pointer;font-size:14px}.btn-icon:hover,.btn-icon.danger:hover{background:#f5f5f5}.list-items{height:340px;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:#ccc transparent}.list-items::-webkit-scrollbar{width:4px}.list-items::-webkit-scrollbar-track{background:transparent}.list-items::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.list-items::-webkit-scrollbar-thumb:hover{background:#aaa}.empty-list{display:flex;flex-direction:column;align-items:center;justify-content:center;height:150px;color:#666;font-size:12px}.empty-list p{margin-bottom:12px}.btn-primary{padding:8px 16px;border:1px solid #000;background:#fff;color:#000;font-size:12px;cursor:pointer}.btn-primary:hover{background:#f5f5f5}.level-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#fff;margin-bottom:4px;cursor:pointer;border:1px solid #ddd}.level-item:hover{border-color:#999}.level-item.active{border-color:#000;background:#f9f9f9}.level-info{display:flex;flex-direction:column;gap:2px}.level-id-row{display:flex;align-items:center;gap:6px}.level-id{font-weight:600;font-size:12px;color:#000}.difficulty-badge-mini{font-size:9px;padding:2px 5px;border-radius:2px;font-weight:600;background:#e0e0e0;color:#666}.difficulty-badge-mini.easy{background:#4caf50;color:#fff}.difficulty-badge-mini.moderate{background:#9acd32;color:#fff}.difficulty-badge-mini.medium{background:#ff9800;color:#fff}.difficulty-badge-mini.hard{background:#f44336;color:#fff}.difficulty-badge-mini.extreme{background:#9c27b0;color:#fff}.difficulty-badge-mini.stale{opacity:.6}.stale-marker{font-style:italic;font-weight:400}.post-freeze-arrow{margin:0 2px;font-size:10px;color:#666;font-weight:600}.difficulty-badge-mini.post-freeze{background:transparent;color:#000;border:1px solid currentColor;opacity:.85}.difficulty-badge-mini.post-freeze.easy{color:#2e7d32;border-color:#2e7d32;background:#fff}.difficulty-badge-mini.post-freeze.moderate{color:#689f38;border-color:#689f38;background:#fff}.difficulty-badge-mini.post-freeze.medium{color:#e65100;border-color:#e65100;background:#fff}.difficulty-badge-mini.post-freeze.hard{color:#c62828;border-color:#c62828;background:#fff}.difficulty-badge-mini.post-freeze.extreme{color:#6a1b9a;border-color:#6a1b9a;background:#fff}.hard-mode-badge{font-size:9px;padding:2px 4px;border-radius:2px;font-weight:700;background:#1a1a1a;color:#fff;letter-spacing:.5px}.level-meta{font-size:10px;color:#666}.level-actions{display:flex;gap:4px}.btn-mini{padding:4px 6px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:11px}.btn-mini:hover{background:#f5f5f5}.export-section{padding:12px;border-top:1px solid #ddd}.export-section h5{margin:0 0 8px;font-size:11px;color:#666}.export-buttons{display:flex;flex-direction:column;gap:4px}.btn-export{padding:6px 10px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:11px;text-align:left}.btn-export:hover{border-color:#999}.btn-export.unity-export{border-color:#2563eb;color:#2563eb}.btn-export.unity-export:hover{background:#eff6ff;border-color:#1d4ed8}.btn-secondary{padding:8px 16px;border:1px solid #ccc;background:#f9f9f9;color:#333;font-size:12px;cursor:pointer}.btn-secondary:hover{background:#f0f0f0}.import-section{padding:12px;border-top:1px solid #ddd;background:#fafafa}.import-section h5{margin:0 0 8px;font-size:11px;color:#444;font-weight:600}.import-buttons{display:flex;flex-direction:column;gap:4px}.btn-import{padding:8px 10px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:11px;text-align:left;transition:all .15s ease}.btn-import:hover{border-color:#999}.btn-import.unity-import{border-color:#16a34a;color:#16a34a}.btn-import.unity-import:hover{background:#f0fdf4;border-color:#15803d}.btn-import.clear-import{border-color:#ea580c;color:#ea580c}.btn-import.clear-import:hover{background:#fff7ed;border-color:#c2410c}.import-section .import-status{display:block;margin-top:8px;font-size:11px;color:#666}.import-section .import-status:first-letter{font-weight:700}.sync-section{padding:12px;border-top:1px solid #ddd;background:#f5f9ff}.sync-header{margin:0;font-size:11px;color:#444;font-weight:600;display:flex;align-items:center;gap:6px}.sync-connected-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#16a34a;margin-left:4px}.sync-body{margin-top:8px;display:flex;flex-direction:column;gap:6px}.sync-status-row{display:flex;justify-content:space-between;align-items:center}.sync-status-text{font-size:11px;color:#16a34a;font-weight:500}.sync-buttons{display:flex;flex-direction:column;gap:4px}.sync-last-time{font-size:10px;color:#999}.sync-status-msg{font-size:11px;color:#666;margin-top:2px}.freeze-optout-marker{font-size:10px;opacity:.55;margin-left:2px;filter:grayscale(1)}.simulator-panel{background:#fff;padding:16px}.simulator-panel.empty{display:flex;align-items:center;justify-content:center;height:100px;color:#666;font-size:12px}.simulator-panel h4{margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #ddd;font-size:12px;font-weight:600;color:#000;text-transform:uppercase;letter-spacing:.5px}.config-section{margin-bottom:12px}.config-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.config-row label{font-size:11px;color:#333;min-width:90px}.config-row input[type=number]{flex:1;padding:6px 8px;border:1px solid #ccc;font-size:12px;background:#fff}.config-row.checkbox{flex-direction:column;align-items:flex-start}.config-row.checkbox label{display:flex;align-items:center;gap:6px}.config-row.checkbox input[type=checkbox]{width:14px;height:14px}.hint{font-size:10px;color:#666;margin-top:4px}.btn-simulate{width:100%;padding:10px;border:1px solid #000;background:#fff;color:#000;font-size:12px;font-weight:600;cursor:pointer}.btn-simulate:hover:not(:disabled){background:#f5f5f5}.btn-simulate:disabled{border-color:#ccc;color:#999;cursor:not-allowed}.btn-simulate.btn-stop{width:100%;border-color:var(--color-error-text);color:var(--color-error-text);background:var(--color-surface)}.btn-simulate.btn-stop:hover{background:var(--color-error-bg)}.progress-bar{height:4px;background:#eee;margin-top:8px;overflow:hidden}.progress-fill{height:100%;background:#000}.hardmode-review{margin-top:12px;border:1px solid #1a1a1a;background:#fafafa;font-size:11px}.hardmode-review-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#1a1a1a;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.hardmode-review-dismiss{background:none;border:none;color:#aaa;cursor:pointer;font-size:11px;padding:0;line-height:1}.hardmode-review-dismiss:hover{color:#fff}.hardmode-review-table{padding:4px 0}.hardmode-review-row{display:grid;grid-template-columns:50px 44px 44px 1fr;align-items:center;gap:4px;padding:4px 10px;border-bottom:1px solid #eee}.hardmode-review-row:last-child{border-bottom:none}.hardmode-review-thead{font-size:9px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.4px;padding-bottom:2px}.hardmode-review-action{padding:2px 6px;border:1px solid #1a1a1a;background:#fff;cursor:pointer;font-size:10px;font-weight:600;white-space:nowrap}.hardmode-review-action:hover{background:#f0f0f0}.hardmode-review-footer{display:flex;gap:6px;padding:8px 10px;border-top:1px solid #ddd}.hardmode-review-apply-all{flex:1;padding:5px 8px;border:1px solid #1a1a1a;background:#1a1a1a;color:#fff;cursor:pointer;font-size:10px;font-weight:600}.hardmode-review-apply-all:hover{background:#333}.hardmode-review-keepasis{padding:5px 8px;border:1px solid #ccc;background:#fff;cursor:pointer;font-size:10px;color:#666}.hardmode-review-keepasis:hover{background:#f5f5f5}.sim-results-card{display:flex;flex-direction:column;padding:16px;width:280px;flex-shrink:0;min-width:0;background:var(--color-surface)}.src-section-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #ddd;font-size:12px;font-weight:600;color:#000;text-transform:uppercase;letter-spacing:.5px;gap:6px}.src-tips-toggle{background:none;border:1px solid #f0b429;border-radius:3px;cursor:pointer;font-size:11px;padding:2px 6px;color:#7a5200;position:relative;line-height:1;display:flex;align-items:center;gap:3px}.src-tips-toggle.unsolvable{border-color:#e63946;color:#e63946}.src-tips-toggle.open{background:#fff8e1}.src-tips-toggle.unsolvable.open{background:#fff0f0}.src-tips-toggle:hover{background:#fff8e1}.src-tips-toggle.unsolvable:hover{background:#fff0f0}.src-tips-dot{width:5px;height:5px;background:#f0b429;border-radius:50%;display:inline-block}.src-tips-toggle.unsolvable .src-tips-dot{background:#e63946}.difficulty-badge{display:flex;flex-direction:column;align-items:center;padding:12px;border:1px solid #000;margin-bottom:12px}.difficulty-badge .score{font-size:28px;font-weight:700;color:#000}.difficulty-badge .label{font-size:11px;color:#666}.src-freeze-tag{margin-top:6px;font-size:9px;font-weight:600;color:var(--color-success-text);background:var(--color-success-bg);border:1px solid var(--color-success-text);padding:1px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.4px;cursor:help}.src-flag{padding:8px 10px;margin-bottom:10px;font-size:10px;line-height:1.45;border-left:3px solid}.src-flag-warn{background:#fff8e1;border-left-color:#f0b429;color:#7a5200}.src-flag strong{color:#5a3d00}.src-percentile-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;margin-bottom:12px;padding:8px;border:1px solid #ddd;background:#fafafa}.src-percentile-cell{display:flex;flex-direction:column;align-items:center;text-align:center}.src-percentile-cell.src-percentile-median{border-left:1px solid #ddd;border-right:1px solid #ddd}.src-percentile-label{font-size:9px;color:#666;margin-bottom:2px}.src-percentile-value{font-size:13px;font-weight:600;color:#000}.src-percentile-tier{display:block;margin-top:2px;font-size:10px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.stat{border:1px solid #ddd;padding:8px;text-align:center}.stat-value{display:block;font-size:16px;font-weight:600;color:#000}.stat-label{display:block;font-size:9px;color:#666;margin-top:2px}.detailed-stats{border:1px solid #ddd;padding:8px}.stat-row{display:flex;justify-content:space-between;padding:4px 0;font-size:11px;border-bottom:1px solid #eee}.stat-row:last-child{border-bottom:none}.stat-row span:first-child{color:#666}.stat-row span:last-child{font-weight:600;color:#000}.move-recommendation{margin-top:10px;padding:8px 10px;background:#fff8e1;border:1px solid #f0b429}.move-recommendation-title{font-size:11px;font-weight:600;color:#7a5200;margin-bottom:5px}.move-recommendation-row{font-size:10px;color:#7a5200;line-height:1.5;margin-bottom:3px}.move-recommendation-row:last-child{margin-bottom:0}.src-tips-anchor{position:relative;margin-left:auto}.src-tips-drawer{position:absolute;top:calc(100% + 6px);right:0;width:280px;padding:12px;background:#f0f4ff;border:1px solid #c5cef0;border-top:2px solid #2a3580;box-shadow:0 4px 12px #0000001f;z-index:100}.src-tips-drawer.unsolvable{background:#f0f4ff;border-color:#c5cef0;border-top-color:#e63946}.src-tips-drawer-title{font-size:11px;font-weight:600;color:#2a3580;margin-bottom:8px}.src-tips-drawer.unsolvable .src-tips-drawer-title{color:#e63946}.src-tips-estimate{font-size:10px;color:#444;background:#0000000a;border:1px solid rgba(0,0,0,.08);padding:5px 8px;margin-bottom:10px}.src-tips-drawer.unsolvable .src-tips-estimate{background:#e639460f;border-color:#e6394626;color:#555}.balancing-tips{display:flex;flex-direction:column;gap:0}.balancing-tip-row{display:flex;flex-direction:column;padding:7px 0;border-bottom:1px solid #dce4f8}.src-tips-drawer.unsolvable .balancing-tip-row{border-bottom-color:#f0cece}.balancing-tip-row:last-child{border-bottom:none;padding-bottom:0}.balancing-tip-label{font-size:10px;font-weight:600;color:#2a3580;margin-bottom:3px}.src-tips-drawer.unsolvable .balancing-tip-label{color:#c0392b}.balancing-tip-msg{font-size:10px;color:#2a3580;line-height:1.5}.src-tips-drawer.unsolvable .balancing-tip-msg{color:#7a2020}.ofp-panel{display:flex;flex-direction:column;padding:16px;width:280px;flex-shrink:0;min-width:0;max-height:480px;overflow-y:auto;background:var(--color-surface);color:var(--color-text-primary);font-size:11px}.ofp-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #ddd;font-size:12px;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;gap:var(--spacing-sm)}.ofp-saved-tag{font-size:var(--font-size-xs);font-weight:600;color:var(--color-success-text);background:var(--color-success-bg);border:1px solid var(--color-success-text);padding:1px 6px;border-radius:var(--radius-sm);text-transform:none;letter-spacing:0}.ofp-empty{color:var(--color-text-secondary);font-size:12px;font-style:italic}.ofp-saved-row{padding:var(--spacing-sm);border:1px solid var(--color-border);margin-bottom:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);background:var(--color-surface-hover)}.ofp-saved-date{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.ofp-saved-prefix,.ofp-prefix-row{display:flex;flex-wrap:wrap;gap:3px}.ofp-container-chip{display:flex;flex-direction:column;gap:1px;padding:2px;border:1px solid var(--color-text-primary);background:var(--color-surface);min-width:12px}.ofp-unit-sq{width:10px;height:6px;display:block;border:1px solid #333}.ofp-actions{display:flex;gap:6px;margin:var(--spacing-sm) 0}.ofp-btn-primary{flex:1;padding:10px;border:1px solid var(--color-text-primary);background:var(--color-surface);color:var(--color-text-primary);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.ofp-btn-primary:hover:not(:disabled){background:#f5f5f5}.ofp-btn-primary:disabled{border-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.ofp-btn-dark{flex:1;padding:8px 10px;border:1px solid #1a1a1a;background:#1a1a1a;color:#fff;font-size:11px;font-weight:600;cursor:pointer;font-family:inherit}.ofp-btn-dark:hover:not(:disabled){background:#333}.ofp-btn-dark:disabled{opacity:.5;cursor:not-allowed}.ofp-btn-secondary{padding:8px 10px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:11px;cursor:pointer;font-family:inherit}.ofp-btn-secondary:hover:not(:disabled){background:#f5f5f5}.ofp-progress-bar{height:4px;background:#eee;margin-top:var(--spacing-sm);overflow:hidden}.ofp-progress-fill{height:100%;background:var(--color-text-primary);transition:width .1s}.ofp-error{padding:6px 8px;background:var(--color-error-bg);border:1px solid var(--color-error-text);color:var(--color-error-text);font-size:11px;margin:6px 0}.ofp-results{display:flex;flex-direction:column;gap:var(--spacing-sm);border-top:1px solid var(--color-border);padding-top:var(--spacing-sm);margin-top:var(--spacing-xs)}.ofp-section-title{font-size:11px;font-weight:600;color:var(--color-text-primary);margin-top:var(--spacing-xs);margin-bottom:6px}.ofp-stat-grid{display:grid;grid-template-columns:1fr auto;gap:2px var(--spacing-md);font-size:11px}.ofp-stat-grid>div:nth-child(odd){color:var(--color-text-secondary)}.ofp-stat-grid>div:nth-child(2n){font-variant-numeric:tabular-nums;text-align:right;color:var(--color-text-primary)}.ofp-muted{color:var(--color-text-muted);font-weight:400}.ofp-flags{font-size:var(--font-size-xs);color:var(--color-warning-text);background:var(--color-warning-bg);padding:3px 6px;border:1px solid var(--color-warning-text)}.ofp-compare{width:100%;border-collapse:collapse;font-size:11px;font-variant-numeric:tabular-nums}.ofp-compare th,.ofp-compare td{border-bottom:1px solid #eee;padding:4px 6px;text-align:right}.ofp-compare tr:last-child td{border-bottom:none}.ofp-compare th:first-child,.ofp-compare td:first-child{text-align:left;color:var(--color-text-secondary)}.ofp-compare thead th{font-weight:600;color:var(--color-text-muted);text-transform:uppercase;font-size:9px;letter-spacing:.4px;border-bottom:1px solid var(--color-border)}.ofp-optout{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--color-text-secondary);margin:6px 0 4px;cursor:pointer;-webkit-user-select:none;user-select:none}.ofp-optout input{margin:0;cursor:pointer}.frozen-deck-strip{margin-top:16px;padding-top:12px;border-top:1px solid #ddd;display:flex;flex-direction:column;gap:8px}.fds-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.fds-label{font-size:11px;font-weight:600;color:#000;text-transform:uppercase;letter-spacing:.5px}.fds-clear-btn{padding:5px 10px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:11px;cursor:pointer;font-family:inherit}.fds-clear-btn:hover{background:#f5f5f5}.fds-chips{display:flex;align-items:flex-end;gap:4px;overflow-x:auto;padding-bottom:4px}.fds-chip-wrap{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0}.fds-chip-idx{font-size:9px;color:#999;font-variant-numeric:tabular-nums}.dcg-wrapper{background:var(--color-surface);padding:var(--spacing-sm) var(--spacing-lg) 6px;border:1px solid var(--color-border);width:100%;box-sizing:border-box}.dcg-svg-scroll{overflow-x:auto;overflow-y:visible;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.dcg-svg-scroll::-webkit-scrollbar{height:4px}.dcg-svg-scroll::-webkit-scrollbar-track{background:transparent}.dcg-svg-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.dcg-svg-wrapper{position:relative;line-height:0}.dcg-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xs);flex-wrap:wrap}.dcg-title{font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.dcg-legend{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.dcg-legend-item{display:flex;align-items:center;gap:5px;font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-secondary);position:relative;cursor:help}.dcg-swatch{display:inline-block;width:20px;height:2px;border-radius:1px;flex-shrink:0}.dcg-legend-item[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + 6px);left:0;background:var(--color-text-primary);color:var(--color-surface);font-family:var(--font-family);font-size:var(--font-size-xs);line-height:1.5;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);width:240px;white-space:normal;pointer-events:none;z-index:200;opacity:0;transition:opacity .15s ease}.dcg-legend-item[data-tip]:hover:after{opacity:1}.dcg-empty-hint{font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-light);font-style:italic}.dcg-zoom{display:flex;align-items:center;gap:var(--spacing-xs);margin-left:auto}.dcg-zoom-label{font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.dcg-zoom-slider{width:80px;height:3px;accent-color:var(--color-text-primary);cursor:pointer}.dcg-tooltip{position:absolute;bottom:28px;font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;z-index:10;box-shadow:var(--shadow-sm)}.dcg-svg{display:block;overflow:visible}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--color-background);color:var(--color-text-primary);min-height:100vh}#root{min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background:var(--color-surface);padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--color-border)}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;width:100%}.logo-link{display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none;color:inherit}.back-link{font-size:13px;color:var(--color-accent);text-decoration:none;padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:var(--transition-fast)}.back-link:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.logo-image{width:56px;height:56px;background:url(/LevelGenerator/logo.png) center/contain no-repeat}.logo h1,.logo-link h1{font-size:18px;font-weight:600;color:var(--color-text-primary)}.logo p,.logo-link p{font-size:12px;color:var(--color-text-secondary);font-weight:400}.app-main{flex:1;display:grid;grid-template-columns:310px minmax(0,1fr) 280px;gap:var(--spacing-xl);padding:var(--spacing-xl);max-width:1400px;margin:0 auto;width:100%}.sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.sidebar>*{background:var(--color-surface);border:1px solid var(--color-border)}.main-content{display:flex;flex-direction:column;gap:var(--spacing-lg);min-width:0}.main-content>*{background:var(--color-surface);border:1px solid var(--color-border)}.grid-and-results-row{display:flex;align-items:stretch;gap:0;background:var(--color-surface);border:1px solid var(--color-border)}.grid-and-results-row>*{border:none;background:var(--color-surface)}.grid-section{padding:var(--spacing-lg);flex:1;border-right:1px solid var(--color-border)}.storyboard-and-freeze-row{display:flex;align-items:stretch;gap:0;background:var(--color-surface);border:1px solid var(--color-border);margin-top:var(--spacing-lg);min-width:0}.storyboard-and-freeze-row>*{border:none;background:var(--color-surface)}.storyboard-section{flex:1;min-width:0;border-right:1px solid var(--color-border)}.app-curve-row{max-width:1400px;margin:0 auto;width:100%;padding:var(--spacing-xl) var(--spacing-xl) 0;box-sizing:border-box}.app-curve-row>*{background:var(--color-surface)}.app-footer{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-surface);border-top:1px solid var(--color-border);text-align:center;font-size:11px;color:var(--color-text-muted)}@media(max-width:1200px){.app-main{grid-template-columns:240px 1fr 240px;gap:var(--spacing-md);padding:var(--spacing-md)}}@media(max-width:900px){.app-main{grid-template-columns:1fr}.sidebar{order:2}.main-content{order:1}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f0f0f0}::-webkit-scrollbar-thumb{background:#ccc;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#aaa}