.time-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:25px}.time-options button,.sky-options button,.nature-options button{border:1px solid #bac9b870;border-radius:12px;padding:12px 6px;background:#ffffff70;color:#465c40;font-size:13px}.time-options button span{display:block;font-size:24px;line-height:1.3;margin-bottom:6px}.time-options button.selected,.nature-options button.selected{background:#416449;border-color:#416449;color:white}.sky-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sky-options button{display:flex;align-items:center;gap:8px;padding:10px;font-size:12px}.sky-options i{height:22px;width:22px;flex-shrink:0;display:block;border-radius:50%;background:var(--sky);border:1px solid #0000000a}.sky-options button.selected{outline:2px solid #64815a;outline-offset:-2px;background:#fff9}.setting-note{font-size:12px;color:#72816a;line-height:1.6;margin:10px 0 24px}.nature-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px}.nature-options button{font-size:13px;padding:12px 8px}#world-panel>label{margin-top:0}#customizer{scrollbar-width:thin;scrollbar-color:#9da99755 transparent}.scene-controls #burst-hearts{font-size:25px;color:#bb738b}body[data-time="night"] .brand,body[data-time="night"] h1{color:#edf0ff}body[data-time="night"] h1 em{color:#e4cbea}body[data-time="night"] .scene-heading .eyebrow,body[data-time="night"] .scene-heading p,body[data-time="night"] .gesture{color:#c2cbdf}body[data-time="night"] .brand .logo{color:#c7d9c0}body[data-time="night"] header .light{color:#eef0ff;background:#ffffff12;border-color:#ffffff35}body[data-time="night"] .beta{color:#d5d9eb;background:#ffffff0d;border-color:#ffffff40}body[data-time="night"] .world-label{background:#f5f3ffcc}body[data-time="night"] .scene-controls button{background:#f5f3ffdd}body[data-time="night"] .island-edit{background:#f5f3ffd9}body[data-time="night"] #customizer{background:linear-gradient(135deg,#faf7ffed,#edf2f6dc)}@media(max-width:760px){.time-options button,.nature-options button{font-size:12px}.sky-options button{font-size:11px;padding:9px 7px;gap:5px}.sky-options i{width:18px;height:18px}.scene-controls{bottom:108px}.world-label{max-width:190px}.world-label b{font-size:10px}.world-label>span{display:none}.gesture{font-size:9px}.setting-note{font-size:12px}.scene-controls #burst-hearts{font-size:22px}}

.ribbon-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:22px}.ribbon-options button{border:1px solid #bac9b870;border-radius:10px;background:#fff7;color:#465c40;padding:11px 5px;font-size:13px}.ribbon-options button.selected{background:#416449;color:#fff}.colors{flex-wrap:wrap;gap:12px}.colors button{flex-shrink:0}