body{color:#fff;font-family:Arial,sans-serif;margin:0;overflow-x:hidden;padding:0}.log-uploader{align-items:center;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1600px;min-height:70vh;min-width:800px;padding:20px;width:100%}.uploader-header{margin-bottom:2rem;text-align:center;width:100%}.uploader-header h1{color:#27acb8;font-size:3rem;margin-bottom:.5rem}.uploader-header h2{color:#fff;font-size:32px;margin-bottom:30px}.uploader-header p{color:#ccc;font-size:1rem}.upload-container{display:flex;flex-direction:column;margin-bottom:2rem;max-width:800px;width:100%}.log-content-section{width:100%}.log-content-section h3{color:#27acb8;font-size:1.5rem;margin-bottom:1rem;text-align:center}.log-textarea{background-color:#000000b3;border:2px solid #27acb8;border-radius:8px;box-sizing:border-box;color:#fff;font-family:Courier New,monospace;font-size:14px;min-height:300px;padding:15px;resize:vertical;width:100%}.log-textarea:focus{border-color:#39d0e6;box-shadow:0 0 10px #39d0e64d;outline:none}.log-textarea::placeholder{color:#888}.upload-actions{align-items:center;flex-direction:row;flex-wrap:wrap;gap:15px;max-width:800px}.analyze-button{background:linear-gradient(135deg,#27acb8,#39d0e6);gap:10px;padding:15px 30px}.analyze-button:hover:not(:disabled){background:linear-gradient(135deg,#39d0e6,#27acb8);box-shadow:0 5px 15px #27acb866}.analyze-button:disabled{opacity:.6}.file-upload-container{gap:10px}.file-input{display:none}.file-upload-button{align-items:center;background:linear-gradient(135deg,#444,#666);border:2px solid #27acb8;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.file-upload-button:hover{background:linear-gradient(135deg,#555,#777);border-color:#39d0e6;transform:translateY(-1px)}.file-info{color:#27acb8;font-size:.9rem;gap:5px}.clear-button{background:linear-gradient(135deg,#666,#444);border:1px solid #888;font-size:1rem;padding:12px 20px}.clear-button:hover{background:linear-gradient(135deg,#777,#555);transform:translateY(-1px)}.battle-options{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem;max-width:800px;width:100%}.battle-mode-toggle{background:#2a2a2acc;border:1px solid #444;border-radius:8px;gap:20px;padding:15px}.upload-divider span{background:#000;color:#999;font-weight:700;padding:0 1rem}.file-upload-section{background:#0000!important;border:1px solid #444;min-height:auto;padding:1rem}.file-upload-container{align-items:center;display:flex;flex-direction:column;margin-bottom:0;text-align:center;width:100%}.file-input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.file-upload-label{align-items:center;background:#3a3a3a;border:2px dashed #666;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.file-upload-label:hover{background:#4a4a4a;border-color:#27acb8}.upload-icon{font-size:1.2em}.file-info{align-items:center;display:flex;flex-direction:column;gap:.25rem;margin-top:1rem}.file-name{color:#27acb8;font-weight:700}.file-size{color:#999;font-size:.9rem}.battle-options{background:#0006;border:1px solid #27acb84d;border-radius:8px;margin:2rem 0;padding:1.5rem}.battle-mode-toggle{display:flex;gap:2rem;justify-content:center;margin-bottom:1rem}.toggle-option{align-items:center;color:#ccc;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;transition:color .3s ease}.toggle-option input[type=radio]{accent-color:#27acb8;transform:scale(1.2)}.toggle-option:hover{color:#27acb8}.battle-id-section{margin-top:1rem;text-align:center}.battle-id-section label{color:#ccc;display:block;font-weight:700;margin-bottom:.5rem}.battle-id-input{background:#0009;border:1px solid #555;border-radius:4px;color:#fff;font-size:.9rem;max-width:400px;padding:.75rem;text-align:center;transition:border-color .3s ease;width:100%}.battle-id-input:focus{border-color:#27acb8;box-shadow:0 0 5px #27acb84d;outline:none}.battle-id-help{color:#999;font-size:.8rem;font-style:italic;margin-top:.5rem}.upload-actions{gap:1rem;margin-bottom:2rem;width:100%}.analyze-button,.upload-actions{display:flex;justify-content:center}.analyze-button{align-items:center;background:linear-gradient(135deg,#27acb8,#20a5b1);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;gap:.5rem;min-width:200px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.analyze-button:hover:not(:disabled){background:linear-gradient(135deg,#20a5b1,#1a8a94);transform:translateY(-2px)}.analyze-button:disabled{background:#666;cursor:not-allowed;transform:none}.clear-button{background:#0000;border:2px solid #666;border-radius:8px;color:#fff;cursor:pointer;padding:1rem 1.5rem;transition:all .3s ease}.clear-button:hover{background:#ffffff1a;border-color:#999}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.upload-help{background:#2a2a2a;border-left:4px solid #27acb8;border-radius:8px;box-sizing:border-box;margin-top:1rem;padding:1.5rem;width:100%}.upload-help h4{color:#27acb8;margin-bottom:1rem}.upload-help ol{color:#ccc;margin-bottom:1rem;padding-left:1.5rem}.upload-help li{margin-bottom:.5rem}.upload-help p{color:#999;font-style:italic}.error-message{background:#e74c3c1a;border:1px solid #e74c3c;border-radius:8px;box-sizing:border-box;color:#e74c3c;margin-bottom:1rem;padding:1rem;text-align:center;width:100%}.listener-input-section{background:#27acb81a;border:2px solid #27acb8;border-radius:12px;margin:2rem 0;max-width:600px;padding:2rem;text-align:center;width:100%}.listener-warning{margin-bottom:1.5rem}.listener-warning h3{align-items:center;color:#f39c12;display:flex;font-size:1.4rem;gap:.5rem;justify-content:center;margin-bottom:1rem}.listener-warning p{color:#ccc;line-height:1.5;margin-bottom:.5rem}.listener-input{margin-bottom:1.5rem}.listener-input label{color:#27acb8;display:block;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.listener-input-field{background:#000000b3;border:2px solid #444;border-radius:8px;color:#fff;font-size:1rem;max-width:400px;padding:12px 16px;transition:all .3s ease;width:100%}.listener-input-field:focus{background:#000000e6;border-color:#27acb8;box-shadow:0 0 10px #27acb84d;outline:none}.listener-input-field:disabled{cursor:not-allowed;opacity:.6}.listener-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.listener-skip-button,.listener-update-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;min-width:140px;padding:12px 24px;transition:all .3s ease}.listener-update-button{background:linear-gradient(135deg,#27acb8,#1e8892);color:#fff}.listener-update-button:hover:not(:disabled){background:linear-gradient(135deg,#2fb8c4,#27acb8);box-shadow:0 4px 20px #27acb866;transform:translateY(-2px)}.listener-update-button:disabled{background:#555;box-shadow:none;color:#999;cursor:not-allowed;transform:none}.listener-skip-button{background:#ffffff1a;border:2px solid #666;color:#ccc}.listener-skip-button:hover:not(:disabled){background:#fff3;border-color:#999;color:#fff}.listener-skip-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1600px){.log-uploader,.upload-container{max-width:90%}}@media (max-width:900px){.log-uploader{min-width:90%;padding:15px}.upload-container{min-width:90%}.uploader-header h1{font-size:2.5rem}.uploader-header h2{font-size:28px}.upload-section{padding:1rem}.analyze-button{font-size:1rem;min-width:180px}}@media (max-width:600px){.log-uploader{min-width:95%;padding:10px}.upload-container{min-width:95%}.uploader-header h1{font-size:2rem}.uploader-header h2{font-size:24px}.upload-actions{align-items:center;flex-direction:column}.analyze-button,.clear-button{max-width:300px;width:100%}}.parallax-background{position:absolute}.dot{animation:moveDots 5s infinite;background-color:#fff;height:10px;width:10px}@keyframes moveDots{0%{transform:translate(0)}50%{transform:translate(50px,50px)}to{transform:translate(0)}}.loading-indicator{align-items:center;display:flex;flex-direction:column;margin-top:20px}.spinner{animation:spin 1.5s linear infinite;border:4px solid #27acb84d;border-radius:50%;border-top-color:#27acb8;height:40px;margin-bottom:10px;width:40px}.parallax-background{background:radial-gradient(ellipse at center,#012 0,#000 100%)}.parallax-canvas{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.summary-header{margin-bottom:20px}.summary-header h2{color:#8dd8d3;font-weight:500}.opponents-container,.opponents-row{display:flex;flex-wrap:wrap;justify-content:center}.opponents-row{gap:20px;margin-bottom:20px}.character-card{flex-direction:column;width:220px}.player-card{background:#1e2841bf}.player-section{margin-top:20px}.player-container{display:flex;justify-content:center}.char-portrait{margin-bottom:10px}.char-info{margin-top:10px;text-align:center}.char-name{color:#fff;font-size:16px;font-weight:500;margin-bottom:5px}.ship-type{color:#8dd8d3;font-size:12px;font-style:italic;margin-bottom:5px}.filter-controls{margin-bottom:15px}.button-group{display:flex;gap:5px;margin-bottom:10px}.filter-button{background:#1e284180;border:1px solid #2a3a56;color:#8dd8d3;font-size:12px;padding:5px 10px}.filter-button.active{background:#8dd8d333;border-color:#8dd8d3}.events-list tr.damage{background-color:#e74c3c1a}.events-list tr.neut{background-color:#9b59b61a}.events-list tr.disrupt,.events-list tr.scram{background-color:#f1c40f1a}.events-list tr.web{background-color:#3498db1a}.event-totals{display:flex;flex-direction:column;gap:15px}.total-item{background:#1e284180;border-radius:8px;padding:15px}.total-item h4{color:#8dd8d3;font-size:14px;font-weight:400;margin:0 0 10px}.total-value{font-size:24px}.damage-received .total-value{color:#e74c3c}.energy-drained .total-value{color:#f39c12}.disruption .total-value,.scram .total-value{color:#3498db}.loading-message{align-items:center;color:#8dd8d3;display:flex;font-size:18px;height:60vh;justify-content:center}.policy-container{color:#ecf0f1;font-family:Roboto,Arial,sans-serif;line-height:1.6;margin:0 auto;max-width:1000px;padding:30px 20px}.policy-container h1{border-bottom:1px solid #27acb84d;color:#27acb8;font-size:2.2rem;margin-bottom:25px;padding-bottom:15px}.policy-container h2{color:#27acb8;font-size:1.5rem;margin-bottom:15px;margin-top:30px}.policy-container h3{color:#bdc3c7;font-size:1.2rem;margin-bottom:10px;margin-top:20px}.policy-container p{margin-bottom:15px}.policy-container section{margin-bottom:30px}.effective-date{color:#95a5a6;font-style:italic;margin-bottom:25px}.back-link-container{margin-top:40px;text-align:center}.back-link{background-color:#27acb8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s}.back-link:hover{background-color:#1a8991}@media (max-width:768px){.policy-container{padding:20px 15px}.policy-container h1{font-size:1.8rem}.policy-container h2{font-size:1.3rem}}#root,body,html{height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}body{background-color:#000;color:#eee;font-family:Roboto,Arial,sans-serif;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:0}.parallax-background{background-color:#000;overflow:hidden;position:fixed;z-index:-1}#connections-canvas,.parallax-background{height:100%;left:0;pointer-events:none;top:0;width:100%}#connections-canvas{position:absolute;z-index:0}.dot{background-color:#00a2b5;border-radius:50%;box-shadow:0 0 5px #00a2b5cc;pointer-events:none;transition:all .1s linear;z-index:1}.canvas,.dot{position:absolute}.canvas{height:100%;left:0;top:0;width:100%;z-index:-2}.site-header{background-color:#000000b3;border-bottom:1px solid #00a2b54d;padding:20px;position:relative;text-align:center;z-index:10}.title-link{color:inherit;text-decoration:none}.main-title{color:#999;font-size:2.5rem;margin:0;text-shadow:0 0 10px #8a2be280;transition:color .3s ease}.subtitle{color:#999;font-size:1.2rem;font-weight:400;margin:.5rem 0 0}.main-content{box-sizing:border-box;margin:0;max-width:none;padding:20px;position:relative;width:100%;z-index:5}.content-container{height:100%;width:100%}.backend-status{border-radius:4px;font-size:.9rem;margin-bottom:10px;padding:10px;text-align:center}.backend-status.warning{background-color:#f39c1233;border-left:4px solid #f39c12;color:#f39c12}.combat-visualizer-container{color:#8dd8d3;height:100%;min-height:80vh;position:relative;width:100%}.combat-visualizer{padding:20px;position:relative;z-index:1}.combat-visualization{display:flex;flex-direction:column;gap:30px;margin-top:20px;width:100%}.visualizer-layout{display:flex;gap:20px;height:calc(100vh - 160px)}.characters-section{flex:0 0 60%;overflow-y:auto}.events-section{display:flex;flex:0 0 40%;flex-direction:column}.characters-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);padding:10px}.character-portrait{background:#0000;border:2px solid #0000;border-radius:10px;cursor:pointer;padding:10px;text-align:center;transition:all .3s ease}.character-portrait:hover{background-color:#27acb81a;border-color:#27acb880}.character-portrait.selected{background-color:#27acb833;border-color:#27acb8;box-shadow:0 0 10px #27acb866}.character-portrait img{border:2px solid #27acb84d;border-radius:50%;height:64px;margin-bottom:8px;width:64px}.character-portrait.selected img{border-color:#27acb8}.character-name{font-size:.9rem;margin-bottom:4px}.character-corp{color:#ccc;font-size:.75rem;margin-bottom:2px}.character-alliance,.character-corp{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-alliance{color:#aaa;font-size:.7rem}.events-timeline{flex:1 1;overflow-y:auto}.character-card{align-items:center;background:#141b2dbf;border:1px solid #2a3a56;border-radius:10px;cursor:pointer;display:flex;gap:15px;padding:15px;position:relative;transition:all .3s ease}.character-card:hover{background:#1e2841bf;border-color:#4a5b76;transform:translateY(-2px)}.character-card.selected{border-color:#8dd8d3;box-shadow:0 0 10px #8dd8d380}.char-portrait-container{flex-shrink:0;padding:8px 0;width:100%}.char-portrait,.char-portrait-container{align-items:center;display:flex;justify-content:center}.char-portrait{height:80px;overflow:hidden;position:relative;width:80px}.char-portrait,.char-portrait img{border-radius:50%;transition:all .3s ease}.char-portrait img{display:block;height:100%;object-fit:cover;width:100%}.damage-counter{align-items:center;border-radius:50%;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;position:absolute;width:24px}.damage-counter.incoming{background-color:#e74c3c;color:#fff;right:-5px;top:-5px}.damage-counter.outgoing{background-color:#2ecc71;bottom:-5px;color:#fff;right:-5px}.char-details,.char-info{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:3px}.char-name,.character-name{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:5px}.char-alliance a,.char-corp a,.char-name a{color:#fff;text-decoration:none;transition:color .2s ease}.char-alliance a:hover,.char-corp a:hover,.char-name a:hover{color:#27acb8;text-decoration:underline}.char-ship,.ship-type{color:#ccc;font-size:1rem;font-style:italic;margin-bottom:5px}.char-corp,.corporation{color:#ccc;font-size:.9em;margin-bottom:2px}.alliance,.char-alliance{color:#999;font-size:.8em}.clickable-alliance,.clickable-corp{padding:1px 3px}.clickable-alliance,.clickable-character,.clickable-corp{border-radius:3px;cursor:pointer;margin:1px 0;transition:color .2s ease,text-shadow .2s ease}.clickable-character{padding:2px 4px}.clickable-character:hover{background-color:#ffffff1a;color:#fff;text-shadow:0 0 8px #fffc}.clickable-corp:hover{background-color:#00a2b51a;color:#00a2b5;text-shadow:0 0 5px #00a2b580}.clickable-alliance:hover{background-color:#ff98001a;color:#ff9800;text-shadow:0 0 5px #ff980080}.event-count{background-color:#2c3e5066;border-radius:10px;color:#aaa;display:inline-block;padding:3px 8px}.events-panel{background:#101826f2;border-left:1px solid #2a3a56;box-shadow:-5px 0 10px #0003;height:100%;overflow-y:auto;padding:15px;position:absolute;right:0;top:0;width:400px;z-index:10}.events-panel-header{align-items:center;border-bottom:1px solid #2a3a56;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.close-button{background:none;border:none;color:#8dd8d3;cursor:pointer;font-size:24px}.events-filter-bar,.filter-controls{border-bottom:1px solid #27acb84d;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px;padding:10px}.events-content{max-height:calc(100% - 120px);overflow-y:auto}.events-list table{border-collapse:collapse;width:100%}.events-list th{border-bottom:1px solid #2a3a56;color:#8dd8d3;font-size:12px;padding:8px 5px;text-align:left}.events-list td{border-bottom:1px solid #2a3a5680;color:#ddd;font-size:12px;padding:6px 5px}.event-item{background-color:#191923b3;border-left:3px solid #0000;border-radius:3px;margin-bottom:2px;padding:10px 12px;transition:background-color .2s}.event-item:hover{background-color:#191923e6}.event-item.from-player.damage,.event-item.outgoing.damage{background-color:#2ecc711a;border-left:3px solid #2ecc71}.event-item.incoming.damage,.event-item.to-player.damage{background-color:#e74c3c1a;border-left:3px solid #e74c3c}.event-item.scram{background-color:#9b59b61a;border-left:3px solid #9b59b6}.event-item.web{background-color:#e991171a;border-left:3px solid #e99117}.event-item.disrupt{background-color:#31b6df1a;border-left:3px solid #31b6df}.event-item.neut{background-color:#f1c40f1a;border-left:3px solid #f1c40f}.event-item.ecm,.event-item.notify{background-color:#3498db1a;border-left:3px solid #3498db}.event-item.system{background-color:#7f8c8d1a;border-left:3px solid #7f8c8d}.event-item.damp,.event-item.jam,.event-item.paint{background-color:#9775fa1a;border-left:3px solid #9775fa}.event-type{display:inline-block;font-weight:700;margin-right:8px}.event-item.from-player .event-type.damage,.event-type.incoming.damage{color:#2ecc71}.event-item.to-player .event-type.damage,.event-type.outgoing.damage{color:#e74c3c}.event-type.scram{color:#9b59b6}.event-type.web{color:#e99117}.event-type.disrupt{color:#31b6df}.event-type.neut{color:#f1c40f}.event-type.ecm,.event-type.notify{color:#3498db}.event-time,.event-type.system{color:#7f8c8d}.event-time{margin-right:10px}.event-direction{color:#bdc3c7;margin-bottom:3px}.event-message{color:#ecf0f1;font-size:.95em;overflow-wrap:anywhere;word-break:break-word}.notify-content{display:flex;flex-direction:column}.notify-content .event-message{color:#bdc3c7;font-size:.9em;margin-top:3px}.direction-indicator{font-size:12px;font-weight:700;margin:0 5px}.direction-indicator.outgoing{color:#0f0}.direction-indicator.incoming{color:red}.event-types{color:#ccc;font-size:11px;margin-left:10px}.event-totals,.events-totals{background-color:#19192399;border-radius:5px;margin:10px;padding:15px}.totals-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.total-item{background-color:#1e1e28cc;border-left:3px solid #27acb8;border-radius:5px;padding:10px;text-align:center}.total-label{color:#ccc;font-size:.8rem;margin-bottom:5px}.total-value{color:#27acb8;font-size:1.2rem;font-weight:700}.total-item.done{border-left-color:#2ecc71}.total-item.received{border-left-color:#e74c3c}.total-item.done.damage .total-value{color:#2ecc71}.total-item.received.damage .total-value{color:#e74c3c}.total-item.done.scram .total-value,.total-item.received.scram .total-value{color:#9b59b6}.total-item.done.web .total-value,.total-item.received.web .total-value{color:#e99117}.total-item.done.disrupt .total-value,.total-item.received.disrupt .total-value{color:#31b6df}.total-item.done.neut .total-value,.total-item.received.neut .total-value{color:#f1c40f}.combat-summary-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;max-height:calc(100vh - 120px);min-height:calc(100vh - 120px);overflow-y:auto;padding:20px;resize:both;width:100%}.combat-summary{display:flex;flex:1 1;flex-direction:column;margin:0;max-width:none;width:100%}.summary-header{align-items:center;border-bottom:1px solid #27acb866;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.summary-header h2{color:#27acb8e6;font-size:2rem;margin:0}.combat-duration{color:#27acb8cc;font-size:1.2rem}.summary-content{grid-gap:30px;display:grid;flex:1 1;gap:30px;grid-template-columns:3fr 1fr;min-height:0;width:100%}.participants-panel{display:flex;flex-direction:column;min-height:0}.participants-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.participants-header h3{color:#27acb8e6;font-size:1.5rem;margin:0}.team-filters{flex-wrap:wrap;gap:15px}.filter-group,.team-filters{align-items:center;display:flex}.filter-group{gap:8px}.filter-group label{color:#fffc;font-size:.9rem;margin:0;white-space:nowrap}.filter-select{-webkit-appearance:none;appearance:none;background-color:#1e1e28e6;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(39, 172, 184, 0.8)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid #27acb880;border-radius:5px;color:#eee;cursor:pointer;font-size:.9rem;min-width:140px;padding:8px 35px 8px 12px;transition:all .3s ease}.filter-select:focus{background-color:#1e1e28;border-color:#27acb8cc;box-shadow:0 0 8px #27acb866;outline:none}.filter-select:hover{background-color:#1e1e28;border-color:#27acb8b3}@media (max-width:768px){.participants-header{align-items:stretch}.participants-header,.team-filters{flex-direction:column;gap:10px}.filter-group{align-items:stretch;flex-direction:column;gap:5px}.filter-select{min-width:auto;width:100%}.participants-grid{gap:8px;grid-template-columns:1fr;margin-top:15px}.participant-card{gap:8px;padding:10px}.char-portrait img{height:40px;width:40px}}.participants-grid{grid-gap:10px;display:grid;flex:1 1;gap:10px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px;overflow-y:auto}.characters-grid h3,.stats-panel h3{color:#27acb8e6;font-size:1.5rem;margin-bottom:20px;margin-top:0}.filtered-label{color:#fffc;font-size:1.2rem;font-weight:400}.characters-grid h4,.stats-panel h4{border-bottom:1px solid #27acb84d;color:#27acb8e6;font-size:.8rem;margin-bottom:50px;margin-top:0;padding-bottom:20px}.character-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.stats-panel{background-color:#1e1e28b3;border:1px solid #27acb84d;border-radius:10px;box-shadow:0 4px 8px #0000004d;padding:20px}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-item{background-color:#191923cc;border-radius:8px;padding:15px;text-align:center}.stat-label{color:#ccc;font-size:.9rem;margin-bottom:8px}.stat-value{color:#27acb8;font-size:1.5rem;font-weight:700}.view-selector{display:flex;justify-content:center;margin-bottom:20px}.view-button{background-color:#1e1e28cc;border:1px solid #27acb880;color:#fff;cursor:pointer;font-size:1rem;padding:12px 30px;transition:background-color .3s}.view-button:first-child{border-bottom-left-radius:5px;border-top-left-radius:5px}.view-button:last-child{border-bottom-right-radius:5px;border-top-right-radius:5px}.view-button.active{background-color:#27acb8b3;font-weight:700}.view-button:hover{background-color:#27acb880}.analyze-another{background-color:#1e1e28cc;border:1px solid #27acb880;border-radius:5px;color:#ff2d2d;cursor:pointer;font-size:1rem;font-weight:700;margin-left:10px;padding:12px 30px;text-decoration:none;transition:background-color .3s}.analyze-another:hover{background-color:#b8272780}.add-to-battle{background-color:#1e1e28cc;border:1px solid #27acb880;border-radius:5px;color:#27acb8;cursor:pointer;font-size:1rem;font-weight:700;margin-left:10px;padding:12px 30px;text-decoration:none;transition:background-color .3s}.add-to-battle:hover{background-color:#27acb880}.back-button{background-color:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;margin:20px auto;padding:10px 20px;transition:background-color .3s}.back-button:hover{background-color:#c0392b}.toggle-events-button{bottom:20px;position:fixed;right:20px;z-index:30}.events-toggle{background-color:#27acb866;border:1px solid #27acb8b3;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 15px;transition:all .2s ease}.events-toggle:hover{background-color:#27acb899}.events-toggle.active{background-color:#27acb8cc}.combat-summary-loading,.combat-visualizer-loading,.loading,.loading-message{align-items:center;color:#27acb8;display:flex;flex-direction:column;font-size:1.2rem;justify-content:center;min-height:200px}.no-data-message{align-items:center;color:#8dd8d3;display:flex;font-size:18px;height:60vh;justify-content:center}.events-content::-webkit-scrollbar,.timeline::-webkit-scrollbar{width:8px}.events-content::-webkit-scrollbar-track,.timeline::-webkit-scrollbar-track{background:#1a1a1a}.events-content::-webkit-scrollbar-thumb,.timeline::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.events-content::-webkit-scrollbar-thumb:hover,.timeline::-webkit-scrollbar-thumb:hover{background:#666}.combat-nav{border-bottom:1px solid #333;display:flex;gap:10px;margin-bottom:20px;padding-bottom:15px}.combat-nav button{background:#2a2a2a;border:1px solid #444;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:all .3s ease}.combat-nav button:hover{background:#3a3a3a;border-color:#666}.combat-nav button.active{background:#06c;border-color:#08f}.character-portraits{margin-bottom:30px}.character-portraits h3{color:#0f0;margin-bottom:15px}.portraits-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.portrait img{border:2px solid #444;border-radius:50%;height:64px;width:64px}.events-timeline h3{color:#0f0;margin-bottom:15px}.timeline{background:#2a2a2a;border:1px solid #444;border-radius:8px;max-height:600px;overflow-y:auto;padding:15px}.timeline-event{background-color:#14141ecc;border-left:4px solid #555;border-radius:4px;cursor:pointer;margin-bottom:8px;padding:8px 12px;transition:all .2s ease}.timeline-event:hover{background-color:#1e1e28e6;transform:translateX(2px)}.timeline-event.damage.outgoing{background-color:#2ecc711a;border-left-color:#2ecc71}.timeline-event.damage.incoming{background-color:#e74c3c1a;border-left-color:#e74c3c}.timeline-event.scram{background-color:#9b59b61a;border-left-color:#9b59b6}.timeline-event.disrupt{background-color:#3498db1a;border-left-color:#3498db}.timeline-event.neut{background-color:#f1c40f1a;border-left-color:#f1c40f}.timeline-event.web{background-color:#1abc9c1a;border-left-color:#1abc9c}.event-type-badge{border-radius:3px;display:inline-block;font-size:.7rem;font-weight:700;margin:4px 0;padding:2px 6px;text-transform:uppercase}.event-type-badge.damage{background-color:#e74c3c;color:#fff}.event-type-badge.scram{background-color:#9b59b6;color:#fff}.event-type-badge.disrupt{background-color:#3498db;color:#fff}.event-type-badge.neut{background-color:#f1c40f;color:#333}.event-type-badge.web{background-color:#1abc9c;color:#fff}.event-direction{width:100%}.direction-text{color:#fff;display:block;font-size:.85rem;font-weight:700;margin-bottom:4px}.event-details{color:#ccc;font-size:.8rem;margin-top:4px}.event-details .weapon{color:#aaa;font-style:italic;margin-bottom:2px}.event-details .amount{color:#fff;font-weight:700}.event-time{color:#888;font-family:monospace;font-size:.75rem;margin-bottom:4px}.raw-event{color:#999;font-size:.8rem}.raw-event .event-type{color:#aaa;font-weight:700;margin-right:8px}.raw-event .event-message{color:#bbb}.filter-section{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.filter-button{background-color:#1e1e28cc;border:1px solid #27acb866;border-radius:4px;color:#eee;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .3s ease}.filter-button:hover{background-color:#27acb84d;border-color:#27acb899}.filter-button.active{background-color:#27acb8b3;border-color:#27acb8;color:#fff;font-weight:700}.filter-button.large{font-size:.9rem;font-weight:600;padding:8px 16px}.totals-section{background-color:#1e1e28e6;border:1px solid #27acb866;border-radius:6px;margin-bottom:15px;padding:10px}.totals-section h4{color:#27acb8;font-size:.9rem;margin:0 0 8px}.totals-display{display:flex;flex-direction:column;font-size:.8rem;gap:4px}.totals-display div{color:#ddd}.participant-card.selected{background-color:#27acb814!important;border:none!important;transform:scale(1.02);transition:all .3s ease}.participant-card.selected .char-portrait{border:none;box-shadow:0 0 0 3px #27acb899,0 0 20px #27acb8cc,0 0 40px #27acb866,inset 0 0 20px #27acb81a;transform:scale(1.05)}.participant-card.selected .char-portrait img{border:none;box-shadow:inset 0 0 15px #27acb84d}.participant-card:not(.selected):hover .char-portrait{box-shadow:0 0 10px #27acb84d;transform:scale(1.02)}.participant-card,.participant-card .char-portrait,.participant-card .char-portrait img{border:none!important}.combat-visualizer-advanced{background:#000c;border-radius:10px;color:#fff;margin:20px 0;padding:20px}.character-bar-container{margin-bottom:30px}.character-bar-container h3{color:#00d4ff;margin-bottom:15px;text-align:center}.character-scroll-bar{background:#ffffff0d;border:1px solid #00d4ff4d;border-radius:15px;display:flex;gap:15px;overflow-x:auto;padding:20px 10px;scrollbar-color:#00d4ff #ffffff1a;scrollbar-width:thin}.character-scroll-bar::-webkit-scrollbar{height:8px}.character-scroll-bar::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.character-scroll-bar::-webkit-scrollbar-thumb{background:#00d4ff;border-radius:4px}.character-portrait-item{align-items:center;background:#ffffff1a;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;padding:15px;transition:all .3s ease;width:120px}.character-portrait-item:hover{background:#ffffff26;transform:translateY(-3px)}.character-portrait-item.selected{background:#00d4ff1a;border:2px solid #00d4ff;box-shadow:0 0 20px #00d4ff99}.character-portrait-item.listener{border-color:#ffd70099}.character-portrait-item.listener.selected{border-color:#00d4ff;box-shadow:0 0 20px #00d4ff99,inset 0 0 10px #ffd70033}.portrait-container{margin-bottom:10px;position:relative}.character-placeholder,.character-portrait{border:2px solid #ffffff4d;border-radius:50%;height:64px;width:64px}.character-placeholder{align-items:center;background:linear-gradient(135deg,#333,#555);color:#00d4ff;display:flex;font-size:24px;font-weight:700;justify-content:center}.listener-badge{background:linear-gradient(135deg,#ff6b35,#ff8c42);border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;position:absolute;right:-5px;top:-5px}.character-name{color:#fff;font-size:12px;font-weight:700;margin-bottom:8px;max-width:100px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.character-stats{display:flex;flex-direction:column;font-size:10px;gap:3px;text-align:center}.damage-dealt{color:#ff6b6b}.damage-received{color:#74c0fc}.visualization-container{background:#ffffff0d;border:1px solid #00d4ff4d;border-radius:15px;padding:20px}.view-controls{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.view-controls .view-button{background:#ffffff1a;border:1px solid #00d4ff4d;border-radius:8px;color:#fff;cursor:pointer;padding:10px 20px;transition:all .3s ease}.view-controls .view-button:hover{background:#00d4ff33}.view-controls .view-button.active{background:linear-gradient(135deg,#00d4ff,#09c);border-color:#00d4ff}.selected-characters-display{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px}.selected-character-node{align-items:center;background:#ffffff1a;border:2px solid #00d4ff4d;border-radius:15px;display:flex;flex-direction:column;min-width:200px;padding:20px}.large-portrait-container{margin-bottom:15px;position:relative}.large-character-placeholder,.large-character-portrait{border:3px solid #ffffff4d;border-radius:50%;height:100px;width:100px}.large-character-placeholder{align-items:center;background:linear-gradient(135deg,#333,#555);color:#00d4ff;display:flex;font-size:36px;font-weight:700;justify-content:center}.large-listener-badge{background:linear-gradient(135deg,#ff6b35,#ff8c42);border:2px solid #ffffff4d;border-radius:10px;color:#fff;font-size:12px;font-weight:700;padding:4px 8px;position:absolute;right:-8px;top:-8px}.character-details{text-align:center}.character-details h4{color:#00d4ff;font-size:18px;margin:0 0 10px}.ship-name{color:gold;font-weight:700;margin-bottom:5px}.corp-name{color:#ccc;font-size:12px;margin-bottom:15px}.damage-summary{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.damage-stat{display:flex;gap:10px;justify-content:space-between}.damage-stat .label{color:#ccc;font-size:12px}.damage-stat .value{color:#00d4ff;font-weight:700}.zkillboard-link{border:1px solid #00d4ff4d;border-radius:5px;color:#00d4ff;font-size:12px;padding:5px 10px;text-decoration:none;transition:all .3s ease}.zkillboard-link:hover{background:#00d4ff33;text-decoration:none}.connections-container{margin-bottom:30px}.connections-container h4{color:#00d4ff;margin-bottom:15px;text-align:center}.connection-bar{align-items:center;background:#ffffff1a;border-left:4px solid #00d4ff;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px 15px}.connection-bar.damage{border-left-color:#ff6b6b}.connection-bar.neut{border-left-color:gold}.connection-bar.ewar{border-left-color:#9775fa}.connection-from,.connection-to{color:#fff;font-weight:700}.connection-arrow{color:#00d4ff;font-size:18px;font-weight:700;margin:0 10px}.connection-stats{align-items:center;display:flex;gap:10px}.damage-amount{color:#ff6b6b;font-weight:700}.event-count{color:#ccc;font-size:12px}.timeline-container{margin-bottom:30px}.timeline-container h4{color:#00d4ff;margin-bottom:15px;text-align:center}.timeline-slider{margin-bottom:10px;position:relative}.timeline-input{appearance:none;-webkit-appearance:none;background:#fff3;border-radius:4px;height:8px;outline:none;width:100%}.timeline-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#00d4ff;border:2px solid #fff;border-radius:50%;cursor:pointer;height:20px;width:20px}.timeline-input::-moz-range-thumb{background:#00d4ff;border:2px solid #fff;border-radius:50%;cursor:pointer;height:20px;width:20px}.timeline-labels{color:#ccc;display:flex;font-size:12px;justify-content:space-between;margin-top:5px}.current-time{color:#00d4ff;font-size:14px;font-weight:700;text-align:center}.event-details{background:#ffffff0d;border-radius:10px;padding:15px}.event-details h4{color:#00d4ff;margin-bottom:15px;text-align:center}.event-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.event-item{align-items:center;background:#ffffff1a;border-left:4px solid #00d4ff;border-radius:8px;display:flex;justify-content:space-between;padding:10px}.event-item.damage{border-left-color:#ff6b6b}.event-item.neut{border-left-color:gold}.event-item.disrupt,.event-item.scram{border-left-color:#9775fa}.event-item.more{background:#ffffff0d;border-left-color:#666;color:#ccc;font-style:italic}.event-time{color:#ccc;font-size:12px;min-width:80px}.event-description{color:#fff;flex:1 1;margin:0 15px}.event-details-text{display:flex;font-size:12px;gap:10px}.weapon{color:gold}.damage{color:#ff6b6b;font-weight:700}.no-selection{color:#ccc;padding:60px 20px;text-align:center}.no-selection h3{color:#00d4ff;margin-bottom:15px}.no-selection p{font-size:14px}.character-network-display{background:#ffffff0d;border:1px solid #00d4ff4d;border-radius:15px;margin-bottom:30px;padding:20px}.character-network-display h4{color:#00d4ff;margin-bottom:20px;text-align:center}.network-container{align-items:center;background:#0000004d;border-radius:10px;display:flex;height:500px;justify-content:center;overflow:hidden;position:relative;width:100%}.network-svg{height:100%;max-width:800px;-webkit-user-select:none;user-select:none;width:100%}.character-node{transition:all .2s ease}.character-node:hover .character-box{stroke-width:4;filter:drop-shadow(0 0 15px rgba(0,212,255,.7))!important}.character-box{transition:all .3s ease}.character-node[style*="cursor: grabbing"] .character-box{stroke-width:4;filter:drop-shadow(0 0 20px rgba(0,212,255,.9))!important}.event-type-label{letter-spacing:.5px;text-shadow:2px 2px 4px #000000e6}.event-type-label,.event-value-label{font-family:Roboto,Arial,sans-serif;font-weight:700}.event-value-label{text-shadow:1px 1px 3px #000c}.network-container:before{background:#000c;border-radius:5px;color:#00d4ff;content:"Drag characters to reposition them";font-size:12px;opacity:.7;padding:5px 10px;position:absolute;right:15px;top:10px;z-index:10}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{display:flex;flex:1 1;flex-direction:column;padding-bottom:20px}.site-footer{background-color:#000000b3;border-top:1px solid #00a2b54d;color:#999;font-size:.9rem;margin-top:40px;padding:20px;text-align:center}.footer-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:15px}.footer-links a{color:#999;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#fff}.copyright{color:#555;font-size:.8rem}@media (max-width:640px){.footer-links{flex-direction:column;gap:10px}.site-footer{padding:10px}}@media (max-width:600px){.footer-links a{font-size:.8rem;margin:0 8px}.copyright{font-size:.7rem}}
/*# sourceMappingURL=main.e2500a89.css.map*/