/* Account Lobby: live content over the captain's notebook illustration. */
.account-lobby{--lobby-ink:#102866;--lobby-muted:#364d77;--lobby-paper:#fff9e9;box-sizing:border-box;min-height:100vh;min-height:100dvh;width:100%;padding:48px max(24px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:0;color:var(--lobby-ink);font-family:system-ui,sans-serif;position:relative;isolation:isolate;overflow:clip;background-color:var(--lobby-paper);background-image:linear-gradient(#91b9d621 1px,transparent 1px),linear-gradient(90deg,#91b9d621 1px,transparent 1px);background-size:26px 26px}
.account-lobby::before{content:"";position:absolute;inset:0 auto 0 3.9%;width:3.6%;border-inline:1px solid #c955604d;z-index:-1;pointer-events:none}
.account-lobby::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('../assets/lobby/paper-grain.svg?v=1.30.65&rev=2daadeafb0ef') repeat;opacity:.2}
.account-lobby .lobby-chart{position:absolute;top:0;left:0;width:100%;height:auto;min-height:800px;object-fit:cover;object-position:center top;opacity:.53;pointer-events:none;user-select:none;z-index:-1}
.account-lobby .lobby-layout{position:relative;z-index:2;width:min(1320px,74vw);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);align-items:start;gap:clamp(36px,3.5vw,68px)}
.account-lobby .lobby-wordmark{display:flex;align-items:center;gap:16px;font-size:19px;font-weight:850;letter-spacing:.16em;margin-bottom:16px;color:var(--lobby-ink);height:35px}
.account-lobby .lobby-wordmark .lobby-icon{width:35px;height:35px}
.account-lobby h1{font-family:ZarubaHand,"Segoe Print","Comic Sans MS",cursive;font-size:clamp(94px,7.3vw,124px);line-height:.89;letter-spacing:-.025em;font-weight:700;max-width:8.5ch;margin:0;color:var(--lobby-ink);text-wrap:balance;-webkit-text-stroke:1.5px currentColor;paint-order:stroke fill}
.account-lobby .lobby-underline{display:block;pointer-events:none;width:min(74%,430px);height:24px;margin:5px 0 8px}
.account-lobby .lobby-intro{font-size:23px;line-height:1.4;max-width:29ch;margin:0 0 14px;color:var(--lobby-muted)}
.account-lobby .lobby-actions{display:grid;gap:14px}
.account-lobby .lobby-action{display:flex;align-items:center;gap:28px;text-align:left;width:100%;min-width:0;min-height:116px;padding:16px 28px;border:7px solid transparent;border-image:url('../assets/lobby/ink-frame.svg?v=1.30.65&rev=912877189006') 12 / 12px / 0 stretch;background:var(--lobby-paper);color:var(--lobby-ink);box-shadow:3px 4px 1px #253a6420;cursor:pointer;position:relative;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}
.account-lobby .lobby-action>span:nth-child(2){flex:1;min-width:0}.account-lobby .lobby-action strong{display:block;font:700 39px/1.05 ZarubaHand,"Segoe Print",cursive;margin-bottom:5px;-webkit-text-stroke:.55px currentColor;overflow-wrap:anywhere}.account-lobby .lobby-action small{display:block;font:400 17px/1.4 system-ui,sans-serif;color:var(--lobby-muted);overflow-wrap:anywhere}
.lobby-icon{display:inline-block;width:28px;height:28px;flex:none;background:currentColor;mask:center/contain no-repeat}.lobby-icon-ship{mask-image:url('../assets/home/fontawesome/ship.svg')}.lobby-icon-anchor{mask-image:url('../assets/home/fontawesome/anchor.svg')}.lobby-icon-login{mask-image:url('../assets/home/fontawesome/right-from-bracket.svg');transform:rotate(180deg)}.lobby-icon-trophy{mask-image:url('../assets/home/fontawesome/trophy.svg')}.lobby-icon-arrow{mask-image:url('../assets/home/fontawesome/chevron-right.svg');width:17px;height:27px}.lobby-icon-crown{mask-image:url('../assets/lobby/crown.svg?v=1.30.65&rev=3738875e834d')}
.account-lobby .lobby-action>.lobby-icon:first-child{width:54px;height:58px}.account-lobby .lobby-icon-arrow{transition:transform .16s ease}
.account-lobby .lobby-back{display:inline-flex;align-items:center;gap:13px;margin-top:9px;padding:6px 3px;min-height:44px;background:transparent;border:0;color:var(--lobby-ink);box-shadow:none;cursor:pointer;font:700 30px/1.2 ZarubaHand,"Segoe Print",cursive}.account-lobby .lobby-back>span{font-family:system-ui,sans-serif;font-size:35px;transition:transform .16s ease}
.account-lobby .lobby-top{margin-top:54px;padding:17px 17px 13px;border:7px solid transparent;border-image:url('../assets/lobby/ink-frame.svg?v=1.30.65&rev=912877189006') 12 / 12px / 0 stretch;box-shadow:3px 4px 1px #253a6420;min-width:0;background-color:#fff9e9f7;background-image:url('../assets/lobby/panel-hatch.svg?v=1.30.65&rev=8d7c38989d31');background-size:100% 100%}
.account-lobby .lobby-top header{display:flex;align-items:center;gap:20px;margin:0 8px 24px}.account-lobby .lobby-top header>.lobby-icon{width:44px;height:48px;color:#a77816}.account-lobby h2{font:700 46px/1.05 ZarubaHand,"Segoe Print",cursive;margin:0 0 4px;color:var(--lobby-ink);-webkit-text-stroke:.4px currentColor;overflow-wrap:anywhere}.account-lobby .lobby-top header p{font-size:17px;line-height:1.4;margin:0;color:var(--lobby-muted)}
.lobby-top-caption{display:flex;justify-content:space-between;gap:12px;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--lobby-ink);padding:0 10px 9px}
.lobby-ranks{list-style:none;padding:0;margin:0}.lobby-ranks li{display:grid;grid-template-columns:25px minmax(0,1fr) 24px 24px;align-items:center;gap:10px;padding:10px 10px;min-height:43px;border-bottom:1px solid #31528125;font-size:16px}.lobby-ranks li:last-child{border:0}.lobby-rank{font-size:15px;font-weight:600;color:var(--lobby-ink)}.lobby-ranks li:nth-child(1){background:#f6d36e22;color:#987014;border-radius:5px;border:1px solid #e6bd5b55}.lobby-ranks li:nth-child(2){background:#a4b2c522;color:#75879b;border-radius:5px}.lobby-ranks li:nth-child(3){background:#d69c6724;color:#a06734;border-radius:5px;border:1px solid #d7a27138}.lobby-ranks .player-identity{min-width:0;overflow-wrap:anywhere;color:var(--lobby-ink)}.lobby-ranks .player-flag{width:24px}.lobby-ranks b{font-size:16px;color:var(--lobby-ink);text-align:center}.lobby-rank-accent .lobby-icon{width:24px;height:24px;vertical-align:middle}
.lobby-top-message{min-height:130px;color:var(--lobby-muted);font-size:16px;line-height:1.6;padding:20px 10px}.lobby-loading{background:repeating-linear-gradient(transparent 0 42px,#17394e08 42px 43px)}
.account-lobby .lobby-sea{position:relative;z-index:0;height:clamp(200px,22vh,270px);flex:none;margin-top:auto;margin-inline:calc(-1 * max(24px,env(safe-area-inset-right)));pointer-events:none;user-select:none}
.account-lobby .lobby-sea-panorama{position:absolute;z-index:0;width:100%;height:clamp(260px,20vw,380px);left:0;bottom:-65px;object-fit:fill;opacity:.94;filter:saturate(1.15) hue-rotate(10deg);pointer-events:none;user-select:none}
.account-lobby .lobby-ship{position:absolute;bottom:0;height:calc(100% + 120px);width:min(39vw,720px);object-fit:contain;object-position:left bottom;pointer-events:none;opacity:.96;z-index:1}.account-lobby .lobby-ship-left{left:-1.8vw}.account-lobby .lobby-ship-right{right:-.5vw;object-position:right bottom;width:min(36vw,680px)}
.account-lobby .lobby-footer{position:relative;z-index:3;align-self:center;text-align:center;font:400 12px/1.5 system-ui,sans-serif;color:var(--lobby-ink);margin:0;padding:0 18px;background:#fff9e9ec;border-radius:45%}.lobby-footer a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}.lobby-footer strong{font-weight:650}.lobby-footer a:hover{text-decoration:underline}
#app:has(.account-lobby)>.locale-selector select{border:5px solid transparent;border-image:url('../assets/lobby/ink-frame.svg?v=1.30.65&rev=912877189006') 14 fill / 5px / 0 stretch;background-color:#fff9e9;color:transparent;font-weight:800;min-height:48px}
.account-lobby button:focus-visible,.lobby-footer a:focus-visible{outline:3px solid #00748c;outline-offset:5px}.account-lobby .lobby-action:active{transform:translateY(2px);box-shadow:1px 1px 0 #17394e20}
@media(hover:hover) and (pointer:fine){.account-lobby .lobby-action:hover{transform:translateY(-2px);background-color:#f0f3ee;box-shadow:4px 6px 0 #34447422}.account-lobby .lobby-action:hover .lobby-icon-arrow{transform:translateX(4px)}.account-lobby .lobby-back:hover{text-decoration:underline}.account-lobby .lobby-back:hover>span{transform:translateX(-3px)}}
@media(min-width:741px) and (max-height:850px){.account-lobby{padding-top:34px}.account-lobby h1{font-size:84px}.account-lobby .lobby-wordmark{margin-bottom:10px;font-size:16px}.account-lobby .lobby-underline{margin:3px 0 8px;height:19px}.account-lobby .lobby-intro{font-size:18px;margin-bottom:18px}.account-lobby .lobby-action{min-height:94px;padding:12px 20px;gap:20px}.account-lobby .lobby-action strong{font-size:32px}.account-lobby .lobby-action small{font-size:14px}.account-lobby .lobby-action>.lobby-icon:first-child{width:42px;height:46px}.account-lobby .lobby-top{margin-top:28px;padding:15px 13px 10px}.account-lobby h2{font-size:38px}.account-lobby .lobby-top header{gap:13px;margin-bottom:17px}.account-lobby .lobby-top header p{font-size:14px}.account-lobby .lobby-ranks li{font-size:14px;min-height:36px;padding-block:7px}.account-lobby .lobby-sea{height:120px}.account-lobby .lobby-ship{height:255px}.account-lobby .lobby-sea-panorama{height:330px;bottom:-88px}}
@media(max-width:1100px) and (min-width:741px){.account-lobby .lobby-layout{width:100%;gap:26px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.account-lobby h1{font-size:88px}.account-lobby .lobby-action{gap:15px;padding-inline:16px}.account-lobby .lobby-action strong{font-size:32px}.account-lobby .lobby-action small{font-size:15px}.account-lobby .lobby-top{padding-inline:12px}.account-lobby h2{font-size:37px}.account-lobby .lobby-top header{gap:12px;margin-inline:2px}.account-lobby .lobby-top header>.lobby-icon{width:30px;height:34px}.account-lobby .lobby-intro{font-size:20px}.account-lobby .lobby-ranks li{grid-template-columns:18px minmax(0,1fr) 22px 18px;gap:7px;padding-inline:5px}.account-lobby .lobby-rank-accent .lobby-icon{width:18px;height:18px}.account-lobby .lobby-chart{height:900px;width:135%;max-width:none;left:-17%}.account-lobby .lobby-ship{width:49%}}
@media(max-width:740px){.account-lobby{padding:76px 20px calc(8px + env(safe-area-inset-bottom))}.account-lobby .lobby-layout{width:100%;grid-template-columns:minmax(0,1fr);gap:22px;max-width:480px}.account-lobby h1{font-size:82px;-webkit-text-stroke:.65px currentColor}.account-lobby .lobby-wordmark{font-size:16px;margin-bottom:15px}.account-lobby .lobby-wordmark .lobby-icon{width:29px;height:29px}.account-lobby .lobby-intro{font-size:18px;margin-bottom:22px}.account-lobby .lobby-underline{width:82%;height:20px}.account-lobby .lobby-action{min-height:109px;padding:16px 14px;gap:17px}.account-lobby .lobby-action strong{font-size:32px}.account-lobby .lobby-action small{font-size:14px}.account-lobby .lobby-action>.lobby-icon:first-child{width:39px;height:43px}.account-lobby .lobby-icon-arrow{width:11px;height:21px}.account-lobby .lobby-top{margin:0;padding:20px 14px 14px}.account-lobby h2{font-size:39px}.account-lobby .lobby-top header{gap:13px;margin-inline:2px}.account-lobby .lobby-top header>.lobby-icon{width:33px;height:38px}.account-lobby .lobby-top header p{font-size:15px}.account-lobby .lobby-ranks li{font-size:14px;grid-template-columns:20px minmax(0,1fr) 22px 20px;gap:8px;padding-inline:6px}.account-lobby .lobby-rank-accent .lobby-icon{width:20px;height:20px}.account-lobby .lobby-sea{height:168px;margin-inline:-20px;margin-top:20px}.account-lobby .lobby-ship{width:67%;height:100%;opacity:.83}.account-lobby .lobby-ship-left{left:-8%}.account-lobby .lobby-ship-right{right:-2%;width:58%;opacity:.78}.account-lobby .lobby-sea-panorama{height:230px;width:155%;max-width:none;left:-25%;bottom:-56px;opacity:.62}.account-lobby .lobby-chart{height:980px;width:160%;max-width:none;left:-30%;opacity:.3;object-fit:cover}.account-lobby .lobby-footer{font-size:11px;padding-inline:5px}.account-lobby::before{left:12px;width:5px;opacity:.5}}
@media(max-width:360px){.account-lobby{padding-inline:16px}.account-lobby h1{font-size:72px}.account-lobby .lobby-action{padding:13px 10px;gap:12px}.account-lobby .lobby-action strong{font-size:29px}.account-lobby .lobby-action small{font-size:13px}.account-lobby .lobby-action>.lobby-icon:first-child{width:31px;height:36px}.account-lobby .lobby-top{padding-inline:10px}.account-lobby h2{font-size:34px}.account-lobby .lobby-ranks li{gap:5px}.account-lobby .lobby-sea{margin-inline:-16px;height:145px}.account-lobby .lobby-sea-panorama{height:200px;bottom:-50px}}
@media(max-height:500px) and (min-width:741px){.account-lobby{padding-top:62px}.account-lobby h1{font-size:72px}.account-lobby .lobby-sea{height:120px;opacity:.65}.account-lobby .lobby-sea-panorama{height:235px;bottom:-61px}.account-lobby .lobby-ship{height:100%}}
/* Ambient controller retains native artwork coordinates and owns all transient effects. */
.account-lobby .lobby-air{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.account-lobby .lobby-smoke-layer{position:absolute;inset:0;z-index:2;pointer-events:none}
.account-lobby .lobby-smoke-svg{position:absolute;overflow:visible;pointer-events:none}
.account-lobby .lobby-flying-bird{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;will-change:transform,opacity}
.account-lobby .lobby-ink-puff,.account-lobby .lobby-bird-wings{transform-origin:0 0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.account-lobby .lobby-air,.account-lobby .lobby-smoke-layer{display:none!important}.account-lobby .lobby-action,.account-lobby .lobby-icon-arrow,.account-lobby .lobby-back>span{transition:none;transform:none!important}}

/* Preserve the native accessible language menu; the short label is its visual face. */
#app:has(.account-lobby)>.locale-selector .locale-short{color:#102866;font-weight:800;font-size:16px;left:42px}
#app:has(.account-lobby)>.locale-selector select{width:112px;max-width:112px;border-image:url('../assets/lobby/ink-frame.svg?v=1.30.65&rev=912877189006') 12 / 6px / 0 stretch;appearance:none;background-size:24px 16px;background-position:10px center}
#app:has(.account-lobby)>.locale-selector::after{content:"";position:absolute;right:14px;top:18px;width:8px;height:8px;border-right:2px solid #102866;border-bottom:2px solid #102866;transform:rotate(45deg);pointer-events:none}