*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background:#1a1a2e;color:#e0e0e0;display:flex;flex-direction:column;height:100vh;overflow:hidden}#toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#16213e;border-bottom:1px solid #0f3460}#toolbar input,#toolbar select{background:#1a1a2e;color:#e0e0e0;border:1px solid #0f3460;padding:6px 10px;border-radius:4px;font-size:14px}#level-name,#level-list{width:200px}#toolbar button{background:#0f3460;color:#e0e0e0;border:none;padding:6px 14px;border-radius:4px;cursor:pointer;font-size:14px}#toolbar button:hover{background:#1a5276}#btn-delete{background:#922b21}#btn-delete:hover{background:#c0392b}#btn-play{background:#1e8449}#btn-play:hover{background:#27ae60}#toolbar.game-mode #btn-new,#toolbar.game-mode #btn-save,#toolbar.game-mode #btn-delete,#toolbar.game-mode #level-list,#toolbar.game-mode #level-name,#toolbar.game-mode #level-order,#toolbar.game-mode .toolbar-checkbox{display:none}#level-order{width:60px}.toolbar-checkbox{display:flex;align-items:center;gap:4px;font-size:13px;color:#e0e0e0;cursor:pointer}.toolbar-checkbox input{width:auto}#toolbar.game-mode #btn-play{background:#922b21}#toolbar.game-mode #btn-play:after{content:" (Esc to exit)"}#main{display:flex;flex:1;overflow:hidden}#palette{width:280px;min-width:280px;background:#16213e;border-right:1px solid #0f3460;overflow-y:auto;padding:8px}.palette-section{margin-bottom:12px}.palette-section h3{font-size:13px;text-transform:uppercase;color:#7f8c8d;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid #0f3460}.entity-card{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;cursor:pointer;margin-bottom:2px;font-size:13px}.entity-card:hover{background:#1a1a2e}.entity-card.selected{background:#0f3460;outline:2px solid #3498db}.entity-edit-btn{background:none;border:none;color:#7f8c8d;cursor:pointer;font-size:14px;padding:2px 4px;border-radius:3px;flex-shrink:0}.entity-edit-btn:hover{background:#0f3460;color:#e0e0e0}.entity-swatch{width:24px;height:24px;border-radius:4px;flex-shrink:0}.entity-info{flex:1;overflow:hidden}.entity-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entity-detail{font-size:11px;color:#7f8c8d}.entity-badge{display:inline-block;font-size:9px;font-weight:700;padding:1px 4px;border-radius:3px;margin-left:4px;vertical-align:middle}.badge-playable{background:#f39c12;color:#000}.badge-exit{background:#2ecc71;color:#000}.badge-fragile{background:#e74c3c;color:#fff}.badge-pushable{background:#8e44ad;color:#fff}.palette-btn{width:100%;padding:6px;margin-top:4px;background:#0f3460;color:#e0e0e0;border:none;border-radius:4px;cursor:pointer;font-size:13px}.palette-btn:hover{background:#1a5276}.mode-toggle{display:flex;gap:4px;margin-bottom:8px}.mode-toggle button{flex:1;padding:6px;background:#1a1a2e;color:#e0e0e0;border:1px solid #0f3460;border-radius:4px;cursor:pointer;font-size:13px}.mode-toggle button.active{background:#0f3460;border-color:#3498db}.entity-form{background:#1a1a2e;padding:8px;border-radius:4px;margin-top:6px}.entity-form label{display:block;font-size:12px;color:#7f8c8d;margin-top:6px;margin-bottom:2px}.entity-form input,.entity-form select{width:100%;padding:4px 6px;background:#16213e;color:#e0e0e0;border:1px solid #0f3460;border-radius:3px;font-size:13px}.entity-form input[type=color]{height:30px;padding:2px;cursor:pointer}.entity-form input[type=checkbox]{width:auto}.entity-form .form-actions{display:flex;gap:4px;margin-top:8px}.entity-form .form-actions button{flex:1;padding:4px 8px;border:none;border-radius:3px;cursor:pointer;font-size:12px}.form-actions .btn-ok{background:#27ae60;color:#fff}.form-actions .btn-cancel{background:#7f8c8d;color:#fff}#grid-container{flex:1;overflow:hidden;position:relative}#grid-canvas{display:block;width:100%;height:100%}#statusbar{padding:4px 12px;background:#16213e;border-top:1px solid #0f3460;font-size:12px;color:#7f8c8d}.game-banner{padding:10px;border-radius:6px;text-align:center;font-weight:700;font-size:15px;margin-bottom:8px}.game-win{background:#1e8449;color:#fff}.game-lose{background:#922b21;color:#fff}.game-controls{display:flex;gap:4px;margin-bottom:8px}.game-controls .palette-btn{margin-top:0}.game-char-card{background:#1a1a2e;padding:8px;border-radius:4px;margin-bottom:4px}.game-char-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.game-char-name{font-weight:600;font-size:13px}.water-row{display:flex;align-items:center;gap:6px}.water-bar{flex:1;height:10px;background:#2c3e50;border-radius:5px;overflow:hidden}.water-fill{height:100%;background:#27ae60;border-radius:5px;transition:width .2s}.water-text{font-size:11px;color:#bdc3c7;min-width:40px;text-align:right}.game-char-actions{display:flex;gap:4px;margin-top:4px}.game-btn-sm{padding:3px 8px;font-size:11px;background:#0f3460;color:#e0e0e0;border:none;border-radius:3px;cursor:pointer}.game-btn-sm:hover{background:#1a5276}.game-btn-dismiss{background:#7f6c2e}.game-btn-dismiss:hover{background:#9a7d23}.game-btn-recruit{background:#1e8449;width:100%;margin-top:4px}.game-btn-recruit:hover{background:#27ae60}.game-waiting-char{font-size:12px;color:#7f8c8d;padding:3px 0}.game-key-item{font-size:13px;padding:3px 8px;background:#1a1a2e;border-radius:3px;margin-bottom:2px}.dir-checks{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.dir-check-label{display:flex;align-items:center;gap:2px;font-size:12px;color:#bdc3c7;cursor:pointer}.dir-check-label input{width:auto}.game-exited-char{font-size:12px;color:#2ecc71;padding:3px 8px;background:#1a1a2e;border-radius:3px;margin-bottom:2px}.game-btn-exit{background:#1e8449;width:100%;margin-top:4px}.game-btn-exit:hover{background:#27ae60}.game-moves{text-align:center;font-size:14px;font-weight:700;color:#bdc3c7;padding:6px;margin-bottom:4px;background:#1a1a2e;border-radius:4px}.game-help{margin-top:12px;font-size:11px;color:#7f8c8d;text-align:center}#play-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#16213e;border-bottom:1px solid #0f3460}#play-toolbar button{background:#0f3460;color:#e0e0e0;border:none;padding:6px 14px;border-radius:4px;cursor:pointer;font-size:14px}#play-toolbar button:hover{background:#1a5276}#play-toolbar .play-title{font-size:16px;font-weight:700;color:#e0e0e0;flex:1}#level-select{display:flex;flex-direction:column;gap:4px;padding:8px;overflow-y:auto}#level-select button{text-align:left;padding:8px 12px;background:#1a1a2e;color:#e0e0e0;border:1px solid #0f3460;border-radius:4px;cursor:pointer;font-size:14px}#level-select button:hover{background:#0f3460}#level-select button.active{background:#0f3460;outline:2px solid #3498db}#btn-next{background:#1e8449!important;display:none}#btn-next:hover{background:#27ae60!important}