.nature-panel{position:absolute;top:150px;right:18px;width:278px;max-height:calc(100% - 260px);z-index:6;border:1px solid #e1d9c8;border-radius:18px;background:#fffaf1ed;box-shadow:0 12px 36px #323f3214;overflow:auto;backdrop-filter:blur(12px);color:#4a5348}.nature-panel summary{cursor:pointer;padding:13px 15px;font-size:14px;font-weight:600;list-style-position:inside}.nature-body{padding:0 15px 15px}.nature-kicker{font-size:10px;color:#9a8c71;letter-spacing:1px;margin:0 0 9px}.nature-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.nature-controls label,.air-control{display:grid;gap:4px;font-size:11px;color:#8d806a}.nature-controls select{width:100%;min-height:32px;border:1px solid #ded7c8;border-radius:8px;background:#fffef9;font:inherit;font-size:12px;color:#44564b;padding:3px 6px}.air-control{margin-top:10px}.air-control>span{display:flex;justify-content:space-between}.air-control input{accent-color:#608b76;width:100%;margin:5px 0}.water-reading{font-size:13px;font-weight:600;margin:6px 0}.nature-explain{font-size:11px;line-height:1.65;color:#847b69;margin:6px 0 12px}.fish-card{border-top:1px solid #e8dfcf;padding:10px 0}.fish-head{display:flex;align-items:center;justify-content:space-between;font-size:14px}.fish-head b{font-weight:600}.fish-head i{width:10px;height:10px;display:inline-block;border-radius:50%;margin-right:6px}.fish-head span{font-size:11px;color:#6b8272}.fish-meter{height:3px;border-radius:3px;background:#e8e7d8;margin:7px 0;overflow:hidden}.fish-meter div{height:100%;background:#779c83;transition:width .4s}.fish-card p{font-size:11px;line-height:1.6;margin:4px 0;color:#7d7767}.fish-card small{font-size:10px;color:#9b8d71}.fish-card details{font-size:11px}.fish-card details summary{font-size:11px;font-weight:400;padding:5px 0;color:#7b8876}.fish-card a,.nature-sources a{color:#548273;text-decoration:underline}.nature-sources{font-size:10px;line-height:1.7;border-top:1px solid #ded7c7;padding-top:9px}.nature-panel [aria-live]{font-size:12px;line-height:1.6;color:#507461}.weather-banner{position:absolute;left:28px;top:85px;z-index:4;padding:8px 12px;border-radius:16px;background:#fffaf0d6;color:#696e5d;font-size:12px;pointer-events:none}.weather-banner b{margin-right:8px;color:#526f60}#toast{z-index:9;bottom:96px}@media(max-width:900px){.nature-panel{top:110px;right:12px;width:246px;max-height:calc(100% - 210px)}.nature-panel:not([open]){width:auto}.weather-banner{top:73px;left:17px;font-size:11px}}@media(max-width:600px){.nature-panel{top:112px;right:12px;width:calc(100% - 24px);max-height:calc(100% - 210px)}.nature-panel summary{font-size:12px}.nature-panel:not([open]){width:auto}.weather-banner{max-width:65%;line-height:1.6}.nature-controls{grid-template-columns:repeat(4,1fr)}}
.weather-banner{pointer-events:auto;cursor:pointer;border:1px solid #b4c5ba;min-height:38px;text-align:left}.weather-banner:hover{background:#fffaf0}.rain-word{position:absolute;left:28px;top:136px;display:grid;gap:2px;z-index:5;padding:10px 16px;border-radius:17px;background:#ecf6f1e8;color:#3f7080;box-shadow:0 5px 24px #41636f17}.rain-word[hidden]{display:none}.rain-word span{font-family:Georgia,serif;font-size:16px}.rain-word b{font-family:serif;font-size:34px;font-weight:500}.rain-word small{font-size:12px}.nature-panel:not([open]){width:auto;max-height:none}.nature-kicker,.nature-controls label,.air-control,.nature-controls select,.nature-explain,.fish-card p,.fish-card details summary,.fish-card small,.nature-sources{font-size:13px}.fish-head span{font-size:13px}#ancient-word-picture{width:132px;height:132px;background:#507d85;border-radius:22px;margin:20px auto 0;padding:16px}#ancient-word-picture img{width:100%;height:100%;object-fit:contain}#nature-word-title{font-size:64px;font-family:serif;font-weight:400;margin:12px 0}.word-source{font-size:12px;line-height:1.6}.word-source a{display:block;color:#557d80;text-decoration:underline}@media(max-width:600px){.rain-word{left:17px;top:128px;padding:7px 12px}.rain-word b{font-size:28px}}
.playground button#weather-banner{pointer-events:auto;cursor:pointer}.playground #nature-panel .nature-controls label,.playground #nature-panel .nature-controls select,.playground #nature-panel .nature-explain,.playground #nature-panel .fish-card p,.playground #nature-panel .fish-card details summary{font-size:13px}.playground #nature-panel .nature-kicker,.playground #nature-panel .fish-card small,.playground #nature-panel .nature-sources{font-size:12px}