.top-bar{width:100%;height:60px;display:flex;align-items:center;justify-content:flex-start;padding:20px 40px;position:fixed;top:0;left:0;z-index:100}.player-chip{background:#d4d2d2b1;padding:10px 15px;border-radius:20px;cursor:pointer;display:flex;align-items:center;font-size:14px;color:#fff;transition:background .3s;min-width:170px;position:relative}.player-chip:hover{background:#fff6}.loading-spinner{margin-left:8px;color:#666}.player-dropdown{position:absolute;top:50px;left:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:10px;padding:12px;width:220px;box-shadow:0 4px 8px #0000004d;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.player-dropdown.visible{opacity:1;transform:translateY(0);pointer-events:all}.player-dropdown input{width:100%;padding:8px;margin-bottom:8px;border:none;border-radius:5px;background:#fff3;color:#fff;outline:none}.loading-message,.error-message{padding:8px;text-align:center}.error-message{color:red}.player-dropdown ul{list-style:none;padding:0;margin:0;max-height:160px;overflow-y:auto}.player-dropdown li{padding:8px;cursor:pointer;transition:background .2s;border-radius:5px}.player-dropdown li:hover{background:#ffffff4d}.player-info[data-v-b155ab9d]{font-size:.8em;opacity:.8;margin-left:8px}.loading-spinner[data-v-b155ab9d]{margin-left:8px;color:#666}.error-message[data-v-b155ab9d]{color:#f44;padding:8px}.loading-message[data-v-b155ab9d]{color:#666;padding:8px}.kpi-sidebar-horizontal{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:100%;flex-wrap:nowrap}.kpi-sidebar-horizontal .kpi-card{flex:1;text-align:center;padding:1rem;border-radius:8px;min-width:100px;min-height:120px}.kpi-bar-vertical{display:flex;flex-direction:column;align-items:center;gap:10px;width:30%;max-width:50%;padding:0 20px;box-sizing:border-box}.kpi-bar-vertical .kpi-card{flex-grow:1;width:100%;text-align:center;padding:1rem;border-radius:8px}.kpi-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff1f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;padding:1.5rem;min-width:140px;min-height:150px;box-shadow:0 4px 8px #0003;text-align:center;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.kpi-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000040}.kpi-title{font-size:14px;font-weight:700;color:#ffffffe6;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-size:36px;font-weight:700;color:#fff;margin-bottom:4px}.kpi-comment{font-size:12px;color:#ffffffb3;font-style:italic}.graph-card[data-v-e595ade8]{width:100%;max-height:500px;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;padding:3rem;box-shadow:0 4px 6px #ffffff1a;display:flex;flex-direction:column;align-items:center;justify-content:center}h2[data-v-e595ade8]{color:#fff;margin-bottom:10px}.no-data-message[data-v-e595ade8]{color:#ffffffb3;font-size:1.2rem;text-align:center;padding:2rem;background:#ffffff1a;border-radius:8px;width:100%}.card-container[data-v-8c2fd4bf]{padding:1rem;background:#e6e6e633;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(37,37,37,.2);box-shadow:0 4px 6px #2626261a;transition:all .3s ease-in-out;overflow:hidden}.card-container[data-v-8c2fd4bf]:hover{transform:translateY(-2px);box-shadow:0 6px 12px #94949426}.card-container[data-v-8c2fd4bf]:before{content:"";position:absolute;top:var(--mouse-y);left:var(--mouse-x);width:4000px;height:4000px;background:radial-gradient(circle,#cbcbcb1a,#fff0 30%);transform:translate(-50%,-50%);transition:opacity .2s ease-in-out;opacity:0;pointer-events:none}.card-container[data-v-8c2fd4bf]:hover:before{opacity:1}.report-card[data-v-7c227482]{display:flex;flex-direction:column;justify-content:flex-start;padding:0;min-height:280px;max-height:900px;width:100%;box-sizing:border-box;overflow:hidden}.report-title[data-v-7c227482]{font-size:22px;font-weight:700;color:#fff;margin-bottom:8px;position:relative;z-index:1;padding:2rem 2rem 0;flex-shrink:0}.report-subtitle[data-v-7c227482]{font-size:16px;font-weight:500;color:#fffc;margin-bottom:12px;padding:0 2rem;flex-shrink:0}.report-content-wrapper[data-v-7c227482]{width:100%;flex:1;overflow-y:auto;overflow-x:hidden;padding:0 2rem 2rem;box-sizing:border-box}.report-content-wrapper[data-v-7c227482]::-webkit-scrollbar{width:6px}.report-content-wrapper[data-v-7c227482]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.report-content-wrapper[data-v-7c227482]::-webkit-scrollbar-thumb{background:#fc09;border-radius:3px}.report-content-wrapper[data-v-7c227482]::-webkit-scrollbar-thumb:hover{background:#fc0c}.report-content[data-v-7c227482]{text-align:left;font-size:14px;color:#ffffffd9}.report-content ul[data-v-7c227482]{list-style:none;padding:0;margin:0 0 12px}.report-content ul li[data-v-7c227482]{position:relative;padding-left:18px;margin-bottom:6px}.report-content ul li[data-v-7c227482]:before{content:"•";position:absolute;left:0;color:#fff9;font-size:16px}.report-comment[data-v-7c227482]{font-size:14px;font-style:italic;color:#ffffffe6;margin-top:10px;line-height:1.4}.highlight[data-v-7c227482]{color:#fc0;font-weight:700}.report-detailed[data-v-7c227482]{line-height:1.6;font-size:14px}.report-detailed h3[data-v-7c227482]{color:#fc0;font-size:17px;font-weight:700;margin:25px 0 15px;border-bottom:2px solid rgba(255,204,0,.4);padding-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.report-detailed p[data-v-7c227482]{margin:12px 0;color:#ffffffe6;text-align:justify}.report-detailed strong[data-v-7c227482]{color:#fc0;font-weight:600}.report-detailed ul[data-v-7c227482]{margin:15px 0;padding-left:0}.report-detailed ul li[data-v-7c227482]{background:#ffffff0d;margin:8px 0;padding:12px 16px;border-radius:8px;border-left:3px solid #ffcc00;position:relative;line-height:1.5}.report-detailed ul li[data-v-7c227482]:before{display:none}.report-detailed ul li strong[data-v-7c227482]{display:block;margin-bottom:4px;font-size:15px}.report-detailed ul li .emoji[data-v-7c227482]{font-size:18px;margin-right:8px;display:inline-block;width:24px;text-align:center}.loading-state[data-v-7c227482],.no-data-state[data-v-7c227482]{text-align:center;color:#ffffffb3;font-style:italic;padding:40px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:200px}.no-data-state p[data-v-7c227482]{margin:8px 0}.card-container[data-v-c26b0322]{padding:1rem;background:#e6e6e633;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(37,37,37,.2);box-shadow:0 4px 6px #2626261a;transition:all .3s ease-in-out;overflow:hidden}.card-container[data-v-c26b0322]:hover{transform:translateY(-2px);box-shadow:0 6px 12px #94949426}.card-container[data-v-c26b0322]:before{content:"";position:absolute;top:var(--mouse-y);left:var(--mouse-x);width:4000px;height:4000px;background:radial-gradient(circle,#cbcbcb1a,#fff0 30%);transform:translate(-50%,-50%);transition:opacity .2s ease-in-out;opacity:0;pointer-events:none}.card-container[data-v-c26b0322]:hover:before{opacity:1}.dashboard-container{display:flex;flex-direction:column;width:100vw;height:99vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.content{display:grid;grid-template-columns:60% 40%;width:100vw;height:calc(100vh - 60px);margin-top:60px;box-sizing:border-box}.report-area{position:sticky;display:flex;justify-content:center;width:100%;padding:20px 60px 20px 10px;box-sizing:border-box}.analytics-area{display:flex;flex-direction:column;gap:10px;width:100%;padding:40px 20px 20px 40px;box-sizing:border-box}.kpi-sidebar{display:flex;justify-content:space-around;gap:10px;width:100%}.graph-card{width:100%;max-width:100%;min-height:400px;box-sizing:border-box;padding:10px}.report-card{position:sticky;top:100px;height:87vh;width:100%;max-width:100%;box-sizing:border-box}.additional-analytics-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;width:100%;justify-content:center}.analytics-kpi-row{display:flex;width:100%;gap:10px;align-items:stretch}.additional-analytics{flex:8;aspect-ratio:1 / 1;box-sizing:border-box;display:flex;justify-content:center;align-items:center;min-width:150px}.kpi-bar-vertical{flex:2;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.social-engineering-analytics-container{display:flex;flex-wrap:wrap;gap:10px;width:100%;justify-content:center}.social-engineering-analytics{flex:1 1 100%;min-width:250px}.card-container{padding:1rem;background:#e6e6e633;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(37,37,37,.2);box-shadow:0 4px 6px #2626261a;transition:all .3s ease-in-out;overflow:hidden}.card-container:hover{transform:translateY(-2px);box-shadow:0 6px 12px #94949426}.card-container:before{content:"";position:absolute;top:var(--mouse-y);left:var(--mouse-x);width:4000px;height:4000px;background:radial-gradient(circle,#cbcbcb1a,#fff0 30%);transform:translate(-50%,-50%);transition:opacity .2s ease-in-out;opacity:0;pointer-events:none}.card-container:hover:before{opacity:1}.heatmap-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;min-width:280px;min-height:300px;box-shadow:0 4px 8px #0003;text-align:center;transition:transform .2s ease-in-out;position:relative;overflow:hidden}.heatmap-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000040}.map-selector{display:flex;gap:8px;margin-bottom:12px}.map-selector button{background:#fff3;border:none;padding:6px 12px;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;transition:background .2s}.map-selector button.active{background:#ffffff80;font-weight:700}.map-selector button:hover{background:#ffffff59}.map-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px;background:#ffffff1a}.map-image img{width:100%;height:auto;object-fit:cover;border-radius:10px}.position-chart{position:relative;width:100%;height:100%;min-height:200px;background:#ffffff1a;border-radius:10px;overflow:hidden}.position-chart canvas{width:100%;height:100%}.current-position-marker{position:absolute;width:12px;height:12px;background-color:#fff;border-radius:50%;border:2px solid rgba(255,255,255,.8);box-shadow:0 0 10px #ffffff80;z-index:10}.time-slider{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}.time-slider input{flex-grow:1;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:5px;background:#ffffff4d;outline:none;cursor:pointer;transition:background .2s}.time-slider input:hover{background:#ffffff80}.time-indicator{font-size:14px;font-weight:700;color:#fff}.login-puzzle-card[data-v-9c6ad4dd]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center;width:100%;min-height:230px;box-sizing:border-box}.puzzle-title[data-v-9c6ad4dd]{font-size:20px;font-weight:700;color:#fff;margin-bottom:1.2rem}.puzzle-stats[data-v-9c6ad4dd]{display:flex;flex-direction:column;gap:12px;width:90%;padding:.8rem}.puzzle-stat[data-v-9c6ad4dd]{display:flex;justify-content:space-between;align-items:center;background:#ffffff1a;padding:.7rem 1.7rem;border-radius:10px}.stat-label[data-v-9c6ad4dd]{font-size:14px;color:#ffffffd9}.stat-value[data-v-9c6ad4dd]{font-size:18px;font-weight:700;color:#fff}.clue-status[data-v-9c6ad4dd]{justify-content:space-between}.clue-icon[data-v-9c6ad4dd]{font-size:22px;color:#fff}.puzzle-comment[data-v-9c6ad4dd]{margin-top:1.5rem;font-size:14px;font-style:italic;color:#ffffffd9;padding:0 10px}.social-engineering-card[data-v-de03dfb4]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5vw;text-align:center;width:100%;min-height:200px;box-sizing:border-box}.card-content[data-v-de03dfb4]{display:flex;flex-direction:row;gap:20px;width:100%;justify-content:space-between}.summary[data-v-de03dfb4]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:150px}.chart-container[data-v-de03dfb4]{flex:1;display:flex;align-items:center;justify-content:center;min-height:200px;height:100%;max-width:50%}.chart-container canvas[data-v-de03dfb4]{width:100%!important;height:auto!important}.puzzle-title[data-v-de03dfb4]{font-size:clamp(14px,2vw,20px);font-weight:700;color:#fff;margin-bottom:1vw}.puzzle-stats[data-v-de03dfb4]{display:flex;flex-direction:column;gap:1vw;width:100%;padding:1vw 0}.puzzle-stat[data-v-de03dfb4]{display:flex;justify-content:space-between;align-items:center;background:#ffffff1a;padding:.8vw 1.5vw;border-radius:10px}.stat-label[data-v-de03dfb4]{font-size:clamp(12px,1.5vw,16px);color:#ffffffd9}.stat-value[data-v-de03dfb4]{font-size:clamp(16px,2.2vw,22px);font-weight:700;color:#fff}.puzzle-comment[data-v-de03dfb4]{margin-top:1vw;font-size:clamp(12px,1.5vw,16px);font-style:italic;color:#ffffffd9;padding:0 1vw}.chart-container canvas[data-v-de03dfb4]{width:100%!important;height:100%!important}.server-puzzle-card[data-v-38ac96ed]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.2rem;text-align:center;width:100%;min-height:260px;box-sizing:border-box}.puzzle-title[data-v-38ac96ed]{font-size:20px;font-weight:700;color:#fff;margin-bottom:1.4rem}.puzzle-stats[data-v-38ac96ed]{display:flex;flex-direction:column;gap:10px;width:90%;padding:1rem}.puzzle-stat[data-v-38ac96ed]{display:flex;justify-content:space-between;align-items:center;background:#ffffff1a;padding:.8rem 1.8rem;border-radius:10px}.stat-label[data-v-38ac96ed]{font-size:14px;color:#ffffffd9}.stat-value[data-v-38ac96ed]{font-size:18px;font-weight:700;color:#fff}.clue-status[data-v-38ac96ed]{justify-content:space-between}.clue-icon[data-v-38ac96ed]{font-size:22px;color:#fff}.puzzle-comment[data-v-38ac96ed]{margin-top:1.5rem;font-size:14px;font-style:italic;color:#ffffffd9;padding:0 12px}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.spinner-container{display:flex;flex-direction:column;align-items:center;width:240px;text-align:center}.spinner-wrapper{width:100%;display:flex;justify-content:center;margin-bottom:20px}.spinner{width:50px;height:50px;animation:rotate 2s linear infinite}.spinner .path{stroke:#fff;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.loading-text{color:#fff;font-size:18px;font-weight:500;text-align:center;width:100%}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:100vw;min-height:100vh;overflow-x:hidden;background-color:#000;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:url(/bg_image.webp) no-repeat center center;background-size:cover;opacity:.8;z-index:0}#app{width:100vw;height:100vh;margin:0;padding:0;text-align:center;overflow-x:hidden}