.ui-panel{background:#000000d9;border:2px solid #4a4a4a;border-radius:8px;padding:12px;color:#fff;font-family:Courier New,monospace}.ui-panel h3,.ui-panel h4{margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid #4a4a4a;color:#4caf50;font-size:14px;text-transform:uppercase;letter-spacing:1px}#status-display{position:fixed;top:20px;right:20px;width:220px;z-index:100}.status-row{display:flex;justify-content:space-between;align-items:center;margin:6px 0;font-size:12px}.status-row span:first-child{color:#888}.status-row span:last-child{color:#fff;font-weight:700}.status-row span.executing{color:#4caf50;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}#health-bar{width:100px;height:14px;background:#333;border-radius:4px;overflow:hidden;border:1px solid #555}#health-fill{height:100%;background:#4caf50;transition:width .3s ease,background-color .3s ease}.status-row.camera-hint span{color:#555;font-size:10px}#command-history{position:fixed;bottom:120px;left:20px;width:400px;max-height:250px;overflow-y:auto;z-index:100}#history-list{max-height:200px;overflow-y:auto}.history-entry{background:#ffffff0d;border-radius:4px;padding:6px 10px;margin-bottom:6px;font-size:11px;border-left:3px solid #4a4a4a}.history-entry.success{border-left-color:#4caf50}.history-entry.error{border-left-color:#f44336}.history-input{color:#4caf50;margin-bottom:2px}.history-result{color:#888;font-size:10px}#command-input-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:600px;z-index:100}.command-prompt{display:flex;background:#000000e6;border:2px solid #4caf50;border-radius:8px;padding:10px 15px;align-items:center;box-shadow:0 0 20px #4caf504d}.prompt-symbol{color:#4caf50;font-family:Courier New,monospace;font-size:20px;font-weight:700;margin-right:10px}#command-input{flex:1;background:transparent;border:none;color:#fff;font-family:Courier New,monospace;font-size:14px;outline:none;padding:5px}#command-input::placeholder{color:#666}#command-input:disabled{opacity:.5}#submit-command{background:#4caf50;border:none;color:#000;padding:8px 20px;border-radius:4px;cursor:pointer;font-family:Courier New,monospace;font-weight:700;font-size:12px;text-transform:uppercase;transition:background-color .2s,transform .1s}#submit-command:hover{background:#66bb6a}#submit-command:active{transform:scale(.98)}#submit-command:disabled{background:#666;cursor:not-allowed}#interpretation-display{margin-top:8px;padding:6px 12px;font-size:12px;font-family:Courier New,monospace;color:#888;text-align:center;min-height:20px}#interpretation-display.parsing{color:#ffeb3b}#interpretation-display.success{color:#4caf50}#interpretation-display.error{color:#f44336}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#222;border-radius:3px}::-webkit-scrollbar-thumb{background:#555;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#666}#menu-ui{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000000eb;z-index:200;font-family:Courier New,monospace}#menu-panel{text-align:center}#menu-title{color:#4caf50;font-size:48px;letter-spacing:6px;text-transform:uppercase;margin-bottom:60px;text-shadow:0 0 20px rgba(76,175,80,.6)}#menu-buttons{display:flex;flex-direction:column;gap:16px;align-items:center}.menu-btn{width:280px;padding:16px 0;background:transparent;border:2px solid #4caf50;color:#4caf50;font-family:Courier New,monospace;font-size:16px;font-weight:700;letter-spacing:2px;border-radius:4px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.menu-btn:hover{background:#4caf50;color:#000;box-shadow:0 0 16px #4caf5080}#stage-select-ui{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000000eb;z-index:200;font-family:Courier New,monospace}#stage-select-panel{text-align:center;width:700px;max-width:90vw}#stage-select-panel h2{color:#4caf50;font-size:28px;letter-spacing:4px;text-transform:uppercase;margin-bottom:32px;border-bottom:1px solid #4a4a4a;padding-bottom:16px}#stage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:32px}.stage-card{background:#ffffff0d;border:2px solid #4a4a4a;border-radius:8px;padding:24px 16px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}.stage-card:hover{border-color:#4caf50;background:#4caf501a;box-shadow:0 0 12px #4caf504d}.stage-card h3{color:#4caf50;font-size:16px;margin:0 0 10px;letter-spacing:1px}.stage-card p{color:#888;font-size:11px;margin:0;line-height:1.5}#btn-back{background:transparent;border:1px solid #4a4a4a;color:#888;font-family:Courier New,monospace;font-size:13px;padding:10px 28px;border-radius:4px;cursor:pointer;transition:border-color .2s,color .2s}#btn-back:hover{border-color:#888;color:#fff}#stage-clear-ui{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000c;z-index:200;font-family:Courier New,monospace;animation:stageClearFadeIn .5s ease}#stage-clear-panel{text-align:center}#stage-clear-title{color:#4caf50;font-size:48px;letter-spacing:6px;text-transform:uppercase;margin-bottom:40px;text-shadow:0 0 20px rgba(76,175,80,.6)}#stage-clear-buttons{display:flex;flex-direction:column;gap:16px;align-items:center}@keyframes stageClearFadeIn{0%{opacity:0}to{opacity:1}}#pause-menu-btn{position:fixed;top:20px;left:20px;width:40px;height:40px;background:#000000b3;border:2px solid #4a4a4a;border-radius:8px;color:#ccc;font-size:22px;line-height:36px;text-align:center;cursor:pointer;z-index:100;font-family:Courier New,monospace;transition:border-color .2s,color .2s,background .2s}#pause-menu-btn:hover{border-color:#4caf50;color:#fff;background:#000000d9}#pause-menu-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000c;z-index:300;font-family:Courier New,monospace;animation:pauseMenuFadeIn .2s ease}#pause-menu-panel{text-align:center}#pause-menu-title{color:#4caf50;font-size:32px;letter-spacing:4px;text-transform:uppercase;margin-bottom:40px;text-shadow:0 0 16px rgba(76,175,80,.5)}#pause-menu-items{display:flex;flex-direction:column;gap:12px;align-items:center}.pause-menu-item{width:260px;padding:14px 0;background:transparent;border:2px solid #4caf50;color:#4caf50;font-family:Courier New,monospace;font-size:15px;font-weight:700;letter-spacing:2px;border-radius:4px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.pause-menu-item:hover{background:#4caf50;color:#000;box-shadow:0 0 16px #4caf5080}@keyframes pauseMenuFadeIn{0%{opacity:0}to{opacity:1}}#online-lobby-ui{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000000eb;z-index:200;font-family:Courier New,monospace}#lobby-panel{text-align:center;width:500px;max-width:90vw}#lobby-title{color:#4caf50;font-size:28px;letter-spacing:4px;text-transform:uppercase;margin-bottom:32px;border-bottom:1px solid #4a4a4a;padding-bottom:16px}#lobby-buttons{display:flex;flex-direction:column;gap:16px;align-items:center}.lobby-back-btn{background:transparent;border:1px solid #4a4a4a;color:#888;font-family:Courier New,monospace;font-size:13px;padding:10px 28px;border-radius:4px;cursor:pointer;transition:border-color .2s,color .2s;margin-top:8px}.lobby-back-btn:hover{border-color:#888;color:#fff}.room-code-label{color:#888;font-size:12px;margin:0 0 8px;text-transform:uppercase;letter-spacing:2px}.room-code-value{color:#4caf50;font-size:48px;font-weight:700;letter-spacing:12px;margin:0 0 8px;text-shadow:0 0 20px rgba(76,175,80,.6)}.room-code-hint{color:#666;font-size:11px;margin:0 0 24px}#room-code-display{margin-bottom:24px}#join-form{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px}#room-code-input{background:#ffffff0d;border:2px solid #4a4a4a;border-radius:8px;color:#4caf50;font-family:Courier New,monospace;font-size:32px;font-weight:700;letter-spacing:8px;text-align:center;padding:16px 20px;width:280px;outline:none;text-transform:uppercase;transition:border-color .2s}#room-code-input:focus{border-color:#4caf50;box-shadow:0 0 12px #4caf504d}#room-code-input::placeholder{color:#555;font-size:16px;letter-spacing:2px}#lobby-status{margin:20px 0}.status-text{color:#ffeb3b;font-size:13px;margin:0}.status-text.connected{color:#4caf50}.waiting-text{color:#888;font-size:12px;margin:8px 0 0;animation:pulse 2s infinite}#player-list{margin:20px 0;text-align:left}#player-list h4{color:#4caf50;font-size:13px;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #333;padding-bottom:6px}#player-list-items{list-style:none;padding:0;margin:0}.player-item{padding:8px 12px;font-size:13px;color:#ccc;border-left:3px solid #4a4a4a;margin-bottom:4px;background:#ffffff08}.player-item.self{border-left-color:#4caf50;color:#4caf50}.player-item.peer{border-left-color:#4a5c7c;color:#8aa0c4}#lobby-actions{margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:12px}#disconnect-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000000d9;z-index:200;font-family:Courier New,monospace;animation:pauseMenuFadeIn .3s ease}#disconnect-panel{text-align:center}#disconnect-title{color:#f44336;font-size:28px;letter-spacing:4px;margin-bottom:32px}#disconnect-buttons{display:flex;flex-direction:column;gap:16px;align-items:center}@media(max-width:800px){#command-input-container{width:90%}#command-history{width:300px}#status-display{width:180px}}