.harvest-page{max-width:1240px;margin:24px auto;padding:0 18px}.harvest-page>h1{font-size:clamp(24px,4vw,36px);color:#07432b;margin:12px 0 4px}.harvest-page>p{margin:0 0 16px}.harvest{box-sizing:border-box;position:relative;container-type:size;isolation:isolate;width:100%;aspect-ratio:16/9;overflow:hidden;border:3px solid #176039;border-radius:20px;background:#dff098 url('./assets/orchard.webp') center/cover;color:#073c29;font:700 16px 'Zen Maru Gothic',system-ui,sans-serif}.harvest *{box-sizing:border-box}.harvest [hidden]{display:none!important}.harvest button,.harvest input{font:inherit}.harvest button{color:#073c29;border:2px solid #125339;background:#fff6df;border-radius:14px;padding:8px 14px;cursor:pointer;line-height:1.3;touch-action:manipulation}.harvest button:hover:not(:disabled){outline:3px solid #ffb832;outline-offset:1px}.harvest button:disabled{cursor:default;opacity:.65}.harvest button:focus-visible,.harvest input:focus-visible,#field:focus-visible{outline:4px solid #702dad;outline-offset:3px}.harvest .red{color:#fff9e7;background:transparent url('./assets/button.webp') center/100% 100% no-repeat;border:0;padding:2cqh 3cqw}.harvest-base{height:100%;display:flex;flex-direction:column}.harvest-top{flex:0 0 9cqh;min-height:0;display:flex;align-items:center;justify-content:space-between;gap:1cqw;padding:.8cqh 2cqw;background:#fff8e7;border-bottom:2px solid #326638}.harvest-top>strong{font-size:clamp(20px,2.8cqw,46px);white-space:nowrap}.harvest-top nav{display:flex;gap:.6cqw}.harvest-top button{font-size:clamp(11px,1.25cqw,21px);padding:.7cqh .7cqw;min-height:31px;white-space:nowrap;border-radius:9px}.harvest-cover{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3cqh;padding:4cqh 5cqw}.harvest-ticket{background:url('./assets/ticket.webp') center/100% 100% no-repeat;padding:5cqh 5cqw;text-align:center}.harvest-cover .harvest-ticket{width:80cqw;display:flex;flex-direction:column;align-items:center;gap:2cqh}.harvest-cover h2{font-size:clamp(30px,6.5cqw,106px);line-height:1.15;color:#d33d21;margin:0}.harvest-cover p{font-size:clamp(15px,2cqw,32px);margin:0}.harvest-cover .speed-best{font-size:clamp(12px,1.45cqw,23px)}.harvest-speeds{display:flex;gap:2cqw;justify-content:center;width:100%}.harvest-speeds button{width:19cqw;min-height:19cqh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1cqh;font-size:clamp(17px,2.3cqw,38px);border:4px solid #e9bd5a;background:#fff4d2}.harvest-speeds img{height:8cqh;width:9cqw;object-fit:contain}.harvest [data-mode][aria-pressed=true]{border-color:#df442d;box-shadow:0 0 0 3px #fff6dc;background-color:#ffe861}.harvest-cover #start{font-size:clamp(22px,3.2cqw,53px);min-height:12cqh;min-width:39cqw}.harvest-game{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 25%;grid-template-rows:minmax(0,1fr) 11cqh;gap:0}.harvest-field{position:relative;min-height:0;overflow:hidden;touch-action:none;background:url('./assets/orchard.webp') center/cover}.harvest-field #items,.harvest-field #particles{position:absolute;inset:0;pointer-events:none}.harvest .fruit-target{position:absolute;width:15.25%;height:20.333333%;transform:translate(-50%,-50%);padding:0;border:0;border-radius:50%;background:transparent;pointer-events:auto;touch-action:none;transition:none;display:grid;place-items:center}.fruit-target img{width:82%;height:82%;object-fit:contain;pointer-events:none;user-select:none}.harvest .fruit-target:hover:not(:disabled){outline:none}.harvest .fruit-target:focus-visible{outline:4px solid #672294;background:#fff7}.harvest-field #particles b{position:absolute;transform:translate(-50%,-50%);font-size:clamp(20px,2.4cqw,40px);color:#c73316;background:#fff7cf;border-radius:50%;padding:2px 7px;pointer-events:none}.harvest-record{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:1cqh;padding:2cqh 1.7cqw;background:#fff6df;border-left:2px solid #29643d;min-height:0}.harvest-time{width:100%;text-align:center;line-height:1.2}.harvest-time>span,.harvest-score>span{display:block;font-size:clamp(14px,1.7cqw,27px)}.harvest-time>strong{display:block;white-space:nowrap}.harvest-time b{font-size:clamp(34px,5.2cqw,86px);font-family:'Fredoka',system-ui,sans-serif;font-variant-numeric:tabular-nums}.harvest-time small{font-size:clamp(12px,1.6cqw,26px)}.harvest-track{height:2.5cqh;border:2px solid #17613a;border-radius:9px;overflow:hidden;background:#fffbed;margin-top:1cqh}.harvest-track i{display:block;height:100%;background:#ffce2d}.harvest-record .basket{width:95%;height:29cqh;min-height:0;object-fit:contain}.harvest-score{text-align:center;line-height:1.2}.harvest-score strong{font-size:clamp(17px,2cqw,32px)}.harvest-score b{font:700 clamp(30px,4.4cqw,72px)/1.1 'Fredoka',system-ui,sans-serif}.harvest-minis{display:flex;justify-content:space-around;width:100%;border-top:2px dotted #afab70;padding-top:1cqh;gap:1cqw;text-align:center}.harvest-minis span{font-size:clamp(12px,1.4cqw,23px)}.harvest-minis b{display:block;font-size:clamp(20px,2.3cqw,38px)}.harvest-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1cqw;padding:1cqh 2cqw;background:#fff6df;border-top:2px solid #286341}.harvest-footer p{font-size:clamp(13px,1.8cqw,29px);line-height:1.35;margin:0;max-width:44%}.harvest-inline{display:flex;gap:.7cqw}.harvest-inline button,.harvest-footer #restart{font-size:clamp(11px,1.5cqw,24px);padding:1cqh 1.1cqw;min-height:34px;white-space:nowrap}.harvest-result{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2cqh;padding:3cqh 6cqw}.harvest-result .harvest-ticket{width:83cqw;padding:4cqh 5cqw}.harvest-result h2{font-size:clamp(28px,4.5cqw,74px);margin:0;color:#cd3821;line-height:1.2}.harvest-result-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3cqw}.harvest .result-basket{padding:0;border:0;background:none;width:100%;height:35cqh}.result-basket img{width:100%;height:100%;object-fit:contain}.harvest-totals{text-align:center}.harvest-totals>strong{font-size:clamp(27px,3.7cqw,60px);color:#d53924}.harvest-totals>strong b{font:700 clamp(60px,9cqw,150px)/1.1 'Fredoka',system-ui,sans-serif}.harvest-totals p{font-size:clamp(16px,2.1cqw,34px);margin:1cqh 0;line-height:1.4}.result-actions{display:flex;gap:2cqw}.result-actions button{font-size:clamp(17px,2.2cqw,36px);min-height:10cqh;padding:1.5cqh 3cqw}.harvest-result>p{font-size:clamp(12px,1.4cqw,23px);background:#fff6df;padding:3px 10px;border-radius:8px;margin:0}.harvest-dialog{position:absolute;inset:0;background:#24442da8;display:grid;place-items:center;padding:4cqh 4cqw;z-index:10}.harvest-dialog-box{background:#fff9e7;border:4px solid #266643;border-radius:20px;max-width:670px;width:85%;max-height:100%;overflow:auto;padding:clamp(18px,4cqh,38px);font-size:clamp(15px,1.8cqw,26px);line-height:1.6}.harvest-dialog-box h2{margin:0 0 12px;font-size:1.5em}.harvest-dialog-box p{margin:12px 0}.harvest-dialog-box button{margin:5px 3px;min-height:44px}.harvest-dialog-box label{display:block;margin:12px 0}.harvest-dialog-box input{width:100%;accent-color:#257840}.parent-note{padding:18px;margin:20px 0;background:#fff8e8;border-radius:16px;font-size:15px;line-height:1.8}.harvest:fullscreen{width:100vw;height:100dvh;aspect-ratio:auto;border:0;border-radius:0;max-width:none}
@container(max-width:650px){.harvest-top{flex-basis:12cqh;flex-wrap:wrap;justify-content:center;padding:1cqh 1cqw;gap:.5cqh}.harvest-top>strong{font-size:25px}.harvest-top nav{width:100%;justify-content:center;gap:1cqw}.harvest-top button{font-size:11px;min-height:32px;padding:5px 4px}.harvest-cover{padding:3cqh 2cqw;gap:4cqh}.harvest-cover .harvest-ticket{width:94cqw;padding:5cqh 3cqw;gap:3cqh}.harvest-cover h2{font-size:clamp(28px,8.5cqw,42px)}.harvest-cover p{font-size:15px}.harvest-speeds{gap:1.5cqw}.harvest-speeds button{width:26cqw;min-height:19cqh;padding:1cqh 1cqw;font-size:17px}.harvest-speeds img{width:18cqw;height:10cqh}.harvest-cover .speed-best{font-size:15px}.harvest-cover #start{width:78cqw;min-height:11cqh;font-size:27px}.harvest-game{grid-template-columns:1fr;grid-template-rows:17cqh minmax(0,1fr) 15cqh}.harvest-record{grid-row:1;display:grid;grid-template-columns:35% 15% 23% 23%;gap:1cqw;padding:1cqh 2cqw;border-left:0;border-bottom:2px solid #29643d}.harvest-time>span,.harvest-score>span{font-size:12px}.harvest-time b{font-size:30px}.harvest-time small{font-size:10px}.harvest-track{height:1.8cqh}.harvest-record .basket{width:100%;height:9cqh}.harvest-score b{font-size:35px}.harvest-score strong{font-size:13px}.harvest-minis{display:flex;flex-direction:column;gap:.6cqh;border:0;padding:0}.harvest-minis span{font-size:11px}.harvest-minis b{font-size:19px;line-height:1.1}.harvest-field{grid-row:2}.harvest-footer{grid-row:3;flex-wrap:wrap;justify-content:center;padding:1cqh 2cqw;gap:.6cqh 2cqw}.harvest-footer p{width:100%;max-width:none;text-align:center;font-size:14px}.harvest-inline{gap:1.5cqw}.harvest-inline button,.harvest-footer #restart{font-size:12px;padding:6px 7px;min-height:34px}.harvest-result{padding:3cqh 2cqw;gap:2cqh}.harvest-result .harvest-ticket{width:96cqw;padding:4cqh 3cqw}.harvest-result h2{font-size:26px}.harvest-result-row{gap:1cqw;grid-template-columns:1fr}.harvest .result-basket{height:21cqh}.harvest-totals>strong{font-size:27px}.harvest-totals>strong b{font-size:68px}.harvest-totals p{font-size:17px;margin:.3cqh 0}.result-actions{gap:2cqw}.result-actions button{font-size:15px;padding:1cqh 2cqw;min-height:9cqh}.harvest-result>p{font-size:12px}.harvest-dialog-box{font-size:16px;width:100%}}
@media(max-width:650px){.harvest-page{padding:0 8px}.harvest{height:min(850px,calc(100svh - 12px));min-height:650px;aspect-ratio:auto;border-radius:14px}}@media(max-height:520px) and (min-width:651px){.harvest-page{padding:0 8px}.harvest{height:calc(100svh - 8px);aspect-ratio:auto}.harvest-top{flex-basis:11cqh}.harvest-top>strong{font-size:23px}.harvest-top button{font-size:11px;min-height:28px;padding:3px 5px}.harvest-cover{gap:2cqh;padding:2cqh}.harvest-cover .harvest-ticket{padding:4cqh 5cqw;gap:1cqh}.harvest-cover h2{font-size:37px}.harvest-cover p{font-size:17px}.harvest-speeds button{min-height:19cqh;font-size:18px;padding:1cqh}.harvest-speeds img{height:7cqh}.harvest-cover #start{font-size:25px;min-height:11cqh;padding:1cqh 4cqw}.harvest-game{grid-template-rows:minmax(0,1fr) 13cqh}.harvest-time b{font-size:36px}.harvest-time>span,.harvest-score>span{font-size:12px}.harvest-time small{font-size:12px}.harvest-score b{font-size:31px}.harvest-record .basket{height:24cqh}.harvest-minis span{font-size:11px}.harvest-minis b{font-size:20px}.harvest-inline button,.harvest-footer #restart{font-size:12px;min-height:28px;padding:4px 8px}.harvest-footer p{font-size:13px}.harvest-result h2{font-size:29px}.harvest .result-basket{height:31cqh}.harvest-result .harvest-ticket{padding:3cqh 5cqw}.harvest-totals>strong b{font-size:58px}.harvest-totals p{font-size:17px;margin:.3cqh 0}.result-actions button{font-size:17px;min-height:9cqh}.harvest-result>p{font-size:12px}.harvest-dialog-box{font-size:15px}}

.result-basket img{display:block}