:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#173325;font-synthesis:none;--green:#173f2a;--green-2:#28563b;--cream:#f7edcf;--paper:#fff8e5;--gold:#e7ad24;--red:#a33a26;--ink:#173325;background:#f4e8c9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}.site-header,footer,main{width:min(1180px,100% - 32px);margin-inline-start:auto;margin-inline-end:auto}.site-header{justify-content:space-between;align-items:center;gap:24px;min-height:78px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:10px;font-family:Georgia,serif;font-size:clamp(1.35rem,3vw,2rem);font-weight:900;text-decoration:none;display:inline-flex}.brand-mark{width:36px;height:36px;color:var(--gold);background:var(--green);border-radius:50%;place-items:center;display:grid}nav{gap:24px;font-weight:800;display:flex}nav a{text-underline-offset:5px}.intro{justify-content:space-between;align-items:end;gap:30px;padding:40px 0 26px;display:flex}.intro>div{max-width:760px}h1,h2,.hud strong,.result strong{font-family:Georgia,Times New Roman,serif}h1{letter-spacing:-.055em;max-width:780px;margin:0 0 14px;font-size:clamp(2.35rem,6vw,5.7rem);line-height:.94}.intro p{max-width:720px;margin:0;font-size:1.08rem;line-height:1.65}.start-button,#play-again{border:2px solid var(--green);min-height:52px;color:var(--paper);background:var(--red);box-shadow:5px 5px 0 var(--green);cursor:pointer;border-radius:4px;padding:0 24px;font-weight:900}.start-button:disabled{cursor:default;opacity:.7}.game-shell{border:5px solid var(--green);background:var(--green);padding:18px;position:relative;box-shadow:0 20px 55px #2b1b0c2a}.game-shell>h2{color:var(--paper);margin:0 0 14px;font-size:1.35rem}.hud{background:#0f2d1d;border:2px solid #d7c28d;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.hud>div{color:#fff6db;border-right:1px solid #d7c28d66;min-width:0;padding:12px 14px}.hud>div:last-child{border-right:0}.hud span{letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;font-weight:900;display:block}.hud strong{color:var(--gold);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:clamp(1.35rem,3vw,2.25rem);line-height:1;display:block;overflow:hidden}.objective-row{color:#fff6db;justify-content:space-between;gap:20px;padding:11px 2px;display:flex}.objective-row p{margin:0;font-weight:800}.farm-scene{aspect-ratio:16/9;background:url(/coop-clockwork-scene.png) 50%/cover no-repeat;border:2px solid #d7c28d;position:relative;overflow:hidden}.scene-note{color:#fff8df;text-transform:uppercase;letter-spacing:.06em;background:#173f2ae8;border:1px solid #fff2bd;padding:6px 9px;font-size:.72rem;font-weight:900;position:absolute;box-shadow:2px 2px #6f3b1b}.scene-note--feed{bottom:8%;left:4%}.scene-note--nest{top:34%;left:29%}.scene-note--gate{top:43%;left:57%}.scene-note--pack{top:41%;right:5%}.action-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.action-grid button{color:#fff8e4;background:var(--green-2);text-align:left;cursor:pointer;border:2px solid #f7edcf;grid-template-rows:auto auto;grid-template-columns:34px 1fr;align-items:center;gap:1px 10px;min-height:112px;padding:14px;display:grid;box-shadow:inset 0 0 0 2px #102c1d}.action-grid button:nth-child(2){background:#b98212}.action-grid button:nth-child(3){background:#315968}.action-grid button:nth-child(4){background:var(--red)}.action-grid button:disabled{cursor:default;filter:saturate(.35);opacity:.58}.action-grid button:not(:disabled):hover{transform:translateY(-2px)}.action-grid button>span{grid-row:1/3;font-size:1.6rem}.action-grid strong{font-size:1.05rem}.action-grid small{opacity:.82}.feedback{min-height:48px;color:var(--green);background:var(--paper);text-align:center;place-items:center;margin-top:12px;padding:10px;font-weight:800;display:grid}.result{border:3px solid var(--green);width:min(310px,100% - 68px);color:var(--green);background:var(--paper);text-align:center;padding:22px;position:absolute;bottom:34px;right:34px;box-shadow:8px 8px #9d391f}.result-label{text-transform:uppercase;letter-spacing:.13em;margin:0;font-weight:900}.result strong{margin:7px 0;font-size:2.2rem;display:block}.result p{line-height:1.45}.content-band,.split-content,.faq{margin-top:48px}.content-band{background:var(--paper);border:2px solid #c9b98f;padding:clamp(28px,6vw,64px)}.content-band--green{color:var(--paper);background:var(--green)}h2{margin:0 0 14px;font-size:clamp(1.7rem,3vw,2.65rem);line-height:1.05}.content-band p,.split-content p,.faq p{font-size:1.02rem;line-height:1.75}.split-content{grid-template-columns:1fr 1fr;gap:42px;display:grid}.split-content>div{border-top:4px solid var(--red);padding-top:22px}.faq details{border-top:1px solid #9c8b62;padding:18px 0}.faq details:last-of-type{border-bottom:1px solid #9c8b62}.faq summary{cursor:pointer;font-weight:900}.faq p{max-width:780px}footer{border-top:2px solid #91825c;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:60px;padding:26px 0 44px;font-weight:700;display:flex}footer span{margin-left:auto}button:focus-visible{outline-offset:4px;outline:3px solid #e7ad24}a:focus-visible{outline-offset:4px;outline:3px solid #e7ad24}summary:focus-visible{outline-offset:4px;outline:3px solid #e7ad24}@media (max-width:760px){.site-header{min-height:64px}.site-header nav{gap:12px;font-size:.88rem}.brand-mark{display:none}.intro{flex-direction:column;align-items:stretch;padding-top:24px}.start-button{width:100%}.game-shell{border-width:3px;padding:10px}.hud{grid-template-columns:repeat(3,1fr)}.hud>div{border-bottom:1px solid #d7c28d66}.objective-row{font-size:.85rem}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-grid button{min-height:96px;padding:10px}.split-content{grid-template-columns:1fr;gap:28px}.result{width:auto;top:auto;bottom:18px;left:18px;right:18px}footer span{width:100%;margin-left:0}}@media (max-width:430px){.site-header,footer,main{width:min(100% - 20px,1180px)}.site-header nav a:nth-child(2){display:none}h1{font-size:2.65rem}.farm-scene{aspect-ratio:4/3}.scene-note{padding:4px 6px;font-size:.58rem}.action-grid button{grid-template-columns:24px 1fr;min-height:88px}.action-grid button>span{font-size:1.2rem}.action-grid strong{font-size:.91rem}.action-grid small{font-size:.72rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}