:root{--bg-darker:#09090b;--bg-dark:#09090b;--bg-medium:#18181b;--card-bg:#27272a;--border-color:#ffffff14;--border-hover:#ffffff26;--text-primary:#fff;--text-muted:#a1a1aa;--text-dark:#71717a;--color-primary:#dc2626;--color-primary-hover:#ef4444;--color-secondary:#3b82f6;--color-secondary-hover:#60a5fa;--color-success:#10b981;--color-warning:#f59e0b;--color-info:#3b82f6;--font-ui:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Roboto Mono","Courier New",monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;align-items:flex-start;background:#09090b;color:#fff;color:var(--text-primary);display:flex;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-family:var(--font-ui);justify-content:center;line-height:1.5;min-height:100vh;padding:100px 24px 24px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#27272a80;border-radius:4px}::-webkit-scrollbar-thumb{background:#a1a1aa33;border:1px solid #27272a80;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1aa66}.app-shell{background:#18181b;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 30px 80px #000c;overflow:hidden;width:min(1360px,95vw)}.app-shell,header{display:flex;flex-direction:column}header{background:#27272a66;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-color);gap:16px;padding:24px 28px}.header-top{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}header h1{-webkit-text-fill-color:#0000;background:#fff;-webkit-background-clip:text;font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800;letter-spacing:-.02em}.header-status{align-items:center;background:#dc262626;border:1px solid #dc262659;border-radius:999px;box-shadow:0 0 10px #dc262626;color:#fca5a5;display:inline-flex;font-family:JetBrains Mono,Roboto Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.8rem;font-weight:700;justify-content:center;letter-spacing:.05em;padding:6px 16px}.header-hint{background:#a1a1aa0f;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;box-sizing:border-box;color:#a1a1aa;color:var(--text-muted);font-size:.85rem;line-height:1.5;padding:10px 16px;width:100%}.header-dashboard{display:flex;flex-wrap:wrap;gap:12px}.status-pill{align-items:center;background:#27272a66;border:1px solid #ffffff0a;border-radius:12px;display:flex;font-size:.85rem;gap:10px;padding:8px 16px;transition:all .2s ease}.status-pill:hover{background:#27272a99;border-color:#ffffff14}.status-pill strong{color:#a1a1aa;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.status-pill em{color:#fff;font-family:JetBrains Mono,Roboto Mono,Courier New,monospace;font-family:var(--font-mono);font-size:1rem;font-style:normal;font-weight:700}.panel{flex:1 1;padding:28px}.game-view,.main-menu,.summary-view{display:none}.game-view{position:relative}.visible{display:block}.hidden{display:none!important}.card,.menu-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#27272a;background:var(--card-bg);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:18px;box-shadow:0 10px 30px #0000004d;padding:24px;transition:border-color .2s ease,box-shadow .2s ease}.card:hover,.menu-card:hover{border-color:#ffffff26;border-color:var(--border-hover)}.menu-card h2,.summary-card h2{color:#fff;font-size:1.8rem;font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.card p,.menu-card p,.summary-card p{color:#a1a1aa;color:var(--text-muted);font-size:.95rem;line-height:1.6}.button-group{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}.button{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:12px;box-shadow:0 8px 20px #dc262640;color:#fff;cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-family:var(--font-ui);font-size:.92rem;font-weight:700;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.button:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 12px 24px #dc262666;transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(0)}.button.secondary{background:#ffffff0f;border:1px solid #ffffff14;box-shadow:none;color:#fff;color:var(--text-primary)}.button.secondary:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff26;box-shadow:0 8px 20px #0003}.button.disabled,.button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.35;transform:none!important}.main-menu{align-items:center;display:none;justify-content:center}.main-menu.visible{display:flex;min-height:400px}.main-menu .menu-card{max-width:600px;padding:40px;text-align:center;width:100%}.main-menu h2{color:#fff;font-size:1.8rem;font-weight:800;letter-spacing:-.02em;margin-bottom:16px}.main-menu .button-group{justify-content:center}.footer-note{color:#71717a;color:var(--text-dark);font-size:.85rem;font-style:italic;margin-top:24px}.game-grid{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:minmax(320px,1.2fr) minmax(500px,2fr) minmax(300px,1.1fr)}#alertPanel{display:flex;flex-direction:column}.section-title{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.section-title h3{color:#fff;font-size:1.05rem}.section-title h3,.status-chip{font-weight:700;letter-spacing:.05em;text-transform:uppercase}.status-chip{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;color:#a1a1aa;color:var(--text-muted);display:inline-flex;font-family:JetBrains Mono,Roboto Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.75rem;padding:4px 12px;transition:all .3s ease}.status-chip.sev-low{background:#3b82f626;border:1px solid #3b82f64d;color:#93c5fd}.status-chip.sev-medium{background:#f59e0b26;border:1px solid #f59e0b4d;color:#fcd34d}.status-chip.sev-high{background:#f9731626;border:1px solid #f973164d;color:#fdba74}.status-chip.sev-critical{animation:pulse-critical 2s infinite alternate;background:#dc262633;border:1px solid #dc262666;box-shadow:0 0 10px #dc26264d;color:#fca5a5}@keyframes pulse-critical{0%{border-color:#dc26264d;box-shadow:0 0 4px #dc262633}to{border-color:#dc262699;box-shadow:0 0 15px #dc262680}}.alert-meta{display:flex;flex:1 1;flex-direction:column;gap:12px}.alert-meta div{background:#27272a4d;border:1px solid #ffffff08;border-radius:12px;display:flex;flex-direction:column;gap:6px;padding:14px 16px}.alert-meta strong{color:#71717a;color:var(--text-dark);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.alert-meta span{color:#fff;color:var(--text-primary);font-size:.95rem;font-weight:500;line-height:1.4}#alertTitle{color:#fff;font-family:JetBrains Mono,Roboto Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.9rem;word-break:break-word}.investigation-toolbar{background:#27272a40;border:1px solid #ffffff08;border-radius:12px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:6px}.investigation-toolbar .button.secondary{background:#0000;border:none;border-radius:8px;box-shadow:none;color:#a1a1aa;color:var(--text-muted);flex:1 1;font-size:.85rem;min-width:120px;padding:10px 14px}.investigation-toolbar .button.secondary:hover{background:#ffffff0d;color:#fff}.investigation-toolbar .button.secondary.active{background:#dc262626;border:1px solid #dc26264d;box-shadow:0 0 12px #dc26261a;color:#fca5a5;font-weight:700}.log-frame{background:#18181b;border:1px solid #ffffff0f;border-radius:14px;box-shadow:inset 0 2px 8px #00000080;color:#e2e8f0;font-family:JetBrains Mono,Roboto Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.85rem;letter-spacing:-.01em;line-height:1.6;min-height:380px;overflow-y:auto;padding:20px;white-space:pre-wrap}#actionPanel{display:flex;flex-direction:column;gap:20px}#actionPanel .button-group{display:flex;flex-direction:column;gap:12px;margin-top:12px}#actionPanel .button{padding:14px 20px;width:100%}#actionBlock{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 20px #dc262640}#actionBlock:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 12px 24px #dc262666}#actionIgnore{background:#27272a80;border:1px solid #ffffff14;color:#fff;color:var(--text-primary)}#actionIgnore:hover{background:#27272acc;border-color:#ffffff26}.score-item{background:#27272a59;border:1px solid #ffffff08;border-radius:14px;display:flex;flex-direction:column;gap:6px;padding:16px;transition:all .2s ease}.score-item:hover{background:#27272a80;border-color:#ffffff0f}.score-item strong{color:#a1a1aa;color:var(--text-muted);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.score-item span{color:#fff;font-family:JetBrains Mono,Roboto Mono,Courier New,monospace;font-family:var(--font-mono);font-size:2rem;font-weight:800;line-height:1}.tutorial-overlay{align-items:center;display:flex;inset:0;justify-content:center;padding:24px;pointer-events:none;position:absolute}.tutorial-overlay:before{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#09090bd9;content:"";inset:0;pointer-events:auto;position:absolute;z-index:40}.tutorial-card{background:#27272a;border:1px solid #dc26264d;border-radius:20px;box-shadow:0 25px 60px #000c,0 0 30px #dc26261a;padding:32px;pointer-events:auto;position:relative;width:min(540px,100%);z-index:50}.tutorial-card h3{color:#fff;font-size:1.3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.tutorial-card p{color:#a1a1aa;color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:24px}.tutorial-controls{align-items:center;display:flex;gap:16px;justify-content:space-between}.tutorial-step-counter{color:#71717a;color:var(--text-dark);font-family:JetBrains Mono,Roboto Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.85rem;font-weight:600}.highlight-target{animation:pulse-highlight 2s ease-in-out infinite;background:#dc262614!important;border:2px solid #dc2626!important;border-radius:18px!important;box-shadow:0 0 25px #dc262666,0 0 50px #dc262640,inset 0 0 20px #dc26261a!important;position:relative;transition:all .3s ease;z-index:45!important}@keyframes pulse-highlight{0%,to{box-shadow:0 0 20px #dc262666,0 0 40px #dc262640,inset 0 0 15px #dc26261a}50%{border-color:#ef4444!important;box-shadow:0 0 35px #dc2626cc,0 0 70px #dc262680,inset 0 0 30px #dc262633}}.tutorial-overlay.highlight-active .tutorial-card{animation:glow-border 2s ease-in-out infinite alternate}@keyframes glow-border{0%{border-color:#dc262666}to{border-color:#ef4444b3}}.summary-view{margin:0 auto;max-width:800px}.summary-card{display:flex;flex-direction:column;gap:24px;padding:36px}.summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.summary-block{background:#27272a4d;border:1px solid #ffffff0a;border-radius:14px;padding:18px 20px}.summary-block strong{color:#a1a1aa;color:var(--text-muted);display:block;font-size:.75rem;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.summary-block span{color:#fff;font-family:JetBrains Mono,Roboto Mono,Courier New,monospace;font-family:var(--font-mono);font-size:1.6rem;font-weight:800}.summary-card .summary-block:last-of-type{background:#dc262614;border-color:#dc262633;grid-column:span 2}.summary-card .summary-block:last-of-type strong{color:#fca5a5}.summary-card .summary-block:last-of-type span{color:#fecaca;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-family:var(--font-ui);font-size:1.1rem;font-weight:600}@media (max-width:1200px) and (min-width:768px){.game-grid{gap:20px;grid-template-columns:1fr 1.3fr}#actionPanel,#alertPanel{grid-column:1}.game-grid>.card:nth-child(2){grid-column:2;grid-row:1/span 2}.log-frame{min-height:480px}}@media (max-width:767px){body{padding:12px}.app-shell{border-radius:16px;width:100%}.panel,header{padding:20px}.game-grid{gap:16px;grid-template-columns:1fr}.log-frame{min-height:280px}.summary-grid{grid-template-columns:1fr}.summary-card .summary-block:last-of-type{grid-column:span 1}.button-group{flex-direction:column;gap:10px}.button{width:100%}.investigation-toolbar{flex-direction:column;padding:8px}.investigation-toolbar .button.secondary{width:100%}}
/*# sourceMappingURL=main.baf8d0fa.css.map*/