html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-size:clamp(16px,2.5vw,18px)}button,input,select,textarea{font-size:16px}.hero-map-intro h1{font-size:clamp(30px,4vw,46px);white-space:nowrap;line-height:1.05}.hero-map-canvas>.map-headline,.hero-map-canvas>.map-subtitle{display:none}.hero-map{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:18px}.hero-map-intro{grid-column:1;grid-row:1}.hero-map-canvas{grid-column:1;grid-row:2}.hero-map .weather{grid-column:1;grid-row:3}.hero-map #recommendations{grid-column:1;grid-row:4}.hero-map .map-shell{height:min(58vh,560px)}.weather small,.stats small{font-size:11px}.weather p,.stats span{font-size:14px}.weather strong{font-size:26px}.primary,.secondary{font-size:15px;min-height:58px}.map-status{font-size:13px;padding:11px 16px}.map-legend{font-size:12px;line-height:1.35}.grid>div{padding:24px}.list{gap:14px}.card{position:relative;grid-template-columns:60px minmax(0,1fr) auto;gap:15px;align-items:start;border:1px solid #dbe7e3;border-radius:22px;padding:17px;background:linear-gradient(145deg,#fff,#f8fbfa);box-shadow:0 12px 32px #082c4010}.fish{width:60px;height:60px;border-radius:18px;font-size:30px}.card h3{font-size:18px;line-height:1.2;margin:2px 0 8px;color:#0a3441}.card p{font-size:14px;line-height:1.35;margin:5px 0}.card .catch-lure{color:#3f6868;font-weight:650}.card .catch-time{font-size:12px;color:#829190}.card-side{flex-direction:column;align-items:flex-end;gap:11px}.card .degrees{font-size:23px}.card .degrees small{font-size:12px}.catch-menu button{width:38px;height:38px;border-radius:12px;font-size:17px}.section-head h2,.grid h2{font-size:32px}.pattern small{font-size:13px}.pattern strong{font-size:24px}.bottom-nav span,nav span{font-size:11px!important}.auth-card label,label{font-size:14px}.auth-card input,input,select,textarea{min-height:48px}.tip-text{font-size:21px}.recommendation-card p{font-size:13px}.recommendation-card small{font-size:10px}@media(max-width:720px){.hero-map{padding:22px 15px 29px;gap:13px}.hero-map-intro h1{font-size:clamp(29px,8vw,36px)}.hero-map .map-shell{height:52vh;min-height:370px;max-height:510px}.hero-map .weather{margin-top:0}.actions button{font-size:14px}.stats strong{font-size:30px}.grid>div{padding:18px}.grid h2{font-size:29px}.card{grid-template-columns:54px minmax(0,1fr);padding:15px;gap:12px}.fish{width:54px;height:54px}.card-side{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between;margin-top:2px}.card .degrees{text-align:left}.catch-menu{margin-left:auto}.map-legend{max-width:185px}.account-chip button{font-size:12px}}