html[data-view="mobile"] .topbar{padding:16px}html[data-view="mobile"] .brand{font-size:16px;gap:8px}html[data-view="mobile"] .brand small{font-size:8px}html[data-view="mobile"] .brand-mark{width:36px;height:36px;font-size:20px}html[data-view="mobile"] .sos-short{font-size:12px;padding:9px 12px}html[data-view="mobile"] main{padding:0 16px 110px}html[data-view="mobile"] .hero{min-height:360px;padding:27px 23px;border-radius:22px}html[data-view="mobile"] .hero h1{font-size:33px;line-height:1.45;position:relative;z-index:2}html[data-view="mobile"] .hero p{font-size:11px;max-width:215px}html[data-view="mobile"] .hero .eyebrow{font-size:10px}html[data-view="mobile"] .hero .gold{padding:12px 15px;font-size:12px}html[data-view="mobile"] .gold span{padding-left:14px}html[data-view="mobile"] .ebisu{right:-16px;width:205px;height:272px;bottom:24px;opacity:.94}html[data-view="mobile"] .ebisu img{height:272px;right:-5px}html[data-view="mobile"] .hero-seal{right:16px;top:20px;font-size:10px;padding:7px 5px}html[data-view="mobile"] .hero:before{width:210px;height:210px;right:-40px;top:80px}html[data-view="mobile"] .section-heading h2{font-size:19px}html[data-view="mobile"] .small-muted{font-size:10px}html[data-view="mobile"] .tool-grid{gap:10px}html[data-view="mobile"] .tool{padding:17px 13px;flex-wrap:wrap;gap:10px;min-height:151px;position:relative}html[data-view="mobile"] .tool-icon{width:38px;height:38px;font-size:25px;border-radius:11px}html[data-view="mobile"] .tool>span:nth-child(2){width:100%}html[data-view="mobile"] .tool b{font-size:14px;margin-bottom:4px}html[data-view="mobile"] .tool small{font-size:10px;line-height:1.8;display:block}html[data-view="mobile"] .tool i{position:absolute;top:18px;right:14px}html[data-view="mobile"] .home-bottom{grid-template-columns:1fr;gap:12px}html[data-view="mobile"] .camera-card,html[data-view="mobile"] .return-card{padding:21px}html[data-view="mobile"] .home-bottom h3{font-size:18px}html[data-view="mobile"] .camera-card .round-arrow{position:absolute;right:24px;top:50px}html[data-view="mobile"] .home-bottom p{margin-bottom:7px}html[data-view="mobile"] .bottom-nav{bottom:0;left:0;transform:none;width:100%;border-radius:18px 18px 0 0;padding:7px 4px max(7px,env(safe-area-inset-bottom));gap:0;justify-content:space-around}html[data-view="mobile"] .bottom-nav button{width:20%;font-size:10px}html[data-view="mobile"] .card{padding:20px 17px}html[data-view="mobile"] .page-heading h1{font-size:28px}html[data-view="mobile"] .page-heading p{font-size:12px}html[data-view="mobile"] .form-row{gap:7px}html[data-view="mobile"] .form-row>label{min-width:120px}html[data-view="mobile"] .form-row>button{width:100%}html[data-view="mobile"] .catch-list{grid-template-columns:1fr 1fr}html[data-view="mobile"] .catch img{height:125px}html[data-view="mobile"] .catch>div{padding:12px}html[data-view="mobile"] .catch h3{font-size:15px}html[data-view="mobile"] .datebar{font-size:10px}html[data-view="mobile"] .tide-events{font-size:12px;gap:10px}html[data-view="mobile"] #toast{bottom:90px}html[data-view="mobile"] footer span{display:block;margin:8px 0}
html[data-view="pc"] .desktop-nav{max-width:1064px;margin:0 auto 24px;display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:12px}html[data-view="pc"] .desktop-nav button{flex:1;background:transparent;border-radius:10px;min-height:45px;font-size:13px;color:var(--muted);padding:10px 5px}html[data-view="pc"] .desktop-nav button.selected{background:var(--navy);color:white}html[data-view="pc"] .bottom-nav{display:none}html[data-view="pc"] main{padding-bottom:35px}html[data-view="pc"] .hero{min-height:465px}html[data-view="pc"] .hero h1{font-size:49px}html[data-view="pc"] .ebisu{height:435px;width:380px}html[data-view="pc"] .ebisu img{height:435px}html[data-view="pc"] .page:not(#home){max-width:100%;}html[data-view="pc"] .page:not(#home)>.card{max-width:930px;margin-left:auto;margin-right:auto}html[data-view="pc"] .page-heading{padding:28px 0}html[data-view="pc"] .catch-list{grid-template-columns:repeat(4,1fr)}html[data-view="pc"] .messages{max-height:520px}html[data-view="pc"] #toast{bottom:28px}
.view-switch{max-width:1064px;margin:0 auto 18px;display:flex;align-items:center;gap:5px;padding:0 12px;flex-wrap:wrap;font-size:12px}.view-switch>span{margin-right:8px;color:#60767a}.view-switch button{min-height:40px;padding:8px 16px;border-radius:20px;color:#143e44;background:#e5ede6}.view-switch button[aria-pressed="true"]{background:#073b43;color:#f3d48b;font-weight:700}.view-switch small{font-size:10px;color:#60767a;margin-left:8px}html[data-view="mobile"] body{max-width:430px;margin:auto}html[data-view="mobile"] .desktop-nav{display:none}html[data-view="mobile"] .bottom-nav{display:flex;max-width:430px;left:50%;transform:translateX(-50%)}html[data-view="mobile"] .catch-list{grid-template-columns:1fr 1fr}html[data-view="pc"] body{min-width:1000px}html[data-view="pc"] .topbar{padding:22px 28px}html[data-view="pc"] .brand{font-size:20px}html[data-view="pc"] .tool{flex-wrap:nowrap;padding:25px 22px;min-height:0}html[data-view="pc"] .tool>span:nth-child(2){width:auto}html[data-view="pc"] .tool i{position:static}html[data-view="pc"] .home-bottom{grid-template-columns:1fr 1fr}html[data-view="pc"] .hero{padding:45px 48px}html[data-view="pc"] .hero p{max-width:400px;font-size:13px}html[data-view="pc"] .ebisu{right:45px;bottom:0}html[data-view="pc"] .form-row>button{width:auto}html[data-view="pc"] .page-heading h1{font-size:34px}

html[data-view="mobile"] .hero h1{font-size:27px}html[data-view="mobile"] .hero p{max-width:166px;font-size:10px}html[data-view="mobile"] .hero .ebisu{width:166px;height:228px;right:-20px;bottom:26px}html[data-view="mobile"] .hero .ebisu img{height:228px}html[data-view="mobile"] .hero{min-height:340px}