:root{font-family:Inter,Arial,sans-serif;color:#f5fbf7;background:#0d5e69;font-synthesis:none;letter-spacing:0;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffdf87;outline-offset:3px}button{color:inherit}button svg{flex-shrink:0}a{color:inherit;text-decoration:none}button{border:0}.world-app{height:100dvh;min-height:480px;position:relative;overflow:hidden}.world-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.top-shade{position:absolute;inset:0 0 auto;height:170px;background:linear-gradient(#052c39b8,transparent);pointer-events:none}.topbar{position:absolute;top:0;left:0;right:0;padding:25px 30px;display:flex;align-items:center;gap:25px;z-index:5}.brand{display:flex;align-items:center;gap:12px;text-shadow:0 2px 12px #092c35}.brand>svg{color:#ffdf87}.brand span{font-family:Georgia,serif;font-weight:700;font-size:25px;white-space:nowrap}.brand small{display:block;font-family:Arial,sans-serif;font-size:9px;font-weight:500;margin-top:4px;color:#d0eae7}.world-status{margin:auto;display:flex;align-items:center;gap:8px;font-size:12px;text-shadow:0 1px 5px #123f45}.world-status b{display:flex;align-items:center;gap:5px;padding-left:12px}.status-dot{width:6px;height:6px;border-radius:50%;background:#e5c976;display:inline-block;flex-shrink:0}.status-dot.online{background:#9ff2b5;box-shadow:0 0 8px #9ff2b53a}.top-actions{display:flex;gap:8px}.icon-button{width:42px;height:42px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:#0a3947d9;border:1px solid #dbf3df26;border-radius:6px;color:#e5f2e9;transition:background .15s}.icon-button:hover,.icon-button.active{background:#d8bd73;color:#17383b;border-color:#f6dfa4}.entry-panel{position:absolute;left:6%;bottom:12%;width:360px;max-width:calc(100% - 40px);padding:28px;background:#073741ed;border:1px solid #b4d4be38;box-shadow:0 20px 60px #002e3d35;border-radius:6px}.eyebrow{font-size:10px;font-weight:700;color:#f4d393}.entry-panel h1{font-family:Georgia,serif;font-size:35px;line-height:1.17;font-weight:400;margin:14px 0}.entry-panel p{color:#bad4d3;line-height:1.6;margin:0 0 24px}.entry-panel label{display:flex;flex-direction:column;gap:8px;color:#c5dedb;font-size:12px}.entry-panel input,.chat-form input{height:45px;border-radius:4px;background:#092e38;color:#fff;border:1px solid #9cbcb65c;padding:0 13px;min-width:0;width:100%}.entry-panel input::placeholder,.chat-form input::placeholder{color:#94b5b7}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:5px;padding:13px 17px;font-weight:600;min-height:45px}.primary{background:#f1ce7e;color:#163d42;border:1px solid #ffe3a5;box-shadow:0 4px 20px #1d423a30}.primary:hover{background:#ffe4a4}.secondary{background:#0b3b47ec;border:1px solid #a9d1cd52;color:#e7f4eb}.secondary:hover{background:#176172}.join{width:100%;margin-top:12px;justify-content:space-between}.text-button{display:inline-flex;align-items:center;gap:7px;background:transparent;color:#c3dbd8;font-size:12px;padding:13px 0}.entry-footer{display:flex;gap:15px;border-top:1px solid #cce1d326;padding-top:16px;margin-top:8px;color:#a2c3c2;font-size:10px}.entry-panel .error{font-size:12px;color:#ffbc9d;margin:8px 0}.voyage-strip{position:absolute;left:30px;top:122px;text-shadow:0 2px 12px #062e38c7}.voyage-strip h1{font:400 28px Georgia,serif;margin:8px 0 15px}.inventory{display:flex;gap:18px}.inventory>span{display:flex;gap:7px;align-items:center;font-weight:600}.inventory svg{color:#ffdf87}.destination{position:absolute;right:30px;top:122px;display:flex;align-items:center;gap:15px;text-align:left;background:#073943df;border:1px solid #c0e4d632;padding:15px 16px;border-radius:6px;min-width:230px}.destination>svg{color:#f4d393}.destination small{font-size:9px;color:#b0d2cd;display:block;margin-bottom:5px}.destination strong{font-size:14px;display:block}.destination em{font-size:11px;color:#bad8d6;display:block;margin-top:5px;font-style:normal}.compass{position:absolute;top:95px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:15px;color:#f5f5df;font-size:10px;text-shadow:0 1px 5px #174d53}.compass i{height:5px;width:40px;border-top:1px solid #e1f1d79e;background:repeating-linear-gradient(90deg,#e1f1d77a 0 1px,transparent 1px 10px)}.compass b{font-size:14px}.helm-bar{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:#063943ed;border:1px solid #d4efdf42;border-radius:8px;display:flex;align-items:center;gap:23px;padding:10px 17px;min-height:68px;box-shadow:0 10px 40px #07343b30}.helm-bar nav{display:flex;gap:6px}.helm-bar .icon-button{background:transparent;border-color:transparent}.helm-bar .icon-button:hover,.helm-bar .icon-button.active{background:#efd08b;color:#143c44}.speed{display:flex;align-items:center;gap:7px;min-width:70px}.speed strong{font-size:25px;font-weight:500;font-variant-numeric:tabular-nums;width:29px}.speed span{font-size:8px;color:#9ac3c2}.captain-name{border-left:1px solid #a6c8c43a;padding-left:20px;font-size:12px;min-width:120px;max-width:170px;overflow-wrap:anywhere}.captain-name small{display:block;font-size:9px;color:#a3c9bf;margin-top:6px}.captain-name .status-dot{width:4px;height:4px;margin-right:4px}.action-stack{position:absolute;bottom:112px;left:50%;transform:translate(-50%);display:flex;gap:8px;white-space:nowrap}.camera-tools{position:absolute;right:25px;bottom:25px;display:flex;flex-direction:column;gap:6px}.camera-tools .icon-button{width:35px;height:35px}.touch-controls{position:absolute;bottom:112px;display:flex;gap:8px}.touch-left{left:25px}.touch-right{right:25px}.touch-controls button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#073e49b8;border:1px solid #d9ede775;touch-action:none;-webkit-user-select:none;user-select:none}.touch-controls button:active{background:#e8c985;color:#123e43}.toast{position:absolute;top:210px;left:50%;transform:translate(-50%);background:#0a3948f2;border:1px solid #bddfbe70;border-radius:5px;max-width:90%;padding:13px 18px;display:flex;gap:12px;align-items:center;z-index:30;color:#fff3c9;box-shadow:0 6px 20px #04364140}.side-panel{position:absolute;right:20px;top:90px;bottom:108px;width:370px;max-width:calc(100% - 40px);z-index:20;border:1px solid #bedbc950;border-radius:7px;background:#0c343ff5;box-shadow:0 20px 60px #082e4766;overflow:auto;padding:20px;scrollbar-width:thin;scrollbar-color:#73918c transparent;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.panel-heading h2{font:400 25px Georgia,serif;margin:0}.panel-heading .icon-button{width:32px;height:32px;background:transparent}.panel-intro{color:#aac9c8;line-height:1.7;font-size:13px}.chart{height:300px;background:#127483;border:1px solid #b8d0be4d;border-radius:4px;position:relative;overflow:hidden;background-image:linear-gradient(#b6e1d61c 1px,transparent 1px),linear-gradient(90deg,#b6e1d61c 1px,transparent 1px);background-size:30px 30px}.chart-north{position:absolute;top:10px;left:12px;color:#dae6c3;font-size:10px}.chart-island{position:absolute;transform:translate(-50%,-50%);background:none;display:flex;align-items:center;flex-direction:column;padding:0;width:85px;color:#fff6d4;z-index:2}.chart-island>span{display:block;background:#98c281;border:3px solid #e3d9a0;border-radius:45% 60% 40%;transform:rotate(-16deg);box-shadow:0 0 0 4px #2aa2a277}.chart-island strong{font-size:9px;font-weight:500;margin-top:4px;text-shadow:0 1px 3px #064950}.chart-island.selected>span{box-shadow:0 0 0 5px #ffe09280}.chart-island>svg{position:absolute;top:4px;color:#124444}.chart-player{position:absolute;transform:translate(-50%,-50%);color:#ffd19b;z-index:3;pointer-events:none}.chart-player.self{color:#fff;filter:drop-shadow(0 1px 3px #032c3a)}.chart-list{margin-top:15px}.chart-list button{display:flex;justify-content:space-between;align-items:center;text-align:left;background:none;border-bottom:1px solid #95c2b72c;padding:13px 0;width:100%;gap:12px}.chart-list strong{font-size:12px;display:block}.chart-list small{font-size:11px;color:#97bdb9;margin-top:5px;display:block}.chart-list svg{color:#f1d288}.journal-row{display:flex;gap:16px;border-bottom:1px solid #a8c5b629;padding:20px 0}.journal-row>svg{color:#ecc780;width:21px;flex-shrink:0}.journal-row h3,.harbor-item h3,.recovery h3,.credits h3{font-size:14px;margin:0 0 7px;font-weight:600}.journal-row p,.harbor-item p{color:#9cc1bd;font-size:12px;line-height:1.6;margin:0 0 5px}.journal-row strong{font-size:12px;color:#f0d096}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;width:100%;min-width:170px;display:block;margin:12px 0;background:#82aea140;border-radius:2px}progress::-webkit-progress-bar{background:#82aea140;border-radius:2px}progress::-webkit-progress-value{background:#d5bd7e;border-radius:2px}.full{width:100%;margin-top:20px}.harbor-item{display:flex;gap:12px;align-items:flex-start;padding:23px 0;border-bottom:1px solid #98bbad2b}.harbor-item>svg{color:#e8c584;flex-shrink:0;width:20px}.harbor-item>div{flex:1}.harbor-item strong{color:#f5d492;font-size:10px}.harbor-item button{background:#e7cb85;color:#143c42;padding:8px 10px;border-radius:4px;font-size:12px}.harbor-item progress{min-width:0}.crew-list>div{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #98bbad2b}.crew-list strong{font-size:12px;flex:1}.crew-list .text-button{padding:0;font-size:10px}.chat-log{min-height:200px;max-height:45%;overflow:auto;margin:20px 0}.chat-log p{font-size:12px;line-height:1.5;overflow-wrap:anywhere;padding:5px 0;color:#c6deda}.chat-log strong{display:block;font-size:10px;color:#e7cc95;margin-bottom:3px}.chat-form{display:flex;gap:7px}.chat-form input{flex:1}.empty-chat{color:#90b5b6!important}.setting{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #98bbad2b;padding:15px 0;font-size:13px}.setting input{width:18px;height:18px;accent-color:#e5c17e}.recovery{padding:25px 0 5px}.recovery>svg{color:#e8c584;margin-bottom:10px}.recovery p{font-size:12px;color:#a8c6c2;line-height:1.6}.recovery details{margin-top:14px;color:#b8d5cc;font-size:11px}.recovery code{overflow-wrap:anywhere;display:block;margin-top:8px}.credits{padding-top:30px;color:#a5c6c4}.credits a{display:block;font-size:11px;padding:6px 0;text-decoration:underline;text-underline-offset:3px}.credits h3{font-size:12px}@media(min-width:1100px){.touch-controls{bottom:29px}.touch-right{right:85px}.touch-left{left:30px}.touch-controls button{width:43px;height:43px}}@media(max-width:800px){.topbar{padding:18px;gap:10px}.brand span{font-size:19px}.brand>svg{width:24px}.brand{gap:8px}.brand small{font-size:8px}.world-status{display:none}.top-actions{margin-left:auto}.top-actions .icon-button{width:35px;height:35px}.entry-panel{left:20px;bottom:30px;padding:23px;width:330px}.entry-panel h1{font-size:30px}.entry-panel p{margin-bottom:18px}.entry-footer{font-size:9px}.voyage-strip{left:18px;top:91px}.voyage-strip h1{font-size:22px;margin:6px 0 11px}.inventory{gap:14px;font-size:12px}.destination{top:92px;right:18px;min-width:0;width:175px;padding:10px;gap:8px}.destination>svg:first-child{display:none}.destination strong{font-size:12px}.destination small{font-size:8px}.destination em{font-size:10px}.compass{top:179px;gap:10px}.compass i{width:25px}.helm-bar{bottom:18px;padding:8px 12px;gap:10px;width:auto;min-height:58px}.helm-bar nav{gap:3px}.helm-bar .icon-button{width:39px;height:39px}.captain-name{display:none}.speed{min-width:59px;gap:5px}.speed strong{font-size:23px}.speed span{font-size:7px}.touch-controls{bottom:96px;gap:7px}.touch-left{left:18px}.touch-right{right:18px}.touch-controls button{width:44px;height:44px}.camera-tools{right:18px;bottom:170px}.camera-tools .icon-button{width:31px;height:31px}.action-stack{bottom:158px;flex-direction:column;gap:5px}.action-stack button{font-size:12px;min-height:39px;padding:10px 13px}.side-panel{top:78px;bottom:85px;right:12px;width:365px;max-width:calc(100% - 24px);padding:18px}.toast{top:215px;white-space:normal;width:max-content;font-size:12px}.chart{height:260px}}@media(max-width:390px){.brand span{font-size:17px}.brand>svg{width:21px}.topbar{padding:16px 13px}.top-actions{gap:5px}.voyage-strip h1{font-size:19px}.destination{width:149px;right:13px}.voyage-strip{left:13px}.inventory{gap:10px}.touch-controls button{width:39px;height:39px}.entry-panel{bottom:20px}.entry-panel h1{font-size:28px}.helm-bar{gap:7px}.helm-bar .icon-button{width:36px;height:36px}.speed{min-width:53px}}@media(max-height:650px)and (min-width:700px){.entry-panel{bottom:20px;padding:20px;width:330px}.entry-panel h1{font-size:27px}.entry-panel p{margin-bottom:12px}.entry-footer{padding-top:10px}.topbar{padding-top:16px}.side-panel{top:76px;bottom:90px}.voyage-strip,.destination{top:95px}}