#orchard-offer { text-align:center; max-width:660px; }
#orchard-offer .signe-portrait { float:left; width:110px; height:200px; object-fit:contain; margin:10px 20px 10px 0; }
#orchard-game[open] { position:fixed; inset:0; transform:none; margin:0; width:100vw; height:100dvh; max-width:none; max-height:none; padding:0; border:0; border-radius:0; background:#294431 url('assets/orchard-v1.png') center/cover; color:#fff1d3; overflow:auto; }
#orchard-game::backdrop { background:#102218; }
.orchard-layout { min-height:100%; display:grid; grid-template-rows:auto minmax(90px,1fr) auto auto; background:linear-gradient(#10231a44,transparent 50%,#11261b88); padding:14px 24px; box-sizing:border-box; gap:8px; }
.orchard-header { display:flex; gap:20px; align-items:flex-start; }
.orchard-header>button { background:#18382ee8; color:#fff1d3; flex-shrink:0; }
.orchard-order { max-width:680px; margin:0 auto; padding:12px 25px; text-align:center; background:linear-gradient(110deg,#e7ce98,#fff0c8,#e2c38b); color:#392b1d; border:2px solid #9c7849; border-radius:6px 15px 7px 12px; box-shadow:0 4px 15px #14221166; }
#orchard-game .eyebrow { font-size:11px; color:#654c2c; letter-spacing:2px; }
#orchard-game h2 { font:700 27px Georgia; margin:6px 0; }
#orchard-request { font-size:20px; line-height:1.4; margin:0; }
.orchard-grove { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:0 10%; }
.fruit-tree { display:flex; flex-direction:column; align-items:center; background:#173c2dec; color:#fff1d3; border:2px solid #c8ad68; border-radius:18px; font-size:18px; box-shadow:0 5px 18px #0005; min-height:80px; }
.fruit-tree span { font-size:38px; }
.orchard-instruction { background:#15382be6; padding:8px 18px; border-radius:10px; max-width:280px; text-align:center; font-size:16px; }
.orchard-packing { max-width:920px; width:100%; margin:auto; }
#orchard-baskets { display:flex; gap:15px; justify-content:center; }
.fruit-basket { flex:1; max-width:340px; min-width:0; background:repeating-linear-gradient(0deg,#79502f 0 5px,#916640 5px 9px); border:3px solid #3c2919; border-radius:8px 8px 30px 30px; box-shadow:0 5px 12px #0005; padding:6px 9px; }
.fruit-basket.selected { border-color:#ffe3a0; box-shadow:0 0 0 2px #36462a,0 4px 18px #0007; }
.basket-select { width:100%; background:#372d20e8; color:#ffebc1; border:0; min-height:44px; padding:5px; font-weight:bold; }
.basket-fruits { display:flex; justify-content:center; flex-wrap:wrap; align-content:center; min-height:48px; max-width:300px; margin:2px auto; background:#211e1844; border-radius:10px; }
.basket-fruits span { font-size:25px; line-height:28px; }
.basket-tools { display:flex; justify-content:center; gap:10px; }
.basket-tools button { min-height:44px; padding:4px 10px; background:#312a1fe8; color:#ffedc4; border-color:#c6a470; }
.orchard-footer { background:#112d25f2; padding:8px 15px; border-radius:10px; text-align:center; }
#orchard-feedback { margin:0 0 7px; font-size:16px; min-height:22px; }
.orchard-footer>div { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; }
.orchard-footer button { min-height:44px; padding:8px 16px; }
#orchard-game button:focus-visible { outline:3px solid #fff2a2; outline-offset:3px; }
#orchard-game [hidden] { display:none!important; }
@media(max-height:550px) { .orchard-layout { padding:6px 10px; gap:4px; grid-template-rows:auto minmax(52px,1fr) auto auto; }.orchard-header { gap:8px; }.orchard-header>button { font-size:12px; padding:8px; min-height:44px; }.orchard-order { padding:5px 12px; }#orchard-game h2 { font-size:18px; margin:2px; }#orchard-request { font-size:15px; }#orchard-game .eyebrow {font-size:9px;letter-spacing:1px}.orchard-grove{padding:0 5%;gap:8px}.fruit-tree{flex-direction:row;font-size:13px;min-height:44px;padding:4px 8px;border-radius:10px;gap:4px}.fruit-tree span{font-size:25px}.orchard-instruction{font-size:12px;padding:5px;max-width:200px}#orchard-baskets{gap:8px}.fruit-basket{padding:3px 5px}.basket-select{font-size:12px;min-height:32px}.basket-fruits{min-height:25px}.basket-fruits span{font-size:19px;line-height:21px}.basket-tools button{min-height:36px;padding:3px 8px;font-size:12px}.orchard-footer{padding:4px 8px}#orchard-feedback{font-size:12px;min-height:16px;margin-bottom:3px}.orchard-footer button{font-size:12px;padding:5px 9px;min-height:36px} }
@media(max-width:500px) { .orchard-header{flex-direction:column}.orchard-layout{padding:8px}.orchard-grove{padding:0}.orchard-instruction{display:none}#orchard-baskets{flex-wrap:wrap}.fruit-basket{min-width:120px} }
#orchard-game #orchard-request { color:#392b1d; }
#orchard-offer p { line-height:1.5; }
.fruit-basket { background: url('assets/orchard-basket-v1.png') center/100% 100% no-repeat; border-color:transparent; box-shadow:none; }
.fruit-basket.selected { border-color:#ffe3a0; box-shadow:0 0 0 2px #36462a; }
.basket-select { border-radius:8px; }