@keyframes bg-ocean-flow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes bg-ocean-drift{0%{transform:translate(-5%,-3%) rotate(-2deg)}to{transform:translate(5%,3%) rotate(2deg)}}@keyframes bg-lava-flow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes bg-lava-pulse{0%{transform:translate(-4%,-2%) scale(1);opacity:.8}to{transform:translate(4%,2%) scale(1.05);opacity:1}}@keyframes bg-stars-twinkle{0%{opacity:.6}to{opacity:1}}@keyframes bg-sky-shift{0%{background-position:0 0}to{background-position:0 100%}}@keyframes bg-cloud-drift{0%{transform:translateX(-10%)}to{transform:translateX(10%)}}@keyframes bg-fog-flow{0%{transform:translate(-8%,-4%) scale(1)}to{transform:translate(8%,4%) scale(1.1)}}*,::after,::before{box-sizing:border-box;margin:0;padding:0}#app,body{height:100vh}body{font-family:"Segoe UI",system-ui,-apple-system,sans-serif;background:#0b0e14;color:#d0d4dc;overflow:hidden}#app{display:flex;flex-direction:column}#toolbar{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#141820;border-bottom:1px solid #1e2636;flex-shrink:0;z-index:10;flex-wrap:wrap}#toolbar h1{font-size:15px;font-weight:600;color:#8ba4c4;margin-right:12px;white-space:nowrap}#toolbar button,.toolbar-link{background:#1a2030;border:1px solid #2a3448;padding:6px 14px;border-radius:5px;font-size:13px;transition:all .15s}.toolbar-link{color:#607090;text-decoration:none}.toolbar-link:hover{background:#2a5090;border-color:#3a6abf;color:#e0eaff}.action-group,.tool-group{display:flex;gap:4px}.separator{width:1px;height:28px;background:#1e2636;margin:0 6px;align-self:center}#toolbar button{color:#9aa8c0;cursor:pointer;white-space:nowrap}#toolbar button:hover,.btn-small:hover{background:#222d42;color:#c4d0e4;border-color:#3a4a64}#toolbar button.active{background:#2a5090;border-color:#3a6abf;color:#e0eaff}.shortcut-hint{font-size:10px;opacity:.5;margin-left:4px}#workspace{display:flex;flex:1;overflow:hidden}#map-container{flex:1;background:#0e1218;position:relative;overflow:hidden}#game-map{width:100%;height:100%;display:block}#panel{width:280px;background:#141820;border-left:1px solid #1e2636;display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}#panel-placeholder{display:flex;align-items:center;justify-content:center;padding:32px 20px;text-align:center;color:#506080;font-size:13px;flex:1}#panel-content,.panel-section{display:flex;flex-direction:column}#panel-content{padding:16px;gap:14px}#panel-content.hidden{display:none}.panel-section{gap:6px}.modal-inner label,.panel-section label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#607090;font-weight:600}.panel-section input[type=text],.panel-section select{background:#0e1218;border:1px solid #2a3448;color:#d0d4dc;padding:7px 10px;border-radius:4px;font-size:13px;outline:0;transition:border-color .15s}.continent-row input[type=text]:focus,.modal-inner textarea:focus,.panel-section input[type=text]:focus{border-color:#3a6abf}.panel-section input[type=color]{width:100%;height:32px;background:#0e1218;padding:2px}.hint{font-size:11px;color:#506080;line-height:1.4}.btn-small,.panel-section input[type=color]{border:1px solid #2a3448;border-radius:4px;cursor:pointer}.btn-small{background:#1a2030;color:#9aa8c0;padding:5px 10px;font-size:12px;transition:all .15s}#connections-list{list-style:none;display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}#connections-list li{display:flex;justify-content:space-between;align-items:center;background:#0e1218;border:1px solid #1e2636;border-radius:4px;padding:5px 8px;font-size:12px}#connections-list .no-connections{color:#506080;font-style:italic;background:0 0;border:0;padding:4px 0}.conn-remove{background:0 0;border:0;color:#e06c5e;font-size:16px;cursor:pointer;padding:0 4px;line-height:1}.conn-remove:hover{color:#ff8a7a}#btn-delete,.modal-actions button{border-radius:5px;font-size:13px;cursor:pointer;transition:all .15s}#btn-delete{background:#2a1520;border:1px solid #4a2535;color:#e06c5e;padding:7px 14px;margin-top:8px}#btn-delete:hover{background:#3a1e2e;border-color:#6a3545;color:#ff8a7a}.help-bar,.modal-inner p{font-size:12px;color:#506080}.help-bar{padding:10px 16px;background:#0e1218;border-top:1px solid #1e2636;text-align:center;flex-shrink:0}.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:100}.modal.hidden{display:none}.modal-inner{background:#141820;border:1px solid #2a3448;border-radius:8px;padding:20px;width:560px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;gap:12px}.modal-inner h2{font-size:16px;color:#8ba4c4}.modal-inner p{line-height:1.5}.continent-row input[type=text],.modal-inner textarea{background:#0e1218;border:1px solid #2a3448;color:#d0d4dc;border-radius:4px;outline:0}.modal-inner textarea{padding:10px;font-family:"SF Mono","Consolas","Monaco",monospace;font-size:12px;line-height:1.5;resize:vertical;min-height:250px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.modal-actions button{padding:7px 18px;border:1px solid #2a3448}#modal-close{background:#1a2030;color:#9aa8c0}#modal-close:hover{background:#222d42}#modal-apply,#modal-help-close{background:#2a5090;border-color:#3a6abf;color:#e0eaff}#modal-apply:hover,#modal-help-close:hover{background:#3060a8}.modal-help-inner{max-width:640px;max-height:85vh;overflow-y:auto}.modal-help-inner h3{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:#8ba4c4;margin-top:14px;margin-bottom:6px}.help-intro,.help-list li{font-size:13px;color:#9aa8c0;line-height:1.6}.help-list{list-style:none;display:flex;flex-direction:column;gap:6px}.help-list li{line-height:1.5;padding-left:10px;border-left:2px solid #1e2636}.help-list li strong{color:#c4d0e4}.continent-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.continent-row input[type=text]{flex:1;padding:6px 8px;font-size:13px}.continent-row input[type=color]{width:32px;height:32px;cursor:pointer;padding:2px}.continent-bonus-label{font-size:12px;color:#607090;white-space:nowrap;flex-shrink:0}.continent-bonus-input,.continent-row input[type=color]{background:#0e1218;border:1px solid #2a3448;border-radius:4px;flex-shrink:0}.continent-bonus-input{width:54px;color:#d0d4dc;padding:6px;font-size:13px;outline:0;text-align:center}.continent-bonus-input:focus,.modal-inner input[type=text]:focus{border-color:#3a6abf}#map-background{position:absolute;inset:0;z-index:0;overflow:hidden}#game-map{position:relative;z-index:1}.bg-ocean #map-background{background:linear-gradient(135deg,#0a2a4a,#0d3b6e,#0a2a4a,#06213d);background-size:400% 400%;animation:bg-ocean-flow 8s ease-in-out infinite}.bg-ocean #map-background::after,.bg-ocean #map-background::before{content:"";position:absolute;inset:-50%;background:radial-gradient(ellipse at 30% 50%,rgba(20,100,180,.3)0,transparent 60%),radial-gradient(ellipse at 70% 30%,rgba(10,60,140,.25)0,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(0,80,160,.2)0,transparent 55%);animation:bg-ocean-drift 12s ease-in-out infinite alternate}.bg-ocean #map-background::after{background:radial-gradient(ellipse at 60% 40%,rgba(30,120,200,.15)0,transparent 50%),radial-gradient(ellipse at 20% 70%,rgba(15,70,150,.2)0,transparent 55%);animation-delay:-4s;animation-duration:10s}.bg-lava #map-background{background:linear-gradient(135deg,#1a0800,#4a1500,#2a0a00,#5a1800);background-size:400% 400%;animation:bg-lava-flow 6s ease-in-out infinite}.bg-lava #map-background::after,.bg-lava #map-background::before{content:"";position:absolute;inset:-50%;background:radial-gradient(ellipse at 40% 50%,rgba(255,80,0,.3)0,transparent 50%),radial-gradient(ellipse at 60% 30%,rgba(255,40,0,.25)0,transparent 45%),radial-gradient(ellipse at 30% 80%,rgba(255,120,0,.2)0,transparent 50%);animation:bg-lava-pulse 4s ease-in-out infinite alternate}.bg-lava #map-background::after{background:radial-gradient(ellipse at 70% 60%,rgba(255,60,0,.2)0,transparent 45%),radial-gradient(ellipse at 25% 40%,rgba(200,30,0,.25)0,transparent 50%);animation-delay:-2s;animation-duration:5s}.bg-space #map-background{background:radial-gradient(ellipse at 50% 50%,#0a0a1e,#050510)}.bg-space #map-background::after,.bg-space #map-background::before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 10% 20%,#ffffff88,transparent),radial-gradient(1px 1px at 25% 60%,#ffffffaa,transparent),radial-gradient(1.5px 1.5px at 40% 15%,#ffffffcc,transparent),radial-gradient(1px 1px at 55% 75%,#ffffff77,transparent),radial-gradient(1px 1px at 70% 35%,#ffffffbb,transparent),radial-gradient(1.5px 1.5px at 85% 55%,#ffffff99,transparent),radial-gradient(1px 1px at 15% 80%,#ffffffaa,transparent),radial-gradient(1px 1px at 90% 10%,#ffffff88,transparent),radial-gradient(1px 1px at 50% 50%,#ffffffcc,transparent),radial-gradient(1px 1px at 35% 90%,#ffffff77,transparent),radial-gradient(1.5px 1.5px at 65% 5%,#ffffffaa,transparent),radial-gradient(1px 1px at 5% 45%,#ffffff99,transparent);animation:bg-stars-twinkle 4s ease-in-out infinite alternate}.bg-space #map-background::after{background-image:radial-gradient(1px 1px at 18% 30%,#aaccff88,transparent),radial-gradient(1px 1px at 42% 70%,#ffccaa77,transparent),radial-gradient(1.5px 1.5px at 78% 20%,#aaddff99,transparent),radial-gradient(1px 1px at 58% 85%,#ffddbb66,transparent),radial-gradient(1px 1px at 30% 45%,#bbddff88,transparent),radial-gradient(1px 1px at 82% 65%,#ffffff77,transparent),radial-gradient(1.5px 1.5px at 12% 55%,#ccddff88,transparent),radial-gradient(1px 1px at 92% 40%,#ffeedd66,transparent);animation:bg-stars-twinkle 5s ease-in-out infinite alternate-reverse}.bg-clouds #map-background{background:linear-gradient(180deg,#1a3a5a,#2a5a8a,#3a7aba);background-size:100% 400%;animation:bg-sky-shift 20s ease-in-out infinite alternate}.bg-clouds #map-background::after,.bg-clouds #map-background::before{content:"";position:absolute;inset:-30%;background:radial-gradient(ellipse 200px 80px at 20% 30%,rgba(255,255,255,.2)0,transparent 100%),radial-gradient(ellipse 250px 90px at 50% 60%,rgba(255,255,255,.15)0,transparent 100%),radial-gradient(ellipse 180px 70px at 75% 25%,rgba(255,255,255,.18)0,transparent 100%),radial-gradient(ellipse 220px 85px at 35% 80%,rgba(255,255,255,.12)0,transparent 100%);animation:bg-cloud-drift 25s linear infinite}.bg-clouds #map-background::after{background:radial-gradient(ellipse 190px 75px at 60% 40%,rgba(255,255,255,.14)0,transparent 100%),radial-gradient(ellipse 230px 95px at 15% 65%,rgba(255,255,255,.1)0,transparent 100%),radial-gradient(ellipse 170px 65px at 80% 75%,rgba(255,255,255,.16)0,transparent 100%);animation-delay:-10s;animation-duration:30s}.bg-fog #map-background{background:linear-gradient(135deg,#1a1a20,#252530,#1e1e28)}.bg-fog #map-background::after,.bg-fog #map-background::before{content:"";position:absolute;inset:-50%;background:radial-gradient(ellipse 400px 200px at 30% 40%,rgba(150,150,170,.1)0,transparent 100%),radial-gradient(ellipse 350px 180px at 65% 60%,rgba(140,140,160,.08)0,transparent 100%),radial-gradient(ellipse 300px 160px at 50% 30%,rgba(160,160,180,.07)0,transparent 100%);animation:bg-fog-flow 15s ease-in-out infinite alternate}.bg-fog #map-background::after{background:radial-gradient(ellipse 380px 190px at 40% 70%,rgba(130,130,160,.09)0,transparent 100%),radial-gradient(ellipse 320px 170px at 70% 35%,rgba(150,150,175,.07)0,transparent 100%);animation-delay:-6s;animation-duration:18s}.bg-custom #map-background{background-size:cover;background-position:center;background-repeat:no-repeat}#arrow-style,#bg-select,.toast{background:#1a2030;border:1px solid #2a3448;font-size:13px}#arrow-style,#bg-select{color:#9aa8c0;padding:6px 10px;border-radius:5px;cursor:pointer;outline:0}#arrow-style:hover,#bg-select:hover{border-color:#3a4a64;color:#c4d0e4}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);color:#c4d0e4;padding:10px 20px;border-radius:6px;opacity:0;transition:all .3s;z-index:200;pointer-events:none}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.modal-inner input[type=text]{background:#0e1218;border:1px solid #2a3448;color:#d0d4dc;padding:9px 12px;border-radius:4px;font-size:14px;outline:0;transition:border-color .15s}#modal-cloud-save-submit{background:#2a5090;border-color:#3a6abf;color:#e0eaff}#modal-cloud-save-submit:hover{background:#3060a8}#modal-cloud-load-close,#modal-cloud-save-cancel{background:#1a2030;color:#9aa8c0}#modal-cloud-load-close:hover,#modal-cloud-save-cancel:hover{background:#222d42}.cloud-map-list{max-height:300px;overflow-y:auto;border:1px solid #1e2636;border-radius:6px;background:#0b0e14}.cloud-map-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #1e2636}.cloud-map-row:last-child{border-bottom:none}.cloud-map-info{display:flex;flex-direction:column;gap:2px}.cloud-map-name{font-size:14px;font-weight:500;color:#d0d4dc}.cloud-map-meta{font-size:11px;color:#506070}.cloud-map-actions{display:flex;gap:6px;align-items:center}