:root{color:#213f37;font-synthesis:none;background:#f6f2e3;font-family:system-ui,-apple-system,PingFang SC,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #cf7435}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}#game-shell{background:#25483c;width:100%;height:100dvh;min-height:340px;position:relative;overflow:hidden}canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}#welcome{background:radial-gradient(at 75% 40%,#f9ebbd 0%,#f6f2e3 52%);flex-direction:column;padding:clamp(24px,5vw,80px);display:flex;position:absolute;inset:0;overflow:auto}.home{letter-spacing:.16em;color:#365547;z-index:1;font-size:12px;font-weight:650;text-decoration:none}.welcome-copy{z-index:1;max-width:540px;margin-top:auto;padding:50px 0 40px;position:relative}.eyebrow{color:#67816a;font-size:18px}h1{letter-spacing:-.055em;margin:22px 0 30px;font-size:clamp(42px,6vw,88px);font-weight:750;line-height:1.08}h1 span{letter-spacing:.3em;margin-top:17px;font-size:14px;font-weight:500;display:block}.intro{color:#526c5b;font-size:clamp(16px,1.6vw,21px);line-height:1.9}.primary{color:#213f37;background:#edb34e;border:0;border-radius:15px;justify-content:space-between;align-items:center;gap:85px;margin-top:30px;padding:21px 25px;font-size:20px;font-weight:650;display:flex;box-shadow:0 6px #d89c39}.primary:hover{background:#f3c36b}.primary span{font-size:26px}#loading-status{max-width:460px;min-height:24px;font-size:14px;line-height:1.7}progress{accent-color:#42654b;width:100%;max-width:400px}.foot{z-index:1;flex-wrap:wrap;align-items:center;gap:25px;margin-top:auto;padding-top:20px;font-size:13px;display:flex}.foot a{color:inherit;text-underline-offset:5px}.foot button{color:#42654b;background:0 0;border:1px solid #a9b79a;border-radius:50px;padding:11px 17px}.hay-art{pointer-events:none;width:min(47vw,650px);height:62%;position:absolute;top:17%;right:4%}.sun{opacity:.5;background:#e9b65d;border-radius:50%;width:120px;height:120px;position:absolute;top:0;right:15%}.hay{background:repeating-linear-gradient(163deg,#0000 0 10px,#b98d4644 11px 13px),repeating-linear-gradient(25deg,#dbc075 0 4px,#e6c87c 5px 19px);border-radius:50% 50% 20px 25px;position:absolute;inset:24% 0 6%;transform:rotate(-4deg);box-shadow:0 40px 60px -26px #7b794b66}.hay-back{background:#a98b4d;inset:31% 3% 3%;transform:rotate(7deg)}.hay-front{clip-path:polygon(25% 5%,60% 0,78% 13%,100% 98%,0 100%,8% 45%)}.needle{background:linear-gradient(90deg,#667b7e,#e8f2ef,#7c8985);border-radius:80% 80% 0 0;width:6px;height:115px;position:absolute;top:51%;left:45%;transform:rotate(24deg);box-shadow:2px 0 1px #51645333}.needle:after{content:"";background:#9f874b;border-radius:80%;width:2px;height:15px;position:absolute;top:6px;left:2px}.hay-art>span{color:#798566;letter-spacing:.2em;font-size:13px;position:absolute;bottom:-4%;left:25%}#orientation{color:#fff;text-align:center;pointer-events:none;background:#213f37eb;padding:9px;font-size:13px;display:none;position:absolute;top:0;left:0;right:0}@media (width<=750px){.hay-art{opacity:.4;width:65vw;height:40%;top:25%;right:-18%}.welcome-copy{padding:42px 0 30px}.home{font-size:10px}.intro{max-width:85%}.foot{gap:18px}h1{font-size:53px}.primary{font-size:18px}}@media (orientation:portrait) and (width<=900px){#orientation{display:block}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}#game-shell{--browser-bar-height:0px}#canvas{left:env(safe-area-inset-left);top:calc(env(safe-area-inset-top) + var(--browser-bar-height));width:calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right));height:calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom) - var(--browser-bar-height));position:absolute}#browser-tools{top:env(safe-area-inset-top);left:env(safe-area-inset-left);right:env(safe-area-inset-right);background:#f6f2e3;border-bottom:1px solid #d2d8bf;align-items:center;gap:8px;height:56px;padding:0 20px;display:flex;position:absolute}.browser-title{letter-spacing:.04em;margin-right:auto;font-size:15px;font-weight:650}.browser-title span{color:#526c5b;letter-spacing:.15em;margin-left:12px;font-size:11px}#browser-tools button{color:#25483c;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:0 12px;font-size:14px;display:flex}#browser-tools button:hover{background:#e8e9d8;border-color:#c5ccb3}#browser-tools svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}#game-shell[data-running=true]{--browser-bar-height:56px}html[data-needle-ready=true] #orientation{display:none}#pointer-lock-hint{color:#fff9e9;text-align:center;pointer-events:none;z-index:2;background:#213f37ec;border-radius:12px;width:max-content;max-width:85%;margin:0;padding:12px 18px;font-size:14px;position:absolute;bottom:140px;left:50%;transform:translate(-50%)}#pointer-lock-hint p{margin:0 0 10px;line-height:1.5}#pointer-lock-retry{pointer-events:auto;color:#213f37;background:#edb34e;border:0;border-radius:9px;min-height:44px;padding:10px 20px;font-weight:650}@media (width<=900px){#browser-tools{display:none}#game-shell[data-running=true]{--browser-bar-height:0px}}