:root{color-scheme:light;--paper:#faf6ed;--ink:#3b493d;--muted:#798075;--line:#dedfce;--green:#57775e;--honey:#c89f51}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:4px}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:#fffdf7;border-radius:8px;padding:10px 15px}button:disabled{opacity:.5;cursor:default}button:hover{border-color:#9aae92}[hidden]{display:none!important}:focus-visible{outline:3px solid #b47a43;outline-offset:4px}.skip{position:absolute;top:-70px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}header,main,footer{max-width:1050px;margin:auto;padding-left:28px;padding-right:28px}header{display:flex;justify-content:space-between;align-items:center;padding-top:26px;padding-bottom:22px;border-bottom:1px solid var(--line)}header>a:last-child{font-size:14px}.brand{display:flex;align-items:center;gap:10px;font:600 24px Georgia,serif;text-decoration:none}.brand svg{width:34px;height:34px}.brand svg circle{fill:#d3a65a;stroke:#ac8749;stroke-width:1.2}.brand svg path{fill:#7e9d72}.layout{display:grid;grid-template-columns:1fr minmax(300px,420px);gap:70px;padding:42px 18px 0}.intro{padding-top:18px}.eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}h1{font:400 clamp(40px,5vw,57px)/1.12 Georgia,"Times New Roman",serif;letter-spacing:-.045em;margin:0}h1 span{color:var(--honey)}.lead{font:21px/1.5 Georgia,serif;color:var(--muted);margin:22px 0 29px}.scores{display:flex;gap:47px;margin:0 0 27px}.scores strong{font:37px Georgia,serif;font-variant-numeric:tabular-nums;display:block}.scores span{font-size:12px;color:var(--muted)}.next-card{display:flex;align-items:center;gap:16px;background:#f0eedf;border:1px solid #dedfcf;border-radius:15px;padding:9px 18px 9px 10px;width:260px;max-width:100%}.next-card canvas{width:64px;height:64px}.next-card .eyebrow{display:block;margin:0 0 4px;font-size:9px}.next-card strong{font:21px Georgia,serif;display:block}.next-card small{font-size:11px;color:var(--muted)}.round-actions{display:flex;gap:10px;margin:22px 0}.round-actions button{font-size:13px}.basket{position:relative;border:1px solid #d5ddc8;background:#f1f2e3;box-shadow:0 14px 38px #5e6d4910;border-radius:24px;overflow:hidden;width:100%;aspect-ratio:420/590}.basket>canvas{width:100%;height:100%;display:block;touch-action:none;outline-offset:-5px}.overlay{position:absolute;inset:0;background:#f8f5ecd9;backdrop-filter:blur(6px);display:grid;place-items:center;padding:26px;text-align:center}.overlay>div{max-width:300px}.overlay h2{font:35px Georgia,serif;letter-spacing:-.035em;margin:5px 0 15px}.overlay p:not(.eyebrow){font-size:14px;color:var(--muted)}.overlay button,#drop{background:var(--green);border-color:var(--green);color:white}.aim-controls{display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:center;margin:16px 3px 0}.aim-controls label{font-size:11px;color:var(--muted);grid-column:1}.aim-controls input{width:100%;accent-color:var(--green);cursor:pointer;grid-column:1}.aim-controls button{grid-column:2;grid-row:1/3;align-self:center;font-size:13px;white-space:nowrap;padding:11px 16px}.feedback{font-size:12px;min-height:40px;margin:12px 4px 0;color:#596653}.save-state{font-size:11px;color:var(--muted)}.notice{padding:13px;border:1px solid #d9b782;background:#fff0d8;border-radius:10px;max-width:300px;font-size:12px}.notice p{margin:0 0 10px}.notice button{font-size:12px}.rules{border-top:1px solid var(--line);margin:35px 0 30px;padding-top:28px}.rules h2{font:25px Georgia,serif;margin:0 0 10px}.rules p{max-width:740px;font-size:14px;color:var(--muted);margin:0 0 20px}.fruit-order{display:flex;justify-content:space-between;gap:10px;margin:20px 0 26px}.fruit-order div{text-align:center;font-size:10px;color:var(--muted);flex:1}.fruit-order canvas{display:block;width:56px;height:56px;max-width:100%;margin:auto auto 4px}.rules details{font-size:13px;margin:10px 0 20px}.rules details p{font-size:13px;margin-top:12px}.rules>a{font-size:13px}footer{border-top:1px solid var(--line);padding-top:24px;padding-bottom:30px;display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:var(--muted)}footer span{margin-right:auto}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:26px;max-width:420px;width:calc(100% - 36px)}dialog::backdrop{background:#26372c66}dialog h2{font:28px Georgia,serif;margin:0 0 15px}dialog p{font-size:14px;color:var(--muted)}dialog form>div{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}dialog button{font-size:13px}@media(max-width:760px){header,main,footer{padding-left:18px;padding-right:18px}.layout{grid-template-columns:1fr;gap:22px;padding:26px 0 0}.intro{padding-top:0;display:grid;grid-template-columns:1fr auto;column-gap:20px}.intro .eyebrow,.intro h1{grid-column:1/-1}.intro h1{font-size:39px;line-height:1.08}.intro h1 br{display:none}.lead{display:none}.scores{grid-column:1;margin:18px 0 0;gap:30px}.scores strong{font-size:28px}.next-card{grid-column:2;grid-row:3/5;width:160px;gap:7px;margin-top:15px;padding:6px 7px}.next-card canvas{width:43px;height:43px}.next-card strong{font-size:16px}.next-card small{font-size:10px}.next-card .eyebrow{font-size:8px}.round-actions{margin:12px 0 0}.round-actions button{font-size:11px;padding:6px 12px}.save-state{grid-column:1/-1;margin:10px 0 0}.notice{grid-column:1/-1;margin-top:14px;max-width:none}.play{max-width:420px;width:100%;margin:auto}.basket{border-radius:19px}.fruit-order{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.rules{margin-top:25px}.overlay h2{font-size:30px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}@media(max-width:380px){.intro h1{font-size:33px}.next-card{width:145px}.next-card strong{font-size:15px}.scores{gap:23px}.scores strong{font-size:25px}}
:root .intro .round-actions{flex-wrap:wrap}
@media(max-width:760px){.intro{grid-template-columns:minmax(0,1fr) auto}.round-actions{grid-column:1/-1;gap:8px}.next-card{grid-row:3}.scores{min-width:0;gap:20px}.scores div{min-width:0}.scores strong{font-size:clamp(20px,6vw,28px);overflow-wrap:anywhere}}