@import url('../farm/style.css');
:root{background:#f8f3e7;color:#586d75}.brand-mark{background:#dfebdf}.brand-mark svg{width:34px;height:34px}.brand small{color:#86a18e;font-size:9px;letter-spacing:1.4px}.brand h1{color:#536e7e}.odd-one-out-world{background:radial-gradient(ellipse at 50% 10%,#fff5dc,#e6eddf 70%,#dce7e5);border-color:#cad9c7}.odd-one-out-order{min-width:0;padding:12px 14px 13px 18px;border-color:#c6d8db;border-bottom-color:#94b6c0;box-shadow:0 5px 20px #648a8315}.odd-one-out-order .order-content{gap:15px}.order-odd{width:43px;height:43px}#question{margin:0;color:#58758a;font:500 20px/1.5 Mitr,sans-serif;outline:none}.listen{width:51px;height:51px;background:#569ab1;color:#fffef2;border:3px solid #fffdf3;outline:2px solid #37778e;box-shadow:0 4px #37778e}.listen:hover{background:#428ba4}.round-progress{top:29px}.bottom-note{left:24px;bottom:25px;min-height:58px;padding:9px 16px;border:2px solid #c3d5c2;border-bottom:4px solid #a2bda1;max-width:70%;gap:12px}.bottom-note>.icon{color:#7c9d81;width:26px;height:29px}.bottom-note p{font-size:12px;color:#65806e}.bottom-note.success{background:#edf5d9;border-color:#90b275}.bottom-note.success p{color:#487247}.odd-one-out-world .hint-button{top:auto;position:absolute;right:28px;bottom:29px;z-index:5;display:grid;place-items:center;width:62px;height:62px;background:#efbd61;color:#795728;border:3px solid #fff9df;border-radius:21px;outline:2px solid #ad7e37;box-shadow:0 5px #a97d40;cursor:pointer;touch-action:manipulation}.hint-button .icon{width:31px;height:31px}.hint-button:hover{background:#f5cd7b}.hint-button:disabled{opacity:.45;cursor:default}.hint-button:focus-visible{outline:4px solid #1d639b;outline-offset:5px}.feedback-wrong .odd-one-out-order{border-color:#d8a76b}.dialog-mark{display:grid;place-items:center;width:90px;height:84px;margin:0 auto 12px;border-radius:27px;background:#e5eddc}.dialog-mark svg{width:65px;height:65px}.odd-demo{display:flex;gap:8px;align-items:center;justify-content:center;margin:22px auto;--toy-color:#f3c451}.odd-demo svg{width:64px;height:64px}.odd-demo span{padding:8px;border:3px solid #e3b754;border-radius:19px;background:#fff3cc}.primary{background:#5699ad;border-color:#36758a;box-shadow:0 4px #32697b}.primary:hover{background:#43869b}.primary .icon{width:23px;height:23px;margin-left:7px;vertical-align:middle}.tap-help{font-size:12px;line-height:1.8;color:#7f9185}.motion-setting input{accent-color:#5699ad}.close{background:#dfeae0;color:#67806e}.fallback-odd{position:absolute;inset:28% 5% 22%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:28px}.fallback-odd button{display:grid;place-items:center;aspect-ratio:1;width:100%;padding:15px;border:5px solid #fffbed;outline:3px solid #679d9c;border-radius:30px;background:#e1eee1;box-shadow:0 7px #8eb2a5;cursor:pointer;touch-action:manipulation}.fallback-odd svg{width:100%;height:100%}.fallback-odd button.wrong{outline-color:#da9177;background:#fae6d5}.fallback-odd button.hinted{outline-width:5px}.fallback-odd button.found{outline:6px solid #dfa52f;background:#fff0b6;box-shadow:0 7px #c59d49}.fallback-odd button.same{outline-color:#7dae8e;background:#deefdb}.fallback-odd button:focus-visible{outline:5px solid #2a689d;outline-offset:6px}.fallback-odd button:disabled{cursor:default}.odd-controls button[data-kind="choice"]{touch-action:manipulation;-webkit-user-select:none;user-select:none}
@media(max-width:900px){.brand h1{font-size:14px}.brand small{font-size:8px}.odd-one-out-order{top:18px}.bottom-note{left:20px}.round-progress{left:20px}}
@media(orientation:portrait){.fallback-odd{inset:22% 12% 18%;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;align-content:center}}
@media(max-width:600px){.brand h1{font-size:10px}.brand small{font-size:6px;letter-spacing:.6px}.odd-one-out-order{top:15px;padding:9px 11px}.odd-one-out-order .order-content{gap:9px}.order-odd{width:29px;height:32px}#question{font-size:15px}.listen{width:43px;height:43px}.round-progress{top:106px;left:17px;flex-direction:row;gap:9px;align-items:center}#progress{display:flex;gap:3px}.progress-star{width:17px;height:17px}.bottom-note{left:15px;bottom:22px;min-height:50px;padding:8px 11px;gap:7px;max-width:73%}.bottom-note p{font-size:10px}.bottom-note>.icon{width:23px}.odd-one-out-world .hint-button{right:20px;bottom:27px;width:48px;height:49px;border-radius:17px}.hint-button .icon{width:26px;height:26px}.fallback-odd{inset:28% 8% 19%;gap:24px}.fallback-odd button{border-width:3px;border-radius:21px}.odd-demo{gap:6px}.odd-demo svg{width:48px;height:48px}}
@media(max-height:650px) and (min-width:601px){.odd-one-out-order{top:10px;padding-block:6px}#question{font-size:17px}.order-odd{width:35px;height:36px}.listen{width:44px;height:44px}.round-progress{top:20px}.bottom-note{bottom:16px}.odd-one-out-world .hint-button{bottom:20px;width:53px;height:53px}}