.hero-art{animation:harbor-breath 32s ease-in-out infinite alternate;transform-origin:70% 50%}.hero-content{animation:arrive 1s ease-out both}.hero-actions .primary{position:relative;overflow:hidden}.hero-actions .primary:after{content:'';position:absolute;inset:-70% -100%;background:linear-gradient(115deg,transparent 40%,#fff8dc44 50%,transparent 60%);animation:gold-glint 9s ease-in-out infinite;pointer-events:none}.local-dot,.status-dot.online{animation:beacon 3s ease-in-out infinite}.dialog-close{position:absolute;right:13px;top:9px;z-index:3;border:0;background:transparent;color:#8d703a;font-size:27px;line-height:1;padding:5px 8px}#login-dialog{width:min(470px,94vw);max-width:94vw;border:0;overflow:visible;background:transparent;box-shadow:0 28px 90px #0008}#login-dialog .account-card{margin:0;padding-top:35px}#login-host{color:#172d37}.play-page{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:#132e3b;color:#efe1bf}.play-header{height:72px;min-height:72px;display:flex;align-items:center;padding:0 25px;gap:17px;background:#071f2b;border-bottom:1px solid #c2a05c40;z-index:20}.play-header .brand{font-size:12px}.play-header .compass{font-size:32px}.play-header .brand small{font-size:7px}.play-account{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:11px;color:#d9d7bd}.play-header>.text-button{font-size:10px;white-space:nowrap}.play-header .button{padding:8px 14px;font-size:9px}.play-stage{flex:1;position:relative;min-height:0;background:#9cc5d9;overflow:hidden}.play-stage>canvas{position:absolute;inset:0}.play-footer{height:33px;min-height:33px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 23px;background:#071f2b;border-top:1px solid #c2a05c40;color:#8fb1c0;font-size:9px;letter-spacing:.2px;z-index:20}.play-footer span:last-child{font-size:8px;letter-spacing:1.5px}.game-loading{position:absolute;inset:0;z-index:15;background:#0e3447 url('./site/art/harbor.png') center/cover no-repeat;display:flex;align-items:center;justify-content:center;overflow:hidden}.game-loading:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#031923f0,transparent 55%,#03263d55);pointer-events:none}.loading-brand{position:relative;text-align:center;margin-bottom:10vh;text-shadow:0 3px 18px #00131e}.loading-brand .compass{font-size:65px;display:block;color:#edcd86;animation:compass-wake 14s ease-in-out infinite}.loading-brand h1{font-family:CinzelDecorative,Cinzel,serif;font-size:clamp(28px,4vw,60px);line-height:1.3;margin:12px 0 22px;color:#fff0c9;letter-spacing:1px}.loading-brand h1 small{display:block;font-family:Cinzel;font-size:16px;letter-spacing:12px;padding-left:12px;margin-top:9px}.loading-brand>span:last-child{font-size:9px;letter-spacing:4px;color:#e4d5b1}.game-loading-bottom{position:absolute;bottom:0;left:0;width:100%;padding:25px 20px 19px;text-align:center;background:linear-gradient(0deg,#041b2bea,#041b2baa);border-top:1px solid #c8aa6244}.game-loading-bottom h2{font-family:Cinzel;font-size:20px;margin:0 0 7px;color:#f5e6c0}.game-loading-bottom>p{font-size:11px;margin:4px 0 12px;color:#b8cfd6}.game-loading-bottom>p#load-detail{font-size:10px;margin:11px 0 3px;color:#b2c5ca}.game-loading-bottom>.text-button{padding:6px;font-size:9px;color:#acb6b1}.game-load-track{position:relative;width:min(670px,72vw);margin:auto;border:1px solid #c5a66b;background:#112f40;box-shadow:0 2px 13px #0005;height:20px;padding:2px}.game-load-track progress{height:14px;margin:0;background:#112f40}.game-load-track progress::-webkit-progress-bar{background:#112f40}.game-load-track progress::-webkit-progress-value{background:linear-gradient(90deg,#b28e4d,#ecd39a)}.game-load-track progress::-moz-progress-bar{background:#ceb071}.game-load-track>span{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;color:#fff8e3;text-shadow:0 1px 3px #000;font-weight:bold}.tour-location{position:absolute;left:28px;bottom:25px;z-index:4;display:flex;align-items:center;gap:13px;pointer-events:none;color:#fff2d0;text-shadow:0 2px 5px #081f2b;background:#061f2b80;padding:10px 17px;border-left:1px solid #c0a36580}.tour-location strong{font-family:Cinzel;font-weight:400;font-size:16px;display:block}.tour-location small{font-size:9px;color:#d0dad4;display:block;margin-top:2px}@keyframes harbor-breath{from{transform:scale(1.025) translateX(0)}to{transform:scale(1.065) translateX(-.7%)}}@keyframes arrive{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes gold-glint{0%,65%{transform:translateX(-50%)}90%,100%{transform:translateX(50%)}}@keyframes beacon{0%,100%{opacity:.75}50%{opacity:1;box-shadow:0 0 0 5px #a7bc7910}}@keyframes compass-wake{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@media(max-width:720px){.play-header{height:60px;min-height:60px;padding:0 12px;gap:10px}.play-header .brand{font-size:9px;gap:7px;letter-spacing:.6px}.play-header .compass{font-size:25px}.play-header .brand small{font-size:6px;letter-spacing:3px}.play-account{font-size:9px}.play-header .button{font-size:8px;padding:6px 8px}.play-header>a.button{display:none}.play-header>.text-button{font-size:8px}.play-footer{height:40px;min-height:40px;padding:0 12px;font-size:8px;gap:8px;flex-wrap:wrap;justify-content:flex-start;align-content:center}.play-footer span:nth-child(2){margin-left:auto}.play-footer span:last-child{display:none}.loading-brand>span:last-child{font-size:7px;letter-spacing:2px}.loading-brand h1 small{font-size:12px;letter-spacing:9px}.game-loading-bottom{padding-bottom:18px}.game-loading-bottom h2{font-size:17px}.game-load-track{width:86vw}.tour-location{left:14px;bottom:14px;padding:7px 10px}.tour-location strong{font-size:12px}.tour-location small{font-size:8px}#login-dialog .account-card{padding-left:26px;padding-right:26px}}@media(prefers-reduced-motion:reduce){.hero-art,.hero-content,.hero-actions .primary:after,.local-dot,.status-dot.online,.loading-brand .compass{animation:none}}

.world-active .play-header,.world-active .play-footer{display:none}.world-active .play-stage{height:100vh;height:100dvh}.world-active #tour-location{display:none}
.move-target{position:absolute;z-index:4;width:26px;height:14px;margin:-7px -13px;border:2px solid #e7faab;border-radius:50%;box-shadow:0 0 3px #162927,inset 0 0 3px #162927;pointer-events:none}.move-target.pending{border-color:#ffd778}.move-pending{position:absolute;z-index:5;left:50%;bottom:28%;transform:translateX(-50%);max-width:80%;display:flex;align-items:center;gap:12px;padding:9px 14px;background:#102f40e8;border:1px solid #b2cfdb;color:#f5eacb;font:12px Arial;border-radius:4px}.move-pending button{border:1px solid #9fbecb;background:#1b4356;color:#edf5f8;padding:4px 8px;cursor:pointer}.move-pending[hidden],.move-target[hidden]{display:none}
.mpo-brand-image{width:52px;height:52px;object-fit:contain}.mpo-loading-logo{display:block;width:min(340px,45vh);height:auto;margin:0 auto 16px;filter:drop-shadow(0 12px 20px #00192390)}

.play-header .brand .mpo-brand-image{width:190px;height:58px}.play-header .brand>span{display:none}.mpo-loading-logo{width:min(580px,75vw);max-height:40vh;object-fit:contain}
.game-wiki-dialog{width:min(1180px,96vw);height:min(850px,94dvh);max-width:96vw;max-height:94dvh;padding:0;border:1px solid #c6a45e;border-radius:7px;background:#f7f1e4;color:#eddfbf;overflow:hidden;box-shadow:0 25px 90px #0009}.game-wiki-dialog::backdrop{background:#041b2799}.game-wiki-dialog>header{height:52px;display:flex;align-items:center;gap:20px;padding:0 18px;background:#082d3b;font-size:12px}.game-wiki-dialog header strong{font-family:Cinzel,Georgia,serif}.game-wiki-dialog header a{margin-left:auto;color:#d4bd83;font-size:11px}.game-wiki-dialog header button{border:1px solid #c6a45e66;border-radius:3px;background:#174654;color:#f3e5c3;padding:6px 12px;font-size:11px}.game-wiki-dialog iframe{display:block;width:100%;height:calc(100% - 52px);border:0;background:#f7f1e4}@media(max-width:600px){.game-wiki-dialog header a{display:none}.game-wiki-dialog header button{margin-left:auto}}