@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;900&display=swap";:root{font-family:Noto Sans TC,sans-serif;color:#233d35;background:#f2f0e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #dc6d36;outline-offset:4px}button:disabled{opacity:.5;cursor:wait}header{height:100px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ced3c7}.brand{color:inherit;text-decoration:none;font-weight:900;font-size:25px;letter-spacing:2px}.brand span{color:#dc6d36}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:5px}.edition{font-size:12px;letter-spacing:1px}.edition i,.engine i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#81ab79;margin:0 8px}main{max-width:1450px;margin:auto;padding:38px 5%;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:36px}.game-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#788577;margin:0 0 10px}h1{font-size:clamp(20px,2.3vw,32px);margin:0;letter-spacing:1px}.outline{border:1px solid #adbaaa;border-radius:30px;padding:9px 15px;background:none;font-size:12px}#viewport{height:480px;position:relative;overflow:hidden;border-radius:18px 18px 0 0;background:#193b33}canvas{display:block;width:100%;height:100%}.hud{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;color:#e5eadc;font-size:11px;letter-spacing:1px;pointer-events:none}#phase{border:1px solid #789286;padding:5px 10px;border-radius:20px}#stats{padding-top:6px;font-variant-numeric:tabular-nums}.view-switch{position:absolute;bottom:18px;left:20px;display:flex;gap:4px;background:#102d26b8;padding:4px;border-radius:20px}.view-switch button{border:0;background:none;color:#b3c7b7;border-radius:16px;font-size:11px;padding:7px 12px}.view-switch .selected{background:#e8ebd9;color:#233d35}.floor-label{position:absolute;right:20px;bottom:26px;color:#95ac9b;font-size:9px;letter-spacing:2px}.control-deck{background:#e4e5d8;border:1px solid #d3d8c8;border-top:0;border-radius:0 0 18px 18px;padding:23px 35px;display:flex;gap:32px;align-items:center;justify-content:space-between}.joystick-wrap{text-align:center;flex-shrink:0}.joystick-wrap>span{font-size:9px;color:#788577;display:block;margin-top:9px}#joystick{position:relative;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle,#d5d9cb 44%,#c4ccbb 45%,#e4e6d9 48%);border:1px solid #bdc8b5;touch-action:none;-webkit-user-select:none;user-select:none}#stick{width:48px;height:48px;background:radial-gradient(circle at 30% 25%,#557664,#233f33);border-radius:50%;position:absolute;left:31px;top:31px;box-shadow:0 5px #152e25,0 8px 10px #203c3433;pointer-events:none}.axis{position:absolute;left:49px;font-size:9px;color:#7d8f79}.north{top:5px}.south{bottom:5px}.action-wrap{max-width:300px;flex:1}.action-wrap p{font-size:11px;line-height:1.7;color:#63705e;margin:0 0 12px}#action{width:100%;background:#dc713e;color:#fff6df;border:0;border-bottom:5px solid #a84b24;border-radius:12px;padding:16px 20px;touch-action:manipulation}#action:active:not(:disabled){transform:translateY(3px);border-bottom-width:2px}#action span{display:block;font-size:21px;font-weight:700;letter-spacing:5px}#action small{font-size:8px;letter-spacing:2px;display:block;margin-top:4px}.footnote{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#7c8877;margin-top:16px}.footnote button{border:0;background:none;color:#3b5847;font-size:11px}aside{border-left:1px solid #d2d7ca;padding-left:30px;padding-top:8px}h2{font-size:22px;letter-spacing:1px;margin:12px 0}.intro,.muted{font-size:11px;line-height:1.9;color:#7b8576}.setting-heading{display:flex;gap:12px;font-size:11px;margin:25px 0 18px;color:#dc713e}.setting-heading span{color:#344d3e;font-weight:700}.range-label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:8px}.range-label output{font-family:monospace;color:#52705a}input[type=range]{width:100%;accent-color:#3c624b;margin:0 0 18px}.apply{border:1px solid #345c44;border-radius:7px;color:#fff;background:#345c44;width:100%;padding:12px;font-size:11px}.muted{font-size:10px}ol{padding:0;list-style:none;counter-reset:step}li{counter-increment:step;font-size:11px;margin-bottom:17px;padding-left:25px;position:relative}li:before{content:counter(step);position:absolute;left:0;color:#91a184}li b,li span{display:block}li span{font-size:10px;color:#7b8576;margin-top:4px}details{border-top:1px solid #d2d7ca;padding-top:14px;font-size:10px;line-height:1.8;color:#74816d}summary{cursor:pointer;color:#476144}.engine{font-size:8px;letter-spacing:1px;margin-top:25px;color:#809276}.engine i{margin-left:0}.engine span{display:block;margin:6px 0 0 15px}footer{margin:0 5%;padding:24px 0;border-top:1px solid #d2d7ca;display:flex;justify-content:space-between;font-size:11px;color:#718167}footer span{font-size:9px;letter-spacing:2px}#loading{position:absolute;inset:0;display:grid;place-content:center;color:#e8ead8;z-index:5;background:#193b33;padding:30px;text-align:center;font-size:13px}#loading.hidden{display:none}@media(min-width:1000px){#settings-toggle{display:none}}@media(max-width:900px){header{height:78px}.brand{font-size:20px}.edition{font-size:9px}main{grid-template-columns:1fr;padding-top:24px;gap:25px}aside{border-left:0;padding-left:0;display:none}aside.open{display:block}#viewport{height:440px}.control-deck{padding:20px;gap:25px}.footnote>span{max-width:170px;line-height:1.6}footer{font-size:10px}footer span{font-size:7px}}@media(max-width:420px){#viewport{height:370px}.control-deck{padding:16px;gap:18px}#joystick{width:100px;height:100px}#stick{left:25px;top:25px}.axis{left:43px}.action-wrap p{font-size:10px}h1{font-size:21px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.control-deck{touch-action:none;user-select:none;-webkit-user-select:none}#action{touch-action:none}#joystick.locked{opacity:.45}#joystick.locked:after{content:"已鎖定";position:absolute;inset:0;display:grid;place-content:center;font-size:11px;color:#173c2a;font-weight:700}#joystick.locked #stick{visibility:hidden}:root{background:#102820;color:#edf0df}body{overflow:hidden}#app{height:100dvh;display:flex;flex-direction:column}header{height:58px;min-height:58px;margin:0;padding:0 24px;border-color:#ffffff15}.brand{font-size:18px}.brand small{display:none}.edition{font-size:10px}main{display:block;max-width:none;width:100%;padding:0;flex:1;min-height:0}.game{height:100%;display:grid;grid-template-rows:46px minmax(0,1fr) 150px 32px}.game-top{margin:0;padding:0 24px}.game-top .eyebrow{display:none}h1{font-size:13px;font-weight:500;letter-spacing:1px;color:#aebfaf}#settings-toggle{display:block;color:#edf0df;border-color:#6b8471;padding:5px 16px}#viewport{height:auto;min-height:0;border-radius:0}.control-deck{border-radius:0;border:0;border-top:1px solid #ffffff20;background:#1b382e;padding:12px max(24px,calc((100vw - 720px)/2));gap:40px}.joystick-wrap>span{color:#b9c9b4;margin-top:6px}.action-wrap{max-width:300px}.action-wrap p{color:#b9c9b4;font-size:11px;margin-bottom:8px}#action{padding:12px 20px}.footnote{margin:0;padding:0 24px;background:#1b382e;color:#aebfaf}.footnote button{color:#edf0df;min-height:30px}footer{display:none}.floor-label{right:20px;bottom:14px;font-size:9px;letter-spacing:0}.view-switch{bottom:34px;left:20px}.view-switch button{min-height:40px;padding:8px 14px}.hud{top:16px}.zoom-tools{position:absolute;right:20px;bottom:34px;display:flex;align-items:center;background:#102d26dc;border-radius:24px;color:#e8ebd9;gap:3px;padding:3px}.zoom-tools button{border:0;background:none;color:inherit;width:40px;height:40px;font-size:21px;border-radius:50%}.zoom-tools span{font-size:11px;min-width:28px;text-align:center}aside#settings{display:none;position:fixed;z-index:10;top:0;right:0;bottom:0;width:min(380px,100%);overflow:auto;padding:24px;background:#f2f0e8;color:#233d35;border:0;box-shadow:-20px 0 80px #0008}aside#settings.open{display:block}#settings-close{float:right;margin-bottom:20px}aside .eyebrow{clear:both;padding-top:20px}@media(max-width:600px){header{height:48px;min-height:48px;padding:0 16px}.brand{font-size:16px}.edition{font-size:9px}.game{grid-template-rows:40px minmax(0,1fr) 146px calc(30px + env(safe-area-inset-bottom))}.game-top{padding:0 16px}h1{font-size:11px}.control-deck{padding:10px 20px;gap:24px}#joystick{width:100px;height:100px}#stick{left:25px;top:25px}.axis{left:43px}.action-wrap p{font-size:10px;line-height:1.5}#action span{font-size:20px}.footnote{padding:0 16px env(safe-area-inset-bottom)}.footnote>span{font-size:8px;max-width:180px}.hud{left:12px;right:12px;font-size:9px}.view-switch{left:10px;bottom:31px;gap:0}.view-switch button{padding:7px 10px;font-size:10px}.zoom-tools{right:10px;bottom:31px;gap:0}.zoom-tools button{width:32px}.zoom-tools span{min-width:24px}.floor-label{right:12px;bottom:10px}}@media(max-height:520px)and (orientation:landscape){header{display:none}.game{grid-template-rows:36px minmax(0,1fr) 26px;position:relative}.control-deck{position:absolute;bottom:30px;left:0;right:0;background:none;border:0;padding:10px 20px;pointer-events:none}.control-deck>*{pointer-events:auto}.action-wrap{max-width:150px}.action-wrap p,.joystick-wrap>span{display:none}.view-switch{left:50%;transform:translate(-50%);bottom:14px}.zoom-tools{top:12px;bottom:auto}.floor-label{display:none}.footnote{grid-row:3}}