:root{color:#173b18;background:#254f28;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-synthesis:none;--sky-blue: #22a8f3;--blue-dark: #075c9c;--cream: #fffbdc;--grass: #baff74;--grass-dark: #2d7b20;--wood: #92501f;--wood-light: #c87a31;--ink: #142a18}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px;min-height:100svh;overflow-x:hidden;background:radial-gradient(circle at 20% 10%,rgb(133 199 76 / 45%),transparent 28rem),linear-gradient(135deg,#254f28,#17381c)}button{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:4px solid #fff;outline-offset:2px}img{-webkit-user-select:none;user-select:none;pointer-events:none}.game-shell{position:relative;width:min(100%,448px);min-height:100svh;margin:0 auto;overflow:hidden;display:grid;grid-template-rows:76px minmax(350px,1fr) 62px 88px 104px;padding:env(safe-area-inset-top) 10px env(safe-area-inset-bottom);background:radial-gradient(ellipse at 50% 110%,rgb(255 255 255 / 24%),transparent 34%),var(--grass);box-shadow:0 0 40px #00000052}.game-header{z-index:300;display:grid;grid-template-columns:58px 1fr 86px;align-items:center;gap:10px;padding-top:8px}.square-button{width:52px;height:52px;border:3px solid #07172e;border-radius:8px;background:var(--sky-blue);box-shadow:0 5px #063f70;cursor:pointer}.square-button img{width:86%;height:86%;object-fit:contain}.level-badge{justify-self:center;min-width:132px;padding:5px 18px 7px;border:3px solid #070707;border-radius:10px;color:#fff;background:#111;text-align:center;line-height:1.05;box-shadow:0 4px #0003}.level-badge small{display:block;color:#ffe34f;font-size:11px;letter-spacing:.1em}.level-badge strong{font-size:19px}.mini-capsule{height:38px;display:flex;align-items:center;justify-content:space-around;border-radius:22px;color:#fff;background:#3c8b2c47;font-weight:900;letter-spacing:.1em}.mini-capsule i{width:20px;height:20px;border:3px solid #fff;border-radius:50%}.board{position:relative;min-height:0}.board-inner{position:absolute;inset:50% auto auto 50%;width:min(100%,400px);aspect-ratio:400 / 360;transform:translate(-50%,-50%)}.tile{--size: 16%;position:absolute;left:calc(var(--tile-x) / 400 * 100%);top:calc(var(--tile-y) / 360 * 100%);z-index:calc(10 + var(--tile-z));width:var(--size);aspect-ratio:1;margin:0;padding:2px;border:2.5px solid #263b17;border-radius:7px;background:linear-gradient(#fffde8,#f2f8c9);box-shadow:0 5px #50831e,0 6px 7px #2d51133d;cursor:pointer;transition:filter .16s ease,transform .11s ease}.tile:hover:not(:disabled){transform:translateY(-2px)}.tile:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #50831e}.tile img{width:100%;height:100%;object-fit:contain}.tile--blocked{filter:brightness(.43) saturate(.72);cursor:not-allowed}.remaining-pill{position:absolute;right:4px;bottom:4px;padding:4px 10px;border-radius:13px;color:#32611f;background:#ffffff73;font-size:12px;font-weight:800}.grass-mark{position:absolute;width:26px;height:18px;border:solid var(--grass-dark);border-width:0 0 3px 3px;border-radius:50%;opacity:.75;transform:rotate(20deg)}.grass-mark:after{content:"";position:absolute;inset:3px 0 0 8px;border-left:3px solid var(--grass-dark);transform:rotate(-25deg)}.grass-mark--one{left:8%;top:12%}.grass-mark--two{right:8%;top:34%;transform:rotate(-20deg)}.grass-mark--three{left:16%;bottom:10%;transform:rotate(34deg)}.moved-area{z-index:120;display:flex;align-items:end;justify-content:center;gap:4px}.moved-hint{color:#29681f94;font-size:12px;font-weight:700}.mini-tile,.tray-slot{display:inline-flex;align-items:center;justify-content:center;min-width:0;aspect-ratio:1;border:2px solid #2f3b1e;border-radius:6px;background:var(--cream);box-shadow:0 3px #568622}button.mini-tile{width:52px;padding:2px;cursor:pointer}.mini-tile img{width:100%;height:100%;object-fit:contain}.tray{position:relative;z-index:100;display:flex;align-items:center;padding:8px 7px;border:4px solid #4c2a12;border-radius:8px;background:var(--wood);box-shadow:inset 0 7px #ffffff1a,0 5px #673612}.tray:before,.tray:after{content:"";position:absolute;z-index:-1;top:-12px;bottom:-12px;width:13px;border:3px solid #4c2a12;border-radius:8px;background:var(--wood-light)}.tray:before{left:-5px}.tray:after{right:-5px}.tray-slots{width:100%;display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.tray-slot{border-color:#5c311285;background:#562b1033;box-shadow:none}.tray-rail{position:absolute;left:0;right:0;height:4px;background:#d08a3f;border-block:1px solid #4c2a12}.tray-rail--top{top:6px}.tray-rail--bottom{bottom:5px}.tool-row{z-index:110;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:12px 30px 6px}.tool-button{position:relative;min-width:0;border:3px solid #07365c;border-radius:8px;color:#fff;background:var(--sky-blue);box-shadow:0 6px 0 var(--blue-dark),0 9px 10px #0f597829;text-shadow:0 2px 1px #07365c;font-size:17px;font-weight:900;cursor:pointer}.tool-button img{display:block;width:42px;height:36px;margin:-3px auto;object-fit:contain}.tool-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px 0 var(--blue-dark)}.tool-button:disabled{filter:grayscale(.72);opacity:.48;cursor:not-allowed}.tool-count{position:absolute;right:-9px;top:-11px;width:25px;height:25px;border:2px solid #fff;border-radius:50%;color:#fff;background:#05080d;line-height:21px;text-shadow:none;font-size:14px}.modal-backdrop{position:absolute;z-index:1000;inset:0;display:grid;place-items:center;padding:24px;background:#163510a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.result-card,.settings-card{position:relative;width:min(100%,340px);padding:34px 26px 26px;border:4px solid #48250f;border-radius:18px;color:#44250e;background:#fffbdc;box-shadow:0 10px #8c501f,0 22px 35px #00000040;text-align:center}.result-card h2,.settings-card h2{margin:4px 0 8px;font-size:29px}.result-card p{margin:8px 0 22px;line-height:1.55}.result-kicker{color:#3a8a26;font-weight:900;letter-spacing:.12em}.result-cow{width:76px;height:64px;margin:-70px auto 4px;display:grid;place-items:center;border:4px solid #43240e;border-radius:45% 45% 40% 40%;color:#fff;background:#b56a2c;box-shadow:inset 12px 0 #fff,inset -12px 0 #fff;font-weight:900}.primary-button,.secondary-button{width:100%;min-height:48px;border:3px solid #173d11;border-radius:9px;color:#fff;background:#58a92e;box-shadow:0 5px #2d701f;font-size:18px;font-weight:900;cursor:pointer}.secondary-button{color:#4b2b13;background:#ffd640;border-color:#6c4613;box-shadow:0 5px #b88715}.close-button{position:absolute;top:10px;right:12px;border:0;background:none;color:#6a3d1b;font-size:30px;cursor:pointer}.level-setting{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 14px;font-weight:900}.level-setting select{min-width:128px;min-height:42px;padding:0 34px 0 12px;border:3px solid #6c4613;border-radius:9px;color:#44250e;background:#fffef1;font:inherit;cursor:pointer}.setting-row{width:100%;display:flex;align-items:center;justify-content:space-between;margin:18px 0;padding:12px 0;border:0;border-block:2px solid #e6d8a2;color:#44250e;background:none;font-weight:900;cursor:pointer}.switch{width:52px;height:29px;padding:3px;border-radius:18px;background:#aab29d}.switch span{display:block;width:23px;height:23px;border-radius:50%;background:#fff;box-shadow:0 2px 3px #00000038;transition:transform .16s ease}.switch--on{background:#58a92e}.switch--on span{transform:translate(23px)}.sr-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.effect--invalid .board-inner{animation:shake .22s ease}.effect--match .tray{animation:glow .24s ease}.effect--tool .tool-row{animation:hop .22s ease}@keyframes shake{30%{transform:translate(-52%,-50%)}65%{transform:translate(-48%,-50%)}}@keyframes glow{50%{filter:brightness(1.22);box-shadow:0 0 28px #fff79e}}@keyframes hop{50%{transform:translateY(-4px)}}@media(max-height:700px){.game-shell{grid-template-rows:62px minmax(300px,1fr) 46px 68px 84px}.game-header{padding-top:3px}.square-button{width:44px;height:44px}.level-badge{transform:scale(.88)}.tool-row{padding-top:7px}.tool-button img{width:32px;height:27px}.tool-button{font-size:14px}button.mini-tile{width:42px}}@media(max-width:359px){.game-shell{padding-inline:7px}.game-header{grid-template-columns:46px 1fr 72px}.mini-capsule{height:32px}.tool-row{gap:10px;padding-inline:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}