:root{--bg:#050808;--bg-surface:#0a1210;--bg-surface-raised:#0f1a16;--bg-hover:#142420;--border:#1a3a2a;--border-active:#00ff41;--text:#d4f5d4;--text-muted:#7aba8a;--text-dim:#3a6a4a;--accent:#00ff41;--green:#00ff41;--green-dim:#00882a;--red:#f33;--red-dim:#881a1a;--orange:#fa0;--purple:#a6f;--yellow:#fe0;--font-pixel:"Press Start 2P", monospace;--font-mono:"JetBrains Mono", "Fira Code", monospace;--font-sans:"Inter", -apple-system, sans-serif;--glow:0 0 10px #00ff414d;--glow-strong:0 0 20px #00ff4180, 0 0 40px #00ff4133}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-mono);font-variant-ligatures:none;background:var(--bg);color:var(--text);background-image:linear-gradient(#00ff4105 1px,#0000 1px),linear-gradient(90deg,#00ff4105 1px,#0000 1px);background-size:24px 24px;min-height:100vh;overflow-x:hidden}.mode-toggle{background:var(--bg);border-bottom:1px solid var(--border);gap:4px;padding:6px 20px;display:flex;position:relative}.mode-btn{font-family:var(--font-pixel);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;letter-spacing:1px;border-radius:0;padding:7px 16px;font-size:9px;transition:all .15s}.mode-btn:hover{border-color:var(--green-dim);color:var(--text-muted)}.mode-btn.active{border-color:var(--accent);color:var(--accent);text-shadow:var(--glow);background:#00ff4114}.attack-header{font-family:var(--font-pixel);align-items:center;gap:6px;margin-top:4px;padding:6px 8px 2px;font-size:8px;display:flex}.attack-header.malicious{color:var(--red)}.attack-header.legitimate{color:var(--accent)}.attack-header.internal{color:var(--orange)}.attack-payload{font-family:var(--font-mono);color:var(--text-dim);word-break:break-all;padding:2px 8px 4px;font-size:10px}.attack-result{font-family:var(--font-pixel);margin:2px 0;padding:4px 8px;font-size:8px}.attack-result.blocked,.attack-result.allowed{color:var(--accent)}.attack-result.breached{color:var(--red)}.attack-result.false-positive{color:var(--orange)}.attack-result.no-gain{color:var(--text-dim)}.attack-spacer{border-bottom:1px solid var(--border);height:6px;margin-bottom:6px}.defense-stars{color:var(--orange);letter-spacing:4px;margin:6px 0;font-size:18px}.defense-score{font-family:var(--font-mono);color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:8px;font-size:11px;display:flex}.defense-score .fp-warn{color:var(--orange)}.scenario-picker{background:var(--bg);border-bottom:1px solid var(--border);gap:4px;padding:6px 20px;display:flex;overflow-x:auto}.scenario-btn{font-family:var(--font-pixel);white-space:nowrap;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;letter-spacing:1px;border-radius:3px;flex-shrink:0;padding:7px 14px;font-size:8px;transition:all .15s}.scenario-btn:hover{border-color:var(--green-dim);color:var(--text-muted)}.scenario-btn.active{border-color:var(--accent);color:var(--accent);text-shadow:var(--glow);background:#00ff4114}.raid-header{border-bottom:2px solid var(--border);background:var(--bg-surface);justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.raid-title{align-items:center;gap:10px;display:flex}.raid-icon{font-size:16px}.raid-title h1{font-family:var(--font-pixel);color:var(--accent);text-shadow:var(--glow);letter-spacing:2px;font-size:13px;font-weight:400}.raid-target{color:var(--text-muted);border:1px solid var(--border);font-size:11px;font-family:var(--font-mono);border-radius:3px;padding:3px 8px}.raid-status{align-items:center;gap:8px;display:flex}.status-label{font-family:var(--font-pixel);color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-size:8px}.status-value{font-family:var(--font-pixel);color:var(--accent);text-shadow:var(--glow);font-size:8px}.raid-layout{background:var(--border);flex:1;grid-template-columns:1fr 1fr;gap:2px;min-height:0;display:grid}.pane{background:var(--bg);overflow-y:auto}.pane-header{border-bottom:2px solid var(--border);background:var(--bg-surface);z-index:10;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:sticky;top:0}.pane-label{font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);font-size:9px}.pane-file{font-family:var(--font-mono);color:var(--text-dim);font-size:11px}.source-code{font-family:var(--font-mono);padding:12px 0;font-size:13px;line-height:1.7}.source-line{border-left:3px solid #0000;align-items:center;min-height:24px;padding:1px 16px;transition:background .15s,border-color .15s;display:flex}.line-number{color:var(--text-dim);text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;min-width:28px;padding-right:12px}.line-status{text-align:center;flex-shrink:0;min-width:20px;font-size:12px}.line-content{white-space:pre;flex:1}.source-line.executing{border-left-color:var(--accent);background:#00ff4114}.source-line.executing .line-status{color:var(--accent);text-shadow:var(--glow)}.source-line.executing .line-content{color:#e0ffe0}.source-line.line-pass{border-left-color:var(--green-dim);background:#00ff410a}.source-line.line-pass .line-status{color:var(--green)}.source-line.line-fail{border-left-color:var(--red);background:#ff33330f}.source-line.line-fail .line-status{color:var(--red)}.source-line.line-vuln{border-left-color:var(--orange);background:#ffaa000f}.source-line.line-vuln .line-status{color:var(--orange)}.source-line.line-breach{border-left-color:var(--red);background:#ff33331a;animation:.5s ease-out breachFlash}.source-line.line-breach .line-status{font-size:14px}@keyframes breachFlash{0%{background:#ff33334d}to{background:#ff33331a}}.source-annotation{font-family:var(--font-mono);color:var(--accent);background:#00ff4108;border-left:3px solid #00ff4133;padding:4px 16px 4px 63px;font-size:11px}.source-annotation.anno-enter{animation:.3s ease-out fadeIn}.bot-tag{font-family:var(--font-pixel);color:var(--green-dim);vertical-align:1px;margin-right:6px;font-size:6px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.source-line.dimmed .line-content{filter:blur(4px);opacity:.15;-webkit-user-select:none;user-select:none}.source-line.dimmed .line-number{opacity:.1}.source-line.dimmed .line-status{opacity:0}.source-line.revealing .line-content{animation:.3s ease-out revealCode}.source-line.revealing .line-number{animation:.3s ease-out revealNum}@keyframes revealCode{0%{filter:blur(4px);opacity:.15}to{filter:blur();opacity:1}}@keyframes revealNum{0%{opacity:.1}to{opacity:1}}.console-pane{padding:0}.console-section{border-bottom:2px solid var(--border);padding:14px 16px}.console-section:last-child{border-bottom:none}.section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-label{font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:2px;color:var(--accent);text-shadow:0 0 8px #00ff414d;font-size:10px}.section-hint{color:var(--text-dim);font-size:11px;font-family:var(--font-mono)}.section-hint code{font-family:var(--font-mono);color:var(--accent);border:1px solid var(--border);background:#00ff4114;padding:1px 4px}.ingredient-shelf{flex-direction:column;gap:8px;display:flex}.url-preview{font-family:var(--font-mono);border:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;background:#00ff410d;border-radius:0;margin-bottom:4px;padding:6px 10px;font-size:11px;overflow:hidden}.url-preview-label{color:var(--text-dim);font-family:var(--font-pixel);vertical-align:middle;margin-right:6px;font-size:7px}.url-preview-value{color:var(--accent)}.url-preview-placeholder{color:var(--text-dim)}.ingredient-row{align-items:center;gap:8px;display:flex}.ingredient-label{font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);flex-shrink:0;min-width:72px;font-size:6px}.ingredient-options{flex-wrap:wrap;gap:4px;display:flex}.ingredient-chip{font-family:var(--font-mono);border:1px solid var(--border);background:var(--bg-surface);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:0;padding:4px 8px;font-size:11px;transition:all .1s}.ingredient-chip:hover{border-color:var(--accent);color:var(--text);background:var(--bg-hover)}.ingredient-chip.selected{border-color:var(--accent);color:var(--accent);box-shadow:var(--glow);background:#00ff4114}.ingredient-chip.disabled{opacity:.2;cursor:not-allowed}.redirect-sub{border:1px dashed var(--border);background:var(--bg-surface);margin-top:8px;padding:8px 10px;animation:.2s ease-out fadeIn}.redirect-sub-label{font-family:var(--font-pixel);color:var(--orange);letter-spacing:1px;margin-bottom:6px;font-size:6px}.curl-box{background:var(--bg-surface);border:1px solid var(--border);margin-top:10px;padding:10px 12px;position:relative;overflow:hidden}.curl-label{font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);align-items:center;gap:6px;margin-bottom:6px;font-size:6px;display:flex}.curl-prompt{color:var(--accent);font-family:var(--font-mono);text-shadow:var(--glow);font-size:12px}.curl-value{font-family:var(--font-mono);color:var(--text);word-break:break-all;font-size:12px;line-height:1.5;position:relative}.curl-value .curl-cmd{color:var(--accent);font-weight:600}.curl-value .curl-flag{color:var(--purple)}.curl-value .curl-url{color:var(--text)}.curl-value .curl-endpoint{color:var(--text-dim)}.curl-box.executing{border-color:var(--green-dim);box-shadow:var(--glow)}.curl-sweep{border-right:2px solid var(--accent);pointer-events:none;background:linear-gradient(90deg,#00ff411a 0%,#00ff4105 100%);height:100%;transition:none;position:absolute;top:0;left:0}.execute-row{align-items:center;gap:10px;display:flex}.run-button{border:2px solid var(--green-dim);color:var(--accent);font-family:var(--font-pixel);letter-spacing:1px;cursor:pointer;text-shadow:var(--glow);background:#00882a1a;border-radius:0;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:9px;transition:all .15s;display:flex}.bonus-tracker{flex-shrink:0;gap:5px;display:flex}.bonus-dot{border:1.5px solid var(--green-dim);border-radius:50%;width:10px;height:10px;transition:all .3s}.bonus-dot.filled{background:var(--accent);border-color:var(--accent);box-shadow:0 0 6px #00ff4166}.bonus-dot.empty{border-color:var(--text-dim);box-shadow:none;background:0 0}.run-button:hover:not(:disabled){box-shadow:var(--glow);background:#00882a33}.run-button:disabled{opacity:.25;cursor:not-allowed;text-shadow:none}.run-icon{font-size:10px}.trace-log{flex-direction:column;gap:1px;margin-top:10px;display:flex}.trace-entry{font-family:var(--font-mono);align-items:flex-start;gap:6px;padding:3px 6px;font-size:11px;line-height:1.5;animation:.15s ease-out traceIn;display:flex}@keyframes traceIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.trace-entry .trace-icon{text-align:center;flex-shrink:0;min-width:14px}.trace-entry.pass{color:var(--green)}.trace-entry.fail{color:var(--red)}.trace-entry.vuln{color:var(--orange)}.trace-entry.info{color:var(--text-muted)}.verdict-box{text-align:center;margin-top:12px;padding:16px;animation:.3s ease-out fadeIn}.verdict-box.breach{border:2px solid var(--green-dim);background:#00ff410f}.verdict-box.blocked{border:2px solid var(--border);background:#00ff4108}.verdict-box.external{border:2px solid var(--border);background:#4a8a5a0a}.verdict-icon{font-size:28px}.verdict-title{font-family:var(--font-pixel);letter-spacing:2px;text-transform:uppercase;margin:8px 0 6px;font-size:12px}.verdict-box.breach .verdict-title{color:var(--accent);text-shadow:var(--glow-strong)}.verdict-subtitle{color:var(--text-muted);margin-bottom:6px;font-size:12px}.verdict-takeaway{color:var(--text-muted);max-width:360px;margin:0 auto;font-size:11px;font-style:italic;line-height:1.6}.verdict-bonus{font-family:var(--font-pixel);color:var(--yellow);letter-spacing:1px;text-shadow:0 0 8px #fe06;margin-top:4px;font-size:7px}.verdict-attempts{font-family:var(--font-pixel);color:var(--text-dim);letter-spacing:1px;margin-top:6px;font-size:6px}.scorecard-actions{justify-content:center;gap:8px;margin-top:12px;display:flex}.share-button{border:1px solid var(--accent);color:var(--accent);font-family:var(--font-pixel);letter-spacing:1px;cursor:pointer;text-shadow:var(--glow);background:#00ff4114;border-radius:0;padding:6px 20px;font-size:7px;transition:all .15s}.share-button:hover{box-shadow:var(--glow);background:#00ff4126}.share-button.copied{border-color:var(--yellow);color:var(--yellow);text-shadow:0 0 8px #fe06;background:#ffee0014}.retry-button{border:1px solid var(--border);background:var(--bg-surface);color:var(--text);font-family:var(--font-pixel);letter-spacing:1px;cursor:pointer;border-radius:0;padding:6px 20px;font-size:7px;transition:all .1s}.retry-button:hover{border-color:var(--accent);background:var(--bg-hover);color:var(--accent)}.ingredient-row.new-unlock{animation:.8s ease-out unlockGlow}.new-unlock-badge{font-family:var(--font-pixel);color:var(--accent);text-shadow:var(--glow);letter-spacing:1px;margin-left:4px;font-size:5px}@keyframes unlockGlow{0%{background:#00ff411a}to{background:0 0}}.drop-zone{border:1px dashed var(--border);min-height:28px;margin:2px 0;padding:4px 16px 4px 62px;transition:all .2s;position:relative}.drop-zone.drop-target{border-color:var(--green-dim);cursor:pointer}.drop-zone.drop-target .drop-zone-indicator{color:var(--accent);opacity:.8}.drop-zone.drag-over{border-color:var(--accent);background:#00ff410a;box-shadow:inset 0 0 12px #00ff410f}.drop-zone-indicator{color:var(--text-dim);font-family:var(--font-mono);text-align:center;opacity:.5;-webkit-user-select:none;user-select:none;font-size:11px}.drop-zone.drag-over .drop-zone-indicator{color:var(--accent);opacity:.8}.ghost-preview .source-line{opacity:.45}.ghost-preview .source-line .line-content{color:var(--accent)!important}.ghost-preview .source-line .line-number{color:var(--accent);opacity:.6}.placed-snippet{border-left:3px solid var(--accent);background:#00ff410f;margin:1px 0;position:relative}.placed-snippet .source-line{border-left:none}.defense-line .line-content{color:var(--accent)!important}.defense-line .line-number{color:var(--green-dim)}.placed-remove{border:1px solid var(--green-dim);color:var(--green-dim);cursor:pointer;background:0 0;padding:0 5px;font-size:10px;line-height:18px;transition:all .1s;position:absolute;top:4px;right:10px}.placed-remove:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.snippet-card{background:var(--bg-surface);border:1px solid var(--border);cursor:grab;font-family:var(--font-mono);border-radius:4px;margin-bottom:6px;padding:10px 12px;font-size:11px;line-height:1.6;transition:all .15s}.snippet-card:hover:not(.used){border-color:var(--green-dim);background:var(--bg-hover)}.snippet-card:active:not(.used){cursor:grabbing}.snippet-card.selected{border-color:var(--accent);box-shadow:var(--glow);cursor:pointer;background:#00ff4114}.snippet-card.used{opacity:.2;cursor:default;border-style:dashed}.snippet-card.dragging{opacity:.4;border-color:var(--accent);transform:scale(.97)}.snippet-card code{white-space:pre;display:block}.defense-briefing{font-family:var(--font-sans);color:var(--text);background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;margin-bottom:10px;padding:10px 12px;font-size:13px;line-height:1.6}.dependency-warn{color:var(--orange);font-family:var(--font-sans);background:#ffaa000f;border:1px solid #ffaa0040;border-radius:4px;margin-bottom:10px;padding:8px 12px;font-size:12px;line-height:1.5}.defense-hint{font-family:var(--font-sans);color:var(--text-dim);margin-bottom:10px;padding:4px 0;font-size:11px}.budget-bar{color:var(--text);font-family:var(--font-mono);background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;align-items:center;gap:10px;margin-bottom:8px;padding:8px 12px;font-size:13px;display:flex}.budget-dots{gap:5px;display:flex}.budget-dot{border:1.5px solid var(--green-dim);border-radius:50%;width:10px;height:10px;transition:all .2s}.budget-dot.filled{background:var(--accent);border-color:var(--accent);box-shadow:0 0 6px #00ff4166}.budget-full{font-family:var(--font-pixel);color:var(--accent);letter-spacing:1px;font-size:7px}.attack-wave-row{font-family:var(--font-mono);border-bottom:1px solid #1a3a2a66;grid-template-columns:160px 1fr auto;align-items:center;gap:8px;padding:5px 8px;font-size:11px;animation:.15s ease-out traceIn;display:grid}.wave-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wave-label.malicious{color:var(--red)}.wave-label.legitimate{color:var(--accent)}.wave-label.internal{color:var(--orange)}.wave-payload{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.wave-result{font-family:var(--font-pixel);letter-spacing:.5px;white-space:nowrap;text-align:right;font-size:8px}.wave-result.blocked,.wave-result.allowed{color:var(--accent)}.wave-result.breached{color:var(--red)}.wave-result.false-positive{color:var(--orange)}.wave-result.critical-fp{color:var(--red)}.defense-pass{font-family:var(--font-pixel);letter-spacing:1px;margin:8px 0;font-size:8px}.defense-pass.pass-yes{color:var(--accent)}.defense-pass.pass-no{color:var(--red)}.battlefield-container{border:1px solid var(--border);background:linear-gradient(#080c0a 0%,#0a1210 100%);border-radius:2px;margin-bottom:8px;padding:8px 10px}.battlefield-canvas{width:100%;height:260px;display:block}.kw{color:#f66}.fn{color:#c8f}.str{color:#6df}.cmt{color:#4a8a5a}.op{color:#6af}.warn{color:var(--orange)}.mode-btn.locked{opacity:.3;cursor:not-allowed;border-style:dashed}.mode-btn.locked:hover{border-color:var(--text-dim);color:var(--text-dim)}.lock-hint{font-family:var(--font-pixel);color:var(--orange);white-space:nowrap;letter-spacing:.5px;z-index:10;font-size:6px;animation:.2s ease-out fadeIn;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}.unlock-banner{background:var(--bg-surface);border:2px solid var(--accent);text-align:center;z-index:100;opacity:0;box-shadow:var(--glow-strong), 0 0 60px #00ff4126;padding:32px 48px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.unlock-banner.visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.unlock-banner-icon{margin-bottom:12px;font-size:36px}.unlock-banner-text{font-family:var(--font-pixel);color:var(--accent);letter-spacing:2px;text-shadow:var(--glow-strong);margin-bottom:8px;font-size:12px}.unlock-banner-sub{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.defense-stars{letter-spacing:4px;color:var(--yellow);margin:4px 0;font-size:16px}.defense-score{font-family:var(--font-mono);color:var(--text-muted);justify-content:center;gap:16px;margin:6px 0;font-size:11px;display:flex}.fp-warn{color:var(--orange)}.onboarding-overlay{z-index:10000;opacity:0;background:#000000f7;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.onboarding-overlay.visible{opacity:1}.onboarding-overlay.fade-out{opacity:0;transition:opacity .4s}.onboarding-inner{flex-direction:column;align-items:center;gap:12px;width:600px;max-width:90vw;display:flex}.onboarding-title{font-family:var(--font-pixel);color:var(--red);letter-spacing:3px;text-shadow:0 0 20px #ff323299;font-size:18px;animation:1.5s ease-in-out infinite onboardingPulse}.onboarding-title.breach-text{text-shadow:0 0 30px #ff3232cc,0 0 60px #ff323266;animation:.5s ease-out onboardingBreach}@keyframes onboardingPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes onboardingBreach{0%{transform:scale(1.3)}to{transform:scale(1)}}.onboarding-subtitle{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:1px;font-size:12px}.onboarding-subtitle.breach-text{color:var(--red)}.onboarding-battlefield{border:1px solid var(--border);background:linear-gradient(#0a0e12 0%,#0f1a16 60%,#1a2a20 100%);border-radius:4px;width:100%;height:200px;overflow:hidden}.onboarding-battlefield canvas{width:100%;height:200px}.onboarding-log{flex-direction:column;gap:2px;width:100%;max-height:160px;display:flex;overflow-y:auto}.onboarding-attack-row{font-family:var(--font-mono);border-left:2px solid var(--red-dim);background:#ff32320d;justify-content:space-between;align-items:center;padding:4px 8px;font-size:11px;animation:.2s ease-out attackSlide;display:flex}@keyframes attackSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.onboarding-attack-label{color:var(--text-muted)}.onboarding-attack-status{font-family:var(--font-pixel);letter-spacing:1px;font-size:7px}.onboarding-attack-status.breach{color:var(--red);text-shadow:0 0 8px #ff323280}.onboarding-cta{opacity:0;flex-direction:column;align-items:center;gap:16px;margin-top:12px;transition:opacity .5s,transform .5s;display:flex;transform:translateY(10px)}.onboarding-cta.visible{opacity:1;transform:translateY(0)}.onboarding-cta-text{font-family:var(--font-pixel);color:var(--text-muted);letter-spacing:1px;font-size:10px}.onboarding-cta-button{font-family:var(--font-pixel);border:2px solid var(--accent);color:var(--accent);cursor:pointer;letter-spacing:2px;text-shadow:var(--glow);box-shadow:var(--glow);background:#00ff411a;padding:14px 32px;font-size:12px;transition:all .2s}.onboarding-cta-button:hover{box-shadow:var(--glow-strong);background:#00ff4133}.daily-badge{border:1px solid var(--orange);color:var(--orange);font-family:var(--font-pixel);letter-spacing:1px;background:#ffaa0014;align-items:center;gap:6px;margin-left:8px;padding:4px 10px;font-size:7px;display:inline-flex}.daily-challenge-header{background:linear-gradient(90deg,#ffaa000d 0%,#0000 100%);border-bottom:1px solid #fa03;justify-content:space-between;align-items:center;padding:8px 20px;display:flex}.daily-challenge-title{font-family:var(--font-pixel);color:var(--orange);letter-spacing:2px;font-size:9px}.daily-challenge-date{font-family:var(--font-mono);color:var(--text-dim);font-size:11px}.daily-twist{font-family:var(--font-mono);color:var(--orange);background:#ffaa000d;border:1px dashed #ffaa004d;margin:8px 0;padding:6px 12px;font-size:11px}.daily-share-row{align-items:center;gap:8px;margin-top:8px;display:flex}.scenario-btn.daily{border-color:var(--orange);color:var(--orange);position:relative}.scenario-btn.daily:after{content:"📅";font-size:10px;position:absolute;top:-6px;right:-4px}.home-screen{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:28px 16px 40px;display:flex;position:relative}.home-canvas{max-width:100%;height:auto;margin-bottom:8px}.home-title{font-family:var(--font-pixel);color:var(--accent);text-shadow:var(--glow-strong);letter-spacing:4px;margin-bottom:12px;font-size:clamp(18px,4vw,28px)}.home-tagline{font-family:var(--font-sans);color:var(--text-muted);text-align:center;max-width:480px;margin-bottom:8px;font-size:15px;line-height:1.6}.home-cards{flex-wrap:wrap;justify-content:center;gap:16px;max-width:720px;display:flex}.home-card{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;text-align:left;max-width:240px;font-family:var(--font-sans);color:var(--text);border-radius:8px;flex:180px;align-items:flex-start;gap:12px;padding:16px;transition:border-color .2s,transform .15s,box-shadow .2s;display:flex}.home-card:hover:not(.locked){border-color:var(--card-accent,var(--accent));transform:translateY(-2px);box-shadow:0 4px 20px #00ff411a}.home-card.pressed{transform:scale(.97)}.home-card.locked{opacity:.45;cursor:not-allowed}.home-card.done{opacity:.7}.home-card-icon{flex-shrink:0;font-size:28px;line-height:1}.home-card-body{min-width:0}.home-card-title{font-family:var(--font-pixel);color:var(--card-accent,var(--accent));text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:10px}.home-card-label{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600}.home-card-sub{color:var(--text-muted);font-size:12px;line-height:1.4}.home-mascot{align-self:flex-end;align-items:flex-end;gap:8px;margin-top:32px;padding-right:20px;display:flex}.home-mascot-bubble{background:var(--bg-surface-raised);border:1px solid var(--border);font-family:var(--font-sans);color:var(--text-muted);border-radius:8px 8px 0;max-width:200px;padding:10px 14px;font-size:12px;line-height:1.5}.home-mascot-sprite{flex-shrink:0;width:48px;height:48px}.game-shell{flex-direction:column;height:100vh;display:flex}.console-pane.defense-active:not(.defense-results)>.console-section:last-child{background:var(--bg);border-top:2px solid var(--border);position:sticky;bottom:0;box-shadow:0 -12px 24px #0009}.console-pane.defense-active:not(.defense-results) .battlefield-container,.console-pane.defense-active:not(.defense-results) .trace-log,.console-pane.defense-results>.console-section:first-child{display:none}.home-button{border:1px solid var(--accent);color:var(--accent);font-family:var(--font-pixel);letter-spacing:1px;cursor:pointer;min-height:32px;text-shadow:var(--glow);white-space:nowrap;background:#00ff411a;border-radius:4px;padding:8px 12px;font-size:9px;line-height:1;transition:border-color .2s,text-shadow .2s}.home-button:hover,.home-button:focus-visible{box-shadow:var(--glow);background:#00ff4133;outline:none}.share-button.base-return{border-color:var(--orange);color:var(--orange);text-shadow:none;background:#ffaa0014}.dependency-warn.modifier{color:var(--purple);background:#aa66ff0f;border-color:#aa66ff4d}.share-button.challenge{border-color:var(--red);color:var(--red);text-shadow:none;background:#ff333314}.share-button.challenge:hover{background:#ff333326;box-shadow:0 0 10px #ff33334d}.deploy-history{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:1px;margin:6px 0 2px;font-size:11px}.game-mascot{align-items:flex-end;gap:8px;margin-top:12px;display:flex}.game-mascot[hidden]{display:none}.game-mascot.pop{animation:.25s ease-out mascot-pop}@keyframes mascot-pop{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.game-mascot-bubble{background:var(--bg-surface-raised);border:1px solid var(--border-active);font-family:var(--font-sans);color:var(--text);box-shadow:var(--glow);border-radius:8px 8px 0;flex:1;padding:12px 14px;font-size:13px;line-height:1.5}.game-mascot-sprite{flex-shrink:0;width:56px;height:56px}.base-view{width:min(820px,100%);margin:4px auto 0;position:relative}.base-canvas{margin:0 auto;display:block}.base-label{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-sans);white-space:nowrap;cursor:pointer;background:#050808d9;border-radius:3px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:600;transition:border-color .15s,color .15s;display:flex;position:absolute;transform:translate(-50%)}.base-label:hover,.base-label.hover,.base-label:focus-visible{border-color:var(--accent);color:var(--text);outline:none}.base-label-level{font-family:var(--font-pixel);color:var(--red);letter-spacing:1px;font-size:7px}.base-label.secured .base-label-level{color:var(--accent)}.base-label.start-here{border-color:var(--orange);color:var(--text);animation:1.6s ease-in-out infinite start-pulse}@keyframes start-pulse{0%,to{box-shadow:0 0 #ffaa0080}50%{box-shadow:0 0 0 6px #fa00}}@media (prefers-reduced-motion:reduce){.base-label.start-here{animation:none}}.base-tooltip{z-index:20;pointer-events:none;background:var(--bg-surface-raised);border:1px solid #833;width:260px;padding:10px 12px;animation:.12s ease-out tooltip-in;position:absolute;transform:translate(-50%,-100%);box-shadow:0 12px 32px #0009}@keyframes tooltip-in{0%{opacity:0}to{opacity:1}}.base-tooltip.secured{border-color:var(--border-active);box-shadow:var(--glow), 0 12px 32px #0009}.base-tooltip[hidden]{display:none}.base-tooltip-head{font-family:var(--font-pixel);letter-spacing:1px;text-transform:uppercase;justify-content:space-between;margin-bottom:5px;font-size:7px;display:flex}.base-tooltip-category{color:var(--orange)}.base-tooltip-level{color:var(--red)}.base-tooltip.secured .base-tooltip-level{color:var(--accent)}.base-tooltip-name{font-family:var(--font-sans);color:var(--text);margin-bottom:4px;font-size:15px;font-weight:700}.base-tooltip-blurb{font-family:var(--font-sans);color:var(--text-muted);margin-bottom:8px;font-size:12px;line-height:1.45}.base-tooltip-status{font-family:var(--font-sans);color:#ff6b6b;margin-bottom:6px;font-size:11px}.base-tooltip.secured .base-tooltip-status{color:var(--accent)}.base-tooltip-cta{font-family:var(--font-sans);color:var(--text);border-top:1px solid var(--border);padding-top:6px;font-size:12px;font-weight:600}.base-status{font-family:var(--font-pixel);letter-spacing:1px;color:var(--text-muted);margin:6px 0 20px;font-size:8px}.picker-building{font-family:var(--font-sans);color:var(--text);white-space:nowrap;align-self:center;padding:0 10px 0 2px;font-size:13px;font-weight:700}.scenario-btn:disabled{opacity:.4;cursor:not-allowed}.base-list{display:none}.base-list-item{background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--red);text-align:left;cursor:pointer;width:100%;font-family:var(--font-sans);flex-direction:column;gap:3px;padding:10px 12px;display:flex}.base-list-item.secured{border-left-color:var(--accent)}.base-list-head{justify-content:space-between;align-items:center;display:flex}.base-list-name{color:var(--text);font-size:15px;font-weight:700}.base-list-level{font-family:var(--font-pixel);color:var(--red);font-size:8px}.base-list-item.secured .base-list-level{color:var(--accent)}.base-list-category{color:var(--text-muted);font-size:12px}.base-list-cta{color:var(--accent);margin-top:2px;font-size:13px;font-weight:600}.place-sheet{z-index:200;background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.place-sheet-panel{background:var(--bg-surface-raised);border-top:2px solid var(--border-active);width:100%;max-height:80vh;padding:16px 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;gap:8px;animation:.18s ease-out sheet-up;display:flex;overflow-y:auto}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.place-sheet-title{font-family:var(--font-pixel);letter-spacing:1px;color:var(--accent);text-transform:uppercase;font-size:9px}.place-sheet-code{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;background:var(--bg);border:1px solid var(--border);margin-bottom:4px;padding:8px 10px;font-size:12px;line-height:1.6;display:block}.place-sheet-zone,.place-sheet-cancel{min-height:44px;font-family:var(--font-sans);text-align:left;cursor:pointer;padding:10px 12px;font-size:14px;font-weight:600}.place-sheet-zone{border:1px solid var(--green-dim);color:var(--text);background:#00ff410f}.place-sheet-zone:before{content:"▶ ";color:var(--accent)}.place-sheet-cancel{border:1px solid var(--border);color:var(--text-muted);text-align:center;background:0 0}.mission-strip{background:var(--bg-surface);border-bottom:2px solid var(--border);grid-template-columns:minmax(300px,440px) 1fr;align-items:start;gap:20px;padding:14px 20px;display:grid;position:relative}.mission-strip[hidden]{display:none}.mission-toggle{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;background:0 0;border-radius:4px;padding:3px 10px;font-size:12px;position:absolute;top:8px;right:12px}.mission-toggle:hover,.mission-toggle:focus-visible{border-color:var(--accent);color:var(--text);outline:none}.mission-toggle .when-collapsed{display:none}.mission-strip.collapsed{padding:4px 20px;display:block}.mission-strip.collapsed>:not(.mission-toggle){display:none}.mission-strip.collapsed .mission-toggle{text-align:left;width:100%;color:var(--accent);border:none;padding:6px 0;font-weight:600;position:static}.mission-strip.collapsed .mission-toggle .when-open{display:none}.mission-strip.collapsed .mission-toggle .when-collapsed{display:inline}.mock-col{flex-direction:column;gap:8px;display:flex}.mock-window{color:#1d2430;font-family:var(--font-sans);background:#f5f6f7;border-radius:8px;transition:box-shadow .3s;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 8px 24px #00000080}.mock-window.evil{box-shadow:0 0 0 2px #f44,0 0 18px #ff444459}.mock-chrome{background:#e3e6ea;align-items:center;gap:5px;padding:7px 10px;display:flex}.mock-dot{background:#c3c8cf;border-radius:50%;flex-shrink:0;width:8px;height:8px}.mock-address{font-family:var(--font-mono);color:#5b6573;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:10px;flex:1;margin-left:8px;padding:3px 10px;font-size:11px;overflow:hidden}.mock-address .mock-typed{color:#1d2430;font-weight:600}.mock-window.evil .mock-address .mock-typed{color:#c62828}.mock-body{padding:12px 14px 14px}.mock-app{letter-spacing:1px;text-transform:uppercase;color:#6b7684;font-size:10px;font-weight:700}.mock-heading{margin:2px 0 10px;font-size:16px;font-weight:700}.mock-label{color:#3a4452;margin-bottom:4px;font-size:12px;font-weight:600}.mock-row{gap:8px;display:flex}.mock-input{min-width:0;font-family:var(--font-mono);white-space:nowrap;background:#fff;border:1px solid #c9cfd6;border-radius:6px;flex:1;padding:7px 10px;font-size:12px;overflow:hidden}.mock-window.evil .mock-input{color:#c62828;border-color:#e57373}.mock-caret{vertical-align:middle;background:#1d2430;width:1px;height:13px;margin-left:1px;animation:1s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{50%{opacity:0}}.mock-window.done .mock-caret{display:none}.mock-button{color:#fff;white-space:nowrap;background:#2f6fed;border-radius:6px;padding:7px 14px;font-size:12px;font-weight:600}.mock-echo{color:#3a4452;white-space:nowrap;text-overflow:ellipsis;min-height:16px;margin-top:10px;font-size:12px;overflow:hidden}.mock-caption{font-family:var(--font-sans);color:#6fe38b;opacity:0;background:#00ff4114;border:1px solid #00ff4140;border-radius:4px;min-height:30px;padding:6px 10px;font-size:12px;font-weight:600;transition:opacity .2s}.mock-caption.visible{opacity:1}.mock-replay{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;background:0 0;border-radius:4px;align-self:flex-start;padding:4px 10px;font-size:12px}.mock-replay:hover,.mock-replay:focus-visible{border-color:var(--accent);color:var(--text);outline:none}.mock-replay[hidden]{display:none}.mock-caption.evil{color:#ff7a7a;background:#ff444414;border-color:#ff444459}.mission-title{font-family:var(--font-pixel);letter-spacing:1px;color:var(--accent);text-transform:uppercase;margin-bottom:6px;font-size:9px}.mission-briefing{font-family:var(--font-sans);color:var(--text);max-width:620px;margin-bottom:10px;font-size:14px;line-height:1.55}.mission-chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.mission-chip{font-family:var(--font-sans);border:1px solid var(--border);border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.mission-chip.evil{color:#ff7a7a;border-color:#f446}.mission-chip.legit{color:#6fe38b;border-color:#00ff414d}.mission-chip.budget{color:var(--text-muted)}.mission-rule{font-family:var(--font-sans);color:var(--orange);margin-top:4px;font-size:12px;line-height:1.5}.mission-rule.modifier{color:#c49bff}@media (prefers-reduced-motion:reduce){.mock-caret{animation:none}}@media (width<=760px){.game-shell{height:auto;min-height:100vh}.raid-layout{flex:none;grid-template-columns:1fr}.pane{overflow:visible}.pane-header{position:static}.raid-header{flex-wrap:wrap;gap:6px;padding:8px 12px}.raid-title h1{font-size:11px}.raid-target{display:none}.mode-toggle,.scenario-picker{padding:6px 12px;overflow-x:auto}.mode-btn{flex-shrink:0}.source-code{font-size:12px}.source-line{padding:1px 8px 1px 4px}.line-number{min-width:20px;padding-right:8px}.line-content{white-space:pre-wrap;word-break:break-word}.drop-zone{padding-left:12px;padding-right:12px}.placed-remove{min-width:32px;min-height:28px}.console-section{padding:12px}.section-hint{display:none}.console-pane.defense-active:not(.defense-results){padding-bottom:76px}.console-pane.defense-active:not(.defense-results)>.console-section:last-child{z-index:30;padding:10px 12px calc(10px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.run-button{min-height:44px}.attack-wave-row{grid-template-columns:1fr auto}.wave-payload{display:none}.battlefield-canvas{height:auto}.ingredient-row{flex-direction:column;align-items:flex-start;gap:4px}.ingredient-chip{min-height:36px}.url-preview{white-space:normal;word-break:break-all}.scorecard-actions{flex-wrap:wrap}.unlock-banner{width:calc(100vw - 32px);padding:20px 24px}.base-label,.base-tooltip{display:none!important}.mission-strip{grid-template-columns:1fr;gap:12px;padding:12px}.mission-briefing{font-size:13px}.base-list{gap:8px;width:100%;max-width:480px;margin-bottom:20px;display:grid}.home-cards{width:100%;max-width:480px}.home-card{width:100%;max-width:none}.home-mascot{align-self:center;padding-right:0}}.snippet-badge{font-family:var(--font-sans);color:var(--orange);border:1px solid #ffaa0059;border-radius:3px;margin-bottom:6px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-block}.replace-target{outline:2px dashed var(--orange);outline-offset:-2px;cursor:pointer;background:#ffaa000f;margin:2px 0}.replace-target:hover,.replace-target:focus-visible,.replace-target.drag-over{background:#ffaa0024;outline-style:solid}.replace-target:hover .line-content,.replace-target.drag-over .line-content{-webkit-text-decoration:line-through #ff7850cc;text-decoration:line-through #ff7850cc}.replace-target-label{font-family:var(--font-mono);color:var(--orange);text-align:center;padding:3px 0 5px;font-size:11px}.place-sheet-sub{font-family:var(--font-sans);color:var(--text-muted);font-size:12px;font-weight:600}.place-sheet-code.replaced{opacity:.75;-webkit-text-decoration:line-through #ff7850cc;text-decoration:line-through #ff7850cc}.reset-progress{color:var(--text-dim);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;margin-top:28px;font-size:12px;text-decoration:underline}.reset-progress:hover,.reset-progress:focus-visible{color:var(--text-muted);outline:none}.action-btn{min-height:40px;font-family:var(--font-sans);cursor:pointer;border-radius:4px;padding:9px 16px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s}.action-btn.primary{background:var(--accent);border:1px solid var(--accent);color:#03140a;padding:9px 22px;font-size:14px;font-weight:700}.action-btn.primary:hover,.action-btn.primary:focus-visible{box-shadow:var(--glow-strong);outline:none}.action-btn.secondary{border:1px solid var(--border);color:var(--text);background:0 0}.action-btn.secondary:hover,.action-btn.secondary:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}.action-btn.secondary.challenge{color:#ff8a8a;border-color:#ff444473}.action-btn.secondary.challenge:hover{color:#ffb0b0;border-color:#ff6b6b}.action-btn.copied{border-color:var(--yellow);color:var(--yellow)}.scorecard-actions{flex-wrap:wrap;align-items:center}