@import url('../fluidized-sand/studio.css?v=2');
:root{--sand:#a4dacf}.stage{background:radial-gradient(ellipse at 53% 40%,#354c53,#152d36 55%,#0a1c25)}h1 em,h2 em{color:#beded8}.playback .accent,button[aria-pressed=true]{background:#b1dcd0;border-color:#b1dcd0;color:#173c3b}.readout{border-color:#b7d9ce}.readout span{color:#b7d9ce}.tour-button{color:#c6e2d6;border-color:#4a716d;background:#203d3c}.guide-panel{background:#1e3a3b}.service-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:22px 0}.service-actions button{font-size:10px;padding:10px 5px}.scenario-grid{margin:18px 0}.scenario-grid button:last-child{grid-column:1/-1}.readout b{font-size:30px}.macro-caption{position:absolute;top:145px;left:30px;max-width:260px;padding:10px 14px;background:#102a32da;border-left:2px solid #a4dacf;font-size:11px;pointer-events:none;z-index:2}.part-label{border-color:#a4dacf}.tabs button{font-size:10px}.guide-panel p{line-height:1.7}.macro-controls{display:flex;gap:7px;flex-wrap:wrap}#panel-biology h4{color:#dce8db}.scene-heading h1{font-size:clamp(30px,3vw,48px)}.metrics b{font-size:15px}.readout small{letter-spacing:.08em}body[data-mode=macro] .scene-heading h1{font-size:28px}.stage:fullscreen{height:100dvh}
@media(max-width:760px){.scene-heading h1{font-size:28px}.readout{top:130px}.macro-caption{left:18px;top:138px;font-size:9px;max-width:230px}.stage{min-height:650px}.service-actions button{font-size:10px}.tabs button{font-size:10px}}

#care-mode{display:block;margin-top:6px;font-size:9px;letter-spacing:0;color:#b7d9ce}