body{background:#091417}#app{background:#081316;border-color:#a07f4c}.atlas-toolbar{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:max(10px,env(safe-area-inset-top)) 13px 12px;background:linear-gradient(#061114e8,#06111444,transparent);pointer-events:none}.atlas-toolbar>*{pointer-events:auto}.atlas-toolbar h1{font-size:.95rem;font-weight:400;color:#dac6a6;letter-spacing:.035em;margin:0;line-height:1.3;text-shadow:0 2px 4px #000}.atlas-toolbar .icon-button{color:#ecd4aa;background:#07161877}.atlas-viewport{width:100%;overflow:auto;scrollbar-width:thin}.atlas-map{position:relative;width:100%;aspect-ratio:2/3;min-height:0;isolation:isolate;background:linear-gradient(#00141a44,#000b0f44),url('assets/atlas.png') center/cover;box-shadow:inset 0 0 35px #01080dcc}.atlas-map:after{content:'';position:absolute;inset:5px;border:1px solid #ad8b4a66;border-radius:24px;pointer-events:none}.island{position:absolute;transform:translate(-50%,-50%);text-align:left;padding:11px 9px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;color:#e9d5b5;text-shadow:0 2px 5px #000,0 0 12px #000;min-width:100px;border-radius:36%;background:radial-gradient(ellipse,#06130def 10%,#0a18157a 50%,transparent 73%);transition:color .35s,filter .35s;z-index:2}.island>.icon{width:32px;height:32px;margin-bottom:6px;color:#ddbb85;filter:drop-shadow(0 2px 2px #061006)}.island strong{font-size:clamp(1.3rem,5.7vw,2.6rem);font-weight:400;line-height:1.08}.island i{width:28px;height:1px;background:#c9ac79;margin:8px 0}.island span{font-size:clamp(.8rem,3.15vw,1.3rem);line-height:1.18}.island.selected{color:#fff2cc;filter:drop-shadow(0 0 7px #debd7355)}.island.selected>.icon{color:#ffe7aa}.island:hover{filter:brightness(1.2)}.atlas-brand{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);text-align:center;border:1px solid #c6a77499;border-radius:50%;width:clamp(95px,26vw,175px);height:clamp(95px,26vw,175px);background:radial-gradient(#06110deb 20%,#101a11aa 55%,transparent 70%);box-shadow:0 0 0 8px #09171788;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1;pointer-events:none}.atlas-brand .brand>span{font-size:clamp(1.8rem,8vw,3.8rem);color:#e4bf85;letter-spacing:-.04em}.atlas-brand .brand small{font-size:7px;margin-top:8px;letter-spacing:.3em}.atlas-brand>span{font:7px/1.6 Arial,sans-serif;letter-spacing:.11em;color:#c8ac7f;margin-top:9px}.voyage-route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.voyage-route path{fill:none;stroke:#ffe1a0;stroke-width:.35;stroke-dasharray:1 1.6;filter:drop-shadow(0 0 2px #ffffa9);opacity:.9}.voyage-route circle{fill:#ffffd3;filter:drop-shadow(0 0 2px #f9bb53)}.sailing{animation:sail 1.2s ease-out}.atlas-compass{position:absolute;right:7%;bottom:4%;color:#c7ae7866;display:flex;flex-direction:column;align-items:center}.atlas-compass .icon{width:40px;height:40px}.atlas-compass small{font:10px Arial,sans-serif}.port{margin:-8px 15px 0;position:relative;z-index:2;display:flex;align-items:flex-start;gap:15px;padding:23px 20px;border:1px solid #a9844b;border-radius:12px;background:linear-gradient(120deg,#17231b,#091512);box-shadow:0 8px 30px #0008}.port-mark{color:#c9aa76;padding-top:20px}.port-mark .icon{width:34px;height:34px}.port>div:nth-child(2){min-width:0;flex:1}.port small{font:10px/1.5 Arial,sans-serif;letter-spacing:.16em;color:#b7a67e}.port h2{font-size:1.9rem;margin:9px 0 12px}.port p{font-size:1rem;color:#c0bdab;line-height:1.35}.port .primary{font-size:1.25rem;min-height:53px}.port .text-button{font-size:12px;justify-content:flex-start;margin-top:8px}.atlas-options{padding:24px 25px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px}.atlas-options label{font-size:12px;margin:0}.atlas-options select{font-size:14px}.atlas-options>button{grid-column:1/-1;font-size:12px}.zoomed{max-height:75svh;overscroll-behavior:contain}.zoomed .atlas-map{width:165%;min-height:960px}.zoomed .island{min-width:130px}.dock{background:linear-gradient(#10231ef4,#07100cf9)}@keyframes sail{from{stroke-dashoffset:45;opacity:0}to{stroke-dashoffset:0;opacity:.9}}@media(min-width:600px){.atlas-toolbar h1{font-size:1.2rem}.atlas-map{min-height:960px}.island{padding:20px;min-width:170px}.island>.icon{width:48px;height:48px}.atlas-brand .brand small{font-size:10px}.atlas-brand>span{font-size:9px}.port{margin:-8px 35px 0;padding:30px}.port h2{font-size:2.5rem}.port p{font-size:1.2rem}.atlas-options{padding:25px 40px}}