#hud{pointer-events:none;color:#e0e0e0;z-index:10;width:100%;height:100%;font-family:Space Grotesk,sans-serif;position:absolute;top:0;left:0}.world-labels{pointer-events:none;z-index:8;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.world-label{text-align:center;white-space:nowrap;font-family:JetBrains Mono,monospace;transition:transform .1s;position:absolute;transform:translate(-50%,-100%)}.agent-label{background:#08080dbf;border:1px solid #4ecdc440;border-radius:6px;min-width:100px;padding:4px 10px 6px}.agent-label .wl-title{letter-spacing:1.5px;color:#4ecdc4;text-shadow:0 0 8px #4ecdc480;margin-bottom:2px;font-size:11px;font-weight:700}.agent-label .wl-status{letter-spacing:.5px;margin-bottom:4px;font-size:10px}.agent-label .wl-status.status-idle{color:#4ecdc499}.agent-label .wl-status.status-working{color:#60a5fa}.agent-label .wl-status.status-presenting{color:#ffe66d;font-weight:700;animation:1s ease-in-out infinite dangerPulse}.agent-label .wl-status.status-danger{color:#ff6b6b;font-weight:700;animation:.5s ease-in-out infinite dangerPulse}.agent-label .wl-status.status-crashed{color:#ff6b6b}.agent-label .wl-status.status-assignable{color:#ffe66d;font-weight:700;animation:.8s ease-in-out infinite dangerPulse}@keyframes dangerPulse{0%,to{opacity:1}50%{opacity:.5}}.wl-drift-bar{background:#ffffff1a;border-radius:2px;width:80px;height:5px;margin:0 auto;overflow:hidden}.wl-drift-fill{border-radius:2px;height:100%;transition:width .2s,background .3s;box-shadow:0 0 6px}.task-label{background:#08080dbf;border:1px solid #a78bfa40;border-radius:6px;min-width:70px;padding:3px 8px 4px}.task-label .wl-title{color:#a78bfa;text-shadow:0 0 8px #a78bfa66;margin-bottom:1px;font-size:11px;font-weight:600}.task-label .wl-timer{color:#a78bfa99;font-size:10px}.task-label .wl-timer.urgent{color:#ff6b6b;font-weight:700;animation:.3s ease-in-out infinite dangerPulse}.world-label.hovered{transform:translate(-50%,-100%)scale(1.1)}.agent-label.assignable{animation:1s ease-in-out infinite assignPulse}.agent-label.assignable .wl-title{color:#ffe66d;text-shadow:0 0 12px #ffe66d99}@keyframes assignPulse{0%,to{transform:translate(-50%,-100%)scale(1)}50%{transform:translate(-50%,-100%)scale(1.08)}}.task-label.selected{transform:translate(-50%,-100%)scale(1.15)}.task-label.selected .wl-title{color:#ffe66d;text-shadow:0 0 12px #ffe66d99}.cursor-tooltip{letter-spacing:1px;color:#ffe66d;pointer-events:none;z-index:20;white-space:nowrap;text-shadow:0 0 6px #ffe66d4d;background:#08080dd9;border:1px solid #ffe66d4d;border-radius:4px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;display:none;position:absolute}.connection-lines{pointer-events:none;z-index:7;width:100%;height:100%;position:absolute;top:0;left:0}.connection-line{stroke:#ffe66d80;stroke-width:2px;stroke-dasharray:6 4;animation:1s linear infinite dashFlow}@keyframes dashFlow{to{stroke-dashoffset:-10px}}.tutorial-highlight{pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.th-ring{border:2px solid #ffe66d;border-radius:50%;width:80px;height:80px;animation:1.2s ease-in-out infinite thPulse;box-shadow:0 0 20px #ffe66d4d}@keyframes thPulse{0%,to{opacity:1;transform:scale(.8)}50%{opacity:.3;transform:scale(1.3)}}.th-label{color:#ffe66d;text-align:center;letter-spacing:1px;margin-top:4px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}#hud *{pointer-events:none}#hud button,#hud input,#hud .interactive{pointer-events:auto}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#08080d99;border:1px solid #4ecdc426;border-radius:8px}.top-bar{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:10px 16px;display:flex;position:absolute;top:12px;left:12px;right:12px;overflow:visible}.stat{align-items:baseline;gap:4px;font-family:JetBrains Mono,monospace;font-size:14px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:1px;opacity:.6;font-size:10px}.stat-value{font-size:18px;font-weight:700}.stat-value.apm{color:#4ecdc4}.stat-value.score{color:#ffe66d}.stat-value.time{color:#e0e0e0}.stat-value.compute{color:#60a5fa}.lives{align-items:center;gap:6px;display:flex}.lives-label{letter-spacing:1px;color:#ff6b6b;margin-right:2px;font-family:JetBrains Mono,monospace;font-size:10px}.life{border:2px solid #ff6b6b;border-radius:50%;width:22px;height:22px;transition:all .3s}.life.active{background:#ff6b6b;box-shadow:0 0 12px #ff6b6b99}.life.lost{animation:.5s ease-out lifeLost}@keyframes lifeLost{0%{border-color:#fff;transform:scale(1.5)}to{border-color:#ff6b6b;transform:scale(1)}}.kpi-row{gap:12px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex;position:absolute;top:60px;left:12px}.kpi{opacity:.7;gap:4px;display:flex}.kpi-label{color:#888}.kpi-value{color:#4ecdc4;font-weight:500}.bottom-bar{justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.queue-display{align-items:center;gap:6px;display:flex}.queue-slot{border:1px solid #a78bfa4d;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex}.queue-slot.filled{background:#a78bfa1a;border-color:#a78bfa99}.queue-slot.priority{background:#ffe66d1a;border-color:#ffe66d99}.spawn-controls{gap:8px;display:flex}.btn{pointer-events:auto;color:#e0e0e0;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#08080db3;border:1px solid #4ecdc44d;border-radius:6px;padding:8px 16px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.btn:hover{color:#4ecdc4;background:#4ecdc41a;border-color:#4ecdc499}.btn:active{transform:scale(.97)}.btn.disabled{opacity:.3;cursor:not-allowed}.btn.disabled:hover{color:#e0e0e0;background:#08080db3;border-color:#4ecdc44d}.btn-spawn{border-color:#60a5fa4d}.btn-spawn:hover{color:#60a5fa;background:#60a5fa1a;border-color:#60a5fa99}.btn-despawn{border-color:#ff6b6b4d}.btn-despawn:hover{color:#ff6b6b;background:#ff6b6b1a;border-color:#ff6b6b99}.btn-minigame{color:#a78bfa!important;border-color:#a78bfa4d!important;font-size:11px!important}.btn-minigame:hover{color:#c4b5fd!important;background:#a78bfa1a!important;border-color:#a78bfa99!important}.spawn-cost{opacity:.5;margin-left:4px;font-size:10px}.combo-display{color:#ffe66d;opacity:0;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;transition:opacity .3s;position:absolute;top:90px;left:12px}.combo-display.active{opacity:1}.start-screen{z-index:20;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.start-title{letter-spacing:4px;text-transform:uppercase;color:#4ecdc4;text-shadow:0 0 20px #4ecdc480;font-size:48px;font-weight:700}.start-subtitle{opacity:.6;margin-top:-12px;font-size:16px;font-style:italic}.btn-play{pointer-events:auto;color:#4ecdc4;cursor:pointer;letter-spacing:4px;text-transform:uppercase;background:#4ecdc41a;border:2px solid #4ecdc4;border-radius:8px;margin-top:16px;padding:16px 48px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;transition:all .3s}.start-buttons{gap:16px;margin-top:16px;display:flex}#btn-tutorial{color:#a78bfa;background:#a78bfa1a;border-color:#a78bfa}#btn-tutorial:hover{background:#a78bfa33;transform:scale(1.05);box-shadow:0 0 30px #a78bfa4d}.btn-menu{color:#a78bfa!important;border-color:#a78bfa4d!important;padding:4px 10px!important;font-size:10px!important}.btn-menu:hover{background:#a78bfa1a!important;border-color:#a78bfa99!important}.btn-philosophy{pointer-events:auto;letter-spacing:2px;color:#a78bfa99;cursor:pointer;text-underline-offset:4px;background:0 0;border:none;margin-top:8px;font-family:JetBrains Mono,monospace;font-size:12px;text-decoration:underline;transition:color .2s}.btn-philosophy:hover{color:#a78bfa}.philosophy-panel{z-index:30;pointer-events:auto;background:#08080de6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.philosophy-content{max-width:560px;padding:32px 40px;line-height:1.7;position:relative}.philosophy-content h2{color:#4ecdc4;letter-spacing:1px;margin-bottom:16px;font-size:20px;font-weight:700}.philosophy-content p{color:silver;margin-bottom:12px;font-size:14px}.philosophy-content strong{color:#e0e0e0}.philosophy-content em{color:#fb923c;font-style:normal;font-weight:600}.philosophy-tagline{font-style:italic;font-weight:600;color:#a78bfa!important;margin-top:20px!important;font-size:16px!important}.philosophy-close{color:#888;cursor:pointer;pointer-events:auto;font-family:JetBrains Mono,monospace;font-size:16px;transition:color .2s;position:absolute;top:12px;right:16px}.philosophy-close:hover{color:#e0e0e0}.start-links{gap:20px;margin-top:4px;display:flex}.leaderboard-panel{z-index:30;pointer-events:auto;background:#08080de6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.leaderboard-content h2{color:#ffe66d;letter-spacing:3px;text-align:center;margin-bottom:16px;font-size:16px;font-weight:700}.lb-podium{justify-content:center;gap:12px;margin-bottom:16px;display:flex}.podium-entry{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;min-width:110px;padding:10px 14px}.podium-gold{border-color:#ffe66d66}.podium-silver{border-color:#c0c0c04d}.podium-bronze{border-color:#cd7f324d}.podium-medal{font-size:28px}.podium-name{color:#e0e0e0;margin:4px 0 2px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.podium-score{color:#ffe66d;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700}.podium-details{color:#888;margin-top:4px;font-family:JetBrains Mono,monospace;font-size:9px}.lb-table-header{letter-spacing:1px;color:#666;border-bottom:1px solid #ffffff14;margin-bottom:2px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:9px;display:flex}.lbh-rank{width:30px}.lbh-name{flex:1}.lbh-score{text-align:right;width:70px}.lbh-apm{text-align:right;width:40px}.lbh-time{text-align:right;width:45px}.lbh-agents{text-align:right;width:50px}.lb-scrollable{max-height:250px;overflow-y:auto}.lb-scrollable::-webkit-scrollbar{width:4px}.lb-scrollable::-webkit-scrollbar-track{background:0 0}.lb-scrollable::-webkit-scrollbar-thumb{background:#a78bfa4d;border-radius:2px}.lb-table table{border-collapse:collapse;width:100%;font-family:JetBrains Mono,monospace;font-size:11px}.lb-table tr{border-bottom:1px solid #ffffff0a;transition:background .15s}.lb-table tr:hover{background:#a78bfa0f}.lb-table td{padding:5px 8px}.lb-rank{color:#666;width:30px}.lb-name{color:silver}.lb-score{color:#ffe66d;text-align:right;width:70px;font-weight:600}.lb-apm{color:#4ecdc4;text-align:right;width:40px}.lb-time{color:#888;text-align:right;width:45px}.lb-agents{color:#60a5fa;text-align:right;width:50px}.lb-grade{color:#a78bfa;text-align:right;width:30px}.lb-empty{text-align:center;color:#888;padding:20px;font-size:13px}.lb-total{color:#555;text-align:center;margin-top:8px;font-family:JetBrains Mono,monospace;font-size:10px}.leaderboard-content{width:100%;max-width:520px;padding:24px 28px;position:relative}.btn-play:hover{background:#4ecdc433;transform:scale(1.05);box-shadow:0 0 30px #4ecdc44d}.btn-play:active{transform:scale(.98)}.gameover-screen{z-index:20;background:#08080dcc;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.gameover-title{color:#ff6b6b;text-shadow:0 0 20px #ff6b6b80;letter-spacing:4px;text-transform:uppercase;font-size:36px;font-weight:700}.gameover-score{color:#ffe66d;text-shadow:0 0 20px #ffe66d80;font-family:JetBrains Mono,monospace;font-size:48px;font-weight:700}.gameover-stats{opacity:.8;gap:24px;font-family:JetBrains Mono,monospace;font-size:14px;display:flex}.gameover-rank{color:#a78bfa;text-shadow:0 0 15px #a78bfa80;font-size:28px;font-weight:700}.go-submit-section{flex-direction:column;align-items:center;gap:10px;margin-top:8px;display:flex}.go-submit-label{letter-spacing:1px;color:#a78bfab3;font-family:JetBrains Mono,monospace;font-size:11px}.go-submit-row{align-items:center;gap:10px;display:flex}.go-name-input{color:#e0e0e0;text-align:center;border:1px solid #4ecdc44d;border-radius:6px;outline:none;width:200px;padding:10px 16px;font-family:JetBrains Mono,monospace;font-size:16px}.go-name-input:focus{border-color:#4ecdc499;box-shadow:0 0 10px #4ecdc433}.go-results-section{flex-direction:column;align-items:center;gap:12px;display:flex}.gameover-leaderboard{opacity:.7;width:320px;max-height:120px;font-family:JetBrains Mono,monospace;font-size:11px;overflow-y:auto}.gameover-leaderboard table{border-collapse:collapse;width:100%}.gameover-leaderboard td{padding:2px 6px}.gameover-leaderboard .highlight{color:#ffe66d;font-weight:700}.gameover-buttons{gap:12px;margin-top:16px;display:flex}.validation-panel{z-index:15;background:#08080d80;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.validation-content{flex-direction:column;align-items:center;gap:16px;min-width:400px;padding:24px 32px;display:flex}.validation-header{letter-spacing:2px;text-transform:uppercase;color:#a78bfa;opacity:.8;font-size:14px;font-weight:600}.validation-grids{align-items:flex-start;gap:24px;display:flex}.validation-side{flex-direction:column;align-items:center;gap:8px;display:flex}.validation-label{text-transform:uppercase;letter-spacing:1px;opacity:.6;font-family:JetBrains Mono,monospace;font-size:11px}.validation-divider{background:#a78bfa4d;align-self:center;width:1px;height:60px}.validation-grid{flex-direction:column;gap:4px;display:flex}.puzzle-row{gap:4px;display:flex}.puzzle-shapes{flex-wrap:wrap;max-width:160px}.puzzle-cell{transition:all .2s}.puzzle-empty{opacity:.4;font-size:12px}.validation-buttons{gap:12px;margin-top:8px;display:flex}.btn-approve{color:#4ecdc4;border-color:#4ecdc466!important}.btn-approve:hover{background:#4ecdc426!important;border-color:#4ecdc4b3!important}.btn-reject{color:#ff6b6b;border-color:#ff6b6b66!important}.btn-reject:hover{background:#ff6b6b26!important;border-color:#ff6b6bb3!important}.tutorial-overlay{z-index:13;pointer-events:none;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.tutorial-box{-webkit-backdrop-filter:blur(10px);text-align:center;white-space:nowrap;background:#08080db3;border:1px solid #a78bfa40;border-radius:8px;padding:10px 24px}.tutorial-step-title{letter-spacing:2px;text-transform:uppercase;color:#a78bfa;margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}.tutorial-instruction{color:#e0e0e0;margin-bottom:4px;font-size:14px;font-weight:600;line-height:1.3}.tutorial-subtitle{color:#a78bfa99;font-family:JetBrains Mono,monospace;font-size:10px}.tutorial-progress{color:#4ecdc4;margin-top:2px;margin-left:8px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;display:inline-block}.first-run-labels{pointer-events:none;z-index:12;width:100%;height:100%;transition:opacity 2s;position:absolute;top:0;left:0}.first-run-labels.fading{opacity:0}.first-run-label{text-transform:uppercase;letter-spacing:1px;color:#4ecdc4b3;background:#08080d80;border:1px solid #4ecdc433;border-radius:4px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:11px;position:absolute}.first-run-label.label-queue{bottom:60px;left:20px}.first-run-label.label-spawn{bottom:60px;right:20px}.first-run-label.label-agents{top:50%;left:50%;transform:translate(-100px,-50px)}.first-run-label.label-tasks{top:50%;right:20%}.quit-confirm{z-index:30;background:#08080db3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.quit-box{text-align:center;padding:24px 40px}.quit-title{color:#ff6b6b;letter-spacing:2px;margin-bottom:8px;font-size:22px;font-weight:700}.quit-subtitle{color:#ffffff80;margin-bottom:20px;font-size:13px}.quit-buttons{justify-content:center;gap:16px;display:flex}.quit-buttons #quit-yes{color:#ff6b6b;background:#ff6b6b1a;border-color:#ff6b6b}.quit-buttons #quit-no{color:#4ecdc4;background:#4ecdc41a;border-color:#4ecdc4}.minigame-panel{z-index:18;-webkit-backdrop-filter:blur(16px);pointer-events:auto;background:#08080deb;border:1px solid #a78bfa66;border-radius:12px;padding:12px 16px;position:absolute}.aim-panel{width:400px;height:350px;top:50%;left:50%;transform:translate(-50%,-50%)}.math-panel{width:260px;top:12px;right:12px}.mg-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mg-title{letter-spacing:2px;color:#a78bfa;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.mg-timer{color:#ffe66d;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}.mg-count{color:#4ecdc4;font-family:JetBrains Mono,monospace;font-size:12px}.mg-close{padding:2px 8px!important;font-size:11px!important}.mg-footer{color:#a78bfa80;text-align:center;margin-top:8px;font-family:JetBrains Mono,monospace;font-size:9px}.aim-area{border:1px solid #4ecdc433;border-radius:8px;width:100%;height:250px;position:relative;overflow:hidden}.aim-target{cursor:pointer;background:radial-gradient(circle,#ff6b6b 30%,#ff6b6b4d 70%);border:2px solid #ff6b6b;border-radius:50%;transition:transform .1s;position:absolute;box-shadow:0 0 10px #ff6b6b66}.aim-target:hover{transform:scale(1.15);box-shadow:0 0 18px #ff6b6b99}.aim-target.aim-hit{opacity:0;background:#4ecdc4;border-color:#4ecdc4;transform:scale(0)}.mg-result{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mg-success{color:#4ecdc4;text-shadow:0 0 15px #4ecdc480}.mg-fail{color:#ff6b6b;text-shadow:0 0 15px #ff6b6b80}.math-question{color:#e0e0e0;text-align:center;padding:12px 0 8px;font-family:JetBrains Mono,monospace;font-size:22px;font-weight:700}.math-input{text-align:center;color:#4ecdc4;background:#08080d99;border:1px solid #4ecdc44d;border-radius:6px;outline:none;width:100%;padding:8px;font-family:JetBrains Mono,monospace;font-size:18px;display:block}.math-input:focus{border-color:#4ecdc499}.math-shake{animation:.3s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.floating-text{pointer-events:none;z-index:25;white-space:nowrap;font-family:JetBrains Mono,monospace;font-weight:700;transition:transform 1s ease-out,opacity 1s ease-out;position:absolute}.floating-combo{color:#ffe66d;text-shadow:0 0 20px #ffe66d99;pointer-events:none;z-index:25;white-space:nowrap;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;transition:transform 1.2s ease-out,opacity 1.2s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.floating-combo .combo-num{color:#fb923c;text-shadow:0 0 25px #fb923c99;margin-right:8px;font-size:42px}.pending-badge{color:#ffe66d;pointer-events:none;z-index:14;background:#08080dcc;border:1px solid #ffe66d66;border-radius:6px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;animation:1s ease-in-out infinite dangerPulse;position:absolute;top:110px;right:16px}.hidden{display:none!important}
