.water-menu .menu-forfun .menu-label{display:flex;align-items:center;gap:7px;padding:0}.menu-forfun .menu-label img{width:45px;height:30px;object-fit:contain}.water-menu .menu-forfun .menu-links{display:flex;flex-wrap:wrap;gap:4px 24px;align-items:center}.water-menu .menu-forfun .menu-links a,.water-menu .menu-forfun .menu-soon{display:inline-flex;align-items:center;gap:6px;font-size:14px;line-height:1.4;padding:5px 0;white-space:nowrap}.menu-forfun .menu-links img{width:23px;height:23px;object-fit:contain}.menu-forfun .menu-soon{color:#e5f5fb}.menu-forfun .menu-soon small{color:#e5f5fb;font-size:11px;opacity:1;font-weight:normal;margin-left:2px}.water-menu .menu-section:last-child .menu-links{grid-template-columns:repeat(5,minmax(max-content,1fr))}@media(max-width:700px){.water-menu .menu-forfun .menu-links{gap:1px 16px}.water-menu .menu-forfun .menu-links a,.water-menu .menu-forfun .menu-soon{font-size:12px}.menu-forfun .menu-label img{width:38px;height:25px}.menu-forfun .menu-links img{width:24px;height:24px}.menu-forfun .menu-soon small{font-size:10px}}
.menu-forfun .menu-links>a span{display:block}.menu-forfun .menu-links small{display:block;color:#e5f6ff;font-size:10px;font-weight:400;line-height:1.4;max-width:170px;white-space:normal}@media(max-width:700px){.menu-forfun .menu-links small{max-width:135px}}

/* Desktop-only navigation spacing. Phone rules remain unchanged. */
@media(min-width:701px){
 .water-menu .menu-section .menu-label{font-size:15px}
 .menu-forfun .menu-links img{width:34px;height:34px}
 .menu-forfun .menu-label img{width:60px;height:40px}
}
@media(min-width:1200px){
 .water-menu .menu-section:nth-child(2) .menu-links{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:12px}
 .water-menu .menu-section:nth-child(2) .menu-links a{font-size:14px}
 .water-menu .menu-section.menu-forfun .menu-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:8px 22px}
}
.menu-forfun .menu-links small.trivia-weekly-leader{font-size:12px;font-weight:700;max-width:205px;line-height:1.45;margin-top:5px;color:#fff!important;overflow-wrap:anywhere;display:block;transform-origin:left center;animation:trivia-leader-pulse 3s ease-in-out infinite}
@keyframes trivia-leader-pulse{0%,100%{transform:scale(1)}50%{transform:scale(.75)}}
@media(prefers-reduced-motion:reduce){.menu-forfun .menu-links small.trivia-weekly-leader{animation:none}}

.menu-forfun .menu-links img.weekly-trivia-icon{width:44px;height:44px}
@media(max-width:700px){.menu-forfun .menu-links img.weekly-trivia-icon{width:32px;height:32px}}
@media(min-width:701px){
 header .menu-utility .tuna-radar-shortcut>img{width:65px;height:65px}
 header .menu-top .menu-utility:has(.tuna-radar-shortcut){padding-bottom:22px}
 header .menu-utility .tuna-radar-label{width:90px}
 header .menu-utility .tuna-radar-label .tuna-radar-text{font-size:13px!important;line-height:16px!important}
}
/* Chris Oct16 follow-up. Pending review. */
@media(min-width:701px){
 .water-menu .menu-section.menu-forfun{display:flex;align-items:center;gap:22px}
 .water-menu .menu-forfun .menu-label{flex:0 0 auto;margin:0}
 .water-menu .menu-forfun .menu-links{flex:1;gap:4px 22px}
 header .menu-utility .tuna-radar-shortcut>img{width:97.5px;height:97.5px}
 header .menu-top .menu-utility:has(.tuna-radar-shortcut){padding-bottom:38px;margin-right:50px}
 header .menu-utility .tuna-radar-label{width:150px;height:32px}
 header .menu-utility .tuna-radar-label .tuna-radar-text{font-size:26px!important;line-height:32px!important}
}
@media(min-width:361px) and (max-width:700px){
 header .menu-utility .tuna-radar-shortcut>img{width:30px;height:30px}
 header .menu-utility .tuna-radar-label{width:95px;height:18.75px}
 header .menu-utility .tuna-radar-label .tuna-radar-text{font-size:15px!important;line-height:18.75px!important}
}
@media(max-width:360px){
 header .menu-utility .tuna-radar-shortcut>img{width:25px;height:25px}
 header .menu-utility .tuna-radar-label{width:87.5px;height:17.5px}
 header .menu-utility .tuna-radar-label .tuna-radar-text{font-size:13.75px!important;line-height:17.5px!important}
}
@media(max-width:700px){header .menu-top{padding-bottom:8px}}

@media(min-width:701px){.menu-forfun .menu-links img{width:61.2px;height:61.2px}.menu-forfun .menu-links img.weekly-trivia-icon{width:66px;height:66px}}
.menu-forfun .menu-links .trivia-top-three{display:grid;gap:2px;font-size:12px;line-height:1.4;color:#fff;min-width:150px;max-width:220px}.menu-forfun .menu-links .trivia-top-three>span{white-space:normal;overflow-wrap:anywhere}

.menu-forfun .menu-links .trivia-menu-group{display:inline-flex;align-items:center;gap:14px;min-width:0;max-width:100%}.menu-forfun .menu-links .trivia-menu-group>a{min-width:0}.menu-forfun .menu-links .trivia-menu-group .trivia-top-three{flex:0 1 170px;min-width:130px}@media(max-width:700px){.menu-forfun .menu-links .trivia-menu-group{flex-wrap:wrap}.menu-forfun .menu-links .trivia-menu-group .trivia-top-three{margin-left:38px}}

@media(min-width:701px){.menu-forfun .menu-label img{width:120px;height:80px}}

/* Phone: keep the reordered For Fun links in a clean two-column grid. */
@media(max-width:700px){
 .water-menu .menu-section.menu-forfun .menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;align-items:start}
 .water-menu .menu-section.menu-forfun .menu-links>a,.water-menu .menu-section.menu-forfun .menu-links>.menu-soon{min-width:0;max-width:100%;align-items:flex-start;white-space:normal;overflow-wrap:anywhere}
 .menu-forfun .menu-links>a span,.menu-forfun .menu-links>.menu-soon{white-space:normal;overflow-wrap:anywhere}
 .menu-forfun .menu-links small,.menu-forfun .menu-links small.trivia-weekly-leader{max-width:none}
}

/* Chris Oct17: 20% larger brand, same occupied header height. */
header .brand{font-size:33.6px!important;line-height:1!important}
@media(max-width:700px){header .brand{font-size:26.4px!important;line-height:1!important}}
@media(max-width:360px){header .menu-utility{gap:7px!important}header .menu-utility a{font-size:11px!important}}
