body{margin:0;padding:0;background:#0a1628;font-family:Arial Black,Arial,sans-serif;overflow:hidden}html{overflow:hidden}.world-map-container.svelte-1uas024{position:relative;width:100vw;height:100vh;overflow:hidden;background:#0a1628}.map-svg-container.svelte-1uas024{width:100%;height:100%;position:absolute;top:0;left:0}.world-map-svg{background:#0a1628}.country{fill:#2a5a4a;stroke:#1a4a3a;stroke-width:.5}.graticule{fill:none;stroke:#1a3a4a;stroke-width:.5;opacity:.3;pointer-events:none}.port-group{cursor:pointer}.port-pulse{fill:#ffd7004d;animation:svelte-1uas024-portPulse 2s ease-out infinite;pointer-events:none}@keyframes svelte-1uas024-portPulse{0%{r:15;opacity:1}to{r:35;opacity:0}}.port-marker{fill:#ff6b35;stroke:gold;stroke-width:2;filter:drop-shadow(0 0 8px rgba(255,107,53,.6));transition:all .3s ease}.port-group:hover .port-marker{r:18;filter:drop-shadow(0 0 15px rgba(255,215,0,.9));stroke-width:3}.port-group.selected .port-marker{fill:gold;stroke:#ff6b35;stroke-width:3;filter:drop-shadow(0 0 20px rgba(255,215,0,1))}.port-group.locked .port-marker{fill:#555;stroke:#888;filter:drop-shadow(0 0 5px rgba(100,100,100,.4))}.port-group.locked .port-label{fill:#888}.port-group.locked:hover .port-marker{r:15;filter:drop-shadow(0 0 8px rgba(100,100,100,.6))}.port-group.completed .port-marker{fill:#4caf50;stroke:gold;filter:drop-shadow(0 0 12px rgba(76,175,80,.8))}.port-group.completed .port-label{fill:#4caf50}.port-group.route-selected .port-marker{fill:#2196f3;stroke:gold;stroke-width:4;filter:drop-shadow(0 0 20px rgba(33,150,243,1));animation:svelte-1uas024-routePulse 1s ease-in-out infinite}@keyframes svelte-1uas024-routePulse{0%,to{r:15}50%{r:18}}.port-icon{font-size:1.2rem;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.port-label{fill:gold;font-size:.8rem;font-weight:700;text-shadow:2px 2px 0 #1a1a2e,-1px -1px 0 #1a1a2e,1px -1px 0 #1a1a2e,-1px 1px 0 #1a1a2e;letter-spacing:1px;pointer-events:none;transition:all .3s ease}.port-group:hover .port-label{fill:#fff;font-size:.85rem}.port-clickable{fill:transparent;stroke:none}.route-group{pointer-events:all}.route-path{pointer-events:none}.transport-sprite{pointer-events:all;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:transform .2s;cursor:pointer}.transport-sprite:hover{transform:scale(1.2)}.transport-sprite.ship:hover{filter:drop-shadow(0 4px 8px rgba(255,215,0,.8))}.transport-sprite.plane:hover{filter:drop-shadow(0 4px 8px rgba(135,206,235,.8))}.top-bar.svelte-1uas024{position:fixed;top:0;left:0;right:0;height:80px;background:linear-gradient(180deg,#0a1628f2,#0a1628d9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:3px solid rgba(255,215,0,.3);display:flex;align-items:center;padding:0 20px;gap:20px;z-index:100;box-shadow:0 4px 20px #00000080}.top-bar-info.svelte-1uas024{flex:1;text-align:center}.top-bar-spacer.svelte-1uas024{width:150px}.game-title.svelte-1uas024{font-size:1.8rem;color:gold;text-transform:uppercase;text-shadow:2px 2px 0px #ff6b35,4px 4px 8px rgba(0,0,0,.8),0 0 15px rgba(255,215,0,.6);margin:0;letter-spacing:2px}.progress-text.svelte-1uas024{font-size:.9rem;color:#fff;margin:5px 0 0;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.progress-count.svelte-1uas024{color:#4ecca3;font-weight:700;font-size:1.1rem;margin-right:5px}.port-menu-overlay.svelte-1uas024{position:fixed;inset:0;background:#0000004d;z-index:150;cursor:pointer}.port-menu.svelte-1uas024{position:fixed;background:linear-gradient(145deg,#2a2a4a,#1a1a3a);border:2px solid #ffd700;border-radius:6px;padding:6px;min-width:120px;z-index:200;box-shadow:0 0 20px #ffd70080;transform:translate(-50%,-110%);animation:svelte-1uas024-menuAppear .2s ease-out}@keyframes svelte-1uas024-menuAppear{0%{opacity:0;transform:translate(-50%,-100%) scale(.9)}to{opacity:1;transform:translate(-50%,-110%) scale(1)}}.port-menu-header.svelte-1uas024{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid rgba(255,215,0,.3)}.port-menu-header.svelte-1uas024 h3:where(.svelte-1uas024){color:gold;margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.close-btn.svelte-1uas024{background:transparent;border:none;color:#fff;font-size:.9rem;cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn.svelte-1uas024:hover{background:#ff6b354d;transform:rotate(90deg)}.port-menu-options.svelte-1uas024{display:flex;flex-direction:column;gap:4px}.menu-option.svelte-1uas024{background:linear-gradient(145deg,#3a3a5a,#2a2a4a);border:1px solid rgba(255,215,0,.5);border-radius:4px;padding:6px 8px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease;font-family:Arial Black,Arial,sans-serif;color:#fff;font-size:.7rem}.menu-option.svelte-1uas024:hover{border-color:gold;background:linear-gradient(145deg,#4a4a6a,#3a3a5a);transform:translate(3px)}.menu-option.svelte-1uas024:active{transform:translate(3px) scale(.98)}.option-icon.svelte-1uas024{font-size:1rem}.option-text.svelte-1uas024{font-size:.7rem;letter-spacing:.3px}.play-option.svelte-1uas024:hover{border-color:#4caf50;box-shadow:0 0 8px #4caf5066}.route-option.svelte-1uas024:hover{border-color:#2196f3;box-shadow:0 0 8px #2196f366}.route-instruction.svelte-1uas024{position:fixed;top:80px;left:50%;transform:translate(-50%);background:linear-gradient(145deg,#2196f3,#1976d2);border:2px solid #ffd700;border-radius:8px;padding:8px 15px;z-index:150;text-align:center;box-shadow:0 0 20px #2196f399;animation:svelte-1uas024-instructionBounce 2s ease-in-out infinite}@keyframes svelte-1uas024-instructionBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-3px)}}.route-instruction.svelte-1uas024 p:where(.svelte-1uas024){color:#fff;margin:3px 0;font-weight:700;font-size:.8rem}.route-instruction.svelte-1uas024 strong:where(.svelte-1uas024){color:gold}.cancel-route-btn.svelte-1uas024{margin-top:6px;background:#ff6b35cc;color:#fff;border:2px solid #ffd700;border-radius:4px;padding:4px 12px;cursor:pointer;font-weight:700;font-family:Arial Black,Arial,sans-serif;font-size:.7rem;transition:all .2s ease}.cancel-route-btn.svelte-1uas024:hover{background:#ff6b35;transform:scale(1.05)}.back-button.svelte-1uas024{background:linear-gradient(145deg,#ff6b35,#f7931e);color:#fff;font-size:1rem;font-weight:700;padding:10px 25px;border:2px solid #ffd700;border-radius:8px;text-decoration:none;text-transform:uppercase;transition:all .2s ease;box-shadow:0 3px #d45a2a,0 4px 15px #ff6b3566;letter-spacing:1.5px;display:inline-block}.back-button.svelte-1uas024:hover{transform:translateY(-2px);box-shadow:0 5px #d45a2a,0 7px 20px #ff6b3599}.back-button.svelte-1uas024:active{transform:translateY(1px);box-shadow:0 2px #d45a2a,0 3px 10px #ff6b3566}.floating-cta.svelte-1uas024{position:fixed;bottom:40px;right:40px;background:linear-gradient(145deg,gold,#f7931e);color:#1a1a2e;border:5px solid #ff6b35;border-radius:20px;text-decoration:none;transition:all .3s ease;box-shadow:0 8px #d45a2a,0 10px 40px #ffd700e6,0 0 60px #ffd700b3;z-index:100;display:flex;align-items:center;gap:20px;padding:25px 35px;animation:svelte-1uas024-ctaPulse 2.5s ease-in-out infinite;cursor:pointer}@keyframes svelte-1uas024-ctaPulse{0%,to{box-shadow:0 8px #d45a2a,0 10px 40px #ffd700e6,0 0 60px #ffd700b3;transform:translateY(0) scale(1)}50%{box-shadow:0 8px #d45a2a,0 10px 50px gold,0 0 80px #ffd700e6;transform:translateY(-5px) scale(1.02)}}.floating-cta.svelte-1uas024:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 12px #d45a2a,0 15px 60px gold,0 0 100px gold;animation:none}.floating-cta.svelte-1uas024:active{transform:translateY(4px) scale(1.02);box-shadow:0 4px #d45a2a,0 6px 30px #ffd700cc}.cta-icon.svelte-1uas024{font-size:4rem;line-height:1;animation:svelte-1uas024-bounceIcon 2s ease-in-out infinite}@keyframes svelte-1uas024-bounceIcon{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-15deg) scale(1.1)}50%{transform:rotate(0) scale(1)}75%{transform:rotate(15deg) scale(1.1)}}.cta-content.svelte-1uas024{display:flex;flex-direction:column;gap:5px}.cta-title.svelte-1uas024{font-size:2rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;text-shadow:2px 2px 4px rgba(0,0,0,.3);line-height:1}.cta-subtitle.svelte-1uas024{font-size:1rem;font-weight:400;opacity:.9;text-transform:none;letter-spacing:1px}@media (max-width: 768px){.top-bar.svelte-1uas024{height:70px;padding:0 15px}.game-title.svelte-1uas024{font-size:1.3rem}.progress-text.svelte-1uas024{font-size:.8rem}.progress-count.svelte-1uas024{font-size:1rem}.back-button.svelte-1uas024{font-size:.85rem;padding:8px 18px}.top-bar-spacer.svelte-1uas024{width:110px}.floating-cta.svelte-1uas024{bottom:25px;right:25px;padding:18px 25px;gap:15px}.cta-icon.svelte-1uas024{font-size:3rem}.cta-title.svelte-1uas024{font-size:1.5rem}.cta-subtitle.svelte-1uas024{font-size:.85rem}.port-marker{r:13}.port-pulse{r:18}.port-label{font-size:.7rem}}@media (max-width: 520px){.top-bar.svelte-1uas024{height:60px;padding:0 10px;gap:10px}.game-title.svelte-1uas024{font-size:1rem;letter-spacing:1px}.progress-text.svelte-1uas024{font-size:.7rem}.progress-count.svelte-1uas024{font-size:.9rem}.back-button.svelte-1uas024{font-size:.75rem;padding:6px 12px;letter-spacing:1px}.top-bar-spacer.svelte-1uas024{width:80px}.floating-cta.svelte-1uas024{bottom:15px;right:15px;padding:12px 18px;gap:10px;border-width:3px}.cta-icon.svelte-1uas024{font-size:2.5rem}.cta-title.svelte-1uas024{font-size:1.2rem;letter-spacing:2px}.cta-subtitle.svelte-1uas024{font-size:.75rem}.port-marker{r:12}.port-label{font-size:.65rem}}.newsflash-bar.svelte-1uas024{position:fixed;bottom:0;left:0;right:0;height:50px;background:linear-gradient(180deg,#0a1628d9,#0a1628f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:3px solid rgba(255,215,0,.3);z-index:100;box-shadow:0 -4px 20px #00000080;overflow:hidden}.newsflash-content.svelte-1uas024{display:flex;align-items:center;height:100%;gap:20px}.newsflash-label.svelte-1uas024{background:linear-gradient(145deg,#ff6b35,#f7931e);color:#fff;font-size:.9rem;font-weight:700;padding:8px 20px;text-transform:uppercase;letter-spacing:2px;white-space:nowrap;flex-shrink:0;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 0 15px #ff6b3566}.newsflash-ticker.svelte-1uas024{flex:1;overflow:hidden;position:relative;height:100%;display:flex;align-items:center}.newsflash-text.svelte-1uas024{color:gold;font-size:.9rem;white-space:nowrap;animation:svelte-1uas024-tickerScroll 600s linear infinite;text-shadow:1px 1px 3px rgba(0,0,0,.8);padding-right:100vw}@keyframes svelte-1uas024-tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 768px){.newsflash-bar.svelte-1uas024{height:40px}.newsflash-label.svelte-1uas024{font-size:.7rem;padding:6px 15px;letter-spacing:1.5px}.newsflash-text.svelte-1uas024{font-size:.75rem}}@media (max-width: 520px){.newsflash-bar.svelte-1uas024{height:35px}.newsflash-label.svelte-1uas024{font-size:.6rem;padding:5px 10px;letter-spacing:1px}.newsflash-text.svelte-1uas024{font-size:.65rem}}