.dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#0f0f0ff2;border:2px solid #ffd700;border-radius:8px;color:gold;padding:20px;z-index:1999;box-shadow:0 0 25px #000c;font-family:sans-serif;box-sizing:border-box;pointer-events:auto}.dialog.hidden{display:none!important}.dialog-title{margin-top:0;border-bottom:1px solid #ffd700;padding-bottom:6px;cursor:move;user-select:none;color:gold}.dialog-subtitle{font-size:12px;color:#aaa;text-align:center;margin-bottom:15px}.dialog-content{margin-top:15px;color:#fff}.close-btn{position:absolute;top:10px;right:10px;background:#333;color:gold;border:1px solid #ffd700;padding:3px 6px;border-radius:4px;cursor:pointer;font-size:11px;z-index:1002;transition:all .2s}.close-btn:hover{background:gold;color:#000}.dialog-input{width:100%;padding:8px;margin-bottom:10px;border-radius:4px;border:1px solid #ffd700;background:#111;color:#fff;box-sizing:border-box}.qty-slider{appearance:none;width:100%;height:6px;background:linear-gradient(to right,#ffd700 var(--fill),#333 var(--fill));border-radius:4px}.qty-slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;background:gold;border-radius:50%;cursor:pointer}#arbitrageDialog{width:60%;height:80vh;overflow-y:auto}#arbitrageDialog table{width:100%;font-size:.85em}#cityDialog{width:50%;max-height:90%;overflow-y:auto}#shopDialog{width:600px;max-height:500px;overflow-y:auto}#boatUpgradeUI{width:400px;max-height:500px;overflow-y:auto}#dockmasterShopUI,#armsMasterShopUI{width:600px;max-height:500px;overflow-y:auto}#armsMasterResourceGrid,#dockmasterResourceGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:10px;box-sizing:border-box}#clanRegistrationUI{width:320px}#quantityDialogUI{width:300px}#ledgerDialog{width:640px;max-height:85vh;overflow-y:auto}#controlsDialogUI{width:320px}body{margin:0;overflow:hidden;background:#000;font-family:sans-serif}#info,#debug{position:absolute;left:10px;background:#00000080;color:#fff;padding:8px 12px;border-radius:6px;font-size:13px;z-index:10}#debug{bottom:10px;max-width:360px;white-space:pre-wrap;color:#0f0;display:none}.ui-btn:disabled{opacity:.4;filter:grayscale(1);cursor:not-allowed;pointer-events:none}.fast-travel-dialog{width:50%;height:70vh;overflow-y:auto;padding-bottom:0}.fast-travel-dialog{padding-bottom:0!important}#fastTravelCityList{align-items:start;padding-bottom:0;margin-bottom:0}#fastTravelCityList>div{align-self:start;margin-bottom:0;padding-bottom:0}.hidden{display:none!important}#uiContainer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}#topBar{position:absolute;top:15px;left:15px;display:flex;gap:10px;pointer-events:auto}.ui-btn{background:#0f0f0fe6;color:gold;border:1px solid #ffd700;padding:8px 16px;border-radius:6px;font-weight:700;cursor:pointer;transition:all .2s;margin:none}.ui-btn:hover,.ui-btn.active{background:gold;color:#000;box-shadow:0 0 10px #ffd70080}.ui-btn.small{padding:4px 8px;font-size:.8em}#leftPanel{position:absolute;bottom:15px;left:15px;display:flex;flex-direction:column;gap:15px;pointer-events:auto}#highSeasStatsHUD,#statsContainer{width:300px}.sortable{cursor:pointer}.stat-bar-wrapper{display:flex;align-items:center;gap:10px}.stat-label{color:gold;font-weight:700;font-size:12px;width:35px}.stat-bar-container{flex:1;height:12px;background:#0009;border:1px solid #ffd700;border-radius:6px;overflow:hidden}.stat-bar-fill{height:100%;transition:width .2s ease-out}#chatPanel{width:380px;height:220px;background:#0a0a0a40;border:1px solid rgba(255,215,0,.3);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 15px #0000004d;opacity:.6;transition:all .3s ease}#chatPanel:hover,#chatPanel:focus-within{background:#0a0a0ad9;border-color:gold;opacity:1;box-shadow:0 0 15px #00000080}#chatMessages{flex:1;overflow-y:auto;padding:12px;color:#fff;font-size:13px;line-height:18px;display:flex;flex-direction:column;gap:6px}.chat-msg{word-break:break-word}.chat-msg-system{color:gold;font-weight:700}.chat-msg-user{color:#6cf;font-weight:700}#chatInputContainer{border-top:1px solid #ffd700;padding:8px 12px;background:#050505e6}#chatInput{width:100%;border:none;background:transparent;color:#fff;outline:none;font-size:13px}.mobile-joystick{display:none;position:relative;flex:0 0 auto;align-self:flex-start;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle at 50% 42%,#26201080,#04040494);border:1px solid rgba(255,215,0,.35);box-shadow:0 0 14px #00000080,inset 0 0 20px #00000080;opacity:.55;transition:opacity .15s ease,border-color .15s ease;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.mobile-joystick.visible{display:block}.mobile-joystick.active{opacity:1;border-color:gold}.mj-ring{position:absolute;inset:13px;border-radius:50%;border:1px dashed rgba(255,215,0,.22);pointer-events:none}.mj-knob{position:absolute;left:50%;top:50%;width:56px;height:56px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 38% 32%,#ffef92,#cfa51d 62%,#8a6c08);border:1px solid rgba(0,0,0,.55);box-shadow:0 2px 8px #0009,inset 0 -3px 6px #00000040;pointer-events:none}@media(pointer:coarse),(max-width:820px){#leftPanel{left:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));gap:6px}#statsContainer,#highSeasStatsHUD{width:min(46vw,200px)}#leftPanel .stat-bar-wrapper{gap:6px}#leftPanel .stat-label{width:26px;font-size:9px}#leftPanel .stat-bar-container{height:9px;border-radius:5px}#chatPanel{width:min(46vw,210px);height:84px;border-radius:6px;opacity:.5}#chatMessages{padding:5px 7px;font-size:10px;line-height:13px;gap:2px}#chatInputContainer{padding:4px 7px}#chatInput{font-size:11px}.mobile-joystick{width:116px;height:116px}.mj-ring{inset:11px}.mj-knob{width:50px;height:50px}#topBar{top:10px;left:10px;gap:6px}#topBar .ui-btn{padding:5px 10px;font-size:11px}#miniMapContainer{top:10px;right:10px;opacity:.75}#tabButtons{right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));gap:5px}#rightPanel{right:10px;bottom:calc(16px + env(safe-area-inset-bottom,0px) + 42px * var(--hud-scale, 1))}}#miniMapContainer{transform:scale(var(--hud-scale, 1));transform-origin:top right}#rightPanel,#tabButtons{transform:scale(var(--hud-scale, 1));transform-origin:bottom right}#rightPanel{position:absolute;bottom:65px;right:15px;width:320px;background:#0a0a0ad9;border:1px solid #ffd700;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;pointer-events:auto;box-shadow:0 0 15px #00000080;display:none}#tabButtons{position:absolute;bottom:15px;right:15px;display:flex;gap:8px;pointer-events:auto;z-index:1001}.tab-btn{padding:8px;background:#0f0f0fe6;border:1px solid #ffd700;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;justify-content:center;align-items:center}.tab-btn:hover,.tab-btn.active{background:gold;box-shadow:0 0 10px #ffd70080}.tab-icon{width:24px;height:24px;object-fit:contain;filter:grayscale(100%) brightness(.8);transition:all .2s}.tab-btn:hover .tab-icon,.tab-btn.active .tab-icon{filter:none;transform:scale(1.1)}#tabContent{padding:15px;overflow-y:auto;max-height:calc(52vh / var(--hud-scale, 1))}.tab-pane{display:none}.tab-pane.active{display:block}.panel-title{color:gold;margin-top:0;margin-bottom:12px;border-bottom:1px dashed rgba(255,215,0,.3);padding-bottom:4px;font-size:14px}#equipmentGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.rpg-slot{height:65px;background:#141414cc;border:1px dashed rgba(255,215,0,.4);border-radius:6px;display:flex;justify-content:center;align-items:center;color:#aaa;font-size:11px;text-align:center;cursor:pointer;position:relative;transition:all .2s;padding:4px;box-sizing:border-box}.rpg-slot:hover{border-color:gold;color:gold}.rpg-slot.equipped{color:gold;border:1px solid #ffd700;background:#ffd7001a;font-weight:700}.rpg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rpg-item{aspect-ratio:1;background:#141414cc;border:1px solid rgba(255,215,0,.3);border-radius:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-size:10px;text-align:center;cursor:pointer;position:relative;transition:all .2s;padding:4px;box-sizing:border-box}.rpg-item:hover{border-color:gold;background:#ffd7000d}.rpg-item img{-webkit-user-drag:none;user-select:none;pointer-events:none}.rpg-item.dragging{opacity:.35;border-style:dashed}.rpg-item.drag-over{border-color:gold;background:#ffd7002e;transform:scale(1.06)}.rpg-item-qty{position:absolute;bottom:2px;right:4px;font-size:9px;color:gold;font-weight:700}.shop-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed rgba(255,215,0,.2)}.shop-btn{background:gold;color:#000;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-weight:700;font-size:11px;transition:background .2s}.shop-btn:hover{background:#ffea00}.context-menu-item{padding:8px 20px;cursor:pointer;transition:background .2s}.context-menu-item:hover{background:#ffd70026}#miniMapContainer{position:absolute;top:15px;right:15px;z-index:1001;pointer-events:auto;display:none;opacity:.6;transition:opacity .3s ease}#miniMapContainer:hover,#miniMapContainer:focus-within{opacity:1}#compassWidget{position:absolute;top:-4px;right:-4px;width:56px;height:56px;cursor:pointer;z-index:1002;transition:transform .15s;filter:drop-shadow(0 0 6px rgba(0,0,0,.8))}#compassWidget:hover{transform:scale(1.1)}.run-toggle-btn{position:absolute;bottom:0;left:0;width:44px;height:44px;border-radius:50%;background:#141414e6;border:2px solid #ffd700;color:gold;font-weight:700;cursor:pointer;z-index:1002;display:flex;justify-content:center;align-items:center;font-size:11px;transition:all .2s;box-shadow:0 0 10px #000c}.run-toggle-btn:hover{transform:scale(1.1)}.run-toggle-btn.active{background:gold;color:#000}#rpgTooltip{min-width:200px}.login-screen{position:fixed;inset:0;width:100%;height:100%;background:#02050d;color:gold;display:flex;flex-direction:column;z-index:99999;font-family:sans-serif;overflow-x:hidden;overflow-y:auto;pointer-events:auto}.login-screen .ls-scene{position:fixed}.ls-login .ls-ship{left:auto;right:3%;width:clamp(140px,17vw,250px);animation:none}.ls-login .ls-ship-svg{transform:scaleX(-1)}.login-content{position:relative;z-index:2;margin:auto;padding:24px 16px;box-sizing:border-box;width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center}.login-header{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.login-header .ls-compass{top:40%;width:min(420px,100vw)}.login-title{margin:0}.login-main{display:flex;align-items:center;justify-content:center;gap:clamp(8px,3vw,40px);width:100%;margin-top:6px}.login-pepe-stage{position:relative;flex-shrink:0;width:min(360px,40vw);height:min(460px,58vh)}.login-pepe-container{position:absolute;inset:0}.login-pepe-container canvas{display:block}.login-dock{position:absolute;left:6%;width:88%;top:74%;height:24%;overflow:visible}.login-dock-posts{fill:#150e08}.login-dock-top{fill:#3b2a19}.login-dock-front{fill:#22170d}.login-dock-planks{fill:none;stroke:#00000073;stroke-width:1}.login-dock-edge{fill:none;stroke:#ffd70047;stroke-width:1.2}.login-pepe-glow{position:absolute;left:15%;right:15%;top:72%;height:17%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,196,100,.5) 0%,rgba(255,170,60,.16) 45%,transparent 70%);animation:login-glow 3.2s ease-in-out infinite}@keyframes login-glow{0%,to{opacity:.7}50%{opacity:1}}.login-box{position:relative;display:flex;flex-direction:column;gap:12px;width:min(340px,100%);box-sizing:border-box;margin:0;padding:22px 24px 16px;background:linear-gradient(180deg,#080e1cd6,#040812d6);border:1px solid rgba(255,215,0,.45);border-radius:12px;box-shadow:0 10px 40px #0009,inset 0 1px #ffd7001f}.login-box:before{content:"";position:absolute;top:-6px;left:50%;width:10px;height:10px;background:gold;transform:translate(-50%) rotate(45deg);box-shadow:0 0 10px #ffd700cc}.login-box-label{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:2px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ffd700d9}.login-box-label svg{width:13px;height:13px;fill:currentColor}.login-input{padding:11px 12px;border-radius:6px;border:1px solid rgba(255,215,0,.45);background:#02050ccc;color:#f3f5fa;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.login-input::placeholder{color:#e8edf673}.login-input:focus{border-color:gold;box-shadow:0 0 0 3px #ffd7002e}.login-btn{position:relative;overflow:hidden;margin-top:4px;padding:11px;border:none;border-radius:6px;background:linear-gradient(180deg,#fff1a8,gold 45%,#c99a10);color:#1a1200;font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 14px #ffd70059;transition:box-shadow .2s,transform .1s}.login-btn:after{content:"";position:absolute;top:0;bottom:0;left:0;width:60px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:translate(-80px)}.login-btn:hover{box-shadow:0 0 22px #ffd70099}.login-btn:hover:after{animation:ls-sheen 1.1s ease-in-out}.login-btn:active{transform:translateY(1px)}.register-btn{padding:9px;border:1px solid rgba(255,215,0,.6);border-radius:6px;background:transparent;color:gold;font-size:13px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s}.register-btn:hover{background:#ffd7001f}.login-error{color:#ff7070;font-size:12px;text-align:center;min-height:16px}@media(max-width:700px){.login-main{flex-direction:column;gap:0}.login-pepe-stage{width:230px;height:250px;margin-bottom:-8px}.ls-login .ls-ship{right:-4%}}.tribe-screen{position:fixed;inset:0;color:gold;display:flex;align-items:center;justify-content:center;z-index:100001;pointer-events:auto;overflow:hidden}.tribe-sky{position:absolute;inset:0;background:radial-gradient(ellipse 55% 50% at 50% 38%,rgba(40,80,140,.35),transparent 70%),radial-gradient(ellipse at 50% 120%,rgba(90,60,20,.3),transparent 60%),linear-gradient(180deg,#01030a,#040a1a,#07101f)}.tribe-stars{position:absolute;inset:0;pointer-events:none}.tribe-stars .ls-star{top:auto}.tribe-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;width:min(1000px,94vw);max-height:100vh;padding:16px 0}.tribe-head{text-align:center}.tribe-screen .selection-title{margin:0 0 4px}.tribe-sub{margin:0;font-size:13px;letter-spacing:.04em;color:#ffe28cb8}.tribe-stage{position:relative;width:min(52vh,88vw,560px);aspect-ratio:1;flex:0 1 auto;min-height:0}.tribe-canvas{width:100%;height:100%;display:block;cursor:grab;border-radius:50%;box-shadow:0 0 90px #4682d238}.tribe-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;opacity:.75;pointer-events:none}.tribe-pins{position:absolute;inset:0;pointer-events:none;overflow:hidden}.tribe-pin{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;line-height:1.1;white-space:nowrap;text-shadow:0 1px 4px #000,0 0 10px rgba(0,0,0,.8);transition:opacity .2s}.tribe-pin b{font-size:13px;letter-spacing:.05em;color:#fff3cf}.tribe-pin i{font-style:normal;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--tribe, #9fd8ff);opacity:.85}.tribe-pin.is-preview b{color:#fff}.tribe-pin.is-chosen b{color:var(--tribe, #ffd700);text-shadow:0 1px 4px #000,0 0 14px var(--tribe, #ffd700)}.tribe-pin.is-chosen i{opacity:1}.tribe-readout{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:40px;text-align:center;padding:0 12px}.tribe-readout-name{font-size:16px;font-weight:700;letter-spacing:.05em}.tribe-readout-blurb{font-size:12.5px;color:#ffe28cb3;max-width:60ch}.tribe-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.tribe-card{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:116px;padding:9px 14px;background:#0c1018d1;color:gold;border:1px solid rgba(255,215,0,.3);border-radius:10px;cursor:pointer;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}.tribe-card-dot{width:9px;height:9px;border-radius:50%;background:var(--tribe, #9fd8ff);box-shadow:0 0 8px var(--tribe, #9fd8ff)}.tribe-card-name{font-weight:700;font-size:14px;letter-spacing:.05em}.tribe-card-city{font-size:11px;letter-spacing:.08em;opacity:.7}.tribe-card:hover,.tribe-card.is-preview,.tribe-card:focus-visible{border-color:var(--tribe, #ffd700);transform:translateY(-2px);outline:none}.tribe-card.is-chosen{border-color:var(--tribe, #ffd700);background:#ffd70012;box-shadow:0 0 0 1px var(--tribe, #ffd700),0 0 20px -4px var(--tribe, #ffd700)}.tribe-card.is-chosen .tribe-card-city{opacity:1}.tribe-confirm{background:#141414d9;color:gold;border:1px solid #ffd700;padding:12px 42px;border-radius:8px;cursor:pointer;font-weight:700;font-size:15px;letter-spacing:.06em;transition:all .2s}.tribe-confirm:hover:not(:disabled){background:gold;color:#000;transform:scale(1.04)}.tribe-confirm:disabled{opacity:.35;cursor:not-allowed;border-color:#ffd70066}.tribe-no-globe .tribe-stage{aspect-ratio:auto;height:64px;width:auto}.tribe-no-globe .tribe-canvas,.tribe-no-globe .tribe-pins{display:none}@media(max-width:700px),(max-height:620px){.tribe-stage{width:min(42vh,82vw,400px)}.tribe-sub{font-size:12px}.tribe-card{min-width:92px;padding:7px 10px}.tribe-card-name{font-size:13px}.tribe-confirm{padding:10px 26px;font-size:14px}.tribe-pin b{font-size:11px}.tribe-pin i{font-size:9px}}.loading-screen{position:fixed;inset:0;width:100%;height:100%;background:#02050d;color:gold;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:99999;font-family:sans-serif;overflow:hidden;pointer-events:auto;opacity:1;transition:opacity .45s ease}.loading-screen.ls-leaving{opacity:0}.ls-scene,.ls-scene>*{position:absolute;pointer-events:none}.ls-scene{inset:0;overflow:hidden}.ls-sky{inset:0;background:radial-gradient(ellipse 60% 45% at 74% 18%,rgba(120,150,210,.22),transparent 70%),linear-gradient(180deg,#01030a,#050d1f 34%,#0b1c36 56%,#16304f 62%,#0a1a30 62.1%)}.ls-stars{inset:0}.ls-star{position:absolute;border-radius:50%;background:#fff8e0;box-shadow:0 0 4px #fff8dccc;will-change:opacity}.ls-tw1{animation:ls-twinkle 3.2s ease-in-out infinite}.ls-tw2{animation:ls-twinkle 4.7s ease-in-out infinite}.ls-tw3{animation:ls-twinkle 6.1s ease-in-out infinite}@keyframes ls-twinkle{0%,to{opacity:.25}50%{opacity:1}}.ls-moon{left:74%;top:12%;width:clamp(54px,7vw,96px);aspect-ratio:1;max-width:100%;border-radius:50%;transform:translate(-50%);background:radial-gradient(circle at 36% 38%,rgba(0,0,0,.08) 0 9%,transparent 10%),radial-gradient(circle at 62% 64%,rgba(0,0,0,.07) 0 12%,transparent 13%),radial-gradient(circle at 58% 30%,rgba(0,0,0,.05) 0 6%,transparent 7%),radial-gradient(circle at 40% 40%,#fffbe8,#f2e2a8 70%,#d9c27d);box-shadow:0 0 40px 10px #ffecaa59,0 0 140px 40px #96b4ff1f;animation:ls-moonglow 6s ease-in-out infinite}@keyframes ls-moonglow{0%,to{opacity:.92}50%{opacity:1}}.ls-cloud{width:46vw;height:11vh;border-radius:50%;background:radial-gradient(ellipse at 30% 60%,rgba(150,170,215,.16),transparent 60%),radial-gradient(ellipse at 62% 40%,rgba(150,170,215,.13),transparent 62%);will-change:transform}.ls-cloud-a{top:9%;left:0;animation:ls-drift 95s linear infinite;animation-delay:-30s}.ls-cloud-b{top:23%;left:0;width:34vw;animation:ls-drift 70s linear infinite;animation-delay:-55s;opacity:.8}.ls-cloud-c{top:36%;left:0;width:58vw;height:8vh;animation:ls-drift 130s linear infinite;animation-delay:-10s;opacity:.6}@keyframes ls-drift{0%{transform:translate(-60vw)}to{transform:translate(110vw)}}.ls-gull{top:30%;left:0;width:22px;height:10px;animation:ls-glide 38s linear infinite;will-change:transform}.ls-gull-b{top:20%;width:16px;animation-duration:52s;animation-delay:-24s}.ls-gull i{position:absolute;top:0;width:50%;height:100%;border-top:2px solid #0a1424;border-radius:50% 50% 0 0;animation:ls-flap .9s ease-in-out infinite}.ls-gull i:first-child{left:0;transform-origin:100% 100%}.ls-gull i:last-child{right:0;transform-origin:0 100%;animation-name:ls-flap-r}@keyframes ls-glide{0%{transform:translate(-10vw)}50%{transform:translate(50vw,-3vh)}to{transform:translate(110vw,1vh)}}@keyframes ls-flap{0%,to{transform:rotate(0)}50%{transform:rotate(-22deg)}}@keyframes ls-flap-r{0%,to{transform:rotate(0)}50%{transform:rotate(22deg)}}.ls-skyline{left:0;right:0;bottom:38%;width:100%;height:clamp(90px,20vh,220px)}.ls-skyline-far{fill:#0d1d33}.ls-skyline-near,.ls-mill{fill:#040a15}.ls-win{fill:#ffc76a}.ls-win-on{opacity:.9}.ls-win-flick{animation:ls-flicker 5s ease-in-out infinite}@keyframes ls-flicker{0%,to{opacity:.85}40%{opacity:.35}45%{opacity:.8}70%{opacity:.2}}.ls-mill-sails{transform-box:fill-box;transform-origin:center;animation:ls-spin 14s linear infinite}@keyframes ls-spin{to{transform:rotate(360deg)}}.ls-sea{inset:62% 0 0;background:linear-gradient(180deg,#0f2a47,#071a30 40%,#030c19)}.ls-sea>*{position:absolute}.ls-moonpath{left:74%;top:0;width:clamp(60px,9vw,140px);height:70%;transform:translate(-50%);-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.6) 50%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.6) 50%,transparent 100%)}.ls-moonpath i{position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(255,230,160,.55) 0 2px,transparent 2px 9px);-webkit-mask-image:radial-gradient(ellipse 50% 100% at 50% 0%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 50% 100% at 50% 0%,#000 30%,transparent 75%);animation:ls-shimmer 2.4s ease-in-out infinite}.ls-moonpath i:last-child{transform:translateY(4px) scaleX(.7);animation-delay:-1.2s}@keyframes ls-shimmer{0%,to{opacity:.35}50%{opacity:1}}.ls-wave{left:0;height:100%;will-change:transform}.ls-wave-back{top:0;width:calc(100% + 900px);background:var(--ls-wave) repeat-x 0 0 / 900px 90px,linear-gradient(#0c2744,#0c2744) no-repeat 0 89px / 100% 100%;opacity:.85;animation:ls-wave-900 22s linear infinite}.ls-wave-mid{top:22%;width:calc(100% + 700px);background:var(--ls-wave) repeat-x 0 0 / 700px 110px,linear-gradient(#08203a,#08203a) no-repeat 0 109px / 100% 100%;opacity:.92;animation:ls-wave-700 14s linear infinite}.ls-wave-front{top:52%;width:calc(100% + 1100px);background:var(--ls-wave) repeat-x 0 0 / 1100px 150px,linear-gradient(#051528,#051528) no-repeat 0 149px / 100% 100%;animation:ls-wave-1100 10s linear infinite}@keyframes ls-wave-900{to{transform:translate(-900px)}}@keyframes ls-wave-700{to{transform:translate(-700px)}}@keyframes ls-wave-1100{to{transform:translate(-1100px)}}.ls-ship{left:8%;top:calc(22% + 60px);width:clamp(170px,24vw,340px);max-width:100%;transform:translateY(-92%);animation:ls-sail 48s ease-in-out infinite alternate;will-change:transform}.ls-ship-bob{animation:ls-bob 4.2s ease-in-out infinite}.ls-ship-rock{transform-origin:50% 88%;animation:ls-rock 6.5s ease-in-out infinite}.ls-ship-svg{display:block;width:100%;height:auto;filter:drop-shadow(0 0 18px rgba(0,0,0,.6))}@keyframes ls-sail{0%{transform:translateY(-92%)}to{transform:translate(10vw,-92%)}}@keyframes ls-bob{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}@keyframes ls-rock{0%,to{transform:rotate(-2.2deg)}50%{transform:rotate(2deg)}}.ls-hull{fill:#120d09;stroke:#ffd7004d;stroke-width:1.5}.ls-hull-trim{fill:none;stroke:#ffd70059;stroke-width:1.6}.ls-mast{fill:none;stroke:#6b5236;stroke-width:4.5;stroke-linecap:round}.ls-rigging{fill:none;stroke:#d2be9659;stroke-width:1}.ls-sails path{stroke:#28221480;stroke-width:1}.ls-port{fill:#1a1408}.ls-port-on{fill:#ffbf5e;animation:ls-flicker 6s ease-in-out infinite}.ls-lamp{transform-box:fill-box;transform-origin:center;animation:ls-lamp 2.6s ease-in-out infinite}@keyframes ls-lamp{0%,to{transform:scale(.85);opacity:.7}50%{transform:scale(1.15);opacity:1}}.ls-flag{fill:#c8102e;transform-box:fill-box;transform-origin:0% 50%;animation:ls-flutter 1.1s ease-in-out infinite}.ls-flag-b{fill:gold;animation-delay:-.4s}.ls-flag-c{fill:#fff;animation-delay:-.7s}@keyframes ls-flutter{0%,to{transform:scaleX(1) skewY(0)}50%{transform:scaleX(.82) skewY(6deg)}}.ls-motes{inset:0}.ls-mote{position:absolute;bottom:-10px;border-radius:50%;background:#ffd76a;box-shadow:0 0 8px 2px #ffbe50b3;opacity:0;animation-name:ls-rise;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform,opacity}@keyframes ls-rise{0%{transform:translate(0);opacity:0}10%{opacity:.9}70%{opacity:.6}to{transform:translate(var(--ls-drift),-75vh);opacity:0}}.ls-vignette{inset:0;background:radial-gradient(ellipse 42% 38% at 50% 50%,rgba(2,5,13,.55),transparent 100%),radial-gradient(ellipse at 50% 45%,transparent 55%,rgba(0,0,0,.7) 100%)}.ls-center{position:relative;z-index:2;width:min(720px,calc(100% - 32px));display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.ls-compass{position:absolute;top:50%;left:50%;width:min(460px,110vw);max-width:none;height:auto;transform:translate(-50%,-58%);opacity:.13;animation:ls-compass 140s linear infinite;pointer-events:none;z-index:-1}@keyframes ls-compass{0%{transform:translate(-50%,-58%) rotate(0)}to{transform:translate(-50%,-58%) rotate(360deg)}}.ls-rose{fill:gold}.ls-rose-dim{fill:#b8932a}.ls-rose-ring{fill:none;stroke:gold;stroke-width:1.2}.ls-rose-ticks{fill:none;stroke:gold;stroke-width:1}.ls-title{font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,Times New Roman,serif;font-size:clamp(30px,6.2vw,64px);font-weight:700;white-space:nowrap;letter-spacing:.12em;text-transform:uppercase;line-height:1.05;padding-left:.12em;background:linear-gradient(100deg,#a8791a,gold 30%,#fff6c8 48%,gold 62%,#b88a1f);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 10px rgba(0,0,0,.9));animation:ls-gleam 7s ease-in-out infinite}@keyframes ls-gleam{0%,to{background-position:100% 0}50%{background-position:0% 0}}.ls-divider{display:flex;align-items:center;gap:10px;width:min(320px,80%);margin-top:-4px}.ls-divider span{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.8))}.ls-divider span:last-child{background:linear-gradient(90deg,rgba(255,215,0,.8),transparent)}.ls-divider b{width:8px;height:8px;background:gold;transform:rotate(45deg);box-shadow:0 0 10px #ffd700cc}.ls-status{margin:10px 0 0;font-size:15px;font-weight:400;letter-spacing:.06em;color:#f5e7b5;text-shadow:0 1px 6px rgba(0,0,0,.9);font-variant-numeric:tabular-nums}.loading-screen .progress-container{position:relative;width:min(420px,100%);height:14px;padding:2px;box-sizing:border-box;background:#050810d9;border:1px solid rgba(255,215,0,.75);border-radius:8px;box-shadow:0 0 18px #000c,inset 0 1px 4px #000000e6;overflow:hidden}.loading-screen .progress-bar{position:relative;height:100%;width:0%;border-radius:5px;background:linear-gradient(180deg,#fff1a8,gold 45%,#c99a10);box-shadow:0 0 12px #ffd700a6;transition:width .25s ease-out;overflow:hidden}.loading-screen .progress-bar:after{content:"";position:absolute;top:0;bottom:0;left:0;width:60px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:ls-sheen 1.8s ease-in-out infinite}@keyframes ls-sheen{0%{transform:translate(-80px)}to{transform:translate(440px)}}.ls-hint{position:relative;margin-top:14px;width:100%;max-width:560px;box-sizing:border-box;padding:12px 20px 14px;background:linear-gradient(180deg,#080e1cc7,#040812c7);border:1px solid rgba(255,215,0,.35);border-radius:10px;box-shadow:0 8px 30px #0000008c;cursor:pointer;overflow:hidden}.ls-hint-label{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ffd700d9}.ls-hint-label svg{width:13px;height:13px;fill:currentColor}.ls-hint-text{margin:6px 0 0;min-height:2.9em;font-size:15px;line-height:1.45;color:#e8edf6;transition:opacity .35s ease,transform .35s ease}.ls-hint.ls-hint-out .ls-hint-text{opacity:0;transform:translateY(6px)}.ls-hint-text kbd{display:inline-block;min-width:1.4em;padding:0 6px;margin:0 1px;font:700 12px/1.6 sans-serif;color:gold;background:#ffd7001a;border:1px solid rgba(255,215,0,.55);border-bottom-width:2px;border-radius:4px}.ls-hint-timer{position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffd70014}.ls-hint-timer i{position:absolute;inset:0;background:#ffd70099;transform-origin:0 50%;transform:scaleX(0)}.ls-hint-timer i.ls-run{animation:ls-countdown linear forwards}@keyframes ls-countdown{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:600px){.ls-ship{left:-6%}.ls-hint-text{font-size:14px}.ls-moon,.ls-moonpath{left:82%}}@media(prefers-reduced-motion:reduce){.loading-screen *,.loading-screen *:after{animation:none!important}.loading-screen .progress-bar{transition:none}}.world-compass-container{position:absolute;top:15px;right:15px;background:#0a0a0ad9;border:1px solid #ffd700;border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;font-family:sans-serif;z-index:1001;pointer-events:auto;box-shadow:0 0 15px #00000080}.compass-header{font-size:11px;color:gold;font-weight:700;text-transform:uppercase;letter-spacing:1px}.compass-ring{position:relative;width:80px;height:80px;border:1px solid #ffd700;border-radius:50%;background:#0006;transform-origin:center center}.compass-needle{position:absolute;top:35%;left:calc(50% - 1px);width:2px;height:37%;background:#f77;transform-origin:50% 50%;transition:transform .2s ease-out}.compass-needle:before{content:"";position:absolute;top:-5px;left:-1.5px;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:5px solid #ff7777}.compass-needle:after{content:"";position:absolute;top:35%;left:-18px;width:40px;height:1px;background:#666}.wind-arrow{position:absolute;top:15%;left:calc(50% - 1px);width:2px;height:70%;background:#6cf;transform-origin:50% 50%;transition:transform .2s ease-out}.wind-arrow:after{content:"";position:absolute;top:0;left:-3px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #66ccff}.cardinal-n,.cardinal-s,.cardinal-w,.cardinal-e{position:absolute;font-size:10px;font-weight:700;color:#fff;font-family:serif}.cardinal-n{top:2px;left:50%;transform:translate(-50%);font-size:1em}.cardinal-s{bottom:2px;left:50%;transform:translate(-50%);font-size:.8em}.cardinal-w{left:4px;top:50%;transform:translateY(-50%);color:#999;font-size:.6em}.cardinal-e{right:4px;top:50%;transform:translateY(-50%);color:#999;font-size:.6em}.wind-indicator-section,.boat-speed-section{display:flex;flex-direction:column;align-items:center;width:100%;border-top:1px dashed rgba(255,215,0,.2);padding-top:8px}.wind-header,.speed-header{font-size:10px;color:#aaa;margin-bottom:4px}.wind-arrow-container{position:relative;width:30px;height:30px;border:1px solid rgba(255,215,0,.3);border-radius:50%;background:#0003}.wind-speed,.boat-speed{font-size:12px;font-weight:700;color:gold;margin-top:4px}.boat-stats-container{display:flex;flex-direction:column;gap:8px;background:#0a0a0acc;padding:10px 15px;border:1px solid #ffd700;border-radius:8px;width:220px}.hp-fill{background:#f55}.energy-fill{background:#ff5}.will-fill{background:#5af}.rage-fill{background:#c0392b}.hull-fill{background:#f55}.crew-fill{background:#5f5}.prov-fill{background:#fa5}.right-panel-header{height:30px;background:#ffd7001a;border-bottom:1px solid rgba(255,215,0,.3);cursor:move;user-select:none;display:flex;align-items:center;padding-left:15px;color:gold;font-weight:700;font-size:13px}.close-right-panel-btn{position:absolute;top:5px;right:10px;background:transparent;color:gold;border:none;font-size:16px;cursor:pointer;z-index:1002}.close-right-panel-btn:hover{color:#fff}.equipment-mannequin-container{position:relative;width:100%;height:380px;background:#0000004d;border-radius:8px;overflow:hidden}.player-model-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.mannequin-slot{position:absolute!important;width:45px!important;height:45px!important;font-size:9px;z-index:100}.slot-head{top:15px;left:calc(50% - 22.5px)}.slot-neck{top:70px;left:calc(50% - 22.5px)}.slot-torso{top:125px;left:calc(50% - 22.5px)}.slot-belt{top:180px;left:calc(50% - 22.5px)}.slot-legs{top:235px;left:calc(50% - 22.5px)}.slot-feet{top:290px;left:calc(50% - 22.5px)}.slot-back{top:70px;left:calc(50% - 85px)}.slot-weapon{top:125px;left:calc(50% - 85px)}.slot-hands{top:180px;left:calc(50% - 85px)}.slot-quiver{top:70px;right:calc(50% - 85px)}.slot-shield{top:125px;right:calc(50% - 85px)}.boat-model-container{width:100%;height:150px;background:#0000004d;border-radius:8px;overflow:hidden;margin-bottom:12px}.boat-stats-panel{background:#141414cc;border:1px solid rgba(255,215,0,.2);border-radius:6px;padding:10px;margin-bottom:15px;font-size:12px;display:flex;flex-direction:column;gap:6px;color:#fff}.boat-stat-label{color:gold}.cargo-hold-header{color:gold;margin:15px 0 10px;font-size:13px;border-bottom:1px solid rgba(255,215,0,.2);padding-bottom:4px}.context-menu{position:fixed;background:#0a0a0af2;border:1px solid #ffd700;border-radius:6px;color:#fff;font-family:sans-serif;font-size:12px;z-index:1000000;box-shadow:0 0 15px #00000080;overflow:hidden}.rpg-tooltip{position:fixed;background:#050505f2;border:1px solid #ffd700;border-radius:6px;padding:10px;color:#fff;font-family:sans-serif;font-size:11px;z-index:1000000;pointer-events:none;box-shadow:0 0 15px #00000080;max-width:220px}#cityResourceGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;padding:10px;box-sizing:border-box;overflow-x:hidden;width:100%}.city-resource-card{background:#141414cc;border:1px solid rgba(255,215,0,.3);border-radius:6px;padding:12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;transition:border-color .2s;box-sizing:border-box;max-width:100%}.city-resource-card:hover{border-color:gold}.resource-img{width:48px;height:48px;object-fit:contain}.resource-name{font-weight:700;font-size:13px;color:gold}.res-stock{font-size:11px;color:#aaa}.res-prices{display:flex;justify-content:space-between;width:100%;font-size:11px;border-top:1px dashed rgba(255,215,0,.2);padding-top:6px;box-sizing:border-box}.res-buy{color:#6f6;text-align:left}.res-sell{color:#f66;text-align:right}.price-val{font-weight:700;font-size:1.5em}.resource-actions{display:flex;gap:6px;width:100%;margin-top:4px}.resource-actions button{flex:1;padding:6px 0;font-size:11px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:4px;border:1px solid rgba(255,215,0,.1);transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#ffd70099}*{scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.3) rgba(0,0,0,.2)}#confirmDialogUI{z-index:9999}@city-dialog{z-index: 1999;}#shopItemGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;padding:10px;box-sizing:border-box;overflow-x:hidden;width:100%}.shop-card-qty{font-size:11px;color:#aaa}.map-open-btn{position:absolute;bottom:0;right:0;width:44px;height:44px;border-radius:50%;background:#141414e6;border:2px solid #ffd700;color:gold;font-weight:700;cursor:pointer;z-index:1002;display:flex;justify-content:center;align-items:center;font-size:11px;transition:all .2s;box-shadow:0 0 10px #000c}.map-open-btn:hover{transform:scale(1.1);background:gold;color:#000}#cityMapDialog{width:min(1180px,94vw);height:min(840px,90vh);padding:14px 16px 16px;z-index:2000}#cityMapDialog .dialog-title{margin:0 40px 10px 0}.city-map-body{display:flex;gap:12px;height:calc(100% - 42px);min-height:0}.city-map-view{position:relative;flex:1;min-width:0;border:1px solid rgba(255,215,0,.45);border-radius:6px;overflow:hidden;background:#0a0f14}#cityMapCanvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.city-map-controls{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:4px}.city-map-controls .ui-btn{min-width:38px;font-size:13px}.city-map-compass{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;border:2px solid #ffd700;background:#000000b3;color:gold;font:700 13px sans-serif;display:flex;align-items:center;justify-content:center;pointer-events:none}.city-map-compass:before{content:"";position:absolute;top:-7px;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#f33;border-top:0}.city-map-hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);padding:3px 10px;border-radius:10px;background:#0009;color:#ccc;font-size:11px;white-space:nowrap;pointer-events:none}.city-map-tip{position:absolute;padding:4px 8px;border:1px solid #ffd700;border-radius:4px;background:#0a0a0aeb;color:#fff;font-size:12px;white-space:nowrap;pointer-events:none}.city-map-empty{position:absolute;inset:0;align-items:center;justify-content:center;color:#aaa;font-size:13px;pointer-events:none}.city-map-legend{width:220px;flex-shrink:0;overflow-y:auto;color:#eee;font-size:12px;padding-right:2px}.city-map-legend-title{color:gold;font-weight:700;border-bottom:1px solid rgba(255,215,0,.35);padding:2px 0 4px;margin:4px 0}.city-map-legend-row{display:flex;align-items:center;gap:6px;padding:2px 4px;border-radius:4px;cursor:pointer;user-select:none}.city-map-legend-row:hover{background:#ffd7001f}.city-map-legend-row input{margin:0;accent-color:#ffd700;cursor:pointer}.city-map-legend-name{flex:1}.city-map-legend-count{color:#aaa;font-size:11px}.city-map-legend-none{color:#888;padding:4px}.city-map-legend-actions{display:flex;gap:6px;margin:6px 0 4px}@media(max-width:720px){.city-map-body{flex-direction:column}.city-map-legend{width:auto;max-height:32%}.city-map-hint{display:none}}.ls-place{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:-2px}.ls-place[hidden]{display:none}.ls-place-name{font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:clamp(20px,3.2vw,30px);letter-spacing:.22em;text-transform:uppercase;color:#fff1c2;text-shadow:0 2px 10px rgba(0,0,0,.95),0 0 24px rgba(255,200,90,.35)}.ls-place-tag{font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-style:italic;font-size:14px;letter-spacing:.08em;color:#ffe4a0d9;text-shadow:0 1px 6px rgba(0,0,0,.95)}.ls-mode-city .ls-compass{opacity:.08}.ls-cs-skyline{height:clamp(120px,28vh,300px)}.ls-cs-near path,.ls-cs-near .ls-bridge-body,.ls-cs-near .ls-trunk,.ls-cs-near .ls-fronds,.ls-cs-near .ls-tree{fill:currentColor}.ls-cs-near .ls-mill-sails{fill:currentColor}.ls-cs-mount{fill:currentColor;opacity:.9}.ls-cs-snow{fill:#e9f0f7;opacity:.85}.ls-cs-col{fill:currentColor;opacity:.9}.ls-blossom ellipse{fill:#f2a7c3;opacity:.92}.ls-bell{fill:#caa24a}.ls-flagpole{stroke:currentColor;stroke-width:2;fill:none}.ls-flag-dark{fill:#111!important}.ls-beacon{fill:#ffe7a0;opacity:.8;transform-box:fill-box;transform-origin:center;animation:ls-lamp 2.2s ease-in-out infinite;filter:blur(2px)}.ls-cs-puff{fill:#c8beb959;transform-box:fill-box;transform-origin:center;animation:ls-cs-puff 9s ease-out infinite}@keyframes ls-cs-puff{0%{transform:translate(0) scale(.4);opacity:0}20%{opacity:.8}to{transform:translate(60px,-90px) scale(2.2);opacity:0}}.ls-cs-sun{width:calc(clamp(56px,7.5vw,104px) * var(--cs-size, 1));aspect-ratio:1;border-radius:50%;transform:translate(-50%);background:radial-gradient(circle at 50% 50%,#fffdf2 0%,var(--cs-sun) 55%,var(--cs-sun) 70%,rgba(255,255,255,0) 72%);box-shadow:0 0 60px 26px var(--cs-glow),0 0 180px 80px var(--cs-glow);animation:ls-moonglow 6s ease-in-out infinite}.ls-cs-sun-dim{opacity:.6;filter:blur(3px)}.ls-cs-cloud{background:radial-gradient(ellipse at 30% 60%,var(--cs-cloud),transparent 60%),radial-gradient(ellipse at 62% 40%,var(--cs-cloud),transparent 62%)}.ls-cs-gull i{border-top-color:var(--cs-gull)}.ls-cs-path i{background:repeating-linear-gradient(180deg,var(--cs-path) 0 2px,transparent 2px 9px)}.ls-cs-vignette{background:radial-gradient(ellipse at 50% 45%,transparent 55%,rgba(0,0,0,var(--cs-vig)) 100%)}.ls-cs-fog{left:-20%;right:-20%;height:16vh;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(215,205,190,.45),transparent 70%);will-change:transform}.ls-cs-fog-a{bottom:34%;animation:ls-cs-fog 60s ease-in-out infinite alternate}.ls-cs-fog-b{bottom:40%;height:10vh;opacity:.7;animation:ls-cs-fog 45s ease-in-out infinite alternate-reverse}@keyframes ls-cs-fog{0%{transform:translate(-12vw)}to{transform:translate(12vw)}}.ls-cs-aurora{inset:0 0 45%;mix-blend-mode:screen;opacity:.85}.ls-cs-aurora i{position:absolute;left:-10%;right:-10%;height:42%;border-radius:50%;filter:blur(18px);background:linear-gradient(90deg,transparent 0%,rgba(60,255,160,.5) 20%,rgba(80,220,255,.35) 45%,rgba(170,90,255,.35) 65%,rgba(60,255,170,.45) 85%,transparent 100%);will-change:transform,opacity;animation:ls-cs-aurora 14s ease-in-out infinite alternate}.ls-cs-aurora i:nth-child(1){top:6%;transform:skewY(-6deg)}.ls-cs-aurora i:nth-child(2){top:20%;height:30%;animation-duration:19s;animation-delay:-6s;opacity:.7}.ls-cs-aurora i:nth-child(3){top:32%;height:22%;animation-duration:11s;animation-delay:-3s;opacity:.5}@keyframes ls-cs-aurora{0%{transform:translate(-6%) skewY(-5deg) scaleY(.8);opacity:.45}50%{opacity:.95}to{transform:translate(6%) skewY(4deg) scaleY(1.15);opacity:.6}}.ls-cs-fall{inset:0}.ls-cs-petal,.ls-cs-flake{position:absolute;top:-3vh;width:9px;height:6px;border-radius:60% 10%;background:#f7b8cf;opacity:0;animation-name:ls-cs-fall;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform,opacity}.ls-cs-flake{width:4px;height:4px;border-radius:50%;background:#f4f8ff}@keyframes ls-cs-fall{0%{transform:translate(0) rotate(0);opacity:0}8%{opacity:.95}90%{opacity:.8}to{transform:translate(-14vw,106vh) rotate(540deg);opacity:0}}.ls-cs-boat{top:calc(10% + 40px);right:12%;width:clamp(70px,9vw,140px);transform:translateY(-80%);animation:ls-cs-row 30s ease-in-out infinite alternate;will-change:transform}.ls-cs-boat-svg{display:block;width:100%;height:auto;fill:currentColor;overflow:visible}.ls-cs-boat-svg .ls-cs-oar{stroke:currentColor;fill:none}.ls-cs-boat-svg .ls-cs-sail{fill:#e7d9b8;opacity:.9}.ls-cs-boat-svg .ls-cs-junk{fill:#9b3b28}@keyframes ls-cs-row{0%{transform:translateY(-80%)}to{transform:translate(-8vw,-76%)}}.ls-sky-globe{background:radial-gradient(ellipse 55% 50% at 50% 34%,rgba(40,80,140,.35),transparent 70%),radial-gradient(ellipse at 50% 120%,rgba(90,60,20,.35),transparent 60%),linear-gradient(180deg,#01030a,#040a1a,#07101f)}.ls-scene-globe .ls-stars{inset:0}.ls-scene-globe .ls-star{top:auto}.ls-globe-wrap{left:50%;top:max(2vh,12px);width:min(48vh,86vw,520px);aspect-ratio:1;max-width:100%;transform:translate(-50%)}.ls-globe-canvas{position:absolute;left:8.33%;top:8.33%;width:83.34%;height:83.34%;border-radius:50%}.ls-globe-glow{position:absolute;inset:7%;border-radius:50%;box-shadow:0 0 40px 10px #78b4ff59,0 0 120px 30px #3c78dc40;animation:ls-moonglow 6s ease-in-out infinite}.ls-globe-shine{position:absolute;left:8.33%;top:8.33%;width:83.34%;height:83.34%;border-radius:50%;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.22),transparent 38%),radial-gradient(circle at 50% 50%,transparent 62%,rgba(120,180,255,.28) 100%);pointer-events:none}.ls-globe-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 4px 12px rgba(0,0,0,.8));animation:ls-ring-sway 20s ease-in-out infinite alternate}@keyframes ls-ring-sway{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}.ls-globe-ring-band{fill:none;stroke:#aa7828e6;stroke-width:22}.ls-globe-ring-line{fill:none;stroke:gold;stroke-width:1.4;opacity:.8}.ls-globe-ring-ticks{stroke:#2a1a05;stroke-width:1.2}.ls-globe-ring-labels text{font:700 9px Georgia,serif;fill:#2a1a05;text-anchor:middle}.ls-globe-pin{fill:gold;stroke:#5a3a08;stroke-width:1.5}.ls-mode-globe .ls-compass{display:none}.ls-mode-globe .ls-center{margin-top:calc(min(48vh,86vw,520px) - 4vh);gap:8px}.ls-mode-globe .ls-title{font-size:clamp(26px,4.6vw,48px)}.ls-mode-globe .ls-hint{margin-top:6px}@media(max-height:700px){.ls-mode-globe .ls-hint{display:none}}.character-screen{position:fixed;inset:0;background:radial-gradient(circle at 50% 35%,#121a26,#05070c 70%);color:gold;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;z-index:100001;pointer-events:auto}.char-stage{position:relative;width:min(760px,92vw);height:min(460px,52vh)}.char-canvas{width:100%;height:100%;display:block;cursor:pointer}.char-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:15px;opacity:.75;pointer-events:none}.char-labels{display:flex;justify-content:center;gap:min(230px,34vw);margin-top:-4px}.char-pick{background:#141414cc;color:gold;border:1px solid rgba(255,215,0,.45);padding:8px 22px;border-radius:8px;cursor:pointer;font-weight:700;letter-spacing:.04em;transition:all .18s}.char-pick:hover{border-color:gold}.char-pick.is-chosen{background:gold;color:#101010;box-shadow:0 0 18px #ffd70073}.char-hair{display:flex;align-items:center;gap:16px;margin-top:6px}.char-hair-name{min-width:130px;text-align:center;font-size:17px;letter-spacing:.06em}.char-arrow{background:#141414cc;color:gold;border:1px solid rgba(255,215,0,.45);width:40px;height:34px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .18s}.char-arrow:hover{background:gold;color:#000}.char-confirm{background:#141414d9;color:gold;border:1px solid #ffd700;padding:13px 44px;border-radius:8px;cursor:pointer;font-weight:700;font-size:16px;letter-spacing:.06em;transition:all .2s}.char-confirm:hover{background:gold;color:#000;transform:scale(1.04)}@media(max-width:640px){.char-labels{gap:42vw}.char-pick{padding:7px 12px;font-size:13px}}.char-colours{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:min(560px,88vw);margin-top:10px}.char-swatch{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,215,0,.28);cursor:pointer;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s}.char-swatch:hover{transform:scale(1.12);border-color:#ffd700b3}.char-swatch.is-chosen{border-color:gold;box-shadow:0 0 0 2px #ffd70059,0 0 14px #ffd70080;transform:scale(1.12)}@media(max-width:640px){.char-swatch{width:24px;height:24px}}