#hacker-container {position:relative;width:100%;height:100%;background:#050510;color:#fff;font-family:'Courier New', Courier, monospace;overflow:hidden;user-select:none;}#hacker-container::before {content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0, 255, 255, 0.05) 1px, transparent 1px),linear-gradient(90deg, rgba(0, 255, 255, 0.05) 1px, transparent 1px);background-size:40px 40px;pointer-events:none;z-index:1;}#hacker-header {position:absolute;top:20px;left:20px;z-index:10;background:rgba(5, 5, 15, 0.8);padding:15px 25px;border:1px solid rgba(0, 255, 255, 0.3);border-left:4px solid #00ffff;backdrop-filter:blur(5px);box-shadow:0 0 20px rgba(0, 255, 255, 0.1);}.h-title {font-size:20px;font-weight:bold;letter-spacing:2px;color:#fff;}.h-title span {color:#00ffff;}.h-status {margin-top:5px;font-size:12px;color:#66ff66;display:flex;align-items:center;gap:8px;}.pulse-dot {width:8px;height:8px;background:#66ff66;border-radius:50%;box-shadow:0 0 10px #66ff66;animation:pulse-dot-anim 1.5s infinite;}@keyframes pulse-dot-anim {0% { transform:scale(0.95); opacity:0.5; }50% { transform:scale(1.5); opacity:1; }100% { transform:scale(0.95); opacity:0.5; }}#hacker-map-canvas {position:absolute;inset:0;width:100%;height:100%;z-index:2;background-image:url('https://upload.wikimedia.org/wikipedia/commons/e/e4/Indonesia_blank_map.svg');background-size:80% auto;background-position:center;background-repeat:no-repeat;opacity:0.15;filter:invert(1) hue-rotate(180deg) brightness(1.8) sepia(1) hue-rotate(140deg) saturate(3);}#hacker-side-panel {position:absolute;top:20px;right:20px;width:300px;z-index:10;display:flex;flex-direction:column;gap:20px;}.h-panel-box {background:rgba(5, 5, 15, 0.8);border:1px solid rgba(0, 255, 255, 0.2);padding:15px;backdrop-filter:blur(5px);}.h-panel-box h3 {margin:0 0 15px 0;font-size:14px;color:#00ffff;border-bottom:1px dashed rgba(0, 255, 255, 0.3);padding-bottom:8px;letter-spacing:1px;}.h-panel-box ul {list-style:none;padding:0;margin:0;}.h-panel-box li {display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px;color:#ccc;}.h-bar-container {width:100px;height:6px;background:rgba(255,255,255,0.1);margin-top:4px;border-radius:3px;overflow:hidden;}.h-bar-fill {height:100%;background:#ff003c;}#hacker-bottom-log {position:absolute;bottom:20px;left:20px;right:20px;height:150px;background:rgba(5, 5, 15, 0.85);border:1px solid rgba(255, 0, 60, 0.3);border-top:3px solid #ff003c;z-index:10;backdrop-filter:blur(5px);display:flex;flex-direction:column;}.log-header {padding:8px 15px;font-size:12px;font-weight:bold;color:#ff003c;background:rgba(255, 0, 60, 0.1);border-bottom:1px solid rgba(255, 0, 60, 0.2);letter-spacing:1px;}.log-header span {color:#aaa;}.log-content {flex:1;padding:10px 15px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;}.log-entry {font-size:12px;margin-bottom:5px;color:#ccc;animation:slide-up 0.3s ease-out;}.log-entry.critical { color:#ff003c; }.log-entry.warning { color:#ffaa00; }.log-entry.info { color:#00ffff; }@keyframes slide-up {from { opacity:0; transform:translateY(10px); }to { opacity:1; transform:translateY(0); }}@media (max-width:768px) {#hacker-header {top:10px;left:10px;right:10px;padding:10px;border-left:2px solid #00ffff;}.h-title {font-size:14px;}.h-status {font-size:10px;}#hacker-side-panel {display:none;}#hacker-map-canvas {background-size:95% auto;background-position:center 30%;}#hacker-bottom-log {bottom:10px;left:10px;right:10px;height:110px;}.log-header {padding:5px 10px;font-size:10px;}.log-content {padding:5px 10px;}.log-entry {font-size:9px;}}