.oc-game{color:#2d4432;min-height:100vh;font-family:var(--font-sans,ui-sans-serif);background-color:#e8dfb8;background-image:radial-gradient(circle at 75% 8%,#fff2a8aa,#0000 20%),linear-gradient(145deg,#5c8b5a18 25%,#0000 25%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.oc-top{color:#fff2cd;letter-spacing:.12em;background:#244731;justify-content:space-between;align-items:center;height:52px;padding:0 max(18px,4vw);display:flex}.oc-top a{color:inherit;align-items:center;gap:7px;font-weight:900;text-decoration:none;display:flex}.oc-top svg{width:18px}.oc-top small{opacity:.6}.oc-shell{width:min(1160px,94vw);margin:28px auto 56px}.oc-heading{justify-content:space-between;align-items:end;margin-bottom:15px;display:flex}.oc-heading p{color:#b34b2f;letter-spacing:.12em;margin:0 0 3px;font-weight:950}.oc-heading h1{margin:0;font-family:serif;font-size:clamp(38px,6vw,68px);line-height:.95}.oc-heading>button{color:#fff;background:#b34b2f;border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.oc-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px;display:grid}.oc-board,.oc-side{background:#fff5d2;border:3px solid #2b5338;border-radius:24px;overflow:hidden;box-shadow:8px 8px #976044}.oc-hud{background:#b9ae77;border-bottom:1px solid #b9ae77;grid-template-columns:repeat(6,1fr);gap:1px;display:grid}.oc-hud>div{background:#fff5d2;padding:11px 10px}.oc-hud small{color:#786d45;letter-spacing:.08em;font-size:10px;font-weight:900;display:block}.oc-hud strong{font-size:18px}.oc-hud em{color:#aa7552;font-size:11px;font-style:normal}.oc-order{background:#ead797;border-bottom:2px solid #477054;justify-content:center;align-items:center;gap:8px;min-height:54px;padding:8px;display:flex}.oc-order>span{letter-spacing:.12em;margin-right:5px;font-size:11px;font-weight:950}.oc-order b{color:#6f593c;background:#f8ebbd;border:2px solid #967d4d;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.oc-order b.next{color:#fff;background:#b34b2f;outline:4px solid #fff4a8;transform:scale(1.08)}.oc-order b.done{color:#fff;background:#3b7651;border-color:#3b7651}.oc-play{touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#cfe3a8,#85aa65 45%,#527b4f);min-height:600px;padding:28px 15px 20px;position:relative;overflow:hidden}.oc-play:before{content:"";opacity:.55;background:repeating-linear-gradient(165deg,#365f3f 0 35px,#45744a 36px 72px);position:absolute;inset:43% -10% -18%}.oc-sun{background:#ffe79a;border-radius:50%;width:105px;height:105px;position:absolute;top:24px;right:8%;box-shadow:0 0 45px #fff3b8}.oc-grid{z-index:2;aspect-ratio:1;background:#315d40e8;border:4px solid #244b33;border-radius:24px;grid-template-columns:repeat(7,1fr);gap:5px;width:min(510px,91%);margin:0 auto 18px;padding:10px;display:grid;position:relative;box-shadow:0 18px 30px #1d452e77}.oc-grid>div{color:#34513b;background:#d7d5a0;border:2px solid #6e925e;border-radius:9px;place-items:center;min-width:0;font-size:clamp(11px,2.3vw,21px);font-weight:950;display:grid;position:relative;box-shadow:inset 0 -4px #00000014}.oc-grid>div:nth-child(4n){background:#c8ce91}.oc-grid .wall{background:#345b3d radial-gradient(circle,#70935e 0 35%,#0000 37%);border-color:#294a32}.oc-grid .fruit.apple{color:#fff5d2;background:#d6673f}.oc-grid .fruit.pear{color:#403d26;background:#d8b84d}.oc-grid .fruit.plum{color:#fff;background:#7d587d}.oc-grid .thorn{color:#f3cf98;background:#765043}.oc-grid .gold{color:#fff9c4;background:#e4aa31;animation:1.4s infinite alternate oc-glow}.oc-grid .gate{color:#fff6d6;background:#a84832}.oc-grid .player{z-index:3;color:#25432f;background:#fff0a0;border-radius:16px;outline:4px solid #fff9cc;transform:scale(1.09)}.oc-grid .player i{color:#fff;background:#b34b2f;border-radius:50%;place-items:center;width:21px;height:21px;font-size:10px;font-style:normal;display:grid;position:absolute;top:-8px;right:-5px}.oc-controls{z-index:3;grid-template-columns:repeat(4,1fr);gap:8px;width:min(390px,94%);margin:auto;display:grid;position:relative}.oc-controls button{color:#2d543b;background:#fff0c1;border:2px solid #275239;border-radius:14px;min-height:54px;font-weight:950}.oc-controls b,.oc-controls small{display:block}.oc-controls button:disabled{opacity:.5}.oc-overlay{z-index:20;color:#fff3cf;text-align:center;background:#214a35ef;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.oc-overlay>div{max-width:650px}.oc-overlay span{letter-spacing:.22em;color:#f2c758;font-size:12px;font-weight:950}.oc-overlay h2{margin:8px 0;font-family:serif;font-size:clamp(30px,5vw,50px)}.oc-overlay p{line-height:1.6}.oc-overlay button{color:#fff;background:#b34b2f;border:2px solid #fff1c8;border-radius:14px;align-items:center;gap:8px;margin:5px;padding:13px 18px;font-weight:950;display:inline-flex}.oc-overlay button.secondary{background:0 0}.oc-overlay>div>small{opacity:.75;margin-top:13px;display:block}.oc-upgrades{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.oc-upgrades button{justify-items:center;margin:0;display:grid}.oc-upgrades small{font-weight:600}.oc-status{background:#eddb9f;border-top:2px solid #477054;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:12px 16px;display:flex}.oc-status p{margin:0;font-weight:800}.oc-status span{color:#746342;white-space:nowrap;font-size:12px}.oc-side{align-self:start;padding:22px}.oc-side>span{letter-spacing:.22em;color:#b34b2f;font-size:11px;font-weight:950}.oc-side h2{margin:8px 0;font-family:serif;font-size:28px}.oc-side>p{color:#756848;line-height:1.55}.oc-side>div{grid-template-columns:30px 1fr;gap:8px;margin:17px 0;display:grid}.oc-side>div>svg{color:#b34b2f;width:23px}.oc-side>div p{margin:0}.oc-side b,.oc-side small{display:block}.oc-side small{color:#75694c;margin-top:4px;line-height:1.45}.oc-side details{border-top:1px dashed #9a8b63;padding-top:15px}.oc-side summary{cursor:pointer;font-weight:950}.oc-side details p{font-size:13px;line-height:1.55}.oc-batch{opacity:.01;height:1px;margin:0;overflow:hidden}@keyframes oc-glow{to{filter:brightness(1.25);transform:translateY(-2px)}}@media (max-width:860px){.oc-layout{grid-template-columns:1fr}.oc-side{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.oc-side>span,.oc-side>h2,.oc-side>p,.oc-side>details{grid-column:1/-1}.oc-side>div{margin:5px 0}}@media (max-width:540px){.oc-shell{width:96vw;margin-top:18px}.oc-heading h1{font-size:44px}.oc-top>span{font-size:9px}.oc-hud{grid-template-columns:repeat(3,1fr)}.oc-order{gap:5px}.oc-order b{width:29px;height:29px}.oc-play{min-height:515px;padding:22px 7px 16px}.oc-grid{gap:3px;width:97%;padding:7px}.oc-grid>div{border-radius:6px}.oc-status{flex-direction:column;align-items:flex-start}.oc-side{grid-template-columns:1fr}.oc-side>span,.oc-side>h2,.oc-side>p,.oc-side>details{grid-column:auto}.oc-upgrades{grid-template-columns:1fr}}@media (max-width:360px){.oc-heading h1{font-size:38px}.oc-order>span{display:none}.oc-controls button{min-height:48px}.oc-side{padding:17px}}@media (prefers-reduced-motion:reduce){.oc-grid .gold{animation:none}}