:root{--ink:#24150f;--cream:#fff0be;--paper:#f4d777;--green:#84b64b;--dark:#1b140f;--red:#c24a35;--gold:#ffc94a}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#17100c;font-family:"Trebuchet MS","Segoe UI",system-ui,sans-serif;color:var(--ink);overscroll-behavior:none}body{position:fixed;inset:0}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.game{position:relative;width:100vw;height:100vh;min-height:100svh;min-height:100dvh;overflow:hidden;background:#000;touch-action:none;user-select:none}#gameCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;background:#8fcf5e;image-rendering:auto;touch-action:none;user-select:none}.hud{position:absolute;z-index:20;pointer-events:auto}.hud.top{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));display:flex;align-items:center;gap:10px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;padding:7px 14px 7px 8px;border:4px solid var(--ink);border-radius:999px;background:rgba(255,235,158,.92);box-shadow:0 5px 0 #6b3d23,0 12px 22px #0005}.brand .mark{width:46px;height:46px;display:grid;place-items:center;border:3px solid var(--ink);border-radius:50%;background:radial-gradient(circle,#fff28d,#ffbd38 58%,#e47b2d);font-size:26px;box-shadow:0 3px 0 #7b4b25}.brand small,.pill small{display:block;font-size:10px;font-weight:1000;letter-spacing:.12em;color:#7a4a25}.brand h1{margin:0;font-size:19px;color:#fff4bf;text-shadow:2px 0 var(--ink),-2px 0 var(--ink),0 2px var(--ink),0 -2px var(--ink),2px 3px var(--ink)}.pill{min-width:92px;height:54px;padding:6px 12px;border:4px solid var(--ink);border-radius:14px;background:rgba(255,235,158,.92);box-shadow:0 5px 0 #6b3d23,0 12px 22px #0004;font-weight:1000}.pill b{font-size:22px}.round{width:54px;height:54px;border:4px solid var(--ink);border-radius:50%;background:linear-gradient(#ffe88c,#d79033);box-shadow:0 5px 0 #6b3d23;cursor:pointer;font-weight:1000;font-size:22px}.round:active,.card:active,#againBtn:active{transform:translateY(3px);box-shadow:0 2px 0 #6b3d23}.cards{position:absolute;left:max(18px,env(safe-area-inset-left));top:86px;z-index:18;display:flex;gap:9px;pointer-events:auto}.card{position:relative;width:86px;height:108px;border:4px solid var(--ink);border-radius:18px;background:linear-gradient(#fff2ad,#dca949);box-shadow:0 6px 0 #6b3d23,0 12px 20px #0004;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-weight:1000}.card.selected{outline:5px solid #fff6bd;filter:brightness(1.08)}.card.garlicdoom{background:linear-gradient(#efe4ff,#a073c4 62%,#5d356e);color:#fff8ce;text-shadow:1px 1px #24150f}.card.garlicdoom small{background:#d9ff63;color:#24150f;text-shadow:none}.card.disabled{filter:grayscale(.6) brightness(.7);opacity:.72}.card img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 3px 0 #0004)}.card b{font-size:13px;white-space:nowrap}.card small{position:absolute;right:6px;bottom:5px;padding:1px 6px;border:2px solid var(--ink);border-radius:999px;background:#ffdd4e;font-weight:1000}.card.cherry span{font-size:42px;line-height:1}.gatling-touch{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(78px,calc(env(safe-area-inset-bottom) + 72px));z-index:24;min-width:112px;height:52px;padding:0 18px;border:4px solid var(--ink);border-radius:999px;background:linear-gradient(#fff28a,#e68b2c);box-shadow:0 5px 0 #6b3d23,0 12px 22px #0005;font-weight:1000;cursor:pointer;touch-action:none}.gatling-touch:active{transform:translateY(3px);box-shadow:0 2px 0 #6b3d23}.care{position:absolute;right:max(16px,env(safe-area-inset-right));top:88px;z-index:18;width:278px;padding:13px 15px;border:4px solid var(--ink);border-radius:18px;background:rgba(255,235,158,.9);box-shadow:0 6px 0 #6b3d23,0 14px 26px #0004;font-weight:900;pointer-events:none}.care h2{margin:0 0 6px;font-size:20px}.care p{margin:0 0 10px;line-height:1.45;font-size:13px}.bar{height:18px;border:3px solid var(--ink);border-radius:999px;background:#2b1b12;overflow:hidden}.bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#84b64b,#ffe15f,#ff9f2e);transition:.25s}.care ul{margin:10px 0 0;padding-left:18px;font-size:13px;line-height:1.6}.toast{position:absolute;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:22;max-width:min(780px,70vw);padding:10px 18px;border:4px solid var(--ink);border-radius:999px;background:rgba(35,23,15,.86);color:#ffe9a0;box-shadow:0 5px 0 #0008;font-weight:1000;text-align:center;pointer-events:none}.overlay{position:absolute;inset:0;z-index:40;display:grid;place-items:center;background:rgba(0,0,0,.42);backdrop-filter:blur(2px)}.overlay.hidden{display:none}.panel{width:min(460px,86vw);padding:26px;border:5px solid var(--ink);border-radius:24px;background:linear-gradient(#fff0b8,#d79d47);box-shadow:0 9px 0 #6b3d23,0 24px 50px #0009;text-align:center}.panel h2{margin:0 0 8px;font-size:34px;color:#fff4bf;text-shadow:3px 0 var(--ink),-3px 0 var(--ink),0 3px var(--ink),0 -3px var(--ink),3px 4px var(--ink)}.panel p{margin:0 0 18px;font-weight:1000;line-height:1.5}#againBtn{height:52px;min-width:150px;border:4px solid var(--ink);border-radius:999px;background:linear-gradient(#b6e36a,#68a43a);box-shadow:0 5px 0 #49611f;font-weight:1000;cursor:pointer}@media(max-width:1120px){.care{width:230px}.cards{gap:6px}.card{width:76px}.brand h1{font-size:16px}.pill{min-width:78px}}@media(max-width:760px) and (orientation:portrait){.game::after{content:"Rotate your phone to landscape · drag to pan the lawn";position:absolute;inset:0;z-index:35;display:grid;place-items:center;padding:28px;text-align:center;font-size:22px;font-weight:1000;color:#fff4bf;text-shadow:2px 3px #24150f;background:rgba(20,12,8,.72);pointer-events:none}.hud.top{transform:scale(.82);transform-origin:top left;right:auto;width:118vw}.cards{transform:scale(.78);transform-origin:top left;top:78px}.care{display:none}.gatling-touch{display:none}.toast{font-size:12px;max-width:86vw;padding:8px 12px}}@media(max-height:480px) and (orientation:landscape){.hud.top{top:max(6px,env(safe-area-inset-top));gap:6px}.brand{padding:4px 10px 4px 5px;border-width:3px}.brand .mark{width:34px;height:34px;font-size:19px;border-width:2px}.brand small{font-size:8px}.brand h1{font-size:14px}.pill{height:40px;min-width:66px;padding:4px 8px;border-width:3px;border-radius:12px}.pill small{font-size:8px}.pill b{font-size:17px}.round{width:42px;height:42px;border-width:3px;font-size:18px}.cards{top:58px;left:max(10px,env(safe-area-inset-left));gap:5px}.card{width:62px;height:78px;border-width:3px;border-radius:14px}.card img{width:42px;height:42px}.card b{font-size:10px}.card small{font-size:10px;right:4px;bottom:3px;padding:0 4px}.care{right:max(8px,env(safe-area-inset-right));top:58px;width:190px;padding:8px 10px;border-width:3px;border-radius:14px}.care h2{font-size:15px}.care p{font-size:10px;line-height:1.28;margin-bottom:6px}.care ul{font-size:10px;line-height:1.35;margin-top:6px}.bar{height:13px;border-width:2px}.gatling-touch{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));min-width:86px;height:42px;padding:0 12px;border-width:3px;font-size:13px}.toast{bottom:max(8px,env(safe-area-inset-bottom));font-size:12px;padding:7px 12px;border-width:3px;max-width:56vw}}