@import url('../farm/style.css');
:root{background:#faf5e9;color:#505b48}.brand-mark{background:#f7dfe7}.brand-mark svg{width:34px;height:40px}.brand small{color:#a68a95;letter-spacing:1.7px}.brand h1{color:#665254}.flower-world{background:radial-gradient(ellipse at 45% 12%,#fff9e9,#edf0d7 55%,#dce9cc);border-color:#d7dfbd}.flower-order{min-width:334px;padding:8px 13px 10px 17px;border-color:#dab5c3;border-bottom-color:#c28da3;box-shadow:0 5px 22px #94577310}.flower-order .order-label{color:#a2647f;font-size:12px}.flower-order .order-content{gap:13px}#equation{display:flex;align-items:center;gap:12px;margin:2px 0 0;font:700 43px/1.1 TrainNumbers,sans-serif;outline:none;color:#9a7a38}#equation .operator{font-size:25px;color:#9d9d83}#missing{display:grid;place-items:center;width:47px;height:51px;border-radius:13px;background:#f9e2ec;color:#b34778;border:2px dashed #d895b0}.goal-ten{color:#4f8065}body.solved #missing{background:#f2cddd;border-style:solid}.listen{width:50px;height:50px}.hint-button{top:auto;bottom:27px;right:27px;width:58px;height:58px;border:3px solid #fff9eb;background:#bc4c7d;color:white;outline:2px solid #9f3d67;box-shadow:0 5px #8d345a}.hint-button:hover{background:#a73d6b}.round-progress{top:31px}.bottom-note{max-width:calc(100% - 120px);gap:13px;border:2px solid #e5dcc1;border-bottom:4px solid #d5c8a9;left:25px;bottom:23px;padding:8px 16px 8px 10px;min-height:62px}.bottom-note p{color:#758066;font-size:13px}.live-count{display:flex;align-items:center;gap:7px;padding-right:12px;border-right:1px solid #e1dbc3;font:700 17px TrainNumbers,sans-serif;color:#839073;white-space:nowrap}.live-count svg{width:31px;height:39px}.live-count output{font-size:33px;color:#a84c77}.bottom-note.success{border-color:#9ec59c;background:#f0fae6}.bottom-note.success p{color:#3a795a}.bottom-note.success .live-count output{color:#347450}
.welcome-mark{background:#f9e3ec;width:93px;height:96px;border:1px solid #edccd8}.welcome-mark svg{width:59px;height:71px}.welcome-mark.small svg{width:41px;height:53px}dialog{border-color:#e1c9d1;color:#69545b}dialog::backdrop{background:#3f513a3b}.primary{border-color:#9d3e68;background:#bd507f;box-shadow:0 4px #94375f}.primary:hover{background:#a83e6d}.eyebrow{color:#a18b8d}.dialog-intro{color:#9c848c}.demo-flower{width:54px;height:68px}.demo-bed{display:grid;grid-template-columns:repeat(5,20px);gap:7px;background:#d0b28a;border:4px solid #f4ead2;border-radius:14px;padding:10px;box-shadow:0 5px #a08667}.demo-bed i{display:grid;place-items:center;width:20px;height:23px;border-radius:50%;background:#b18b63;font-style:normal;font-size:29px;color:#ffe180;line-height:1}.demo-bed i:empty{border:2px dashed #fff0d3;background:#c09571}.help-success{font-size:12px;line-height:1.8;margin-bottom:17px;color:#947c7c}.motion-setting input{accent-color:#b8497a}.close{background:#f6e9ee;color:#ab6988}.fallback{inset:25% 5% 20%}.fallback-source{background:#ed9bba;border-color:#fffcf1;box-shadow:0 6px #b75d81}.fallback-source svg{width:59px;height:74px}.fallback-tray{background:#eedab4;border-color:#fff6df}.fallback-tray button{background:#be9473;border:4px solid #c65383;min-width:52px;min-height:62px}.fallback-tray button[data-filled="fixed"]{border-color:#b49f72;background:#d5b991;opacity:1}.fallback-tray button[data-filled="fixed"] svg{filter:sepia(1) saturate(2)}.fallback-tray button[data-filled="planted"]{border-color:#fffaf1;background:#f0bbd0}.fallback-tray svg{width:45px;height:60px}
@media(max-width:900px){.flower-order{top:18px}.brand h1{font-size:15px}.flower-order #equation{gap:10px}.round-progress{left:16px}.bottom-note{left:20px}.hint-button{right:22px}.fallback-tray button{width:64px}}
@media(max-width:600px){.flower-order{min-width:0;width:248px;top:15px;padding:7px 8px 8px 12px}.flower-order .order-label{font-size:10px}.flower-order .order-content{gap:8px}#equation{font-size:32px;gap:7px!important}#equation .operator{font-size:19px}#missing{width:35px;height:41px;border-radius:11px}.flower-order .listen{width:42px;height:43px}.round-progress{top:120px;left:17px;flex-direction:row;align-items:center;gap:10px}#progress{display:flex;gap:3px}.progress-star{width:17px;height:17px}.bottom-note{left:14px;bottom:20px;max-width:calc(100% - 92px);padding:7px 10px;gap:8px;min-height:60px}.live-count{padding-right:0;border-right:0;gap:5px}.live-count svg{width:25px;height:34px}.live-count output{font-size:29px}.live-count>span{font-size:14px}.bottom-note p{font-size:10px;max-width:100px}.hint-button{right:16px;bottom:24px;width:52px;height:52px}.fallback{inset:30% 3% 17%}.fallback-tray{gap:5px;padding:8px}.fallback-tray button{width:50px;height:65px;min-width:44px}.fallback-tray svg{width:36px;height:48px}.brand h1{font-size:11.5px}}
@media(max-height:650px) and (min-width:601px){.flower-order{top:10px;min-width:304px;padding-block:5px}#equation{font-size:36px}#missing{height:43px;width:42px}.flower-order .listen{width:45px;height:45px}.round-progress{top:18px}.bottom-note{bottom:14px;min-height:56px}.hint-button{bottom:18px;height:52px;width:52px}}
