*{box-sizing:border-box}html{font:18px/1.4 var(--font-base);color:var(--c-text);background:#153e24;scrollbar-color:#FFC87D #1B552D}body{margin:0;background:linear-gradient(90deg,#11391fe8 0%,#143b24a8 48%,#0a271d24 100%),url('art/forest.webp') center/cover fixed no-repeat}button,a,summary{touch-action:manipulation}button{font:700 1rem var(--font-base);min-height:64px;border:2px solid #fff;border-radius:999px;background:#1B552D;color:#fff;padding:14px 26px;cursor:pointer;transition:background .15s,transform .15s}button:hover{background:#2B6A40}button:active:not(:disabled){transform:scale(.97)}button:disabled{cursor:default;opacity:1;background:#2B6A40!important;color:#D7E3D0!important;border-color:#2B6A40!important;font-size:.9rem}button:focus-visible,a:focus-visible,summary:focus-visible{outline:4px solid #FFC87D;outline-offset:4px}button.primary{background:#FE6C1F;color:#3A1B16;border-color:#FE6C1F}button.primary:hover{background:#FFC87D;border-color:#FFC87D}a{color:#FFC87D;text-underline-offset:.2em}a:hover{color:white}::selection{color:#3A1B16;background:#FFC87D}main{width:min(1440px,100%);margin:auto;min-height:100svh;padding:20px 32px;display:flex;flex-direction:column;gap:20px}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}.identity{display:flex;align-items:center;gap:24px}.identity img{object-fit:contain;width:126px;height:56px}.identity>span{font-weight:700;font-size:1.5rem}.edition,.round-tag{font-weight:700;color:#FFE1AA}.round-tag{padding:12px 24px;border-radius:999px;background:#14321F}.actions{display:flex;gap:12px}.actions button{background:#1B552D}.top .actions button{min-height:56px;font-size:.85rem;padding:12px 20px}h1,h2,p{margin:0}h1{font-size:clamp(3rem,6vw,5.5rem);line-height:1.02;letter-spacing:-.025em;font-weight:700;text-wrap:balance}h2{font-size:1.3rem;line-height:1.15}.intro{font-size:1.25rem;line-height:1.5;max-width:56ch}.welcome{position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;flex:1;gap:24px;min-height:520px}.welcome-copy{display:flex;flex-direction:column;gap:24px;padding:30px 0}.welcome h1{color:#FFF4D6;text-shadow:0 4px 18px #0a271d80}.welcome .how{max-width:46ch;color:#f1f4e3;line-height:1.5}.start-duo{font-size:1.2rem;align-self:flex-start;min-width:290px;display:flex;align-items:center;justify-content:space-between;gap:40px}.solo-label{font-size:.85rem;color:#E0EACF;margin-bottom:-12px}.solo-choices{display:flex;gap:12px}.solo-choices button{min-height:56px;background:#153e24cc;font-size:.9rem;padding:12px 28px}.welcome-pets{position:relative;height:500px;display:flex;align-items:flex-end;gap:6px}.welcome-pet{position:relative;width:50%;height:90%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.welcome-pet>img:first-child{width:100%;height:290px;flex:none;max-height:340px;object-fit:contain;filter:drop-shadow(0 15px 18px #05271355)}.welcome-pet.dog{height:100%}.welcome-bowl{width:100%;height:150px;flex:none;object-fit:contain;margin-top:-6px;position:relative;filter:drop-shadow(0 12px 12px #05271366)}.materials{font-size:.85rem;max-width:80ch}.materials[open]{background:#14321F;padding:12px 24px;border-radius:24px}.materials p{margin-block:16px}.materials li{margin-block:8px}summary{cursor:pointer;padding:16px 0;min-height:56px;font-weight:700}details p{line-height:1.5}details a{overflow-wrap:anywhere}.footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#E2EACF;font-size:.72rem}.footer>span:first-child{max-width:76ch}.footer>span:last-child{flex-shrink:0}.playing{height:100svh;min-height:700px;gap:10px;padding:14px 24px}.playing .top{min-height:60px}.playing .identity>span{font-size:1.6rem}.playing .identity img{width:116px;height:52px}progress{appearance:none;flex-shrink:0;width:100%;height:7px;border:0;border-radius:999px;overflow:hidden;background:#14321F}progress::-webkit-progress-bar{background:#14321F}progress::-webkit-progress-value{background:#FFC87D;border-radius:999px}progress::-moz-progress-bar{background:#FFC87D}.board{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:410px;background:url('art/forest.webp') center/cover no-repeat;border:3px solid #FFF0CB;border-radius:32px;overflow:hidden;box-shadow:0 16px 40px #072b1b44}.board.solo{grid-template-columns:minmax(0,1fr);max-width:780px;width:100%;margin-inline:auto}.pet-zone{position:relative;overflow:hidden;min-width:0;height:100%}.pet-zone+.pet-zone{border-left:2px solid #1B552D99}.zone-head{position:absolute;top:10px;left:14px;right:14px;display:flex;align-items:center;gap:12px;z-index:3;background:#1B552Df5;padding:6px 18px 6px 8px;border-radius:999px;min-height:64px}.pet-portrait{width:64px;height:64px;object-fit:contain;margin-top:-12px;margin-bottom:-3px}.zone-head h2{color:#FFF4D6;font-size:1.1rem}.zone-head p{color:#FFE1AA;font-size:.84rem;font-weight:700;font-variant-numeric:tabular-nums}.falling-lanes{position:absolute;inset:84px 10px 70px;display:flex;gap:5px;pointer-events:none}.falling-lanes>span{width:25%;border-radius:32px;background:#fff8dc38;border:1px solid #fff8dc4a}.falling-lanes i{display:block;margin:8px auto 0;text-align:center;font-style:normal;font-size:.72rem;font-weight:700;color:#1B552D;width:24px;height:24px;line-height:24px;background:#fff4d6c9;border-radius:50%}.bowl{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:min(78%,330px);height:132px;pointer-events:none;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.bowl img{height:150px;width:100%;object-fit:contain;filter:drop-shadow(0 10px 8px #102e2466)}.bowl span{position:absolute;bottom:8px;font-size:.7rem;font-weight:700;background:#fff4d6;color:#14321F;padding:3px 14px;border-radius:999px}.food{position:absolute;min-height:88px;height:auto;border:0;background:transparent;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0 3px;z-index:2;will-change:top;touch-action:manipulation}.food:hover{background:#fff4d64a}.food:disabled{opacity:1}.food img{display:block;width:100%;height:78px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 4px #16392040)}.food>span{display:block;max-width:100%;font-size:.7rem;line-height:1.1;padding:4px 8px;background:#fff7e5ed;color:#14321F;border-radius:12px;box-shadow:0 2px 4px #16392020}.food:focus-visible{outline-color:#FE6C1F;background:#fff4d650}.food:active:not(:disabled){background:#FFC87D90;transform:scale(.93)}.feedback{padding:12px 22px;background:#14321F;border:2px solid transparent;border-radius:24px;min-height:54px;line-height:1.4;font-size:.92rem;display:flex;align-items:center}.feedback.good{background:#1B552D;border-color:#D7E3D0}.feedback.error{background:#3A1B16;border-color:#FFC87D}.hint{color:#D7E3D0;font-size:.72rem}.playing .footer{font-size:.65rem}.is-paused .food{filter:saturate(.6)}.pause-sign{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:#14321Fd9;font-size:2.5rem;font-weight:700;pointer-events:none;color:#FFF4D6}.pause-sign span{font-size:1rem;font-weight:400;max-width:28ch;text-align:center}.result-stage{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px;text-align:center;padding:40px 12px}.result-stage h1{font-size:clamp(2.4rem,5vw,4.2rem);color:#FFF4D6;max-width:23ch}.result-stage .intro{font-size:1.1rem;max-width:60ch}.result-stage details{text-align:left;max-width:72ch;background:#14321Fe8;padding:0 24px;border-radius:24px}.result-stage details p{margin-bottom:18px}.score-cards{display:flex;justify-content:center;gap:24px}.score-card{display:flex;align-items:center;gap:18px;padding:8px 28px 8px 8px;border-radius:32px;background:#14321Fe8;text-align:left}.score-card img{width:100px;height:110px;object-fit:contain}.stats{font-size:1rem;line-height:1.5;color:#FFE1AA;margin-top:8px;font-variant-numeric:tabular-nums}#storage-error{position:fixed;inset:0;background:#3A1B16;color:white;padding:15vh 10vw;font:700 1.5rem/1.5 var(--font-base);z-index:999}#storage-error[hidden]{display:none}
@media(max-width:1000px){main{padding:20px}.welcome{grid-template-columns:1.1fr .9fr;gap:12px}.welcome-pets{height:420px}.welcome-pet>img:first-child{width:100%}.welcome-copy{gap:20px}.identity>span{display:none}.edition{font-size:.85rem}.zone-head{left:8px;right:8px;padding-right:10px}.zone-head p{font-size:.75rem}.pet-portrait{width:52px;height:58px}.playing .identity>span{font-size:1.2rem}.round-tag{padding:10px 16px;font-size:.9rem}}
@media(max-width:650px){main{padding:16px;gap:16px}.top{gap:10px}.identity{gap:8px}.identity img{width:100px;height:48px}.edition{font-size:.7rem;max-width:16ch;text-align:right}.welcome{display:flex;flex-direction:column-reverse;min-height:0;gap:0}.welcome-pets{height:220px;width:100%;max-width:350px}.welcome-pet>img:first-child{height:180px;width:100%}.welcome-bowl{height:90px;width:100%;margin-top:-25px}.welcome-copy{padding:12px 0 20px;gap:20px;width:100%;text-align:center;align-items:center}.welcome h1{font-size:3.2rem}.intro{font-size:1.05rem}.welcome .how{font-size:.95rem}.start-duo{align-self:center;width:100%;max-width:360px}.solo-choices{width:100%;justify-content:center}.solo-choices button{flex:1;max-width:175px}.solo-label{font-size:.75rem}.footer{font-size:.65rem;flex-direction:column;gap:8px;align-items:flex-start}.playing{padding:12px;gap:9px;height:auto;min-height:100svh}.playing .identity img{width:88px;height:44px}.playing .identity>span{display:none}.playing .top{flex-wrap:wrap;gap:6px}.playing .top .actions{gap:6px;margin-left:auto}.playing .top .actions button{padding:10px 14px;min-height:56px;font-size:.75rem}.playing .round-tag{order:3;width:100%;text-align:center;background:transparent;padding:2px}.board{border-radius:24px;flex:none;height:960px;min-height:0;grid-template-columns:1fr;grid-template-rows:1fr 1fr;background-size:auto 100%}.board.solo{height:520px;grid-template-rows:1fr}.pet-zone+.pet-zone{border-left:0;border-top:2px solid #1B552D99}.food img{height:68px}.food>span{font-size:.65rem;padding:4px 6px}.zone-head{top:8px;min-height:58px}.falling-lanes{inset:78px 6px 72px}.bowl{height:118px}.bowl img{height:135px}.feedback{font-size:.85rem;padding:12px 16px}.hint{font-size:.68rem}.score-cards{gap:12px;width:100%}.score-card{flex:1;flex-direction:column;gap:4px;padding:12px;text-align:center;border-radius:24px}.score-card img{width:85px;height:90px}.score-card h2{font-size:1.1rem}.stats{font-size:.9rem}.result-stage{gap:24px;padding:28px 0}.result-stage h1{font-size:2.35rem}.result-stage .intro{font-size:1rem}.result-stage details{font-size:.9rem}.result-stage>.primary{width:100%}.pause-sign{font-size:2rem}.pause-sign span{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){button{transition:none}}

/* Two owners, two independent feedback/control regions. */
.shared-controls{display:flex;align-items:center;gap:12px}.shared-controls>span{color:#FFE1AA;font-size:.7rem;max-width:10ch;line-height:1.2}.shared-controls>span:empty{display:none}
.feedback-grid{display:grid;grid-template-columns:1fr;gap:10px}.feedback-grid.duo{grid-template-columns:1fr 1fr}.player-feedback{min-width:0}.player-control{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 8px 5px;font-size:.7rem;font-weight:700;color:#FFF4D6}.keyboard-hint{font-size:.65rem;color:#FFE1AA;font-weight:400}.player-feedback .feedback{height:86px;min-height:0;overflow:auto;align-items:flex-start;padding:10px 16px;font-size:.84rem}.pet-zone{touch-action:none;user-select:none;-webkit-user-select:none}.pet-zone .food{touch-action:none}.pet-zone[data-zone="dog"] .zone-head{background:#143f36f5}.zone-head h2{font-size:1.05rem}
@media(pointer:coarse){.keyboard-hint{display:none}}
@media(max-width:1000px){.shared-controls{gap:6px}.shared-controls>span{font-size:.62rem}.zone-head h2{font-size:.95rem}.player-control{font-size:.66rem}.player-feedback .feedback{font-size:.77rem;padding:10px 12px}}
@media(max-width:650px){.shared-controls{margin-left:auto}.shared-controls>span{display:none}.feedback-grid.duo{grid-template-columns:1fr}.player-feedback .feedback{height:auto;min-height:64px}.zone-head h2{font-size:1.05rem}.player-control{font-size:.72rem}.playing .top .actions button{font-size:.72rem}}

/* Single participant only: one chosen pet, one field, one bowl. */
.solo-choices .primary{min-height:72px;min-width:170px;background:#FE6C1F;color:#3A1B16;border-color:#FE6C1F;font-size:1.1rem}.solo-choices .primary:hover{background:#FFC87D;border-color:#FFC87D}.solo-label{margin-bottom:-10px}.playing .board.solo{max-width:100%;width:100%}.feedback-grid{grid-template-columns:1fr}.player-feedback .feedback{height:72px}.board.solo .bowl{width:min(70%,380px)}@media(max-width:650px){.solo-choices .primary{min-width:0;font-size:1rem}.player-feedback .feedback{height:auto;min-height:64px}}