.campus-day-controls{position:absolute;z-index:8;top:112px;right:4%;display:grid;grid-template-columns:repeat(5,max-content);gap:3px;width:max-content;max-width:92%;padding:5px;border:1px solid #ffffff65;border-radius:22px;background:linear-gradient(135deg,#ffffff38,#f8fcf110);box-shadow:0 12px 30px #1938380d,inset 0 1px 0 #ffffff45;color:#24483f;text-shadow:0 1px 3px #ffffffd9;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:none;transition:opacity .3s}
.campus-time-status{grid-column:1/-1;text-align:center;font-size:10px;line-height:1.5;padding:2px 8px 4px;letter-spacing:.04em;opacity:1}
.campus-day-controls button{display:flex;align-items:center;gap:6px;border:0;border-radius:24px;padding:9px 12px;background:transparent;color:inherit;font:inherit;font-size:12px;text-shadow:inherit;cursor:pointer;pointer-events:auto}
.campus-day-controls button[aria-pressed=true]{background:#244c431c;color:#193d33;box-shadow:inset 0 0 0 1px #244c4360;font-weight:600}
.campus-day-controls button:hover{box-shadow:inset 0 0 0 1px #64867888}
.campus-day-controls button:focus-visible{outline:2px solid #e49655;outline-offset:3px}
[data-direction=campus] .campus-caption{top:207px}
.walk-started .campus-day-controls{opacity:0;visibility:hidden;pointer-events:none}
[data-direction=campus] .hero-shade,[data-direction=campus] .hero-art{transition:filter 1s,background 1s}
[data-campus-time=morning] .hero-shade{background:linear-gradient(180deg,#f9eddcc7,transparent 25%),linear-gradient(90deg,#fff3ddda,transparent 60%),linear-gradient(0deg,#d2e4de80,transparent 20%)}
[data-campus-time=dusk] .hero-shade{background:linear-gradient(180deg,#f4c1b6aa,transparent 24%),linear-gradient(90deg,#ffdbb8da,transparent 60%),linear-gradient(0deg,#85537340,transparent 22%)}
[data-campus-time=night] .hero-shade{background:linear-gradient(180deg,#07132be8,transparent 24%),linear-gradient(90deg,#0a1933d9,transparent 64%),linear-gradient(0deg,#07132b80,transparent 25%)}
[data-campus-time=night] .site-header,[data-campus-time=night] .hero{color:#f0f2e5}
[data-campus-time=night] .site-header{border-color:#d5e5ff30}
[data-campus-time=night] .hero-copy .eyebrow,[data-campus-time=night] .hero-intro,[data-campus-time=night] .hero .text-link,[data-campus-time=night] .campus-caption{color:#e3eaf5}
[data-campus-time=night] .hero .text-link{border-color:#e3eaf577}
[data-campus-time=night] .campus-word{color:#fff0cb;text-shadow:0 0 35px #a7c9ff35}
[data-campus-time=night] .campus-day-controls{background:linear-gradient(135deg,#15253f38,#15253f12);border-color:#c6dcff38;color:#f2f5fc;text-shadow:0 1px 4px #07132bf2;box-shadow:0 12px 30px #03091720,inset 0 1px 0 #ffffff18}
[data-campus-time=night] .campus-day-controls button[aria-pressed=true]{background:#ffe2ad21;color:#ffe9bd;box-shadow:inset 0 0 0 1px #ffe2ad75}
[data-campus-time=morning] .hero-art{filter:sepia(.12) saturate(.9) brightness(1.06)}
[data-campus-time=dusk] .hero-art{filter:sepia(.4) saturate(1.25) brightness(.78)}
[data-campus-time=night] .hero-art{filter:brightness(.27) saturate(.65)}
@media(max-width:650px){
 .campus-day-controls{top:90px;right:6%;left:6%;width:auto;max-width:none;grid-template-columns:repeat(5,1fr);padding:4px;gap:2px}
 .campus-day-controls button{padding:7px 3px;justify-content:center;font-size:11px}
 .campus-day-controls button>span[aria-hidden]{display:none}
 [data-direction=campus] .hero-copy,[data-direction=campus] .campus-walk .hero-copy,html[lang=zh-Hant] [data-direction=campus] .hero-copy{padding-top:175px}
 [data-direction=campus] .campus-caption{top:auto}
}
@media(prefers-reduced-motion:reduce){.campus-day-controls,[data-direction=campus] .hero-shade,[data-direction=campus] .hero-art{transition:none}}