*{box-sizing:border-box}html,body{margin:0;background:#061421;color:#eef6fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100vh}.rotate{display:none}.app{min-height:100vh;background:radial-gradient(circle at 70% 0,#123d57 0,#071725 48%,#040d15 100%)}header{height:74px;display:flex;align-items:center;padding:10px 22px;border-bottom:1px solid #ffffff18;background:#06111ddd;backdrop-filter:blur(16px);position:relative;z-index:5}.brand{width:220px}.logo{font-size:22px;font-weight:900;letter-spacing:2px}.logo span{color:#e2b75f}.brand small{font-size:9px;letter-spacing:3px;color:#8da6b7}.stats{display:flex;gap:10px;flex:1;justify-content:center}.stats div,.finance-top div{min-width:120px;padding:7px 14px;border:1px solid #ffffff16;border-radius:9px;background:#ffffff08}.stats small,.finance-top small,.ship-card small,.status-card small,.modal small{display:block;font-size:8px;letter-spacing:1.7px;color:#88a2b4}.stats b{font-size:15px}.tools{display:flex;gap:6px}.tools input{width:170px;background:#0b2030;border:1px solid #ffffff22;border-radius:7px;color:white;padding:8px}.tools button,button{font:inherit}.tools button{background:#112b3d;color:#dce8ef;border:1px solid #ffffff20;border-radius:7px;padding:8px 10px;font-size:10px}.hero{height:265px;position:relative;overflow:hidden;border-bottom:1px solid #ffffff18;background:linear-gradient(#153d54,#d48f62 55%,#1c526a 56%)}.sky{position:absolute;inset:0 0 43% 0;background:linear-gradient(160deg,#0d344e 0,#335d6c 45%,#e0a26e 100%)}.sun{position:absolute;width:54px;height:54px;border-radius:50%;background:#ffd58a;right:23%;top:58px;box-shadow:0 0 60px #ffbd6f}.mountains{position:absolute;left:0;right:0;top:108px;height:70px;background:linear-gradient(145deg,transparent 0 18%,#163744 19% 32%,transparent 33% 40%,#1a3d49 41% 58%,transparent 59% 68%,#173744 69% 86%,transparent 87%);opacity:.9}.water{position:absolute;left:0;right:0;bottom:0;height:120px;background:repeating-linear-gradient(174deg,#174b63 0 3px,#0c354c 4px 9px,#20576c 10px 12px);opacity:.95}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#061421a8 0,transparent 38%,transparent 70%,#06142175 100%)}.ship-wrap{position:absolute;left:36%;top:79px;width:380px;height:150px;filter:drop-shadow(0 15px 14px #0008);transition:.3s}.ship-wrap.sailing{animation:bob 2.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(4px) rotate(.3deg)}}.ship{position:relative;width:100%;height:100%}.hull{position:absolute;bottom:14px;left:20px;width:340px;height:45px;background:linear-gradient(#f7f7f3,#c9d3d7);clip-path:polygon(0 0,100% 0,88% 78%,20% 100%,5% 72%);border-top:4px solid #102d40}.hull:after{content:"";position:absolute;left:25px;right:20px;top:22px;height:4px;background:#17384b}.hull span{position:absolute;left:95px;top:9px;color:#1b3441;font-size:8px;font-weight:800;letter-spacing:1px}.decks{position:absolute;bottom:55px;left:82px;width:230px;height:66px;background:linear-gradient(90deg,#e8ecea,#fff,#d8e0e1);clip-path:polygon(7% 0,88% 0,100% 100%,0 100%)}.decks:before,.decks:after{content:"";position:absolute;left:15px;right:10px;height:7px;background:repeating-linear-gradient(90deg,#16384b 0 8px,transparent 8px 14px)}.decks:before{top:18px}.decks:after{top:38px}.funnels{position:absolute;bottom:117px;left:165px;display:flex;gap:25px}.funnels i{width:22px;height:31px;background:linear-gradient(90deg,#d6a84e,#f0c66d);border-top:8px solid #1a3140;transform:skew(-5deg)}.ship-card{position:absolute;left:24px;top:28px;width:275px;padding:14px 16px;border:1px solid #ffffff22;border-radius:12px;background:#061725c9;backdrop-filter:blur(12px)}.ship-card h2{margin:4px 0 9px;font-size:18px}.ship-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.ship-grid span{font-size:9px;color:#91a8b7}.ship-grid b{display:block;color:white;font-size:12px}.status-card{position:absolute;right:25px;bottom:22px;width:185px;padding:12px 14px;border:1px solid #ffffff22;border-radius:10px;background:#061725cc}.status-card b,.status-card span{display:block}.status-card b{font-size:12px;margin:3px 0}.status-card span{font-size:10px;color:#e2b75f}nav{height:52px;display:flex;justify-content:center;gap:4px;padding:7px;background:#07131e;border-bottom:1px solid #ffffff14;position:sticky;top:0;z-index:4}nav button{border:0;border-radius:7px;background:transparent;color:#91a7b6;padding:0 22px;font-size:10px;font-weight:800;letter-spacing:.6px}nav button.active{background:#16374b;color:white;box-shadow:inset 0 -2px #d7ad5b}.map-tab em{font-style:normal;font-size:6px;color:#d7ad5b;margin-left:4px}main{max-width:1180px;margin:auto;padding:14px 18px 28px}.content{display:none}.content.active{display:block}.planner{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.fare-panel,.forecast-panel{border:1px solid #ffffff18;border-radius:12px;background:#091b29;padding:12px}.section-title{font-size:11px;font-weight:900;letter-spacing:1.3px;margin:2px 0 10px}.section-title span{font-weight:400;letter-spacing:0;color:#7f98a8;margin-left:7px}.fare-row{display:grid;grid-template-columns:125px 1fr 90px;align-items:center;gap:9px;margin:7px 0}.fare-row label{font-size:10px}.fare-row label b{color:#e2b75f;margin-left:5px}.fare-row small{text-align:right;color:#91a7b6;font-size:9px}.fare-row input{accent-color:#d7ad5b}.forecast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.forecast-grid span{background:#ffffff08;border-radius:7px;padding:8px;font-size:8px;color:#8ea4b3}.forecast-grid b{display:block;font-size:13px;color:#fff;margin-top:2px}.forecast-grid .profit{grid-column:span 2;border:1px solid #d7ad5b55}.forecast-grid .profit b{color:#e7c77d}.list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.card{min-height:82px;border:1px solid #ffffff18;border-radius:11px;background:linear-gradient(145deg,#0b2131,#081925);padding:12px 12px 11px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 10px 24px #0002}.card.selected{border-color:#d7ad5b99}.card.locked{opacity:.48}.card b{font-size:12px}.desc{font-size:9px;color:#839ba9;margin:3px 0 7px}.pills{display:flex;gap:5px;flex-wrap:wrap}.pill{font-size:8px;padding:4px 6px;border-radius:5px;background:#ffffff0c;color:#b7c8d1}.action{border:1px solid #d7ad5b77;background:linear-gradient(#d9b665,#a97d32);color:#07131e;border-radius:7px;min-width:82px;padding:9px 10px;font-size:9px;font-weight:900}.action:disabled{filter:grayscale(1);opacity:.35}.action.buy{background:#173d52;color:#eef6fb;border-color:#2c607a}.finance-top{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:15px}.finance-top div{min-width:0}.finance-top b{display:block;margin-top:3px;font-size:17px}.log-list{display:flex;flex-direction:column;gap:7px}.log-entry{display:grid;grid-template-columns:100px 1fr auto;gap:12px;padding:10px 12px;border:1px solid #ffffff14;border-radius:8px;background:#ffffff06;font-size:9px}.log-entry b{font-size:10px}.log-entry .good{color:#7fd6a2}.log-entry .bad{color:#ef9b8e}.map-preview{height:300px;border:1px solid #ffffff18;border-radius:13px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 30% 40%,#173d4d 0 12%,transparent 13%),radial-gradient(ellipse at 65% 52%,#163d4e 0 18%,transparent 19%),radial-gradient(ellipse at 80% 30%,#173d4d 0 8%,transparent 9%),#071a29}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:50px 50px}.map-copy{position:absolute;left:28px;top:28px;width:330px}.map-copy b{font-size:25px;letter-spacing:2px;color:#e2b75f}.map-copy span,.map-copy small{display:block;margin-top:7px}.map-copy span{font-size:14px}.map-copy small{font-size:10px;color:#89a2b2;line-height:1.5}.map-ship{position:absolute;color:#e2b75f;text-shadow:0 0 12px #e2b75f}.map-ship.one{right:27%;top:47%}.map-ship.two{right:12%;top:27%;opacity:.45}.modal{display:none;position:fixed;inset:0;background:#02070dbd;z-index:20;align-items:center;justify-content:center;backdrop-filter:blur(8px)}.modal.show{display:flex}.modal-box{width:min(480px,90vw);border:1px solid #d7ad5b66;border-radius:14px;background:#091b29;padding:22px;box-shadow:0 30px 80px #000}.modal-box h2{margin:4px 0 14px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.result-grid span{background:#ffffff08;border-radius:7px;padding:9px;font-size:9px;color:#8da3b2}.result-grid b{display:block;color:white;font-size:14px;margin-top:2px}.event{margin-top:10px;padding:10px;border-left:3px solid #d7ad5b;background:#ffffff07;font-size:10px;line-height:1.4}.modal-box button{width:100%;margin-top:14px;padding:11px;border:0;border-radius:7px;background:#d7ad5b;font-weight:900;color:#08131b}#toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);opacity:0;z-index:30;background:#e5c476;color:#07131e;padding:9px 16px;border-radius:8px;font-size:10px;font-weight:900;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:820px){header{height:62px;padding:7px 10px}.brand{width:160px}.logo{font-size:16px}.stats div{min-width:88px;padding:5px 8px}.tools input{display:none}.hero{height:220px}.ship-wrap{left:38%;transform:scale(.8);transform-origin:left center}.ship-card{left:10px;top:16px;width:235px}.status-card{right:10px}.planner{grid-template-columns:1fr}.list{grid-template-columns:1fr 1fr}nav button{padding:0 12px}.finance-top{grid-template-columns:1fr 1fr}}@media(orientation:portrait) and (max-width:700px){.app{display:none}.rotate{display:flex;height:100vh;align-items:center;justify-content:center;text-align:center;padding:30px;font-weight:800;color:#e2b75f}}