.orchard{--ink:#3a2412;--paper:#fff6e2;--paper-2:#f6e2bc;--line:#6b3f1d;--accent:#e0582f;--leaf:#4f7f2c;--fx:0px;--fw:100%;isolation:isolate;width:100%;height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#f3c98a;font-family:ui-rounded,SF Pro Rounded,Segoe UI,system-ui,sans-serif;line-height:1.25;position:relative;overflow:hidden;container:oc/size}.orchard *,.orchard :before,.orchard :after{box-sizing:border-box}.orchard button{font:inherit;color:inherit}.orchard [hidden]{display:none!important}.orchard .oc-canvas{touch-action:none;cursor:default;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.orchard[data-screen=play] .oc-canvas{cursor:ew-resize}.oc-canvas:focus-visible{box-shadow:inset 0 0 0 3px #ffe07a}.oc-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.orchard canvas.oc-icon{flex:none;display:block}.oc-hud{z-index:2;pointer-events:none;justify-content:center;align-items:stretch;gap:6px;height:50px;padding:6px 8px 0;display:flex;position:absolute;inset:0 0 auto}.oc-chip{border:2px solid var(--line);background:#fff6e2f0;border-radius:12px;flex:none;align-items:center;gap:6px;min-width:0;padding:2px 10px;display:flex;box-shadow:0 3px #3c1e0a73}.oc-stat{align-content:center;justify-items:start;row-gap:2px;display:grid}.oc-stat span{letter-spacing:.06em;text-transform:uppercase;color:#8a5a36;font-size:12px;font-weight:800;line-height:1}.oc-stat b{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:18px;font-weight:900;line-height:1}.oc-score{flex:0 120px;min-width:74px}.oc-score b{color:#8a2e14;font-size:20px}.oc-hearts{gap:2px;padding:2px 7px}.oc-hearts.is-hit{animation:.4s ease-in-out oc-shake}.oc-hearts.is-heal{animation:.45s ease-out oc-pop}.oc-combo{min-width:64px}.oc-combo b{color:#c2531c}.oc-combo.is-off{opacity:.6}.oc-combo.is-off b{color:#8a5a36}.oc-combo.is-hot{background:linear-gradient(#fff3c4,#ffd98a)}.oc-combo.is-up{animation:.35s ease-out oc-pop}.oc-best{display:none}@keyframes oc-pop{0%{transform:scale(.85)}60%{transform:scale(1.12)}to{transform:none}}@keyframes oc-shake{0%,to{transform:none}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.oc-powers{z-index:2;pointer-events:none;justify-items:end;gap:4px;display:grid;position:absolute;top:56px;right:8px}.oc-power{border:2px solid var(--line);background:#fff6e2f0;border-radius:999px;align-items:center;gap:4px;padding:2px 9px 4px 4px;font-size:13px;font-weight:900;display:flex;position:relative;overflow:hidden;box-shadow:0 2px #3c1e0a66}.oc-power i{transform-origin:0;background:#4f9a3a;width:100%;height:4px;position:absolute;bottom:0;left:0}.oc-power[data-power=breeze] i{background:#3a8ab0}.oc-power[data-power=magnet] i{background:#d23a2e}.oc-power.is-ending{animation:.5s steps(2,end) infinite oc-blink}@keyframes oc-blink{50%{opacity:.55}}.oc-crate{z-index:2;pointer-events:none;background:linear-gradient(#e9b06a,#c98a48 55%,#a86a32);border:3px solid #5a3212;border-radius:14px;align-items:center;gap:8px;min-height:58px;padding:5px 10px;display:flex;position:absolute;bottom:5px;left:6px;right:6px;box-shadow:0 4px #32190880,inset 0 2px #ffe6b480}.oc-crate-head{flex:none;align-items:center;gap:6px;display:flex}.oc-crate-label{gap:1px;display:grid}.oc-crate-title{color:#fff8e6;text-shadow:0 2px #46230ab3;white-space:nowrap;font-size:16px;font-weight:900}.oc-crate-bonus{color:#4a2208;white-space:nowrap;font-size:12px;font-weight:800}.oc-slots{background:#3c1e0a52;border-radius:10px;flex-wrap:wrap;align-items:center;gap:3px;min-width:0;padding:3px 5px;display:flex}.oc-slot{background:#fff6e238;border-radius:8px;place-items:center;padding:1px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #fff6e273}.oc-slot canvas{opacity:.6;filter:saturate(.75);transition:opacity .15s,filter .15s}.oc-slot.is-filled{background:#fff0aabf;box-shadow:inset 0 0 0 2px #ffe27a,0 0 6px #ffe678cc}.oc-slot.is-filled canvas{opacity:1;filter:none}.oc-slot.is-filled:after{content:"";background:#4f9a3a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 5.2 4.2 7.4 8 3' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/9px no-repeat;border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-2px;right:-2px}.oc-slot.is-pop{animation:.4s ease-out .4s backwards oc-pop}.oc-crate.is-new{animation:.4s ease-out oc-crate-in}.oc-crate.is-shipped{animation:.5s ease-out oc-pop}.oc-crate.is-full .oc-slots{background:#fff0968c}.oc-crate.is-spoiled{animation:.45s ease-in-out oc-shake}@keyframes oc-crate-in{0%{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}.oc-banner{z-index:3;border:2px solid var(--line);text-align:center;pointer-events:none;background:#fff6e2;border-radius:12px;align-content:center;justify-items:center;gap:1px;min-height:46px;padding:3px 12px 4px;display:grid;position:absolute;top:4px;left:5px;right:5px;box-shadow:0 3px #3c1e0a73}.oc-banner strong{color:#8a2e14;font-size:15px;font-weight:900;line-height:1.15}.oc-banner span{font-size:13px;font-weight:700;line-height:1.2}.oc-banner[data-tone=warn]{background:#ffe6dc;border-color:#a83a22}.oc-banner[data-tone=warn] strong{color:#a83a22}.oc-banner.is-in{animation:.3s ease-out oc-banner-in}@keyframes oc-banner-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.orchard.is-wide .oc-banner{width:calc(var(--fx) - 16px);max-width:240px;padding:6px 10px;inset:auto auto 8px 8px}.orchard.is-wide .oc-banner strong{font-size:16px}.oc-screen{z-index:4;background:radial-gradient(at 50% 45%,#46280f1f,#2816088c);grid-template-columns:minmax(0,1fr);place-items:center;padding:10px;display:grid;position:absolute;inset:0;overflow:auto}.oc-card{border:3px solid var(--line);background:linear-gradient(#fffaf0, var(--paper) 55%, var(--paper-2));border-radius:18px;width:min(430px,100%);padding:16px;position:relative;box-shadow:0 5px #3c1e0a8c,0 16px 40px #00000059}.oc-card h2,.oc-card p,.oc-card ul,.oc-card dl{margin:0}.oc-btn{border:2px solid var(--line);min-height:44px;box-shadow:0 3px 0 var(--line);cursor:pointer;touch-action:manipulation;background:#fff8e8;border-radius:12px;justify-content:center;align-items:center;padding:0 18px;font-size:16px;font-weight:900;display:inline-flex}.oc-btn:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.oc-btn:focus-visible{outline-offset:2px;outline:3px solid #ffe07a}.orchard .oc-btn--play{background:linear-gradient(#ff9a5e, var(--accent));color:#fffaf0;text-shadow:0 2px #6b281499;min-height:52px;font-size:21px}.oc-title-card{gap:12px;display:grid}.oc-title-main,.oc-title-side{gap:10px;min-width:0;display:grid}.oc-logo{justify-items:center;line-height:.92;display:grid}.oc-logo span{letter-spacing:.02em;color:#fffaf0;-webkit-text-stroke:2px #2f4f1e;text-shadow:0 3px #2f4f1e,0 5px #1e320f59;font-size:44px;font-weight:900}.oc-logo span+span{color:#ffd76a}.oc-rules{gap:8px;padding:0;list-style:none;display:grid}.oc-rules li{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;font-size:14px;font-weight:600;line-height:1.3;display:grid}.oc-rules b{font-weight:900}.oc-records{color:#6b4a33;text-align:center;font-size:14px;font-weight:700}.oc-records b{color:var(--ink);font-weight:900}.oc-note{color:#8a5a36;text-align:center;font-size:12.5px;font-weight:700}.oc-results-card{text-align:center;justify-items:center;gap:10px;display:grid}.oc-results-title{color:#8a2e14;font-size:26px;font-weight:900}.oc-stars{gap:4px;font-size:38px;line-height:1;display:flex}.oc-stars span{color:#e2b23a;text-shadow:0 2px #8a5a14}.oc-stars span.is-off{color:#6b3f2140;text-shadow:none}.oc-results-score{align-items:baseline;gap:8px;display:flex}.oc-results-score span{letter-spacing:.08em;text-transform:uppercase;color:#8a5a36;font-size:13px;font-weight:800}.oc-results-score b{font-variant-numeric:tabular-nums;font-size:36px;font-weight:900}.oc-newbest{color:#fff;background:#4f9a3a;border-radius:99px;padding:2px 12px;font-size:14px;font-weight:900}.oc-results-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;display:grid}.oc-results-stats div{background:#6b3f211a;border-radius:10px;padding:5px 6px}.oc-results-stats dt{color:#8a5a36;font-size:12px;font-weight:800}.oc-results-stats dd{margin:0;font-size:16px;font-weight:900}.oc-results-hint{color:#6b4a33;font-size:13.5px;font-weight:700}.oc-actions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.oc-actions .oc-btn{white-space:nowrap;flex:120px;padding:0 10px}.oc-actions .oc-btn--play{font-size:19px}@container oc (width<=400px){.oc-hud{gap:4px;padding:5px 5px 0}.oc-chip{padding:2px 7px}.oc-card{padding:12px}.oc-logo span{font-size:38px}.oc-rules li{font-size:13px}.oc-crate{gap:6px;padding:4px 7px}.oc-crate-title{font-size:15px}}@container oc (width<=350px){.oc-crate-head canvas,.oc-combo span{display:none}.oc-combo{min-width:50px}}@container oc (height<=560px) and (aspect-ratio<=23/20){.oc-title-card{gap:8px}.oc-logo span{font-size:34px}.oc-rules{gap:5px}.oc-rules li{font-size:13px}}.orchard.is-wide .oc-hud{width:calc(var(--fx) - 16px);flex-direction:column;justify-content:flex-start;align-items:stretch;max-width:220px;height:auto;padding:0;inset:8px 8px auto auto}.orchard.is-wide .oc-chip{padding:4px 10px}.orchard.is-wide .oc-hearts{justify-content:center}.orchard.is-wide .oc-score{flex:none}.orchard.is-wide .oc-best{display:grid}.orchard.is-wide .oc-powers{width:calc(var(--fx) - 16px);justify-items:stretch;max-width:220px;top:auto;bottom:8px;right:8px}.orchard.is-wide .oc-crate{width:calc(var(--fx) - 16px);flex-direction:column;align-items:stretch;gap:6px;max-width:240px;padding:8px;inset:8px auto auto 8px}.orchard.is-wide .oc-slots{justify-content:center;padding:5px}@container oc (aspect-ratio>=23/20) and (height<=520px){.orchard.is-wide .oc-hud{gap:4px}.orchard.is-wide .oc-chip{padding:2px 8px}.orchard.is-wide .oc-stat b{font-size:16px}.orchard.is-wide .oc-crate{gap:4px;padding:6px}.oc-screen{padding:6px}.oc-card{padding:10px 14px}.oc-title-card{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:14px;width:min(700px,100%)}.oc-logo span{font-size:30px}.oc-rules{gap:4px}.oc-rules li{grid-template-columns:28px minmax(0,1fr);font-size:12.5px}.oc-results-card{text-align:left;grid-template-columns:auto minmax(0,1fr);justify-items:start;gap:6px 16px;width:min(620px,100%)}.oc-results-title,.oc-results-score,.oc-stars,.oc-newbest{grid-column:1}.oc-results-title{font-size:21px}.oc-results-score b{font-size:28px}.oc-stars{font-size:30px}.oc-results-stats{grid-area:1/2/span 4}.oc-results-hint{grid-column:2}.oc-actions{grid-column:1/-1}.oc-actions .oc-btn{min-height:44px}}@media (prefers-reduced-motion:reduce){.oc-banner.is-in,.oc-combo.is-up,.oc-hearts.is-hit,.oc-hearts.is-heal,.oc-slot.is-pop,.oc-crate.is-new,.oc-crate.is-shipped,.oc-crate.is-spoiled,.oc-power.is-ending{animation:none}}@media (orientation:portrait) and (width<=900px){body.play-theme-orchard-catch .play-shell[data-game-shell]{--game-width-from-height:100vw;width:min(var(--game-shell-max-width,720px), calc(100vw - 10px))}body.play-theme-orchard-catch .play-shell[data-game-shell] .game-stage{aspect-ratio:auto;height:clamp(420px,100svh - 112px,180vw - 18px)}}@media (orientation:landscape) and (height<=520px){body.play-theme-orchard-catch .play-shell[data-game-shell]{--game-shell-max-width:900px;--game-width-from-height:100vw;width:min(900px,100vw - 16px)}body.play-theme-orchard-catch .play-shell[data-game-shell] .game-stage{aspect-ratio:auto;height:max(220px,100svh - 108px)}}
