.seasonal-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:32px;align-items:start}.seasonal-stage{width:100%;max-width:620px;background:#e8e2d2;border-radius:14px;overflow:hidden;touch-action:pan-y}.seasonal-stage svg{display:block;width:100%;height:auto}.seasonal-stage svg text{font-family:inherit}.seasonal-stats{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;font-variant-numeric:tabular-nums}.seasonal-controls h2{font-family:'Libre Caslon Display',Georgia,serif;font-size:32px;line-height:1.15;margin:0 0 16px}.seasonal-controls p{line-height:1.5}.seasonal-controls label{display:block;margin:12px 0}.seasonal-controls select,.seasonal-controls input[type=range]{display:block;width:100%;min-height:44px;accent-color:#214f43}.seasonal-controls select{background:#fffdf5;color:#173f35;border:1px solid #59675e;border-radius:6px;padding:8px;font:inherit}.seasonal-controls button{min-height:44px;margin:5px 0}.seasonal-controls fieldset{border:0;border-top:1px solid #94a783;padding:8px 0;margin:16px 0}.seasonal-controls legend{font-weight:700}.seasonal-fields{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.seasonal-fields>*{flex:1;min-width:60px}.seasonal-fields label{font-size:14px}.seasonal-controls meter{display:block;width:100%;height:22px;accent-color:#214f43}.seasonal-message{min-height:3em;line-height:1.5}.seasonal-actions{display:flex;gap:8px;flex-wrap:wrap}.seasonal-controls [aria-pressed=true]{background:#214f43;color:#fffdf5}.meteor-collection p{display:flex;justify-content:space-between;gap:8px;margin:0;padding:8px 0;border-bottom:1px solid #94a783;font-size:14px}.seasonal-controls input[type=checkbox]{width:20px;height:20px;accent-color:#214f43}.seasonal-controls button:disabled{opacity:.55;cursor:default}.seasonal-controls :focus-visible,.seasonal-stage:focus-visible{outline:3px solid #b77926;outline-offset:3px}@media(max-width:760px){.seasonal-layout{grid-template-columns:1fr;gap:16px}.seasonal-stage{max-width:480px;margin:auto}.seasonal-controls h2{font-size:28px}.seasonal-stats{font-size:15px}.seasonal-message{min-height:0}}

.portal-meteorcatcher .seasonal-stage{touch-action:none}.meteor-playbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.meteor-playbar button{min-height:44px;flex:1;min-width:100px}.meteor-playbar button:disabled{opacity:.55}.meteor-collection svg{flex:0 0 75px;width:75px}.meteor-collection p{align-items:center}