@font-face{font-family:Game;src:local('Trebuchet MS');font-display:swap}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:Game,'Trebuchet MS',Arial,sans-serif;color:#fff7df;background:#143f35}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #fff0a4;outline-offset:5px}button:disabled{opacity:.42;cursor:default}button{touch-action:manipulation}[hidden]{display:none!important}#app{width:100%;height:100svh;min-height:560px;position:relative;overflow:hidden;isolation:isolate}.landscape{position:absolute;inset:0;z-index:-3;background:url('assets/valley.webp') center/cover no-repeat;transition:filter 1s,transform 1s}.is-home .landscape{filter:brightness(.64);transform:scale(1.035)}.vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(9,34,24,.55),transparent 32%,transparent 68%,rgba(8,33,28,.72));pointer-events:none}.is-home .vignette{background:linear-gradient(90deg,rgba(7,36,26,.1),rgba(7,36,26,.2) 35%,rgba(7,36,26,.8))}.topbar{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:25px 4%;z-index:5}.brand{background:none;border:0;color:#fff0c8;text-align:center;text-shadow:0 3px 1px #224a28,0 5px 18px #163c25;transform:rotate(-4deg);line-height:1}.brand-name{font-size:39px;font-weight:1000;letter-spacing:-2px;display:block}.brand-dot{color:#ffcf66}.brand-sub{font-size:9px;letter-spacing:2.7px;font-weight:800;display:block;margin-top:8px}.top-actions{display:flex;align-items:center;gap:12px}.collection,.icon-button{border:1px solid #ffffff38;background:#173c32b8;box-shadow:0 4px 12px #072a2825;backdrop-filter:blur(12px);color:#fff2d0}.collection{border-radius:24px;padding:12px 17px;display:flex;align-items:center;gap:9px;font-weight:800}.collection small{font-size:13px;color:#d3d9bb;font-weight:400}.leaf-mark{color:#ffdd73}.icon-button{width:45px;height:45px;border-radius:50%;font-size:23px;font-weight:700;display:grid;place-items:center}.icon-button svg{width:21px;height:21px}.icon-button:hover{background:#35624b}.home-screen{height:100%;position:relative;display:flex;align-items:center;justify-content:center;padding:90px 7% 80px;gap:5%}.home-panda{position:relative;width:44%;max-width:560px;margin-top:35px;align-self:center;animation:float 6s ease-in-out infinite}.home-panda img{display:block;width:100%;filter:drop-shadow(0 18px 16px #081c2670);position:relative;z-index:1}.panda-shadow{position:absolute;width:55%;height:6%;background:#08231a70;filter:blur(15px);bottom:11%;left:24%;border-radius:50%}.home-copy{width:46%;max-width:580px;margin-bottom:0}.eyebrow{font-size:11px;letter-spacing:2.7px;font-weight:800;color:#d5d9a5;display:flex;align-items:center;gap:10px}.eyebrow>span{height:1px;width:28px;background:#f5d47d}.home-copy h1{font-size:clamp(48px,5.5vw,80px);line-height:1.04;letter-spacing:-3px;margin:22px 0;color:#fff9e8;font-weight:800}.home-copy h1 em{font-style:normal;color:#f6d482}.home-copy p{font-size:19px;line-height:1.65;color:#e3ead7;margin:0 0 32px}.primary{background:linear-gradient(#ffdf8e,#f1bd56);border:1px solid #ffecb2;border-bottom:5px solid #b17c30;border-radius:19px;box-shadow:0 7px 22px #172d2045,inset 0 2px 0 #fff8d4;color:#3e3c20;padding:18px 26px;display:flex;gap:25px;align-items:center;justify-content:center;font-size:19px;font-weight:800;transition:transform .15s,filter .15s;min-height:61px}.primary:hover{filter:brightness(1.07);transform:translateY(-2px)}.primary:active{transform:translateY(2px)}.primary span{font-size:17px}.home-play{min-width:290px}.text-button{color:inherit;background:none;border:0;font-size:15px;padding:17px 2px;display:block}.home-copy .text-button{margin-left:22px;color:#dde6c9}.text-button span{margin-left:15px}.home-foot{position:absolute;bottom:29px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#e2e6c8b0}.home-foot span:last-child{letter-spacing:.5px}.game-screen{height:100%;position:relative}.level-heading{position:absolute;top:26px;left:50%;transform:translateX(-50%);text-align:center;z-index:4;width:52%;pointer-events:none}.level-heading button{pointer-events:auto}.pill{color:#fcf5dc;border:1px solid #ffffff35;background:#174238b8;backdrop-filter:blur(12px);padding:9px 17px;border-radius:30px;font-size:13px}.level-pill{display:inline-flex;align-items:center;gap:12px}.grid-symbol{font-size:17px}.level-heading h1{font-size:26px;letter-spacing:-.6px;margin:12px 0 7px;text-shadow:0 2px 12px #092e23}.level-heading p{font-size:15px;margin:0;color:#ffffe8;text-shadow:0 2px 6px #052b22}.objectives{display:flex;gap:7px;justify-content:center;margin-top:11px}.objective{border:1px solid #fff5cb42;border-radius:20px;background:#123e35cc;padding:6px 12px;font-size:12px;box-shadow:0 4px 10px #14382926}.objective.flower{color:#ffd5e6}.objective.key{color:#ffdd86}.board{position:absolute;inset:150px 0 100px;touch-action:manipulation}.board canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.tile-controls{position:absolute;inset:0;z-index:2;pointer-events:none}.tile-hit{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;border-radius:45%;pointer-events:auto;cursor:pointer;min-width:30px;min-height:30px;opacity:0}.tile-hit:focus-visible{opacity:1;background:#ffe49222;border:3px solid #ffefa0;outline:0}.guide{position:absolute;left:2.5%;bottom:115px;width:180px;pointer-events:none;z-index:3}.guide img{width:150px;filter:drop-shadow(0 8px 8px #08312277)}.guide>div{font-size:13px;line-height:1.4;text-align:center;padding:10px 12px;border-radius:15px;background:#fff7dfee;color:#325340;box-shadow:0 4px 14px #073b3828;max-width:180px;margin-top:-18px;position:relative}.game-controls{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:24px;width:max-content;z-index:4}.tools{display:flex;gap:10px;padding:8px 12px;border:1px solid #fff3bc35;background:#143f34de;backdrop-filter:blur(16px);border-radius:22px;box-shadow:0 6px 18px #062e3038}.tool-button{background:none;border:0;color:#ffefd0;min-width:49px;padding:0 4px;display:flex;flex-direction:column;align-items:center;gap:3px}.tool-button>span{font-size:26px;line-height:1}.tool-button small{font-size:11px}.go-button{min-width:195px}.move-counter{min-width:54px;text-align:center;display:flex;flex-direction:column;color:#f3f2d9}.move-counter strong{font-size:26px}.move-counter span{font-size:11px;letter-spacing:.5px}.notice{position:absolute;bottom:117px;left:50%;transform:translateX(-50%) translateY(8px);background:#153a30ed;border:1px solid #e3d8a76b;color:#fff9d9;border-radius:16px;padding:12px 20px;font-size:14px;opacity:0;transition:opacity .2s,transform .2s;z-index:6;pointer-events:none;max-width:85%;text-align:center}.notice.show{opacity:1;transform:translateX(-50%) translateY(0)}.panel{border:1px solid #e6d8a7;border-radius:30px;padding:36px;background:linear-gradient(145deg,#fffbee,#f1ebd3);color:#294b37;box-shadow:0 25px 100px #031e2580;width:510px;max-width:calc(100vw - 30px);max-height:calc(100svh - 35px);overflow:auto}.panel::backdrop{background:#062f2cbf;backdrop-filter:blur(9px)}.panel h2{font-size:35px;margin:10px 0 8px;letter-spacing:-1.3px}.panel p{font-size:15px;line-height:1.55;color:#65745a}.panel .eyebrow{color:#839269;font-size:10px}.close{position:absolute;right:19px;top:15px;border:0;background:#dfe5ce;border-radius:50%;width:34px;height:34px;color:#456048;font-size:25px}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:28px 0}.level-cell{aspect-ratio:1;border:1px solid #b6c7a1;background:linear-gradient(#e8eed7,#d2ddb9);color:#385e35;border-radius:17px;position:relative;font-size:24px;font-weight:800;box-shadow:0 4px 0 #b2c498}.level-cell.current{background:linear-gradient(#f9df95,#f0cb6e);border-color:#debb68;box-shadow:0 4px 0 #bea159}.level-cell.done{background:linear-gradient(#5e8e54,#3f713d);color:#fff8cf;box-shadow:0 4px 0 #31532a}.level-cell.done:after{content:'✦';font-size:11px;position:absolute;right:6px;top:5px;color:#ffdf7b}.level-cell:disabled{opacity:.45;font-size:17px;box-shadow:none}.panel-foot{font-size:12px;color:#7c886e}.help-step{display:flex;gap:15px;align-items:center;margin:15px 0}.help-step b{border-radius:50%;background:#dce6c5;color:#4b6a3b;min-width:35px;height:35px;display:grid;place-items:center}.help-step p{margin:0;font-size:14px}.help-step strong{color:#315336}.calm-note{border-top:1px solid #d9ddc4;padding-top:16px}.help-dialog .primary{width:100%;font-size:17px}.win-dialog{text-align:center;width:410px;padding:25px 35px}.win-dialog .eyebrow{justify-content:center}.win-spark{color:#d7a441;font-size:40px}.win-dialog h2{margin:8px 0 0;font-size:33px}.win-dialog img{width:170px;height:160px;object-fit:contain;margin:4px 0 -10px}.win-dialog p{margin:5px 0 20px}.win-dialog .primary{width:100%;font-size:16px;gap:12px}.win-dialog .text-button{margin:auto;font-size:13px}.error-card{position:absolute;inset:25%;padding:24px;background:#fff8de;color:#294b37;border-radius:20px;z-index:9;text-align:center}.error-card button{display:block;margin:15px auto}.is-running .tile-hit{pointer-events:none}.is-running .tool-button{pointer-events:none;opacity:.4}@keyframes float{50%{transform:translateY(-9px)}}@media(min-width:1500px){.board{inset:160px 10% 110px}.home-copy h1{font-size:85px}}@media(max-width:800px){.topbar{padding:18px 20px}.brand-name{font-size:31px}.brand-sub{font-size:7px;letter-spacing:2px}.top-actions{gap:7px}.icon-button{height:38px;width:38px;font-size:20px}.collection{padding:10px 12px}.home-screen{gap:0;padding-left:3%;padding-right:5%}.home-copy{width:51%}.home-copy h1{font-size:52px}.home-copy .eyebrow{font-size:9px;letter-spacing:1.5px}.home-copy p{font-size:16px}.home-play{min-width:240px;font-size:17px;padding:15px}.home-panda{width:48%}.level-heading{top:85px;width:95%}.level-heading h1{font-size:24px;margin:9px 0 5px}.level-heading p{font-size:13px}.board{inset:195px 0 115px}.guide{left:10px;bottom:105px;width:110px}.guide img{width:95px}.guide>div{font-size:11px;padding:7px;max-width:110px}.game-controls{gap:15px}.go-button{min-width:170px;font-size:17px}.tools{gap:5px}.move-counter{min-width:35px}.objectives{margin-top:8px}.notice{bottom:110px}}@media(max-width:560px){#app{min-height:600px}.home-screen{display:block;padding:100px 25px 45px}.home-panda{position:absolute;width:65%;left:17.5%;top:10%;max-width:320px;margin-top:0}.home-copy{position:absolute;bottom:70px;width:100%;left:0;padding:0 28px;text-align:center;max-width:none}.home-copy .eyebrow{justify-content:center;font-size:8px;letter-spacing:2px}.home-copy h1{font-size:44px;letter-spacing:-1.7px;line-height:1.03;margin:14px 0}.home-copy h1 br{display:none}.home-copy p{font-size:15px;line-height:1.5;margin:0 0 20px}.home-copy p br{display:none}.home-play{width:100%;max-width:330px;margin:auto}.home-copy .text-button{margin:0 auto;padding:15px}.home-foot{bottom:22px;font-size:9px;left:24px;right:24px;letter-spacing:1px}.home-foot span:last-child{font-size:10px;letter-spacing:0}.is-home .vignette{background:linear-gradient(180deg,#0d3c2822 20%,#0b352a55 38%,#0b352aef 71%)}.home-panda img{max-height:330px;object-fit:contain}.level-heading{top:86px}.level-heading h1{font-size:23px}.board{inset:204px -9% 151px}.guide{bottom:148px;left:9px;width:90px}.guide img{width:85px}.guide>div{display:none}.game-controls{bottom:24px;gap:12px;flex-wrap:wrap;width:calc(100% - 36px);justify-content:space-between}.tools{gap:5px;border-radius:18px;padding:10px 7px}.tool-button{min-width:43px}.tool-button small{font-size:10px}.go-button{min-width:0;flex:1;padding:15px 10px;font-size:16px;gap:12px}.move-counter{position:absolute;right:8px;top:-46px;flex-direction:row;gap:6px;align-items:baseline}.move-counter strong{font-size:20px}.notice{bottom:115px;font-size:13px;width:85%;padding:10px 12px}.level-grid{gap:9px}.panel{padding:28px 22px}.panel h2{font-size:30px}.level-cell{border-radius:12px;font-size:21px}.collection{font-size:14px}.collection small{font-size:11px}.objective{font-size:11px;padding:5px 9px}}
@media(max-height:650px) and (min-width:561px){#app{min-height:440px}.topbar{padding:14px 22px}.home-screen{padding-top:70px;padding-bottom:40px}.home-panda{max-width:380px;margin-top:0}.home-copy h1{font-size:49px;margin:12px 0}.home-copy p{margin-bottom:17px}.home-copy .eyebrow{font-size:9px}.home-foot{bottom:15px}.level-heading{top:15px;width:56%}.level-heading h1{font-size:21px;margin:8px 0 5px}.level-heading p{font-size:12px}.board{inset:115px 12% 85px}.guide{bottom:90px;width:100px}.guide img{width:100px}.guide>div{display:none}.game-controls{bottom:13px}.primary{min-height:52px;padding:12px 20px}.notice{bottom:85px}.objectives{margin-top:5px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* v36.5 — original supplied PNG assets, no raster resampling */
.brand{transform:none;width:160px;padding:0}.brand img{width:100%;display:block}.icon-button{border:0;background:none!important;box-shadow:none;backdrop-filter:none;width:54px;height:54px;padding:0;position:relative}.icon-button img{width:100%;height:100%;object-fit:contain}.icon-button.muted:after{content:"";position:absolute;width:65%;height:3px;transform:rotate(-45deg);background:#fff2bc;box-shadow:0 1px 3px #193719}.is-home .landscape{filter:none;transform:none}.is-home .vignette{background:linear-gradient(0deg,#133a3277,transparent 70%)}.home-screen{padding:80px 6% 25px;gap:2%}.home-panda{width:40%;max-width:440px;margin:0}.home-panda img{max-height:76svh;object-fit:contain}.home-copy{width:48%;max-width:540px;text-align:center}.home-copy h1{margin:0;line-height:1}.menu-logo{display:block;width:100%;max-height:30svh;object-fit:contain}.home-copy p{color:#fffce9;text-shadow:0 2px 4px #174526;margin:0 0 8px;font-size:18px}.art-button{display:block;width:100%;max-width:380px;margin:0 auto;border:0;background:none;padding:0;line-height:0}.art-button img{width:100%;display:block}.art-button:hover{filter:brightness(1.08)}.collection{background:#214e36;border:3px solid #b0c659;backdrop-filter:none;padding:8px 12px}.level-heading{background:url('assets/ui/bamboo-strip.png') center/100% 100% no-repeat;color:#26442c;padding:18px 35px 22px;top:12px;max-width:600px}.level-heading h1{color:#26442c;text-shadow:none;font-size:23px;margin:4px 0}.level-heading p{color:#345436;text-shadow:none;font-size:13px}.level-pill{background:none;border:0;color:#345436;backdrop-filter:none;padding:0;font-weight:bold}.objectives{position:absolute;top:100%;left:0;right:0;margin-top:0}.guide img{width:170px}.guide>div{margin-top:-8px}.tools{background:none;border:0;box-shadow:none;backdrop-filter:none;padding:0;gap:4px}.tool-button{background:url('assets/ui/tool-frame.png') center/100% 100% no-repeat;width:68px;height:68px;justify-content:center;padding:12px;color:#fff8d6}.tool-button>span{font-size:24px}.tool-button small{font-size:10px}.go-button{background:url('assets/ui/bamboo-strip.png') center/100% 100% no-repeat;border:0;box-shadow:none;border-radius:0;min-height:76px;color:#294c2f}.level-dialog{width:780px;background:url('assets/ui/level-panel.png') center/100% 100% no-repeat;border:0;box-shadow:none;border-radius:0;padding:85px 80px 70px;text-align:center}.level-dialog .eyebrow{justify-content:center}.level-dialog h2{margin:5px 0;font-size:30px}.level-dialog p{margin:4px 0}.level-dialog .close{background:url('assets/ui/close.png') center/contain no-repeat;font-size:0;width:50px;height:50px;top:9%;right:7%}.level-grid{gap:8px;margin:18px 0}.level-cell,.level-cell.done{border:0;border-radius:0;box-shadow:none;background:url('assets/ui/level-tile.png') center/contain no-repeat;color:#fff8c4;font-size:30px;text-shadow:0 2px 3px #213b21}.level-cell.current{border:0;box-shadow:none;background:url('assets/ui/level-current.png') center/contain no-repeat}.level-cell.done:after{content:"";width:32%;height:32%;top:2%;right:0;background:url('assets/ui/star.png') center/contain no-repeat}.level-cell:disabled{opacity:.65}.panel-foot{color:#44613e}.game-controls{gap:16px}.board{inset:165px 0 110px}
@media(max-width:800px){.brand{width:125px}.topbar{padding:10px 16px}.level-heading{top:72px;width:94%;max-width:520px;padding:18px 30px}.board{inset:220px 0 110px}.guide{bottom:112px;width:110px}.guide img{width:110px}.game-controls{gap:8px}.tool-button{width:58px;height:58px;min-width:0}.level-dialog{padding:65px 9% 55px}.level-grid{gap:4px}}
@media(max-width:560px){#app{min-height:600px}.is-home .brand{visibility:hidden}.topbar{padding:9px 12px}.icon-button{width:44px;height:44px}.top-actions{gap:4px}.home-screen{display:flex;flex-direction:column;padding:65px 20px 16px;gap:0}.home-panda{position:relative;inset:auto;width:65%;max-width:260px;height:40%;order:1;flex:1;min-height:0;align-self:center}.home-panda img{width:100%;height:100%;max-height:none}.home-copy{display:contents}.home-copy h1{order:0;width:100%;height:22%;margin:0}.menu-logo{width:100%;height:100%;max-height:none}.home-copy p{order:2;font-size:14px;margin:4px 0;text-align:center}.home-copy p br{display:none}.art-button{order:3;width:min(100%,330px);flex-shrink:0;height:78px}.art-button img{height:100%;object-fit:contain}.home-copy #home-levels{order:4}.is-home .vignette{background:linear-gradient(0deg,#163b3288,transparent 70%)}.level-heading h1{font-size:20px}.level-heading p{font-size:12px}.board{inset:210px 0 135px}.guide{bottom:125px;left:5px;width:88px}.guide img{width:88px}.game-controls{bottom:15px;width:calc(100% - 20px);gap:4px;flex-wrap:nowrap}.tool-button{width:51px;height:57px;padding:9px}.go-button{font-size:15px;padding:12px 14px;min-height:65px}.move-counter{top:-28px}.notice{bottom:100px}.level-dialog{padding:66px 8% 55px}.level-dialog .eyebrow{font-size:8px;letter-spacing:1px}.level-dialog h2{font-size:25px}.level-dialog p,.panel-foot{font-size:11px}.level-cell{font-size:22px}.level-grid{margin:12px 0}.level-dialog .close{width:38px;height:38px}}
@media(max-height:650px) and (min-width:801px){.board{inset:140px 8% 85px}.game-controls{bottom:8px}.level-heading{padding:12px 25px}.guide img{width:100px}.home-panda img{max-height:75svh}.art-button{max-width:280px}.home-copy p{font-size:15px}.level-dialog{max-width:620px;padding:60px 65px 50px}}

/* v36.11: independent, readable bamboo panels and a scene fitted to its viewport. */
.level-heading{top:14px;width:min(540px,50%);max-width:none;padding:0;background:none;display:flex;flex-direction:column;align-items:center;gap:4px}
.level-heading .level-pill{min-height:40px;padding:4px 27px;font-size:14px;line-height:1.2;background:#fff8df;border:2px solid #85a33e;border-radius:18px;color:#294c2f;box-shadow:0 2px 5px #123d3355}
.level-heading h1,.go-button,#next{background:url('assets/ui/bamboo-strip.png') 50% 40.3% / 112.55% 183.76% no-repeat;border:0;border-radius:0;box-shadow:none;color:#294c2f;text-shadow:none}
.level-heading h1{width:100%;height:58px;display:grid;place-items:center;margin:0;padding:5px 40px;font-size:26px;line-height:1.1}
.level-heading p{background:#fff9e9f5;border:1px solid #99b566;border-radius:13px;padding:7px 15px;margin:0;max-width:94%;color:#294c2f;font-size:15px;line-height:1.3;text-shadow:none}
.objectives{margin:0;min-height:0;gap:6px}.objectives:empty{display:none}.objective{background:#fff9e9f5;color:#294c2f;font-size:13px;padding:3px 10px}
.board{inset:190px 2% 115px}.tile-hit{transform:none;border-radius:0;min-width:0;min-height:0}
.game-controls{bottom:max(15px,env(safe-area-inset-bottom));width:min(760px,94%);gap:18px;justify-content:center;flex-wrap:nowrap}
.go-button{height:86px;min-height:86px;min-width:270px;font-size:27px;font-weight:800;padding:8px 36px;gap:18px;flex:none}
.go-button:hover,#next:hover{transform:translateY(-2px);filter:brightness(1.06)}
.tools{gap:8px}.tool-button{width:65px;height:68px}.tool-button span{font-size:28px}.tool-button small{font-size:12px}
.move-counter{position:static;min-width:55px;flex-direction:column;gap:0}.move-counter strong{font-size:25px}
.guide{bottom:112px;left:12px;width:120px}.guide img{width:120px}.guide>div{display:none}
.notice{bottom:110px;z-index:8}
.win-dialog{width:560px;padding:30px 55px 28px;background:#fff9e6;border:14px solid transparent;border-image:url('assets/ui/tool-frame.png') 270 / 30px / 0 stretch;box-shadow:0 20px 90px #001c26aa}
.win-dialog .win-spark{width:65px;height:58px;background:url('assets/ui/star.png') center/240% no-repeat;font-size:0;margin:0 auto}
.win-dialog h2{font-size:32px;margin:6px 0}.win-dialog img{width:155px;height:175px;margin:0}.win-dialog p{font-size:16px;line-height:1.45;margin:8px 0 12px}
.win-dialog #next{min-height:76px;font-size:21px;padding:12px 25px;gap:10px}.win-dialog .text-button{min-height:44px;font-size:15px}
@media(max-width:800px){
 .level-heading{top:68px;width:min(540px,94%);gap:3px}.level-heading h1{height:52px;font-size:23px}.level-heading p{font-size:14px;padding:5px 12px}.level-heading .level-pill{min-height:36px}
 .board{inset:230px 1% 108px}.guide{display:none}.game-controls{gap:10px}.go-button{min-width:220px;font-size:23px;height:78px;min-height:78px}.move-counter{min-width:40px}
}
@media(max-width:560px){
 .level-heading{top:64px}.level-heading h1{height:50px}.level-heading .level-pill{font-size:13px;min-height:36px}.level-heading p{font-size:13px;padding:6px 10px}.objective{font-size:12px}
 .board{inset:223px 0 155px}.game-controls{width:96%;bottom:max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto;gap:3px 10px}
 .go-button{grid-column:1 / -1;grid-row:1;justify-self:center;width:82%;min-width:0;height:76px;min-height:76px;font-size:26px;padding:8px 28px}
 .tools{grid-column:1;grid-row:2;justify-self:center}.tool-button{width:55px;height:55px;padding:5px}.tool-button span{font-size:23px}.tool-button small{font-size:11px}
 .move-counter{grid-column:2;grid-row:2;min-width:55px;margin-right:20px}.notice{bottom:153px}
 .win-dialog{padding:18px 22px 12px;border-width:10px;border-image-width:25px}.win-dialog h2{font-size:28px}.win-dialog img{height:145px;width:130px}.win-dialog p{font-size:15px}.win-dialog #next{font-size:18px;min-height:70px;padding:10px 25px}
}
@media(max-height:540px) and (min-width:561px){
 .topbar{padding:7px 12px}.brand img{width:105px}.level-heading{top:5px;width:47%;gap:2px}.level-heading .level-pill{min-height:30px;font-size:12px}.level-heading h1{height:40px;font-size:20px}.level-heading p{font-size:12px;padding:3px 10px}.objective{font-size:11px}
 .board{inset:130px 1% 76px}.game-controls{bottom:2px;gap:12px}.go-button{height:68px;min-height:68px;min-width:220px;font-size:23px}.tool-button{height:54px;width:54px}.guide{display:none}
 .win-dialog{padding:12px 35px}.win-dialog .win-spark{display:none}.win-dialog img{width:80px;height:85px}.win-dialog h2{font-size:25px}.win-dialog p{margin:2px 0}.win-dialog #next{min-height:60px}
}

@media(max-height:540px) and (min-width:561px){
 .level-heading{left:7px;top:92px;transform:none;width:170px;gap:7px}.level-heading h1{height:58px;font-size:19px;padding:4px 19px}.level-heading p{font-size:12px;line-height:1.4}.level-heading .level-pill{padding:5px 15px;min-height:36px}.objectives{flex-wrap:wrap;justify-content:center}
 .board{inset:65px 154px 7px 180px}.game-controls{left:auto;right:5px;transform:none;bottom:12px;width:144px;display:flex;flex-direction:column;gap:7px}.game-controls .tools{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.go-button{width:144px;min-width:0;height:68px;padding:5px 14px;font-size:17px;gap:5px}.move-counter{flex-direction:row;align-items:baseline;gap:5px}.notice{bottom:8px;max-width:45%}
}