/* MVK Marine V6 independent mobile layout */
.mv6-app{display:none}
@media(max-width:980px){
html{scroll-behavior:smooth}body{background:#031421!important}.mobile-app,.bottom-nav{display:none!important}
.mv6-app,.mv6-app *{box-sizing:border-box}.mv6-app{display:block!important;position:relative;isolation:isolate;color:#edfaff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;padding:0 12px calc(30px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 65% 0%,#104969 0,transparent 42%),linear-gradient(180deg,#031928,#03101c 62%,#041a29);font-size:14px}
.mv6-header{margin:0 -12px;padding:28px 12px 12px;background:linear-gradient(180deg,#00142144,#00142177),url('/images/marine-v6-lighthouse.svg') center top/cover no-repeat;min-height:205px}.mv6-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.mv6-brand{display:flex;align-items:center;gap:11px}.mv6-brand-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid #31d7ff88;border-radius:15px;background:linear-gradient(135deg,#128bc0,#064068);font-size:27px;box-shadow:0 0 24px #00baff55}.mv6-brand strong{font-size:22px;letter-spacing:-.7px}.mv6-brand small{display:block;color:#aac1d4;letter-spacing:2.6px;font-size:9px;margin-top:3px}.mv6-menu{color:white;text-decoration:none;display:grid;place-items:center;width:42px;height:42px;background:#0b2a3dcc;border:1px solid #ffffff36;border-radius:14px;font-size:22px}
.mv6-spot{display:flex;align-items:center;gap:12px;padding:13px 16px;background:#05253bd9;border:1px solid #59b4d36e;border-radius:18px;box-shadow:0 12px 30px #0007,inset 0 1px #ffffff21}.mv6-pin{color:#ff698c;font-size:29px;text-shadow:0 0 18px #ff6688}.mv6-spot label{min-width:0;flex:1}.mv6-spot label small{display:block;font-size:10px;letter-spacing:1px;color:#9fbad0}.mv6-spot select{width:100%;appearance:none;-webkit-appearance:none;border:0;background:transparent;color:white;font-weight:750;font-size:16px;padding:6px 0 0;outline:0}.mv6-spot select option{color:#12263c}.mv6-chevron{font-size:25px}
.mv6-hero,.mv6-panel,.mv6-metric{border:1px solid #3e9bb46e;background:linear-gradient(140deg,#0a3148ef,#061a2dec);box-shadow:inset 0 1px #ffffff18,0 14px 26px #0004}.mv6-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;align-items:center;border-radius:22px;padding:18px 13px;margin-top:12px;min-height:186px}.mv6-hero:before{content:"";position:absolute;inset:0;background:url('/images/marine-v6-lighthouse.svg') right center/auto 100% no-repeat;opacity:.27;pointer-events:none}.mv6-hero>*{position:relative}.mv6-score-ring{--v:calc(var(--score)*1%);width:128px;height:128px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#ff6587 var(--v),#244357 var(--v));box-shadow:0 0 27px #ff5e8b55,inset 0 0 15px #0008}.mv6-score-ring>div{width:105px;height:105px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle,#07182c,#03101c);box-shadow:inset 0 0 12px #000}.mv6-score-ring strong{font-size:49px;line-height:1;font-weight:800}.mv6-score-ring small{color:#9db6c8;font-size:13px;margin-top:5px}.mv6-hero-info{min-width:0}.mv6-live{display:flex;align-items:center;gap:6px;color:#b4c9d8;font-size:10px;white-space:nowrap}.mv6-live i{width:8px;height:8px;border-radius:50%;background:#16ddb0;box-shadow:0 0 11px #16ddb0}.mv6-status{display:inline-block;margin-top:10px;padding:5px 10px;border-radius:12px;font-size:15px;font-weight:750}.mv6-status.danger{background:#ff557e2e;border:1px solid #ff6b8d75;color:#ff829b}.mv6-status.warning{background:#ffb7572c;color:#ffd07b}.mv6-status.good{background:#15cfaa2b;color:#52e9c2}.mv6-hero-info p{font-size:10px;line-height:1.35;color:#b4c8d6;margin:7px 0}.mv6-window{display:flex;gap:8px;align-items:center;padding:9px 8px;border-radius:12px;background:#021624a8;border:1px solid #4389a45c}.mv6-window>span{font-size:24px;color:#73dcff}.mv6-window small{display:block;font-size:10px;color:#c1d2df}.mv6-window strong{color:#4be1ff;font-size:19px;margin-right:5px}.mv6-window em{font-style:normal;color:#9eb3c4;font-size:9px}
.mv6-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:11px}.mv6-metric{position:relative;overflow:hidden;border-radius:15px;padding:10px 7px 16px;min-width:0;min-height:100px}.mv6-metric>div{display:flex;gap:4px;align-items:center}.mv6-metric>div span{font-size:19px;color:#65dcff}.mv6-metric small{color:#b2c7d6;font-size:10px;white-space:normal}.mv6-metric strong{display:block;font-size:clamp(15px,4vw,21px);white-space:nowrap;margin:9px 0 3px;letter-spacing:-.7px}.mv6-metric>i{position:absolute;bottom:-12px;left:0;right:0;height:27px;border-top:1px solid #17c4ff77;border-radius:50%;box-shadow:0 -5px 14px #00aaff33}
.mv6-panel{margin-top:12px;padding:14px 12px;border-radius:18px}.mv6-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.mv6-title h2{margin:0;font-size:18px;color:#f4fbff;display:flex;align-items:center;gap:9px}.mv6-title h2 span{font-size:22px;color:#5bc9fa}.mv6-title>small{font-size:10px;color:#9fb9ce;text-align:right}.mv6-empty{display:flex;align-items:center;gap:14px;padding:15px;background:#021827ad;border:1px solid #3a718b54;border-radius:13px}.mv6-empty>span{font-size:28px;color:#56bce3}.mv6-empty strong{display:block;font-size:12px}.mv6-empty small{display:block;color:#a7bfce;line-height:1.4;margin-top:5px;font-size:11px}
.mv6-activities{padding-bottom:5px}.mv6-activity{display:flex;align-items:center;gap:10px;border-top:1px solid #36708a55;padding:10px 0}.mv6-activity-icon{width:39px;height:39px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:22px;background:#0b3851;box-shadow:inset 0 0 12px #009dce44}.mv6-activity-body{min-width:0;flex:1}.mv6-activity-head{display:flex;justify-content:space-between;align-items:center;gap:6px}.mv6-activity-head strong{font-size:13px}.mv6-activity-head b{font-size:19px;color:#f9d36a}.mv6-activity-body>small{display:block;color:#9db5c6;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mv6-track{position:relative;height:5px;margin:9px 6px 2px 0;border-radius:6px;background:linear-gradient(90deg,#fa6685,#ffcf65 50%,#27e2b2)}.mv6-track-marker{position:absolute;top:50%;width:13px;height:13px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 9px #fff7}
.mv6-nav{position:relative!important;inset:auto!important;transform:none!important;display:grid;grid-template-columns:repeat(4,1fr);margin:14px 0 0;padding:9px 0;border-radius:19px;border:1px solid #3c8baa82;background:#041d30;box-shadow:0 10px 24px #0005}.mv6-nav a{text-decoration:none;color:#9ab6c9;text-align:center;font-size:11px;display:flex;align-items:center;flex-direction:column;gap:3px}.mv6-nav a span{font-size:24px;line-height:1.2}.mv6-nav a.active{color:#69d8ff;text-shadow:0 0 12px #1bbaff}
#mv6-spots,#mv6-forecast,#mv6-activities{scroll-margin-top:16px}
}
@media(max-width:370px){.mv6-app{padding-left:8px;padding-right:8px}.mv6-hero{grid-template-columns:110px minmax(0,1fr);padding:12px 9px}.mv6-score-ring{width:108px;height:108px}.mv6-score-ring>div{width:88px;height:88px}.mv6-score-ring strong{font-size:39px}.mv6-metric{padding-left:5px;padding-right:5px}.mv6-metric small{font-size:9px}}

/* MVK MARINE V6 - HOURLY FORECAST */
@media(max-width:980px){
.mv6-hourly{overflow:hidden}
.mv6-hourly-scroll{
  display:flex;
  gap:10px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  padding:10px 2px 14px;
  scrollbar-width:none;
}
.mv6-hourly-scroll::-webkit-scrollbar{display:none}
.mv6-hour-card{
  flex:0 0 98px;
  min-width:98px;
  scroll-snap-align:start;
  padding:14px 9px;
  border-radius:17px;
  background:linear-gradient(160deg,#173c53,#091e30);
  border:1px solid rgba(103,192,220,.20);
  text-align:center;
  box-sizing:border-box;
}
.mv6-hour-time{
  display:block;
  color:#c0d5e2;
  font-size:11px;
  font-weight:600;
  margin-bottom:12px;
}
.mv6-hour-score{
  display:block;
  font-size:30px;
  line-height:1;
  font-weight:800;
}
.mv6-hour-score-label{
  display:block;
  font-size:10px;
  opacity:.55;
  margin-top:4px;
}
.mv6-hour-line{
  height:1px;
  background:rgba(255,255,255,.12);
  margin:13px 0;
}
.mv6-hour-data{
  display:flex;
  flex-direction:column;
  gap:9px;
  font-size:11px;
  color:#d7e8f1;
}
.mv6-hourly-hint{
  text-align:center;
  color:#89a9ba;
  font-size:10px;
  padding:2px 0 5px;
}
}

/* MVK Marine V6.1 — scoped, preview mobile only */
@media(max-width:980px){
body:has(.mv61){background:#03101f!important}
body:has(.mv61) .mobile-app,body:has(.mv61) .mv6-app{display:none!important}
.mv61{display:block!important;position:relative;isolation:isolate;max-width:600px;margin:0 auto;background:radial-gradient(ellipse at 50% 12%,#073a55 0%,#031b2d 42%,#02101f 100%);color:#f0faff;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;padding-bottom:95px;min-height:100vh;box-sizing:border-box}
.mv61 *{box-sizing:border-box}.mv61-cover{padding:20px 14px 18px;background:linear-gradient(90deg,rgba(2,16,31,.5),rgba(2,16,31,.04)),linear-gradient(0deg,#031729 0%,transparent 45%),url('/images/mvk-marine-v61-coast.webp') center 35%/cover no-repeat;min-height:190px}
.mv61-brand{display:flex;align-items:center;gap:11px;min-height:55px}.mv61-logo{display:grid;place-items:center;width:50px;height:50px;border-radius:13px;background:linear-gradient(135deg,#03a9e5,#005087);box-shadow:0 0 24px #03a8df6e;font-size:37px;color:white}.mv61-brand b{font-size:24px;letter-spacing:-.8px}.mv61-brand small{display:block;font-size:8px;letter-spacing:1.3px;color:#b8d6e9;margin-top:3px}.mv61-menu{margin-left:auto;color:#fff;text-decoration:none;background:#092e45c9;border:1px solid #7ac7ee63;border-radius:50%;width:41px;height:41px;display:grid;place-items:center;font-size:20px}
.mv61-spot{display:flex;align-items:center;margin-top:19px;padding:10px 13px;border-radius:16px;background:#04223bdc;border:1px solid #47b9ef7c;box-shadow:inset 0 1px #c2edff24,0 7px 25px #0015227a;min-height:62px;gap:11px}.mv61-pin{color:#ff658a;font-size:28px;text-shadow:0 0 10px #ff658a}.mv61-spot label{min-width:0;flex:1}.mv61-spot label small{display:block;font-size:9px;letter-spacing:1.3px;color:#a9c7d9}.mv61-spot select{display:block;width:100%;font-size:17px;font-weight:700;color:#fff;background:transparent;border:0;appearance:none;outline:0;padding:3px 0}.mv61-spot option{color:#061e30}.mv61-down{font-size:23px}
.mv61-main{padding:0 13px}.mv61-hero,.mv61-panel,.mv61-metric{border:1px solid #2789b2a3;box-shadow:inset 0 1px #e1f9ff1b,0 4px 16px #0006;background:linear-gradient(145deg,#07314aee,#031b2ded);border-radius:17px}.mv61-hero{min-height:158px;display:flex;gap:11px;align-items:center;padding:13px 12px;background:linear-gradient(90deg,#06233a 0%,#08243bda 56%,#06233ab8 100%),url('/images/mvk-marine-v61-coast.webp') right center/auto 100% no-repeat}
.mv61-gauge{flex:0 0 124px;width:124px;height:124px;border-radius:50%;padding:11px;background:conic-gradient(from 215deg,#ff6389 calc(var(--pct)*1%),#284253 0);box-shadow:0 0 22px #ff577c38,inset 0 0 0 5px #0b3145}.mv61-gauge>div{height:100%;width:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 50% 40%,#0b2a41,#02101f);box-shadow:inset 0 0 14px #000a}.mv61-gauge strong{font-size:46px;line-height:1;font-weight:800}.mv61-gauge small{font-size:12px;color:#aac6d8}.mv61-hero-body{min-width:0;flex:1}.mv61-live{font-size:10px;color:#b3d6e5;margin-bottom:9px}.mv61-live i{display:inline-block;background:#10e6ad;box-shadow:0 0 8px #10e6ad;width:7px;height:7px;border-radius:50%;margin-right:4px}.mv61-pill{display:inline-block;font-size:14px;font-weight:800;border:1px solid #ff6c9080;border-radius:9px;padding:5px 9px;background:#ff51762a}.mv61-pill.good{color:#20e2b1;background:#20e2b11b}.mv61-pill.warn{color:#ffd36b;background:#ffd36b1b}.mv61-pill.bad,.mv61 .bad{color:#ff6b87}.mv61 .warn{color:#ffcf64}.mv61 .good{color:#2ae8b7}.mv61 .neutral{color:#a5bfce}.mv61-hero-body p{font-size:11px;line-height:1.3;color:#bdd3e1;margin:8px 0}.mv61-best{display:flex;align-items:center;gap:9px;padding:7px 8px;border:1px solid #7ecde632;background:#0015268a;border-radius:11px}.mv61-best>span{font-size:22px;color:#58cfff}.mv61-best small{display:block;font-size:10px;color:#c0d7e3}.mv61-best b{font-size:19px;color:#61d8ff}.mv61-best em{font-style:normal;font-size:10px;color:#bed4e2;margin-left:5px}
.mv61-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:9px 0}.mv61-metric{min-height:96px;padding:9px 6px 7px;border-radius:13px;overflow:hidden;position:relative}.mv61-metric:after{content:'';position:absolute;bottom:-13px;left:0;right:0;height:28px;border-top:1px solid #08bafc8c;border-radius:50%}.mv61-metric>div{display:flex;align-items:center;gap:3px;white-space:nowrap}.mv61-metric>div span{font-size:17px}.mv61-metric>div small{font-size:10px;color:#bbd1df}.mv61-metric b{display:block;white-space:nowrap;font-size:clamp(14px,4vw,21px);margin:9px 0 4px;letter-spacing:-.7px}.mv61-metric>small{font-size:10px;color:#b6cfde;white-space:nowrap}
.mv61-panel{padding:12px;margin:9px 0;border-radius:15px}.mv61-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.mv61-title h2{font-size:18px;line-height:1.1;margin:0;white-space:nowrap;letter-spacing:-.5px}.mv61-title h2 span{color:#69d4ff;margin-right:5px}.mv61-title>small{font-size:10px;color:#9fc1d5;text-align:right}.mv61-no-tide{display:flex;align-items:center;gap:10px;background:#031b2b;border:1px solid #23506a;border-radius:11px;padding:12px}.mv61-no-tide>span{font-size:30px;color:#2b94b7}.mv61-no-tide b{display:block;font-size:12px}.mv61-no-tide small{display:block;color:#a5c3d5;font-size:10px;margin-top:4px;line-height:1.4}
.mv61-hourly{display:flex;overflow-x:auto;gap:4px;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:3px}.mv61-hourly::-webkit-scrollbar{display:none}.mv61-hour{scroll-snap-align:start;flex:0 0 62px;min-width:62px;border:1px solid #15516d;border-radius:9px;background:#031b2e;padding:8px 3px 6px;text-align:center;display:flex;flex-direction:column;gap:5px;align-items:center}.mv61-hour:first-child{border-color:#00aaf2;background:#06416a}.mv61-hour>span:first-child{font-size:11px;color:#9dcde2}.mv61-hour-icon{font-size:21px;line-height:1.1;color:#dceefa}.mv61-hour b{font-size:19px}.mv61-hour small{font-size:10px;color:#d1e6f0;white-space:nowrap}.mv61-hour i{height:4px;width:85%;border-radius:5px;background:currentColor}.mv61-empty{font-size:12px;color:#a6c4d6;padding:15px}
.mv61-activity{display:flex;align-items:center;gap:9px;padding:7px 3px;border-bottom:1px solid #2c5a705c;min-height:53px}.mv61-activity:last-child{border:0}.mv61-activity-icon{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(#07537c,#05233b);font-size:20px;box-shadow:0 0 9px #0499d14a}.mv61-activity-text{flex:1;min-width:0}.mv61-activity-text b{font-size:12px;display:block}.mv61-activity-text small{font-size:9px;color:#a8c5d7;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.mv61-activity-score{width:35%;min-width:75px;text-align:right}.mv61-activity-score>b{font-size:17px}.mv61-bar{height:6px;margin-top:6px;background:linear-gradient(90deg,#ff587e 0 40%,#ffc95c 40% 70%,#23dcad 70% 100%);border-radius:5px;position:relative}.mv61-bar i{position:absolute;top:-3px;transform:translateX(-50%);width:12px;height:12px;border-radius:50%;background:currentColor;border:2px solid white;box-shadow:0 0 6px currentColor}
.mv61-nav{position:fixed;z-index:9999;bottom:calc(8px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:min(calc(100% - 26px),574px);height:64px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #277ea6;border-radius:17px;background:#031a2bf5;box-shadow:0 8px 26px #000c;backdrop-filter:blur(20px);overflow:hidden}.mv61-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#9dbad1;text-decoration:none;font-size:10px}.mv61-nav a span{font-size:25px;line-height:1}.mv61-nav a.active{color:#e8f8ff;background:linear-gradient(180deg,#064c7c,#042943);box-shadow:inset 0 -2px #19aaff;text-shadow:0 0 10px #20adff}
}
@media(min-width:981px){.mv61{display:none!important}}