/* One strip of calm mini-games, separate from the main adventure. */
#home .top{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}#home .home-tools{max-width:100%;width:100%}#home .bonus-links{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;max-width:620px;justify-self:center;margin:0 0 12px}#home .bonus-link{width:100%;min-width:0;height:auto;min-height:115px;padding:0;gap:8px;align-items:center}#home .bonus-circle{width:66px;height:66px}#home .bonus-link small{display:flex;align-items:center;justify-content:center;min-height:48px;font:750 14px/1.25 system-ui;padding:7px 6px;overflow-wrap:normal}#home .bonus-icon{width:38px;height:34px}#home .bonus-link.finished:after{right:calc(50% - 36px)}
.extra-panel{background:#fff1d9f2;border:2px solid #89592e;border-radius:22px;padding:22px;margin:14px 0 24px;box-shadow:0 6px 0 #62381788;text-align:center;color:#3b2418}.extra-panel h2{font:700 clamp(25px,4vw,35px)/1.2 Georgia,serif;margin:3px 0 20px}.extra-panel button{font:750 17px/1.3 system-ui;white-space:normal}.extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.extra-choice{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;border-radius:17px;padding:15px 12px;min-height:58px;position:relative;max-width:100%}.extra-choice>svg,.extra-choice>img{width:110px;height:90px;object-fit:contain;display:block;filter:drop-shadow(0 3px 2px #51321c33)}.extra-grid .extra-choice{min-height:154px}.extra-grid .extra-choice>img[src*="stable"]{width:100%;height:100px;object-fit:cover;border-radius:10px}.extra-choice.correct{outline:4px solid #54883e}.extra-done{position:absolute;right:6px;top:6px;border-radius:50%;background:#4e7935;color:#fff;width:27px;height:27px;display:grid;place-items:center}.extra-bottom{display:flex;justify-content:center;margin-top:24px;border-top:1px solid #ae855655;padding-top:16px}.extra-dialogue{margin:15px 0}.extra-talk{margin:0!important}.extra-selected{display:flex;justify-content:center;align-items:center;gap:8px;font-weight:750;margin:8px 0 12px}.extra-selected svg,.extra-selected img{width:62px;height:54px;object-fit:contain}.extra-progress{display:flex;align-items:center;gap:12px;margin:18px auto;max-width:500px}.extra-progress progress{width:100%;height:16px;accent-color:#8b572b}.extra-progress span{font:750 15px system-ui;white-space:nowrap}.extra-success{font-size:80px;color:#c58f24;filter:drop-shadow(0 2px 0 #7d4c23)}
.hoof-board{position:relative;max-width:430px;margin:auto;aspect-ratio:1212/1297;background:radial-gradient(ellipse,#dfc99b88,transparent 70%);touch-action:none;user-select:none;cursor:crosshair}.hoof-board>img{width:100%;height:100%;object-fit:contain;pointer-events:none}.dirt-layer,.floor-layer{position:absolute;inset:0}.hoof-dirt{position:absolute;transform:translate(-50%,-50%);border:0;min-width:40px;width:13%;height:11%;padding:0;border-radius:42% 57% 38% 61%;background:radial-gradient(ellipse at 35% 25%,#866039,#543621 75%);box-shadow:inset -4px -5px 3px #38281966,0 2px 2px #29180888;touch-action:none}.hoof-dirt.stone{background:linear-gradient(135deg,#b6afa1,#6e7069 60%,#444e48);clip-path:polygon(23% 2%,77% 12%,100% 52%,73% 98%,10% 79%,0 32%);border-radius:0;width:10%;height:8%}.hoof-dirt.removed{visibility:hidden}.hoof-dirt:focus-visible,.stable-dirt:focus-visible{outline:4px solid #fff2b1;outline-offset:3px}
.stable-board{position:relative;aspect-ratio:4/3;max-width:800px;margin:auto;border:3px solid #87542d;border-radius:18px;overflow:hidden}.stable-board>img{width:100%;height:100%;object-fit:cover;display:block}.stable-dirt{position:absolute;transform:translate(-50%,-50%);width:14%;height:11%;min-width:35px;min-height:30px;padding:0;border:0;border-radius:55% 40% 30% 30%;background:radial-gradient(ellipse at 30% 30%,#99734c 0 15%,transparent 16%),radial-gradient(ellipse at 65% 40%,#735135 0 27%,transparent 28%),radial-gradient(ellipse at 43% 65%,#65412b 0 48%,transparent 49%);filter:drop-shadow(0 3px 2px #3c241966)}.bed-target{position:absolute;transform:translate(-50%,-50%);width:27%;height:15%;padding:0;min-height:32px;border:2px dashed #fff1a7;border-radius:50%;background:#d8aa4055}.bed-target.bedded{border:0;background:repeating-linear-gradient(12deg,#dcaf4dcc 0 2px,#eac96d99 2px 4px,transparent 4px 8px),repeating-linear-gradient(153deg,#eac96dbb 0 3px,transparent 3px 10px);opacity:.9}.supply-target{position:absolute;transform:translate(-50%,-50%);width:15%;height:19%;min-width:45px;min-height:45px;border:2px dashed #fff3bc;border-radius:14px;background:#fff1d6d9;padding:4px}.supply-target svg{width:100%;height:100%}.supply-target.supplied{border:3px solid #588841;background:#eaf3d8dd}.extra-panel #extraNext>.extra-choice{margin:16px auto}.extra-panel #extraNext>.extra-choice svg{height:55px;width:70px}
.paddock-board{position:relative;aspect-ratio:4/3;max-width:800px;margin:auto;overflow:hidden;border:3px solid #87542d;border-radius:18px;background:#83a855 var(--paddock-image) center/cover}.fence-rails{position:absolute;left:5%;right:5%;top:48%;height:35%;background:linear-gradient(0deg,transparent 0 15%,#9b5b29 15% 23%,transparent 23% 60%,#b2753d 60% 68%,transparent 68%),repeating-linear-gradient(90deg,transparent 0 22%,#804f2b 22% 25%);filter:drop-shadow(0 3px 1px #301c1366)}.hotspot{position:absolute;background:#fbe5a277;border:2px dashed #fff4c0;padding:3px;border-radius:12px;filter:drop-shadow(0 4px 2px #3c241944)}.hotspot svg{width:100%;height:100%}.paddock-gate{left:10%;top:43%;width:31%;height:40%;transform:perspective(250px) rotateY(-37deg);transition:transform .25s}.paddock-gate.fixed{transform:none;border:2px solid #568138;background:#eef7b933}.broken-board{left:56%;top:56%;width:26%;height:13%;font-size:58px!important;color:#b48450;transform:rotate(26deg);line-height:.5!important;clip-path:polygon(0 0,100% 0,100% 70%,80% 50%,60% 100%,0 100%)}.broken-board.fixed{transform:rotate(0);clip-path:none;border:2px solid #568138}.paddock-trash{left:72%;top:80%;width:16%;height:16%;min-width:45px;min-height:45px}#fixPanel{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}#fixPanel .dialogue{width:100%}.extra-fact>img,.extra-fact>svg{width:170px;height:150px;object-fit:contain;margin:10px auto;display:block}.extra-fact .dialogue{max-width:700px;margin:15px auto 24px}.extra-panel>button{margin:16px auto}.extra-panel button:disabled{cursor:default}.extra-panel .completed:disabled{opacity:1}
@media(min-width:768px){.extra-grid{max-width:850px;margin-left:auto;margin-right:auto}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.extra-dialogue .portrait{width:80px;height:80px}.extra-dialogue .speech{font-size:18px}.extra-panel{padding:28px}}
@media(max-width:420px){#home .bonus-links{gap:8px}#home .bonus-circle{width:57px;height:57px}#home .bonus-link small{font-size:12px;min-height:48px}#home .bonus-invite{font-size:12px}.extra-panel{padding:13px}.extra-panel h2{font-size:25px}.extra-panel button{font-size:15px}.extra-grid{gap:10px}.extra-grid .extra-choice{padding:12px 7px}.extra-choice>svg,.extra-choice>img{width:90px;height:78px}.extra-dialogue{gap:8px}.extra-dialogue .speech{font-size:14px;padding:10px}.extra-dialogue .portrait{width:53px;height:53px}.extra-selected{font-size:14px}}
@media(prefers-reduced-motion:reduce){.paddock-gate{transition:none}}

.paddock-gate{transform:perspective(250px) rotateY(-62deg) rotateZ(6deg);transform-origin:left center}.broken-board{background:#fbe5a244;clip-path:none;padding:0}.broken-board svg{display:block}.broken-board.fixed svg{filter:brightness(1.12)}.fence-rails{background:linear-gradient(0deg,transparent 0 15%,#815027 15% 17%,#af7842 17% 21%,#754822 21% 23%,transparent 23% 60%,#84552d 60% 62%,#c18c50 62% 66%,#87572e 66% 68%,transparent 68%),repeating-linear-gradient(90deg,transparent 0 22%,#7b4d27 22% 23%,#b9864b 23% 24%,#774a24 24% 25%)}

.extra-choice>.extra-illustration{width:125px;height:105px;object-fit:contain}.extra-fact>.extra-illustration{width:180px;height:150px;object-fit:contain}.hotspot>.extra-illustration{width:100%;height:100%;object-fit:contain}.extra-selected>.extra-illustration{width:62px;height:54px;object-fit:contain}@media(max-width:420px){.extra-choice>.extra-illustration{width:100px;height:90px}}

.bonus-icon>.extra-illustration{width:100%;height:100%;object-fit:contain}
.extra-choice>.extra-illustration.gate{width:100%;max-width:180px;height:105px}@media(max-width:420px){.extra-choice>.extra-illustration.gate{width:100%;height:90px}}
.care-toolbar{display:flex;justify-content:center;align-items:center;gap:18px;margin:20px 0 8px;flex-wrap:wrap}.care-tool{display:flex;flex-direction:column;align-items:center;gap:6px;border-radius:14px;padding:10px;min-width:90px;font-size:15px!important;border:3px solid #80532e!important;position:relative}.care-tool>img,.care-tool>svg{width:80px;height:65px;object-fit:contain}.care-tool.chosen{outline:4px solid #5c8236;outline-offset:2px}.care-tool.chosen:after{content:'✓';position:absolute;right:-8px;top:-8px;width:25px;height:25px;border-radius:50%;background:#5c8236;color:#fff;display:grid;place-items:center}.care-tool.used{opacity:.55}.care-selection{min-height:30px;font:700 16px/1.4 system-ui;margin:12px 0 18px!important;color:#496a2c}.care-wheel{display:block;position:relative;width:130px;height:110px}.care-wheel>img{width:100%;height:100%;object-fit:contain;display:block}.care-wheel .wheel-load{position:absolute;left:11%;top:calc(39% - var(--load)*13%);height:calc(var(--load)*13%);width:60%;border-radius:55% 45% 25% 25%;background:repeating-linear-gradient(20deg,transparent 0 9px,#b99256 9px 11px,transparent 11px 19px),radial-gradient(ellipse at 30% 20%,#a87b4b,#63472f 80%);box-shadow:0 2px 2px #37211955}.wheel-load[hidden]{display:none}.wheel-count{position:absolute;right:0;bottom:0;font:750 14px system-ui;border-radius:8px;background:#fff0d4ed;padding:2px 7px}.supply-target>img{width:100%;height:100%;object-fit:contain}.extra-choice>.care-wheel{width:130px;height:105px}.care-selection strong{display:block}@media(max-width:420px){.care-toolbar{gap:14px}.care-selection{font-size:14px}.care-wheel{width:120px;height:100px}}

.tool-answer{min-height:155px;position:relative}.tool-answer>.extra-illustration{width:145px;height:135px}.tool-answer.correct{outline:4px solid #5c8236;outline-offset:2px}.tool-answer.correct:after{content:"✓";position:absolute;right:9px;top:7px;color:#fff;background:#5c8236;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.tool-reveal{text-align:center;color:#496a2c;font:800 21px system-ui;margin:22px 0 12px}@media(max-width:420px){.tool-answer{min-height:145px}.tool-answer>.extra-illustration{width:115px;height:115px}}

.bed-target.bedded{background:transparent url('assets/straw-bedding-v57.webp') center/100% 100% no-repeat;opacity:1;width:38%;height:24%;pointer-events:none}.extra-choice>.portrait{width:100px;height:100px;margin:0 auto 10px}.quiz-answer>.portrait{width:90px;height:90px;margin:0 auto 10px}.bonus-icon>.lesson-art{width:100%;height:100%;object-fit:contain}.quiz-answer>.lesson-art{display:block;width:105px;height:90px;object-fit:contain;margin:0 auto 10px}.care-tool>.extra-illustration.hay{width:80px;height:65px}@media(max-width:420px){.extra-choice>.portrait{width:80px;height:80px}.quiz-answer>.portrait{width:80px;height:80px}}

.floor-layer.fully-bedded>.bedded{visibility:hidden}.floor-layer.fully-bedded:after{content:'';position:absolute;left:0;right:0;bottom:-2%;height:46%;background:transparent url('assets/straw-bedding-v57.webp') center/100% 100% no-repeat;pointer-events:none;clip-path:polygon(6% 0,94% 0,100% 100%,0 100%)}

.care-tool[data-care-tool="shovel"],.care-action{background:transparent!important;box-shadow:none!important;border:0!important;padding:8px 15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#3b2418;font:750 17px/1.35 system-ui;border-radius:18px;cursor:pointer}.care-tool[data-care-tool="shovel"]>img{width:115px;height:100px}.care-action>img{width:165px;height:115px;object-fit:contain}.care-action:hover{outline:2px solid #936334}.care-action:focus-visible{outline:3px solid #5c8236}.care-selection[hidden]{display:none}.broken-board>.extra-illustration{width:100%;height:100%;object-fit:contain}.broken-board.fixed>.extra-illustration{filter:brightness(1.12)}