*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#2a2830;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}button{font:inherit;border:0}.phone{width:min(100vw,430px);min-height:100vh;margin:auto;overflow:hidden;background:linear-gradient(#f5ba63 0 34%,#df536c 34%);color:#65381e;box-shadow:0 0 40px #0008}.scene{height:190px;position:relative;overflow:hidden}.scene-bg{position:absolute;width:100%;height:100%;object-fit:cover}.resources{position:relative;z-index:3;height:64px;padding:6px 11px;display:flex;align-items:center;gap:5px;color:#fff;font-weight:900;text-shadow:0 2px 1px #76331f}.profile{width:48px;height:48px;border:3px solid #fff1c7;border-radius:50%;background:#c75de8;position:relative}.profile img{width:100%;height:100%;border-radius:50%}.profile b{position:absolute;bottom:-8px;left:-5px;background:#5267b0;border-radius:7px;padding:0 5px}.stars{width:50px;text-align:center}.stars i{display:block;color:#ffdf00;font-style:normal;font-size:34px;line-height:27px}.energy{width:158px;display:flex;align-items:center;position:relative}.energy>i{font-size:50px;color:#ff78eb;font-style:normal;line-height:40px;margin-right:-12px;z-index:2}.track{width:93px;height:28px;border:3px solid #f9dcbf;border-radius:18px;background:#6c2a89;overflow:hidden;position:relative}.track span{height:100%;display:block;background:linear-gradient(#ef69ff,#c327df)}.track b{position:absolute;inset:0;text-align:center}.energy em{font-style:normal;background:#d951e9;border-radius:15px;padding:4px}.energy small{position:absolute;top:35px;left:42px}.gems{flex:1;height:39px;min-width:74px;border:3px solid #f7ddc7;border-radius:21px;background:#fff0d4;color:#82401e;text-shadow:none;display:flex;align-items:center;justify-content:space-around}.gems i{width:30px;height:27px;background:linear-gradient(135deg,#ffc2fb,#ef2dd7 55%,#9c18ca);clip-path:polygon(24% 0,78% 0,100% 38%,52% 100%,0 38%)}.people{position:absolute;inset:55px 0 0}.people>img{position:absolute;height:150px;bottom:-14px;left:185px}.people>img:last-child{height:135px;left:auto;right:-14px}.showcase{position:absolute;left:32px;bottom:0;width:87px;height:97px;border:5px solid #e4a426;border-radius:11px;background:linear-gradient(#93daeb,#ef7892);box-shadow:inset 0 0 0 3px #fff0a7;z-index:2}.showcase img{width:78px;height:78px}.showcase small{position:absolute;left:8px;right:8px;bottom:-9px;border-radius:10px;background:#fff;text-align:center}.orders{height:86px;padding:0 8px 6px;display:flex;align-items:end;gap:5px;border-bottom:5px solid #e65863;background:linear-gradient(#f7bf6e,#f5a43c)}.jewel{width:106px;height:58px;border:4px solid #a467df;border-radius:16px;background:#fff4df;display:flex;align-items:center}.jewel img{width:33.333%;height:44px;object-fit:contain}.order-card{height:74px;flex:1;border:3px solid #8bd145;border-radius:17px 17px 7px 7px;background:#fff7ea;position:relative}.order-card header{height:23px;padding:0 8px;border-radius:14px 14px 0 0;background:#efffbd;font-size:12px;display:flex;justify-content:space-between;align-items:center}.order-card>div{display:flex;gap:2px;padding:3px}.need{width:42px;height:42px;border-radius:8px;background:#f4e7d3;position:relative}.need.found{background:#b9fa80}.need img{width:100%;height:100%;object-fit:contain}.need i{position:absolute;right:-2px;bottom:-2px;width:17px;height:17px;border-radius:50%;background:#47bf31;color:#fff;font:900 13px/17px sans-serif;text-align:center}.order-card button{position:absolute;right:5px;top:29px;width:61px;height:35px;border-radius:20px;color:#fff;background:linear-gradient(#b0d77d,#7aa55e);font-weight:900;box-shadow:0 3px 0 #54713f}.order-card button.ready{background:linear-gradient(#a9ed55,#45b41d);box-shadow:0 3px 0 #278b17}.next{width:50px;height:58px;border-radius:11px;background:#fff1d3;text-align:center;font-size:11px}.next img{width:43px;height:43px;display:block;margin:auto}.board-wrap{margin:8px 7px 0;padding:7px;border:5px solid #f1a12b;border-radius:19px;background:#f3c9a6;box-shadow:inset 0 0 0 3px #ffe3b2,0 3px 4px #a9384d}.board{height:428px;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(8,1fr);border-radius:13px;overflow:hidden;background-color:#edc49f;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:calc(100%/7) calc(100%/8)}.cell{min-width:0;min-height:0;padding:0;position:relative;background:transparent;border-radius:9px;touch-action:none}.cell.selected{background:#69d84ca8;box-shadow:inset 0 0 0 3px #7ee363}.cell img{width:95%;height:95%;object-fit:contain;filter:drop-shadow(0 3px 2px #6f3b2444);pointer-events:none}.bolt{position:absolute;right:1px;bottom:1px;width:19px;height:19px;border-radius:50%;background:#d945ea;color:#fff;font:900 18px/20px sans-serif}.lock-time{position:absolute;inset:auto 2px 2px;border-radius:8px;background:#54367dde;color:#fff;text-align:center}.message{height:24px;padding:3px 18px;color:#fff5c5;font-size:13px;text-shadow:0 1px 1px #843334;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}footer{height:78px;padding:4px 9px 10px;display:flex;gap:5px;align-items:center}.round{width:55px;height:55px;min-width:55px;border-radius:50%;border:4px solid #fff0bd;color:#fff;background:linear-gradient(#f8ba45,#e77a18);font-size:34px;line-height:43px}.detail{height:59px;flex:1;border:3px solid #fff0d5;border-radius:16px;background:#fff8e9;overflow:hidden}.detail b{display:block;height:26px;padding:3px 12px;color:#fff;background:linear-gradient(90deg,#e9674f,#f59369);font-size:15px;text-shadow:0 1px #8f382e}.detail span{display:block;padding:6px 11px;color:#a35b37;font-size:12px}#action{width:58px;height:50px;border-radius:15px;color:#fff;background:linear-gradient(#a8e74e,#45b619);font-weight:900;box-shadow:0 3px 0 #287d16}#action small{display:block}footer>img{width:42px;height:55px;object-fit:contain}#toast{position:fixed;pointer-events:none}