:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#f5f5ec;background:#0b111e;font-synthesis:none;--cyan:#67dcff;--gold:#ffe197}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#303d59 0,#151d30 38%,#090e19 78%)}button{font:inherit;color:inherit;border:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #9deaff;outline-offset:3px}button:hover{filter:brightness(1.12)}button:active{transform:translateY(1px)}[hidden]{display:none!important}
#shell{position:relative;overflow:hidden;box-shadow:0 0 100px #000a;background:#25354d;touch-action:none}#frame{position:absolute;width:540px;height:960px;transform-origin:top left;overflow:hidden}#scene{position:absolute;inset:0;width:540px;height:960px;touch-action:none}.top-vignette{position:absolute;inset:0 0 auto;height:265px;pointer-events:none;background:linear-gradient(#15223a65,transparent)}
.game-head{position:absolute;inset:0 0 auto;height:198px;pointer-events:none}.game-head button{pointer-events:auto}.brand{position:absolute;left:20px;top:16px;width:272px;transform:rotate(-3deg);isolation:isolate}.logo-line{font-size:43px;line-height:1.12;font-weight:1000;letter-spacing:-1.5px;text-align:center;paint-order:stroke fill;-webkit-text-stroke:5px #251f2e;text-shadow:0 5px 0 #211e2b,0 8px 0 #694630,2px 0 0 #946748,-2px 0 0 #946748;filter:drop-shadow(0 4px 1px #10162b99)}.blue{color:#8ad5ff;text-shadow:0 3px 0 #4f8dcf,0 7px 0 #211e2b,0 10px 0 #795437}.gold{font-size:47px;color:#ffd763;transform:rotate(2deg);text-shadow:0 3px 0 #d68b19,0 7px 0 #2e1d25,0 10px 0 #70513d}.hammer{font-size:32px;position:absolute;right:-6px;top:8px;-webkit-text-stroke:0;transform:rotate(-20deg)}.tagline{text-align:center;letter-spacing:3px;font-weight:800;font-size:15px;padding-top:9px;text-shadow:0 2px 2px #253143}.leaf{position:absolute;width:16px;height:22px;border-radius:80% 0 80% 0;background:linear-gradient(120deg,#b3db5d,#3c972c);border:2px solid #38613c;z-index:-1}.leaf-one{left:-2px;top:8px;transform:rotate(-55deg)}.leaf-two{right:-4px;top:50px;transform:rotate(40deg)}
.run-info{position:absolute;left:343px;top:20px;height:34px;display:flex;align-items:center;gap:11px;padding:0 11px;border-radius:8px;background:#172236d9;box-shadow:inset 0 1px 0 #8196b52b;font-size:17px;font-weight:900;white-space:nowrap}.skull{color:#ff7b78;font-size:26px;line-height:1}#timer{font-size:18px;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.square-button{position:absolute;right:12px;top:19px;width:33px;height:36px;border-radius:8px;background:#1c2941e8;font-size:23px;font-weight:900;box-shadow:inset 0 1px 0 #67749466}.mission-banner{position:absolute;right:12px;top:67px;padding:10px 11px;background:#162137ce;display:flex;align-items:center;gap:7px;border-radius:8px;font-size:11px;white-space:nowrap}.mission-banner>span{color:#ffcb58;font-size:24px}.health-hud{position:absolute;left:12px;top:136px;width:258px;height:47px;display:flex;align-items:center}.portrait{position:relative;width:54px;height:54px;border:2px solid #e4f3ff;border-radius:50%;background:radial-gradient(#584b53,#152038);box-shadow:0 2px 5px #0007;flex-shrink:0;overflow:visible}.portrait img{width:68px;height:69px;object-fit:contain;position:absolute;left:-8px;top:-13px;clip-path:circle(26px at 35px 38px)}.portrait>span{position:absolute;left:4px;right:4px;bottom:-7px;font-size:13px;font-weight:900;background:#243146f0;text-align:center;border-radius:5px}.health-track{position:relative;width:205px;height:23px;background:#101827;border:3px solid #626e88;border-radius:20px;margin-left:6px;box-shadow:0 0 1px #d1e4ff;overflow:visible}.health-track #health-fill{width:100%;height:100%;background:linear-gradient(#8fdf48 0,#66bc31 49%,#4b981f 50%,#60ba22 100%);border-radius:20px;transition:width .2s}.health-track strong{position:absolute;inset:0;font-size:16px;text-align:center;line-height:17px;text-shadow:1px 1px 2px #152317,-1px -1px 1px #152317}.heart{position:absolute;left:-5px;top:-7px;font-size:29px;line-height:29px;color:#ff5658;text-shadow:0 2px 0 #911e33;z-index:1;-webkit-text-stroke:1px #742031}.energy-hud{position:absolute;right:11px;top:143px;width:147px;height:49px;padding:5px 6px;display:flex;align-items:center;gap:9px;background:#1b283ddc;border:1px solid #72809c99;border-radius:8px;box-shadow:0 2px 2px #131a2c}.crystal{width:26px;height:39px;filter:drop-shadow(0 2px 0 #0a4d9c)}.energy-hud small{font-size:11px;font-weight:800;color:#e0e7f6;display:block;white-space:nowrap}.energy-hud strong{font-size:21px;line-height:23px;white-space:nowrap}.energy-hud em{font-style:normal;font-size:17px;margin-left:3px;color:#c7d1e8}.energy-hud button{width:26px;height:29px;padding:0;border:2px solid #9fe3b7;border-radius:5px;background:linear-gradient(#46c569,#168b43);font-size:25px;line-height:20px;color:#c8ffd5;box-shadow:0 2px 0 #07381c}
.quests{position:absolute;left:12px;top:211px;width:137px;pointer-events:none;display:grid;gap:5px}.quest{display:flex;align-items:center;gap:9px;background:linear-gradient(90deg,#17243be0,#17243ba3);padding:7px 8px;height:44px;border-radius:6px;box-shadow:inset 0 1px 0 #adc7f514}.quest-icon{font-size:26px;color:#dde5ef;width:28px;text-align:center;text-shadow:0 2px 1px #0006}.gold-icon{color:#ffc872}.quest>div{font-size:11px;font-weight:700;color:#c9d7f0}.quest strong{display:block;font-size:14px;color:#f6dfb9;line-height:19px}.quest em{font-style:normal;color:#b3c1d7;font-size:11px;font-weight:600}
#toast{position:absolute;top:198px;left:160px;right:12px;z-index:4;padding:9px 12px;border-radius:7px;font-size:12px;font-weight:700;background:#182337e8;border:1px solid #82d3ed55;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translateY(0)}#build-hint{position:absolute;right:23px;top:402px;transform:rotate(-5deg);pointer-events:none;font-size:15px;font-weight:900;text-align:center;text-shadow:0 2px 4px #0c1b34,1px 0 #1f2e43;animation:hintBob 2s ease-in-out infinite}#build-hint strong{line-height:1.5}.hint-rays{position:absolute;left:-19px;top:-9px;color:#ffd466;font-size:22px;transform:rotate(50deg)}.hint-arrow{display:block;color:#77e4ff;font-size:38px;font-weight:900;line-height:34px;text-shadow:0 0 10px #2ea6ff}#danger{position:absolute;left:150px;right:130px;top:280px;text-align:center;pointer-events:none;font-size:13px;font-weight:900;color:#ffd87c;text-shadow:0 2px 3px #231b1b}
.controls{position:absolute;left:0;right:0;top:684px;height:124px;pointer-events:none}#joystick{position:absolute;left:24px;top:17px;width:96px;height:96px;border-radius:50%;pointer-events:auto;touch-action:none;background:radial-gradient(#31496835,#263d5920);border:2px solid #b6daf438;box-shadow:inset 0 0 15px #1e2b4533;user-select:none}.joy-ring{position:absolute;inset:5px;border:1px solid #b6daf42a;border-radius:50%}.joy-ring span{position:absolute;color:#afc4df8a;font-size:18px;left:32px;top:-4px}.joy-ring span:nth-child(2){transform:rotate(90deg);left:69px;top:30px}.joy-ring span:nth-child(3){transform:rotate(180deg);top:65px}.joy-ring span:nth-child(4){transform:rotate(-90deg);left:-4px;top:30px}#joy-stick{position:absolute;left:26px;top:26px;width:40px;height:40px;border-radius:50%;background:radial-gradient(at 35% 25%,#b9d5e86a,#5d7a9c60);border:1px solid #c0e1fb66;box-shadow:0 4px 12px #111d3677}.move-caption{position:absolute;left:23px;top:116px;font-size:10px;color:#c4d4e8;letter-spacing:.5px;text-shadow:0 2px 2px #142039}.combat-note{position:absolute;right:23px;top:77px;font-size:11px;color:#edf0f6;text-shadow:0 2px 3px #142039;background:#17243b80;border:1px solid #96b1d132;border-radius:6px;padding:8px 10px}.sword-icon{font-size:17px;color:#ffe2a0;padding-right:5px}
.glass-panel{position:absolute;left:141px;right:19px;bottom:167px;padding:16px 19px 12px;border-radius:15px;background:linear-gradient(130deg,#15243cee,#20334aec);border:1px solid #9aa7bd70;box-shadow:0 10px 30px #0005,inset 0 1px 0 #c9e8ff21;z-index:5}.eyebrow{font-size:10px;letter-spacing:3px;color:#74defa;font-weight:800}.glass-panel h1{font-size:21px;margin:6px 0 8px;letter-spacing:.3px}.glass-panel h1 span{color:#ffe3a1}.glass-panel p{font-size:11px;line-height:1.8;color:#c4d2e5;margin:0 0 12px}.primary-button{width:100%;height:45px;border-radius:8px;background:linear-gradient(#ffdb76,#eaa93f);border:1px solid #fff0b6;color:#442819;box-shadow:0 4px 0 #98632e,0 7px 16px #090f2570;display:flex;align-items:center;justify-content:center;gap:22px;font-size:19px;font-weight:900;letter-spacing:3px}.primary-button i{font-size:13px;font-style:normal}.welcome-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:9px;color:#889cb6}.welcome-foot button{background:none;font-size:10px;color:#c5d0e2;padding:3px 0;text-decoration:underline;text-underline-offset:3px}
.build-dock{position:absolute;bottom:10px;left:10px;right:10px;height:150px;border-radius:12px;z-index:6}.dock-tabs{height:28px;display:flex;gap:2px;align-items:flex-start;padding-left:0}.tab{position:relative;height:31px;min-width:112px;font-size:15px;font-weight:900;background:linear-gradient(#283a51,#172338);border:1px solid #60708988;border-bottom:0;border-radius:9px 9px 0 0;color:#99a9c4;z-index:1}.tab.active{color:#fff4cb;background:linear-gradient(#374d63,#223147)}.tab.active:after{content:"";position:absolute;bottom:3px;left:15px;right:15px;height:2px;background:#8cecff;box-shadow:0 0 5px #75dfff}.sound-button,.settings-button{height:24px;width:25px;background:#17263ec4;border-radius:6px;color:#bbcede;font-size:17px;margin-left:auto}.settings-button{margin-left:3px;font-size:15px}.tile-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;position:relative;background:linear-gradient(#27374bf5,#1a2637fa);border:2px solid #62728b;border-radius:0 12px 12px 12px;padding:7px;box-shadow:0 4px 8px #0007,inset 0 1px 2px #b5c9e84d;height:126px}.tile-card{position:relative;display:flex;align-items:center;flex-direction:column;padding:0 4px 4px;border-radius:8px;background:linear-gradient(#24374b,#172334);border:1px solid #38465c}.tile-card.selected{border:2px solid #bff6ff;box-shadow:0 0 0 1px #55cfff,0 0 10px #55dfff,inset 0 0 10px #2cbeff66;background:radial-gradient(at 50% 35%,#3b5764,#1b3043)}.tile-card img{width:91px;height:64px;object-fit:contain;filter:drop-shadow(0 4px 3px #08142288);margin-top:0}.tile-card b{font-size:13px;line-height:18px;white-space:nowrap;text-shadow:0 2px 1px #111e31}.cost{display:flex;align-items:center;justify-content:center;gap:7px;line-height:21px;font-size:19px;font-weight:900}.cost i{font-style:normal;color:#49d8ff;font-size:22px;text-shadow:0 0 2px #fff,0 2px 0 #1286cf;transform:scaleX(.75)}.tile-card small{font-size:8px;line-height:12px;color:#9ab0cc;white-space:nowrap}.keycap{position:absolute;right:4px;top:4px;border:1px solid #95b3d433;border-radius:3px;width:13px;height:13px;font-size:8px;line-height:11px;color:#97aec5}.tile-card.unaffordable{filter:saturate(.35);opacity:.7}
#upgrade{position:absolute;left:154px;right:13px;bottom:185px;z-index:7;background:#192b42ed;border:1px solid #98dfff;border-radius:12px;padding:12px;box-shadow:0 0 20px #3cc5ff38}.upgrade-title{font-size:15px;font-weight:900;color:#ffe29c}.upgrade-title small{font-size:9px;color:#aebfda;margin-left:8px;font-weight:600}.upgrade-options{display:flex;gap:7px;margin-top:9px}.upgrade-options button{width:50%;padding:8px 4px;background:linear-gradient(#364b69,#22334e);border:1px solid #859fbc66;border-radius:7px}.upgrade-options span{color:#7beb9b;display:block;font-size:24px}.upgrade-options b{display:block;font-size:12px;margin:3px 0}.upgrade-options small{font-size:9px;color:#b7c8de}
.modal-backdrop{position:absolute;inset:0;background:#081223b9;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:20}.modal-card{width:414px;max-height:840px;overflow:auto;padding:26px;background:linear-gradient(140deg,#2a3c54,#15233b);border:1px solid #8c9ebbaa;border-radius:17px;box-shadow:0 22px 60px #0008}.modal-card h2{font-size:26px;margin:3px 0 16px;color:#fff0c2}.modal-card p{color:#bdcde3;font-size:13px;line-height:1.8}.modal-close{float:right;width:27px;height:27px;background:#112036;border-radius:6px;font-size:20px}.guide-rows{display:grid;gap:10px;margin:15px 0 20px}.guide-row{display:flex;gap:10px;align-items:flex-start;color:#d7e1ef;font-size:12px;line-height:1.8}.guide-row>span{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:29px;height:29px;border-radius:8px;color:#90e9ff;background:#355068;font-size:16px}.guide-row b{color:#fff1c9;display:block}.secondary-button{display:block;width:100%;height:38px;margin-top:13px;border:1px solid #6c84a3;background:#233650;border-radius:7px;font-weight:700;font-size:13px}.result-eyebrow{font-size:10px;letter-spacing:4px;color:#80dfff}.result-title{font-size:29px!important;color:#ffe192!important;margin:9px 0!important}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.result-stats>div{padding:11px 5px;background:#11223b88;border:1px solid #728ba533;border-radius:8px;text-align:center}.result-stats strong{font-size:24px;display:block;color:#8de7ff}.result-stats span{font-size:10px;color:#b8c9e0}.seed-row{display:flex;gap:8px;align-items:center;color:#bed1ea;font-size:12px;margin:15px 0}.seed-row input{min-width:0;width:138px;background:#12253b;border:1px solid #66809e;border-radius:6px;height:32px;padding:0 9px;color:white;font:inherit}.seed-row button{background:#3e5879;border-radius:5px;height:31px;font-size:12px}.debug-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.debug-grid button{padding:9px 5px;background:#263d59;border-radius:6px;font-size:11px;border:1px solid #768eab55}.debug-caption{margin-top:16px;font-size:11px;color:#91abc7}.paused-actions{display:grid;gap:10px}#loading{position:absolute;inset:0;background:radial-gradient(#304563,#121d30);display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:30;gap:14px}#loading strong{font-size:17px;letter-spacing:3px}#loading span{font-size:11px;color:#a7b9d2}.loading-crystal{font-size:65px;color:#69deff;text-shadow:0 0 35px #16c2ff;animation:crystalSpin 2s ease-in-out infinite}
@keyframes hintBob{50%{transform:translateY(6px) rotate(-5deg)}}@keyframes crystalSpin{50%{transform:rotateY(180deg) translateY(-8px)}}
.brand{left:12px;top:5px;width:282px;transform:rotate(-2deg)}.brand-art{display:block;width:100%;height:146px;object-fit:contain;filter:drop-shadow(0 4px 2px #18243a99)}.brand>.logo-line,.brand>.tagline,.brand>.leaf{display:none}.health-hud{top:150px}.portrait img{width:50px;height:50px;left:0;top:0;object-fit:cover;clip-path:circle(25px at 25px 25px)}.tile-card img{width:99px;height:64px;object-fit:cover;object-position:center 6%;border-radius:4px}.run-info{left:auto;right:53px;gap:8px;font-size:16px}.square-button{right:12px}.upgrade-options small{font-size:8px}