:root{--ink:#26352f;--muted:#6e796f;--paper:#f8efd9;--cream:#fffaf0;--green:#476f4c;--sage:#a8c58c;--line:#d9d4c2;--shadow:0 18px 45px #3943311f}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body{min-width:320px;margin:0}button{font:inherit;color:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #dc8d48}.home-shell{background:radial-gradient(circle at 50% 28%,#fffdf5 0,#fbf3df 36%,#f0dfbf 100%);min-height:100svh;padding:0 5vw 34px;position:relative;overflow:hidden}.home-shell:after{content:"";z-index:0;clip-path:ellipse(67% 48% at 52% 100%);background:#afc98e;height:27%;position:absolute;bottom:0;left:-10%;right:-10%}.home-top{z-index:3;border-bottom:1px solid #455f4429;justify-content:space-between;align-items:center;max-width:1180px;height:76px;margin:auto;display:flex;position:relative}.brand{letter-spacing:2.2px;align-items:center;gap:11px;font-size:12px;font-weight:900;display:flex}.brand-mark{background:#5f875e;border-radius:50%;place-items:center;width:39px;height:39px;display:grid;overflow:hidden}.round-btn,.icon-btn{cursor:pointer;background:#ffffff94;border:1px solid #c9c5b7;border-radius:50%;width:38px;height:38px;font-weight:800}.hero{text-align:center;z-index:2;padding-top:36px;position:relative}.eyebrow,.modal-kicker{letter-spacing:2.4px;color:#728274;justify-content:center;align-items:center;gap:10px;font-size:10px;font-weight:800;display:flex}.eyebrow span{background:#91a28f;width:22px;height:1px}.hero h1{letter-spacing:-2.5px;margin:13px 0 15px;font-family:Georgia,Times New Roman,serif;font-size:clamp(41px,8.7vw,68px);line-height:.98}.hero h1 em{color:#527653;font-weight:400}.hero p{color:#6e776d;margin:0;font-family:Georgia,serif;font-size:15px;line-height:1.55}.pasture-art{width:150px;height:86px;margin:14px auto -10px;position:relative}.sheep{width:90px;height:63px;position:absolute;top:7px;left:31px}.sheep .wool{z-index:2;background:#fffdf5;border:1.5px solid #b8ae9b;border-radius:50%;position:absolute}.wool.w1{width:50px;height:43px;top:8px;left:11px}.wool.w2{width:38px;height:36px;top:14px;left:38px}.wool.w3{width:28px;height:30px;top:19px;left:4px}.sheep .head{z-index:4;background:#4d5145;border-radius:48% 48% 53% 53%;width:28px;height:31px;position:absolute;top:27px;left:1px}.sheep .head:before,.sheep .head:after{content:"";background:#4d5145;border-radius:60%;width:12px;height:7px;position:absolute;top:4px}.sheep .head:before{left:-7px;transform:rotate(22deg)}.sheep .head:after{right:-7px;transform:rotate(-22deg)}.head i,.head b{background:#fff;border-radius:50%;width:3px;height:3px;position:absolute;top:12px}.head i{left:7px}.head b{right:7px}.leg{background:#4d5145;border-radius:3px;width:5px;height:17px;position:absolute;top:46px}.leg.l1{left:26px}.leg.l2{left:62px}.flower{color:#e2a14a;font-size:19px;position:absolute}.f1{top:45px;right:2px}.f2{font-size:13px;top:57px;left:3px}.grass{color:#7b9d64;font-size:27px;position:absolute}.g1{top:24px;left:11px}.g2{top:30px;right:13px}.sheep.small{transform-origin:50%;top:-12px;left:-25px;transform:scale(.37)}.level-panel{z-index:3;max-width:940px;box-shadow:var(--shadow);background:#fffcf3f2;border:1px solid #ded6c2;border-radius:20px;margin:0 auto;padding:23px;position:relative}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.panel-heading>div>span,.tray-label>span{letter-spacing:1.9px;color:#889086;font-size:9px;font-weight:800}.panel-heading h2{margin:3px 0 0;font-family:Georgia,serif;font-size:22px}.step-pill{letter-spacing:1px;color:#63805f;background:#e7eddc;border-radius:20px;padding:7px 10px;font-size:9px;font-weight:700}.level-grid{gap:10px;display:grid}.level-card{text-align:left;cursor:pointer;background:#fffdf6;border:1px solid #ddd6c5;border-radius:13px;align-items:center;width:100%;min-height:86px;padding:10px 12px;transition:all .18s;display:flex;position:relative;overflow:hidden}.level-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 24px #3f4d351a}.level-card:before{content:"";background:var(--accent);width:4px;position:absolute;top:0;bottom:0;left:0}.level-index{color:#aaa99d;align-self:flex-start;margin-right:9px;font-family:Georgia,serif;font-size:11px}.level-art{background:#edf1df;border-radius:50%;flex:none;place-items:center;width:57px;height:57px;display:grid}.level-art svg{width:38px;height:38px}.level-copy{flex-direction:column;min-width:0;margin-left:11px;display:flex}.level-copy strong{font-family:Georgia,serif;font-size:16px}.level-copy small{color:#7c827a;margin-top:3px;font-size:10px}.level-copy .time{color:var(--accent);margin-top:7px;font-weight:700}.arrow{color:var(--accent);margin-left:auto;padding:6px;font-size:22px}.home-footer{z-index:3;letter-spacing:1.5px;color:#617260;justify-content:space-between;max-width:940px;margin:14px auto 0;font-size:8px;font-weight:700;display:flex;position:relative}.home-footer button{cursor:pointer;color:#506b51;background:0 0;border:0;font-size:9px}.home-footer i{margin:0 5px}.green{fill:#5c9657}.stroke{fill:none;stroke:#4d674b;stroke-width:4px;stroke-linecap:round}.cream{fill:#fff6d9}.yellow{fill:#efb84b}.red{fill:#d96152}.berry2{fill:#b84248}.sunrays{fill:none;stroke:#df9943;stroke-width:5px;stroke-linecap:round}.face{fill:none;stroke:#93662f;stroke-width:3.5px;stroke-linecap:round}.bell{fill:#dfa34a}.yarn{fill:#d28b82}.yarnline{fill:none;stroke:#a75c61;stroke-width:3px;stroke-linecap:round}.game-shell{background:#f7edd6;flex-direction:column;min-height:100svh;display:flex;overflow:hidden}.game-top{z-index:10;background:#fffaf0;border-bottom:1px solid #ddd4c0;justify-content:space-between;align-items:center;height:68px;padding:0 16px;display:flex}.game-title{text-align:center;flex-direction:column;display:flex}.game-title span{font-family:Georgia,serif;font-size:18px;font-weight:700}.game-title small{letter-spacing:1.2px;color:#778078;text-transform:uppercase;margin-top:2px;font-size:9px}.game-actions{gap:7px;display:flex}.icon-btn{background:#fffdf7;width:36px;height:36px}.icon-btn.back{font-size:21px}.stats{background:#f3e5c8;border-bottom:1px solid #d9ccb2;grid-template-columns:65px 1fr 65px;align-items:center;gap:12px;height:59px;padding:10px 18px;display:grid}.stats>div:first-child{text-align:left}.stats>div:last-child{text-align:right}.stats span,.progress-wrap>span{letter-spacing:1.2px;color:#7c8176;font-size:8px;font-weight:800;display:block}.stats strong{font-family:Georgia,serif;font-size:15px}.progress-wrap{text-align:center}.progress{background:#ddd1b9;border-radius:9px;height:5px;margin-top:7px;overflow:hidden}.progress i{background:#6b9c61;border-radius:9px;height:100%;transition:width .3s;display:block}.board{background:linear-gradient(#dce9d1 0%,#edf1d9 62%,#c8dcab 63%);height:min(55svh,540px);min-height:330px;position:relative;overflow:hidden}.hill{pointer-events:none;border-radius:50%;position:absolute}.h-back{background:#b8d19e;width:130%;height:44%;bottom:4%;left:-50%;transform:rotate(4deg)}.h-front{background:#9fc180;width:120%;height:37%;bottom:-12%;right:-54%;transform:rotate(-8deg)}.board-sprig{color:#6b9665;z-index:1;font-size:40px;position:absolute;bottom:20px}.board-sprig.left{left:4%}.board-sprig.right{right:5%;transform:scaleX(-1)}.tile-field{aspect-ratio:1.15;width:min(94vw,530px);position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.tile{aspect-ratio:.86;cursor:pointer;background:#cdbf9d;border:0;border-radius:10px;width:17.5%;padding:0;transition:filter .2s,transform .12s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px #a79778,0 6px 9px #42453138}.tile:before{content:"";pointer-events:none;border:1px solid #c7b98f;border-radius:8px;position:absolute;inset:3px}.tile span{background:#fff9e8;border-radius:7px;place-items:center;display:grid;position:absolute;inset:5px;box-shadow:inset 0 0 0 1px #e8dec6}.tile svg{width:76%;height:76%}.tile.exposed:hover{filter:brightness(1.04);transform:translate(-50%,-53%)}.tile.exposed:active{transform:translate(-50%,-48%)scale(.96)}.tile.covered{filter:saturate(.7)brightness(.82);cursor:not-allowed}.tile.covered span:after{content:"";background:#4346361f;border-radius:7px;position:absolute;inset:0}.tray-area{z-index:6;background:#fffaf0;border-top:1px solid #d7cdb8;padding:12px 15px 10px;position:relative}.tray-label{justify-content:space-between;max-width:510px;margin:0 auto 7px;display:flex}.tray-label small{color:#7c8177;font-family:Georgia,serif;font-size:10px}.tray{grid-template-columns:repeat(7,1fr);gap:5px;max-width:510px;margin:auto;display:grid}.tray-slot{aspect-ratio:.86;background:#eee6d5;border:1px dashed #c9c0ae;border-radius:8px;place-items:center;min-width:0;display:grid}.mini-tile{background:#fff8e5;border:1px solid #cabb9b;border-radius:6px;place-items:center;width:88%;height:88%;animation:.2s pop;display:grid;box-shadow:0 2px #b6a88b}.mini-tile svg{width:80%;height:80%}.tray.danger .tray-slot{background:#f5e2d8;border-color:#c78075}.tray-count{text-align:center;background:#eee6d5;border-radius:8px;max-width:510px;height:14px;margin:6px auto 0;position:relative;overflow:hidden}.tray-count i{background:#b9d09a;transition:width .2s;position:absolute;top:0;bottom:0;left:0}.tray-count span{z-index:1;color:#59645a;font-size:8px;font-weight:700;line-height:14px;position:relative}.game-bottom{color:#768075;background:#f7edd6;justify-content:center;align-items:center;gap:18px;min-height:43px;font-size:9px;display:flex}.game-bottom button{color:#4d6a4e;cursor:pointer;background:0 0;border:0;font-weight:800}.game-bottom span{font-family:Georgia,serif}.overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#242e279e;place-items:center;padding:18px;animation:.18s fade;display:grid;position:fixed;inset:0}.modal{background:#fffaf0;border:1px solid #e0d4bd;border-radius:22px;width:min(100%,430px);padding:28px;animation:.25s rise;position:relative;box-shadow:0 24px 70px #171e194d}.modal-close{cursor:pointer;background:#eee7d8;border:0;border-radius:50%;width:32px;height:32px;font-size:20px;position:absolute;top:13px;right:14px}.modal h2{text-align:center;margin:7px 0 22px;font-family:Georgia,serif;font-size:31px}.how-row{border-top:1px solid #e3dccd;grid-template-columns:26px 55px 1fr;align-items:center;gap:11px;padding:14px 0;display:grid}.how-row>b{color:#8c998a;align-self:start;font-family:Georgia,serif}.how-row p{color:#6d756d;margin:0;font-size:11px;line-height:1.45}.how-row p strong{color:#334438;margin-bottom:2px;font-size:13px;display:block}.how-icon{width:51px;height:47px;display:block;position:relative}.how-icon.stacked i{background:#fff3d8;border:2px solid #b8a982;border-radius:5px;width:27px;height:32px;position:absolute}.how-icon.stacked i:first-child{top:12px;left:2px}.how-icon.stacked i:nth-child(2){top:12px;left:20px}.how-icon.stacked i:nth-child(3){background:#e5b95d;top:1px;left:11px}.how-icon.trio{align-items:center;gap:2px;display:flex}.how-icon.trio i{background:#d4857b;border:1px solid #b76f67;border-radius:4px;width:16px;height:25px}.how-icon.slots{align-items:center;gap:2px;display:flex}.how-icon.slots i{background:#ede4d1;border:1px solid #c9bfa9;border-radius:2px;width:6px;height:25px}.primary,.secondary{cursor:pointer;border:0;border-radius:12px;width:100%;height:48px;font-weight:700}.primary{color:#fff;background:#527b50;margin-top:11px;box-shadow:0 4px #365d39}.secondary{color:#587058;background:0 0;margin-top:11px}.result-modal{text-align:center}.result-badge{color:#fff;border:6px solid #fffaf0;border-radius:50%;place-items:center;width:65px;height:65px;margin:-60px auto 20px;font-size:29px;font-weight:700;display:grid}.result-badge.won{background:#6b9b61}.result-badge.lost{background:#bf766b}.result-modal h2{margin-bottom:9px}.result-modal>p{color:#737b72;font-family:Georgia,serif;font-size:14px;line-height:1.5}.result-stats{border-top:1px solid #dfd7c7;border-bottom:1px solid #dfd7c7;grid-template-columns:repeat(3,1fr);margin:24px 0 6px;display:grid}.result-stats span{border-right:1px solid #dfd7c7;padding:13px 5px}.result-stats span:last-child{border:0}.result-stats small{letter-spacing:1.2px;color:#8b8d84;font-size:8px;display:block}.result-stats strong{margin-top:4px;font-family:Georgia,serif;font-size:17px;display:block}@keyframes pop{0%{opacity:.3;transform:scale(.6)}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:.7;transform:translateY(14px)}}@media (min-width:720px){.home-shell{padding-bottom:28px}.home-top{height:70px}.hero{padding-top:28px}.pasture-art{margin-top:9px}.level-panel{padding:19px 24px}.level-grid{grid-template-columns:repeat(3,1fr)}.level-card{align-items:flex-start;min-height:110px;padding:12px 10px}.level-card .level-art{width:51px;height:51px}.level-copy{margin-left:8px}.level-copy strong{font-size:15px}.arrow{position:absolute;bottom:8px;right:8px}.game-shell{max-width:760px;margin:auto;box-shadow:0 0 60px #303e2d2e}body{background:#d9e2cc}.board{height:min(57svh,570px)}.tile-field{width:min(67vw,545px)}.tray-area{padding-top:14px}}@media (max-width:430px){.desktop-break{display:none}.hero h1{font-size:40px}.hero{padding-top:28px}.level-panel{padding:18px 13px}.home-footer>span{display:none}.home-footer{justify-content:center}.game-bottom span{display:none}.board{min-height:315px}.modal{padding:25px 20px}.tile{border-radius:8px}.stats{grid-template-columns:52px 1fr 52px}}@media (max-height:720px) and (max-width:719px){.board{height:45svh;min-height:280px}.game-top{height:58px}.stats{height:52px}.tray-area{padding-top:8px}.hero{padding-top:18px}.pasture-art{transform-origin:top;height:67px;margin-bottom:-13px;transform:scale(.85)}.hero h1{font-size:37px}.hero p{font-size:13px}.level-card{min-height:77px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}html{overflow-x:hidden}button{touch-action:manipulation;-webkit-tap-highlight-color:#527b502e}h1,h2{text-wrap:balance}.stats strong,.tray-count,.result-stats strong{font-variant-numeric:tabular-nums}.overlay{overscroll-behavior:contain}.game-shell{padding-bottom:env(safe-area-inset-bottom)}.home-shell{padding-left:max(5vw,env(safe-area-inset-left));padding-right:max(5vw,env(safe-area-inset-right));padding-bottom:max(34px,env(safe-area-inset-bottom))}.round-btn:hover,.icon-btn:hover{background:#eef1e3;border-color:#809477}.home-footer button:hover,.game-bottom button:hover{text-decoration:underline}.primary:hover{background:#456d46}.secondary:hover{background:#eef0e2}