#tideline{--bg:#081a27;--panel:rgba(9,30,43,.94);--panel2:#163447;--text:#e7f3f0;--muted:#91aab6;--line:rgba(147,207,215,.16);--accent:#59e0c2;--gold:#e9be73;--bad:#ee8b82;--unit:4px;position:relative;width:100%;height:100dvh;min-height:570px;overflow:hidden;color:var(--text);background:var(--bg);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;isolation:isolate}
#tideline *{box-sizing:border-box}#tideline button,#tideline select{font:inherit}#tideline button{cursor:pointer;border:1px solid var(--line);background:#1a394b;color:var(--text);border-radius:9px;transition:background .16s,border .16s,transform .16s;min-height:35px}#tideline button:hover:not(:disabled){background:#2a5264;border-color:#6cacae}#tideline button:active:not(:disabled){transform:scale(.98)}#tideline button:focus-visible{outline:3px solid #74eac7;outline-offset:2px}#tideline button:disabled{opacity:.42;cursor:not-allowed}#tideline .subtle,#tideline small{color:var(--muted)}#tideline h2,#tideline h3,#tideline p{margin-top:0}#tideline strong,#tideline b{font-weight:700}#tideline .primary{background:linear-gradient(125deg,#3bd7ae,#128e93);color:#04272d;border-color:#5ae2c9;font-weight:800}#tideline .primary:hover:not(:disabled){background:linear-gradient(125deg,#80e9cd,#3ab0b2)}#tideline .secondary{background:#23485a}#tideline .row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}
#tideline .topbar{position:relative;z-index:11;height:76px;display:flex;align-items:center;gap:18px;padding:0 19px;background:linear-gradient(100deg,#0e2838,#112d3a 55%,#0b2531);border-bottom:1px solid var(--line);box-shadow:0 10px 32px #03131a66}#tideline .identity{display:flex;align-items:center;gap:10px;min-width:244px}#tideline .logo{width:44px;height:44px;background:linear-gradient(135deg,#2db7b8,#116b7f);border:1px solid #93ffeb66;border-radius:12px;font-size:24px;display:grid;place-items:center;color:white}#tideline .identity strong{font-weight:900;letter-spacing:.17em;font-size:18px;display:block;line-height:1.2}#tideline .identity small{font-size:9px;letter-spacing:.13em;font-weight:700}#tideline .edition{opacity:.5}#tideline .top-stats{display:flex;gap:27px;flex:1;justify-content:space-evenly}#tideline .metric{display:flex;flex-direction:column;white-space:nowrap;gap:3px}#tideline .metric small{font-size:9px;letter-spacing:.13em;font-weight:800}#tideline .metric b{font-size:18px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}#tideline #stat-money{color:#e6c488}#tideline #stat-income{color:#76f0b7}#tideline .head-actions{display:flex;gap:6px}#tideline .head-actions button{width:36px;font-size:20px}
#tideline .gamebody{position:absolute;inset:76px 0 62px;overflow:hidden}#tideline .port-scene{position:absolute;inset:0;background:radial-gradient(ellipse at 56% 36%,#518599,#173847 54%,#082633);overflow:hidden}#tideline .port-scene canvas{display:block;width:100%;height:100%;touch-action:none}#tideline .scene-fallback{display:flex;position:absolute;inset:0;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#ecf7ed;text-align:center;padding:24px;background:radial-gradient(ellipse at 50% 40%,#28586a,#0c2331);z-index:1}#tideline .scene-fallback span{font-size:12px;color:#a2bec8}#tideline .loader-spin{font-size:56px;color:#71e3c7;animation:tlspin 6s linear infinite}@keyframes tlspin{to{transform:rotate(360deg)}}#tideline .scene-label{position:absolute;z-index:2;top:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;border:1px solid #ffffff39;background:#092a36b0;backdrop-filter:blur(8px);padding:6px 11px;border-radius:9px;white-space:nowrap;font-size:10px;letter-spacing:.10em}#tideline .scene-label small{letter-spacing:0;border-left:1px solid #ffffff33;padding-left:8px}#tideline .live-dot{width:7px;height:7px;border-radius:100%;background:#4ceab6;box-shadow:0 0 12px #5beabd;animation:tlblink 2s infinite}@keyframes tlblink{50%{opacity:.45}}
#tideline .panel{position:absolute;z-index:4;top:12px;bottom:12px;display:flex;flex-direction:column;background:var(--panel);border:1px solid #628e9c45;border-radius:15px;box-shadow:0 16px 42px #00141d8c;backdrop-filter:blur(15px);overflow:hidden}#tideline .left-dock{left:12px;width:298px}#tideline .right-dock{right:12px;width:348px}#tideline .panel-header{display:flex;justify-content:space-between;align-items:center;padding:18px 17px 10px}#tideline .panel-header small{font-size:10px;color:var(--accent);letter-spacing:.16em;font-weight:800}#tideline .panel-header h2{font-size:18px;margin:3px 0 0;font-weight:750}#tideline .mobile-close{display:none}#tideline .quick-actions{display:grid;gap:8px;padding:6px 13px 18px;border-bottom:1px solid var(--line)}#tideline .quick-actions button{min-height:47px;display:flex;align-items:center;text-align:left;padding:0 12px;gap:9px;font-weight:700;font-size:13px}#tideline .quick-actions button>span{font-size:22px}#tideline .quick-actions button small{margin-left:auto;color:inherit;font-size:10px;opacity:.85}#tideline .tabs-mini{padding:13px 16px 9px;font-size:10px;color:#b2cad2;letter-spacing:.14em;font-weight:800;display:flex;justify-content:space-between}#tideline .scroll-pane{overflow:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#395d68 transparent}#tideline .facility-list{padding:0 12px 10px}#tideline .facility{background:#153548ab;border:1px solid #7fa6aa29;border-radius:10px;padding:12px 11px;margin-bottom:8px;position:relative}#tideline .facility.selected{border-color:#e5bc69;box-shadow:inset 0 0 0 1px #e5bc6950}#tideline .facility h3{font-size:13px;margin:0 0 2px;display:flex;align-items:center;justify-content:space-between}#tideline .facility p{font-size:11px;color:#91b3ba;margin:4px 0 10px}#tideline .facility .meta{display:flex;gap:5px;font-size:10px;color:#93c2cb;margin-top:4px;flex-wrap:wrap}#tideline .facility-actions{display:flex;gap:6px;margin-top:10px}#tideline .facility-actions button{flex:1;min-width:0;font-size:11px;padding:5px 6px}#tideline .pill{display:inline-block;border-radius:5px;padding:1px 5px;background:#28645d;color:#a2edc5;font-size:10px;white-space:nowrap}#tideline .locked-card{filter:saturate(.35);opacity:.68}#tideline .panel-footer{padding:12px 15px;border-top:1px solid var(--line);font-size:11px;background:#0e2b3c;display:grid;gap:7px;color:#b4cbd2}#tideline .panel-footer b{color:var(--accent)}
#tideline .management-tabs{display:flex;gap:3px;padding:5px 11px 10px;overflow:auto;scrollbar-width:none;border-bottom:1px solid var(--line)}#tideline .management-tabs button{font-size:10px;padding:6px 7px;border:0;background:transparent;min-height:30px;color:#a7c3c8;white-space:nowrap}#tideline .management-tabs button.active{background:#286978;color:#e5fffa}#tideline .management-content{padding:12px}#tideline .content-intro{color:#9ebfc7;font-size:11px;line-height:1.55;margin:0 4px 12px}#tideline .upgrade-card{padding:12px;background:linear-gradient(105deg,#183746,#102e40);border:1px solid var(--line);border-radius:10px;margin-bottom:8px}#tideline .upgrade-card h3{font-size:13px;margin:0;display:flex;justify-content:space-between;gap:5px;align-items:center}#tideline .upgrade-card p{font-size:11px;color:#9fbbc2;margin:5px 0 8px}#tideline .upgrade-card .card-foot{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:11px}#tideline .upgrade-card .card-foot button{font-size:11px;padding:6px 9px;min-height:32px}#tideline .cost{color:#efce8c;font-weight:800;white-space:nowrap}#tideline .level{color:#79dec9;font-size:10px;white-space:nowrap}#tideline .upgrade-card.locked{opacity:.62}#tideline .chiprow{display:flex;gap:6px;align-items:center;justify-content:space-between;margin-bottom:11px}#tideline .batch-option{padding:5px 12px!important;font-size:11px!important;min-height:29px!important}#tideline .batch-option.active{background:#27746b!important;color:white!important}#tideline .progress-track{height:4px;background:#244351;border-radius:3px;overflow:hidden;margin:8px 0}#tideline .progress-track i{display:block;height:100%;background:linear-gradient(90deg,#24a9a6,#e6c47f);border-radius:4px}#tideline .research-badge{color:#a9e9ec;font-size:10px}#tideline .achievement-list{display:grid;gap:7px}#tideline .achievement{border:1px solid var(--line);border-radius:9px;padding:10px;display:flex;gap:10px;align-items:center;opacity:.6}#tideline .achievement.unlocked{opacity:1;background:#15433788;border-color:#4ec9ab44}#tideline .achievement h3{font-size:12px;margin:0}#tideline .achievement p{font-size:10px;margin:3px 0 0;color:#b2c7c9}
#tideline .camera-dock{position:absolute;z-index:3;right:375px;bottom:20px;display:grid;gap:6px}#tideline .camera-dock button{background:#082a39cf;backdrop-filter:blur(8px);font-size:19px;width:39px;height:39px}#tideline .selected-info{position:absolute;z-index:3;bottom:18px;left:325px;max-width:400px;padding:12px 15px;background:#092b3ce6;border:1px solid #b8dcc13b;border-radius:10px;font-size:12px}#tideline .selected-info strong{color:var(--gold);display:block}#tideline .selected-info small{display:block;margin-top:4px}
#tideline .bottom-bar{height:62px;position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:13px;padding:6px 17px;background:#0d2634;border-top:1px solid var(--line);z-index:12}#tideline .objective{flex:1;display:flex;align-items:center;gap:12px;min-width:160px}#tideline .objective-title{display:flex;flex-direction:column;gap:1px;min-width:0}#tideline .objective-title strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#tideline .objective-title small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#tideline .objective button{font-size:11px;padding:5px 9px}#tideline .footer-link{background:transparent;border-color:transparent;font-size:12px;white-space:nowrap}#tideline .speedbox{display:flex;gap:4px;align-items:center;border-left:1px solid var(--line);padding-left:12px}#tideline .speedbox span{font-size:9px;letter-spacing:.11em;color:#a5b9c4;padding-right:4px}#tideline .speedbox button{font-size:11px;min-height:29px;padding:3px 9px}#tideline .speedbox button.active{color:#061c24;background:#79d9bf;font-weight:900}#tideline .mobile-nav{display:none}
#tideline .toast{position:absolute;left:50%;transform:translateX(-50%) translateY(15px);bottom:20px;z-index:20;background:#0e303de8;border:1px solid #74d6b466;color:#e4fff5;padding:11px 18px;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .24s,transform .24s;font-size:12px;max-width:90%;text-align:center}#tideline .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#tideline .tutorial{position:absolute;z-index:7;top:50px;left:50%;transform:translateX(-50%);background:linear-gradient(145deg,#103e4b,#0c2b3b);border:1px solid #60d5ba80;border-radius:13px;box-shadow:0 24px 55px #031019b5;padding:18px;width:min(375px,92vw)}#tideline .tutorial h3{font-size:16px;margin:0 0 6px}#tideline .tutorial p{font-size:12px;color:#b8d2d6;margin:0 0 15px}#tideline .tutorial .row-between button{padding:7px 18px}#tideline [hidden]{display:none!important}
#tideline .game-modal{position:fixed;z-index:50;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;width:min(560px,calc(100vw - 28px));max-height:min(85vh,750px);background:#0c2a3b;color:#eaf4f1;border:1px solid #4e8790;border-radius:14px;box-shadow:0 30px 80px #000b;overflow:auto;padding:20px}#tideline .game-modal::backdrop{background:rgba(2,13,18,.73);backdrop-filter:blur(5px)}#tideline .modal-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:13px}#tideline .modal-heading h2{margin:0;font-size:18px}#tideline .modal-heading button{font-size:20px;width:36px}#tideline .modal-stack{display:grid;gap:10px}#tideline .modal-stack button{padding:9px 14px;text-align:left}#tideline .modal-stack p{color:#b3c9cc;font-size:12px}#tideline .modal-stack .danger{background:#6b373e}#tideline .modal-stack label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}#tideline .modal-stack select{background:#21475b;color:white;border:1px solid #527a89;border-radius:7px;padding:7px}#tideline .event-line{font-size:12px;padding:10px 4px;border-bottom:1px solid #ffffff16;color:#bed2d8}
@media (max-width:1280px){#tideline .top-stats{gap:14px}#tideline .left-dock{width:262px}#tideline .right-dock{width:305px}#tideline .camera-dock{right:327px}#tideline .selected-info{left:285px}}
@media (max-width:1050px){#tideline .identity{min-width:176px}#tideline .edition{display:none}#tideline .metric.extra{display:none}#tideline .top-stats{gap:8px}#tideline .metric b{font-size:15px}#tideline .right-dock{width:290px}#tideline .left-dock{width:240px}#tideline .camera-dock{right:310px}#tideline .selected-info{display:none}}
@media (max-width:800px){#tideline .topbar{height:66px;padding:6px 10px;gap:6px}#tideline .identity{min-width:auto}#tideline .logo{width:35px;height:35px;font-size:20px}#tideline .identity strong{font-size:14px}#tideline .identity small{font-size:8px}#tideline .top-stats{justify-content:flex-end;flex:1}#tideline .metric:nth-child(n+3){display:none}#tideline .metric b{font-size:14px}#tideline .metric small{font-size:8px}#tideline .head-actions button:first-child{display:none}#tideline .head-actions button{min-height:36px;width:34px}#tideline .gamebody{inset:66px 0 63px}#tideline .panel{top:7px;bottom:7px;width:min(355px,calc(100% - 16px));display:none}#tideline .left-dock{left:8px}#tideline .right-dock{right:8px}#tideline .panel.open{display:flex;z-index:8}#tideline .mobile-close{display:block;font-size:20px;min-width:35px}#tideline .camera-dock{right:10px;bottom:9px}#tideline .camera-dock button{width:38px;height:38px}#tideline .scene-label{left:11px;transform:none;top:10px;letter-spacing:0}#tideline .scene-label small{display:none}#tideline .bottom-bar{padding:7px 8px;gap:7px;height:63px}#tideline .mobile-nav{display:block;font-size:11px;white-space:nowrap;padding:5px 8px;min-height:40px}#tideline .objective-title small{display:none}#tideline .objective-title strong{font-size:10px}#tideline .objective{flex:1;min-width:50px;overflow:hidden;gap:4px}#tideline .objective button{font-size:10px;padding:4px 6px}#tideline .footer-link{display:none}#tideline .speedbox span{display:none}#tideline .speedbox{gap:1px;padding-left:5px}#tideline .speedbox button{padding:3px 5px;min-height:33px}}
@media (max-width:435px){#tideline .identity strong{font-size:12px}#tideline .identity small{font-size:7px}#tideline .metric{gap:1px}#tideline .top-stats .metric:nth-child(2){display:none}#tideline .bottom-bar{gap:4px}#tideline .mobile-nav{padding:5px 7px}#tideline .speedbox button{padding:3px 4px;font-size:10px}#tideline .objective-title strong{max-width:98px}}
@media (prefers-reduced-motion:reduce){#tideline *,#tideline *::before,#tideline *::after{animation:none!important;transition:none!important}}