/* Generated book-art states; existing Merge icon vocabulary reused everywhere. */
.campus-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);align-items:start;background:#102024;border-color:#52675f}
.campus-scene{min-width:0}.campus-art{width:100%;aspect-ratio:1;background-size:200% 200%;background-repeat:no-repeat;background-color:#142a2b}
.campus-scene-caption{padding:16px 18px 8px;display:flex;gap:12px;justify-content:space-between;align-items:center}.campus-scene-caption p{margin:5px 0;color:#b9cbc4}.campus-scene-caption .button{flex-shrink:0;min-height:44px;padding:10px 16px}
.campus-stage-track{padding:0 18px;display:flex;gap:8px;flex-wrap:wrap}.campus-stage-track span{color:#aebcb6;border-bottom:2px solid #405552;padding:8px 0;flex:1 1 100px}.campus-stage-track .done{color:#ead7ab;border-color:#91c5b5}
.campus-observation{margin:18px;padding:0 0 0 14px;border-left:2px solid #aa9161}.campus-observation p{color:#e1e4d6;margin:6px 0}.campus-total{display:block;padding:0 18px 18px;color:#adc5bc}
.campus-hero>.campus-task{display:block;padding:24px}.campus-hero .campus-actions{margin-top:20px}.campus-reward-art{max-width:360px;margin:12px auto;border-radius:10px}.dialog .campus-observation{margin:18px 0}
.campus-room-button .campus-room-icon{display:block;width:44px;height:44px;margin:0 auto 8px}.campus-room-icon .relic-art{width:100%;height:100%}.campus-room-button{min-width:0}.campus-room-button[aria-pressed=true]{box-shadow:inset 0 -3px #83c8b6}
.campus-material{display:flex;align-items:center;gap:8px;text-align:left}.campus-material .relic-art{width:36px;height:36px;flex-shrink:0}.campus-room-list{gap:8px}
.material-label{display:inline-flex;align-items:center;gap:6px;margin:4px 8px 4px 0;vertical-align:middle}.material-label .relic-art{width:32px;height:32px;flex-shrink:0}.generator>.relic-art{width:36px;height:36px;display:block;margin:0 auto 5px}
@media(max-width:760px){.campus-hero{display:block}.campus-hero>.campus-task{padding:18px;border-top:1px solid #3b504c}.campus-room-list{grid-template-columns:repeat(2,minmax(0,1fr))}.campus-room-button:last-child{grid-column:1/-1}.campus-scene-caption{padding:14px 16px 8px}.campus-stage-track{padding-inline:16px}.campus-observation{margin:16px}}
@media(prefers-reduced-motion:no-preference){.campus-art{animation:campus-arrive .28s ease-out}@keyframes campus-arrive{from{opacity:.6}to{opacity:1}}}