html,body,#app{width:100%;height:100%;margin:0}body{background:#171717;color:#f5f5f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#app{display:grid;grid-template-columns:380px 1fr;grid-template-rows:1fr}#tools{box-sizing:border-box;display:flex;flex-direction:column;gap:18px;padding:18px;overflow-y:auto;background:#242424;border-right:1px solid #3a3a3a}body[data-mode=play] .editor-only,body[data-mode=editor] .play-only{display:none!important}.brand{display:flex;flex-direction:column;gap:4px}.brand strong{font-size:22px;line-height:1.1}.brand span,label{color:#b7b7b7;font-size:13px}.group{display:flex;flex-direction:column;gap:8px}.checkbox-row{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:8px}.checkbox-row input{width:18px;height:18px;margin:0;padding:0}.checkbox-row label{color:#f5f5f5}.panel-section{display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid #3a3a3a;border-radius:8px;background:#1d1d1d}.panel-section h2{margin:0;color:#f5f5f5;font-size:14px;line-height:1.2}.param-block{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid #303030}.param-block:first-of-type{padding-top:0;border-top:0}.param-block h3{margin:0;color:#e7e7e7;font-size:12px;font-weight:800;line-height:1.2}select,input,button,textarea{box-sizing:border-box;width:100%;border:1px solid #4b4b4b;border-radius:6px;background:#141414;color:#f5f5f5;font:inherit}select,input,button{height:38px;padding:0 10px}button{cursor:pointer;background:#2f6f5e;border-color:#3b8a74;font-weight:700}button:hover{background:#3b8a74}textarea{min-height:220px;padding:10px;resize:vertical;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.45}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.buttons button:last-child:nth-child(odd){grid-column:1 / -1}.inline-control{display:grid;grid-template-columns:1fr 72px;gap:8px}.compact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.compact-grid.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-grid.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-grid.four-cols{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-grid.four-cols label{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-grid>div{display:flex;flex-direction:column;gap:6px}#selected-info,#lives-info,#status{min-height:36px;box-sizing:border-box;padding:9px 10px;border-radius:6px;background:#141414;border:1px solid #383838}#selected-info,#lives-info{font-size:20px;font-weight:800;letter-spacing:0}.subtle-status{min-height:30px;box-sizing:border-box;padding:7px 9px;border:1px solid #343434;border-radius:6px;color:#b7b7b7;background:#171717;font-size:12px}.debug-box{min-height:112px;box-sizing:border-box;padding:9px 10px;border:1px solid #343434;border-radius:6px;color:#d7d7d7;background:#141414;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.45;white-space:pre-wrap}.result-box{min-height:112px;box-sizing:border-box;padding:9px 10px;border:1px solid #4b4b4b;border-radius:6px;color:#f5f5f5;background:#171717;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.45;white-space:pre-wrap}.result-box.is-ready{border-color:#4e69b5!important;background:#151b2b!important;color:#e8eeff!important}.result-box.is-running{border-color:#d19a2a!important;background:#241f13!important;color:#fff7dc!important}.result-box.is-passed{border-color:#3b8a74!important;background:#13241f!important;color:#f0fff9!important}.result-box.is-failed{border-color:#ff5a5a!important;border-left-width:4px!important;background:#331616!important;color:#ffe8e8!important}.level-list{max-height:200px;overflow-y:auto;border:1px solid #4b4b4b;border-radius:6px;background:#141414;scrollbar-width:thin;scrollbar-color:#4b4b4b #141414}.level-section-header{padding:5px 10px;font-size:11px;font-weight:800;color:#888;background:#1d1d1d;border-bottom:1px solid #2a2a2a;position:sticky;top:0;z-index:1;text-transform:uppercase;letter-spacing:.06em}.level-item{display:flex;gap:8px;align-items:baseline;padding:6px 10px;cursor:pointer;border-bottom:1px solid #1e1e1e;-webkit-user-select:none;user-select:none}.level-item:hover{background:#222}.level-item.selected{background:#13241f}.level-item-id{font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:11px;color:#888;flex-shrink:0}.level-item.selected .level-item-id{color:#7ecfb0}.level-item-name{font-size:12px;font-weight:600;color:#e0e0e0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-item.selected .level-item-name{color:#f0fff9}.level-list-empty{padding:14px 10px;font-size:12px;color:#666;text-align:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.shortcuts-card{display:flex;flex-direction:column;gap:5px;padding:8px 10px;background:#141414;border:1px solid #303030;border-radius:6px}.shortcuts-row{font-size:11px;color:#b7b7b7;line-height:1.5}kbd{display:inline-block;padding:1px 5px;border:1px solid #4b4b4b;border-radius:3px;background:#252525;color:#e0e0e0;font-size:10px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;white-space:nowrap;line-height:1.6}#game{min-width:0;min-height:0}#hud{display:none}#hud-lives{font-size:20px;font-weight:800;white-space:nowrap;flex-shrink:0}#hud-selected{flex:1;font-size:15px;font-weight:700;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#hud-status{flex-shrink:0;max-width:140px;font-size:12px;color:#b7b7b7;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:860px){body[data-mode=editor] #app{grid-template-columns:1fr;grid-template-rows:auto 1fr}body[data-mode=editor] #tools{max-height:45vh;overflow:auto;border-right:0;border-bottom:1px solid #3a3a3a}body[data-mode=play] #app{grid-template-columns:1fr;grid-template-rows:1fr 56px}body[data-mode=play] #tools{display:none!important}body[data-mode=play] #hud{display:flex;align-items:center;gap:12px;padding:0 16px;background:#1d1d1d;border-top:1px solid #3a3a3a;box-sizing:border-box}}