:root{--orange:#ed9639;--brown:#713d25;--cream:#fff2c7;--green:#4e8a68}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:#173e3b;color:#593a28}button{font:inherit;-webkit-tap-highlight-color:transparent}.game{position:relative;margin:auto;width:min(100vw,480px);height:100svh;max-height:960px;min-height:620px;overflow:hidden;background:#f8e8ae;box-shadow:0 20px 60px #001b1788}.screen{position:absolute;inset:0}.hidden{display:none!important}.store{background:url('assets/store-night.png') center/cover no-repeat}.topbar{position:absolute;z-index:5;left:4%;right:4%;top:max(16px,env(safe-area-inset-top));display:flex;gap:9px;align-items:center}.level-badge{width:68px;height:68px;border-radius:30px;background:linear-gradient(#f9cb50,#e99422);border:4px solid #fff4d3;display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 5px 0 #9d562a}.pill{height:43px;padding:0 15px;border:3px solid #fff7dd;border-radius:22px;background:#fff3dce8;display:flex;align-items:center;font-weight:900;color:#a45330}.energy{font-size:12px;color:#b45847}.sound{margin-left:auto;width:46px;height:46px;border:3px solid #fff9e0;border-radius:50%;background:#eff3dfdd;color:#435546;font-weight:900}.shelf{position:absolute;z-index:3;left:3%;top:49%;width:28%;height:24%;border:0;background:transparent;display:grid;place-items:center}.shelf img{width:64px;filter:drop-shadow(0 5px 3px #5e352988)}.shelf span{padding:7px 10px;border-radius:15px;background:#fff9e8dd;border:3px solid #efbd64;font-weight:900;color:#8d6040}.order{position:absolute;right:4%;top:22%;z-index:3;width:120px;padding:10px;background:#fff9e9ed;border:3px solid #efb857;border-radius:17px 17px 4px;text-align:center;font-size:12px}.order b{display:block;color:#d67b28;margin:3px}.dock{position:absolute;z-index:5;left:9%;right:9%;bottom:max(18px,env(safe-area-inset-bottom));height:88px;border:4px solid #fff9e5;border-radius:38px 38px 18px;background:#fff9dded;display:flex;justify-content:space-around;align-items:center}.dock button{border:0;border-radius:16px;padding:11px;background:#6f9d70;color:#fff8df;font-weight:900}.dock .stage{width:100px;height:92px;transform:translateY(-12px);border:5px solid #fff3c9;border-radius:42px;background:linear-gradient(#d87c3d,#984b2d);font-size:15px}.stage strong{display:block;font-size:34px}.puzzle{background:repeating-linear-gradient(90deg,#fff0c5 0 4px,#f6dfaa 4px 8px,#fff7d9 8px 17px)}.puzzle-head{position:absolute;z-index:5;left:4%;right:4%;top:17px;display:flex;justify-content:space-between;align-items:center}.puzzle-head button,.stage-name{border:3px solid #fff3d3;border-radius:14px;padding:9px 14px;background:#bd6837;color:#fff1c4;font-weight:900;box-shadow:0 4px 0 #854229}.stage-name{background:#fff5d5;color:#a25c34;border-color:#dfad69;box-shadow:none}.board{position:absolute;left:4%;right:4%;top:9%;height:61%}.card{position:absolute;width:76px;height:76px;transform:translate(-50%,-50%);border:0;background:transparent;padding:0}.card.dense{width:58px;height:58px}.card img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 2px #61382455)}.status{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px;font-weight:900;color:#9e7045}.tray{position:absolute;z-index:4;left:3%;right:3%;bottom:15.5%;height:76px;border:5px solid #fff9dd;outline:3px solid #d59138;border-radius:18px;background:linear-gradient(#f1a535,#ffd05b);display:grid;grid-template-columns:repeat(7,1fr);padding:4px 8px}.slot{min-width:0;border-right:1px solid #cf8a3688;display:grid;place-items:center}.slot:last-child{border:0}.slot img{width:58px;max-width:100%}.tools{position:absolute;left:5%;right:5%;bottom:5%;display:flex;justify-content:space-between}.tools button{position:relative;width:55px;height:55px;border:3px solid #f4e3b9;border-radius:22px;background:linear-gradient(#70aa78,#4c7c61);box-shadow:0 4px 0 #315744;color:#fff4d3;font-weight:900}.tools i{position:absolute;right:-4px;bottom:-5px;border-radius:9px;padding:2px 6px;background:#654634;font-size:10px;font-style:normal}.tools button.spent{filter:grayscale(1);opacity:.5}.shade{position:absolute;z-index:20;inset:0;padding:24px;display:grid;place-items:center;background:#15251a9e;backdrop-filter:blur(2px)}.modal{position:relative;width:min(100%,390px);min-height:400px;padding:72px 30px 28px;border:5px solid #ed9742;border-radius:46px 46px 32px;background:linear-gradient(#fff4c3,#ffe198);text-align:center;box-shadow:0 18px 45px #13201488}.ribbon{position:absolute;top:24px;left:17%;right:17%;padding:10px;border-radius:20px;background:#b9662d;color:#fff0c0;font-size:25px;font-weight:900;box-shadow:inset 0 -5px #914c28}.modal img{width:130px;height:130px;object-fit:contain}.modal p{line-height:1.65}.guide{text-align:left;background:#fffdf2;border-radius:22px;padding:12px 18px}.primary{min-width:200px;margin-top:14px;padding:13px 20px 16px;border:0;border-radius:16px;background:linear-gradient(#ffb458,#ef923b);box-shadow:0 5px 0 #c86c2c;color:#fff8dd;font-size:18px;font-weight:900}.secondary{margin-top:12px;border:2px solid #d99a4b;border-radius:13px;padding:9px 15px;background:#fff8df;color:#875937;font-weight:900}.toast{position:absolute;z-index:40;left:50%;bottom:26%;transform:translateX(-50%);max-width:82%;padding:11px 17px;border-radius:18px;background:#39362ddb;color:#fff7dd;font-size:13px;font-weight:900;text-align:center}@media(max-height:720px){.card{width:64px;height:64px}.card.dense{width:51px;height:51px}.tray{height:65px}.tools button{width:47px;height:47px}}@media(min-width:481px){.game{border:5px solid #d7ba7e;border-radius:24px}}