.live-entry { min-height:44px; min-width:54px; padding:0 10px; background:var(--teal); color:#071e22; border-radius:11px; font-weight:800 }
@media(max-width:440px){.mode{min-width:58px;padding:0 8px}.topbar{gap:5px;left:8px;right:8px}.brand{padding:0 6px}.live-entry{min-width:50px}}
#btnStart { background:transparent; box-shadow:none; border:1px solid rgba(255,255,255,.22); margin-top:8px }
.marine-dialog { position:fixed; inset:0; width:100%; max-width:1100px; height:100%; max-height:100dvh; margin:auto; padding:0; border:0; color:#eaf0f7; background:#0b1526; overflow:auto; overscroll-behavior:contain; touch-action:pan-y; color-scheme:dark }
.marine-dialog::backdrop { background:#050b14e8 }
.marine-header { position:sticky; top:0; z-index:2; display:flex; align-items:center; gap:12px; padding:calc(12px + env(safe-area-inset-top)) 18px 12px; background:#0b1526f5; border-bottom:1px solid #27354a }
.marine-header img{border-radius:14px}.marine-header small{color:#ff6b9d;font-weight:800;letter-spacing:.1em;font-size:10px}.marine-header h1{font-size:20px;margin:2px 0 0;letter-spacing:-.02em}.marine-header button{margin-left:auto}
.marine-main { padding:14px 18px calc(30px + env(safe-area-inset-bottom));max-width:1000px;margin:auto }
.marine-dialog button,.marine-dialog select{min-height:44px;min-width:44px;padding:10px 14px;border:1px solid #43526b;border-radius:12px;background:#1a2a43;color:#f0f4fa;font-weight:650;font-size:14px}
.marine-dialog button:focus-visible,.marine-dialog a:focus-visible,.marine-dialog select:focus-visible{outline:3px solid #ff6b9d;outline-offset:3px}.marine-dialog button:disabled{opacity:.6;cursor:wait}
.marine-tools {display:flex;gap:10px;align-items:end;flex-wrap:wrap}.marine-tools label{display:grid;gap:6px;flex:1;font-size:12px;color:#b4c1d2}.marine-tools select{width:100%}#marineRefresh{background:#ff6b9d;border-color:#ff6b9d;color:#21121b}
.marine-warning {border:1px solid #966d34;background:#362a1b;color:#ffd59a;border-radius:12px;padding:12px;font-size:12px;line-height:1.6;margin:0 0 16px}
.marine-status{font-size:12px;color:#b8cadf;line-height:1.6;overflow-wrap:anywhere}.marine-status.problem{color:#ffd59a}
.marine-sensors{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.marine-sensors small{display:block;font-size:11px;color:#aabbd0;margin-top:3px;white-space:normal}.marine-sensors p{grid-column:1/-1;font-size:12px;color:#b4c1d2;margin:3px 0;line-height:1.5}
.marine-grid{display:grid;grid-template-columns:1fr;gap:14px}.marine-card{padding:18px;margin-bottom:14px;border:1px solid #2a3a52;border-radius:18px;background:linear-gradient(140deg,#14243b,#0e1c30);min-width:0}.marine-grid .marine-card{margin:0}.marine-grid + .marine-card{margin-top:14px}
.marine-card h2{font-size:17px;margin:0 0 12px}.marine-card p,.marine-card li{font-size:13px;line-height:1.6;color:#b4c1d2}.marine-card ul{padding-left:20px}.marine-card a{color:#ff9cbc;text-underline-offset:3px;overflow-wrap:anywhere}.marine-card-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.marine-card-head span{font-size:11px;color:#9db1c9}.marine-value{font-size:38px;font-weight:750;letter-spacing:-.05em;line-height:1.2}.marine-value small{font-size:14px;color:#b4c1d2;letter-spacing:0;font-weight:500}.marine-tag{display:inline-block;border:1px solid #566784;border-radius:8px;padding:4px 7px;font-size:10px;font-weight:700;letter-spacing:.04em;margin-bottom:10px;color:#c3d3e7}.marine-tag.fresh{color:#83e4c9;border-color:#397d70}.marine-tag.stale,.marine-tag.unavailable{color:#ffd59a;border-color:#8e6940}
.marine-source{font-size:11px!important;margin-bottom:0;overflow-wrap:anywhere}.marine-full{grid-column:1/-1}.marine-table-wrap{overflow-x:auto;touch-action:pan-x pan-y}.marine-table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}.marine-table th,.marine-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #283950}.marine-table th{color:#aabbd0;font-weight:500}.marine-table td{font-family:var(--mono)}.marine-alert{border-left:3px solid #ff6b9d;padding:0 0 0 12px;margin:18px 0}.marine-alert summary{min-height:44px;padding:10px 0;cursor:pointer;font-weight:700}.marine-alert p{white-space:pre-line}.marine-disclaimer{font-size:12px!important}#marineChart{display:block;width:100%;height:auto;max-width:768px;margin:14px auto;border-radius:8px;background:#ecf1f5}#marineChartStatus{font-size:12px}
@media(min-width:680px){.marine-grid{grid-template-columns:1fr 1fr}.marine-header h1{font-size:25px}.marine-main{padding:24px}.marine-sensors{grid-template-columns:1fr 1fr 2fr}.marine-sensors p{grid-column:auto;margin:auto 0}}
@media(max-width:360px){.marine-main{padding-left:12px;padding-right:12px}.marine-header{gap:8px;padding-left:12px;padding-right:12px}.marine-header h1{font-size:17px}.marine-header img{width:36px;height:36px}.marine-card{padding:14px}}