.butterfly-entry{margin:18px 0;padding:16px;border:2px solid #76a867;border-radius:20px;background:#f3f8df;color:#214a35}.butterfly-entry p{margin:8px 0;line-height:1.5}.butterfly-entry .primary-button{width:100%;white-space:normal}.butterfly-entry[hidden]{display:none}.butterfly-game{max-width:900px;margin:auto;color:#254c40}.butterfly-game [hidden]{display:none!important}.butterfly-game p{line-height:1.6}.butterfly-game h2{font-size:clamp(1.5rem,4vw,2.2rem)}.butterfly-tools,.butterfly-options,.butterfly-locations{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.butterfly-tools button,.butterfly-options button{min-height:56px;white-space:normal}.butterfly-options>button{flex:1 1 180px;display:grid;justify-items:center;gap:8px;border:2px solid #91b794;border-radius:18px;background:#fff;padding:18px;color:#254c40;font:inherit;font-weight:750}.butterfly-options button span{font-size:2.6rem}.butterfly-options button[aria-pressed=true]{outline:3px solid #287b49;background:#eaf5d4}.butterfly-options button:disabled{opacity:.75}.butterfly-options button.correct{background:#dcf2bc;border-color:#377944}.butterfly-map{list-style:none;padding:0;display:grid;gap:12px}.butterfly-map li{border:2px solid #cadaba;border-radius:16px;padding:16px;background:white}.butterfly-map h3{margin:0 0 8px}.butterfly-map small{display:block;font-size:.95rem;margin:8px 0}.butterfly-scene{position:relative;aspect-ratio:3/2;max-height:420px;border:3px solid #699347;border-radius:24px;overflow:hidden;background:#b6d998 url('/butterfly-garden.png') center/cover no-repeat}.butterfly-scene>img{position:absolute;left:5%;top:15%;width:20%;height:auto}.butterfly-plots{position:absolute;bottom:8%;left:8%;right:8%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.butterfly-plots button{font:inherit;min-height:74px;padding:8px 3px;border:2px dashed #47783a;border-radius:14px;background:#ffffffe8;color:#254c40}.butterfly-plots span{display:block;font-size:clamp(1.7rem,6vw,3rem)}.butterfly-plots small{font-size:.85rem;display:block}.butterfly-friend{position:absolute;right:8%;top:25%;font-size:2.5rem}.butterfly-fact{padding:18px;border:2px solid #79a85e;border-radius:18px;background:#edf7dc}.butterfly-progress{font-weight:750}.butterfly-game .kquest-art-paper{width:100%;max-width:550px;touch-action:none;border:2px solid #83a071;border-radius:12px}.butterfly-drawing svg{width:100%;max-height:300px;background:white}.butterfly-save-note{font-size:.95rem}.butterfly-game button:focus-visible,.butterfly-game svg:focus-visible{outline:4px solid #2458a6;outline-offset:4px}.butterfly-friends{display:flex;flex-wrap:wrap;gap:8px}.butterfly-friends button{min-height:48px;font:inherit;padding:8px;border:1px solid #82a66c;border-radius:12px;background:white}.butterfly-review{padding:16px;border-radius:16px;background:#e9f4ff}.butterfly-game label{display:block;margin:14px 0;font-size:1rem}.butterfly-game input[type=checkbox]{width:24px;height:24px;vertical-align:middle;margin-right:10px}.butterfly-game select{min-height:48px;font:inherit}.butterfly-explain-note{font-size:1rem}.butterfly-celebration{font-size:2rem;color:#8a5d00}.butterfly-game .feedback{min-height:1.5em}
@media(max-width:600px){.butterfly-options>button{flex-basis:100%}.butterfly-tools>button{flex:1 1 100%}.butterfly-plots{left:3%;right:3%;gap:5px}.butterfly-plots button{min-height:66px}.butterfly-plots small{font-size:.8rem}.butterfly-scene{border-radius:16px}.butterfly-entry{padding:12px}}
@media(prefers-reduced-motion:no-preference){.butterfly-scene .butterfly-friend{animation:butterfly-welcome 900ms ease-out 1}@keyframes butterfly-welcome{from{transform:translateY(-10px);opacity:.4}to{transform:translateY(0);opacity:1}}}