@charset "UTF-8";:root{--ink:#e0dcc2;--gold:#c4ae78;--deep:#1b302e;--edge:#657668;--jade:#85ac92}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#203935;color:var(--ink);font:14px 'Microsoft YaHei',sans-serif}button,select{font:inherit;color:inherit;cursor:pointer}button{min-height:37px;border:1px solid #7c8567;background:linear-gradient(#435346,#293c34);padding:8px 13px;border-radius:2px;box-shadow:inset 0 0 0 2px #1b302e55}button:hover{background:#526454;border-color:#c8b782}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #e2d298;outline-offset:3px}button.active,button[aria-pressed=true]{border-color:#d2bc82;background:#586650}.primary{background:linear-gradient(#786d49,#514c36);border-color:#d1bd82;color:#fff1bd;font-weight:700}a{color:#c4d4bd;text-underline-offset:4px}#game-screen{position:relative;height:100dvh;overflow:hidden}#world{position:absolute;inset:0}#world canvas{display:block;width:100%;height:100%;touch-action:none}.top{position:absolute;top:0;left:0;right:0;height:63px;padding:10px 21px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#19312fe6,#283e35cc);border-bottom:1px solid #81917a77}.top strong{font:27px 'KaiTi','STKaiti','SimSun',serif;letter-spacing:4px;color:#e9ddb1}.top strong span{font:12px 'Microsoft YaHei';letter-spacing:1px;border-left:1px solid #80967b;margin-left:20px;padding-left:20px;color:#c6d3b9}.top>div{display:flex;gap:7px}.party{position:absolute;left:14px;top:78px;display:grid;gap:6px;width:174px}.party button{text-align:left;padding:7px 10px;position:relative;background:#233b35dc;border-color:#6b7a6577}.party .portrait{float:left;width:35px;height:40px;margin:0 9px 0 0;display:grid;place-items:center;font:23px KaiTi;color:#e7dfb8;border:1px solid #82917a;background:radial-gradient(#6b7b64,#263e38);transform:skewY(-3deg)}.party strong{display:block;font-size:13px}.party small{display:block;font-size:10px;margin:3px 0;color:#bdcbb4}.mini-hp{height:3px;background:#142b25;display:block;overflow:hidden}.mini-hp i{display:block;height:100%;background:#8dbb93}.party .active{border:1px solid #cfbd83;box-shadow:inset 3px 0 #ceb576}.party .dead{opacity:.4}.quest{position:absolute;top:81px;right:17px;width:185px;text-align:right;pointer-events:none}.quest small{font-size:11px;color:#adc1ab;letter-spacing:3px}.quest strong{display:block;font-size:13px;color:#ead8a6;margin-top:9px}.quest p{line-height:1.7;font-size:11px;color:#bac7b5}.quest canvas{margin-top:9px;width:140px;height:140px;border:1px solid #8e9e8077;background:#1c3432a8}.dock{position:absolute;left:12px;right:12px;bottom:12px;display:grid;grid-template-columns:200px minmax(250px,1fr);gap:10px;padding:12px;background:#1b302eea;border:1px solid #84917480;box-shadow:inset 0 0 0 3px #344739aa;max-width:1060px;margin:auto}.vitals strong{font:19px KaiTi;letter-spacing:2px}.meter{height:15px;position:relative;background:#142b25;border:1px solid #85977755;margin-top:6px}.meter i{display:block;height:100%;background:linear-gradient(#a6b47e,#638d6d);width:100%}.meter.mana i{background:linear-gradient(#84a8b7,#436d89)}.meter span{position:absolute;inset:0;text-align:center;font:10px/13px Georgia;color:#fff}.vitals small{font-size:10px;color:#bfcab0;display:block;margin-top:7px}.hotbar{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.hotbar button{min-width:0;padding:5px 3px;font-size:11px;position:relative;min-height:67px;background:#314a3adb;overflow:hidden}.hotbar b{display:block;font:22px KaiTi;color:#d8c797;line-height:28px}.hotbar small{position:absolute;top:3px;left:4px;font-size:9px;color:#c1d1bd}.hotbar .cool{position:absolute;inset:0;background:#0e2726ad;display:grid;place-items:center;font-size:18px}.dock nav{grid-column:1/-1;display:flex;gap:6px;justify-content:center}.dock nav button{min-height:30px;padding:5px 11px;font-size:11px}.notice{position:absolute;bottom:178px;left:50%;transform:translateX(-50%);padding:8px 18px;max-width:70%;background:#1c342ae6;border:1px solid #84977866;text-align:center;font-size:12px;opacity:0;transition:opacity .25s;pointer-events:none}.notice.show{opacity:1}#tactical{position:absolute;top:66px;left:50%;transform:translateX(-50%);color:#f2dca9;background:#233529e8;padding:8px 14px;white-space:nowrap;border:1px solid #c3ad7d}dialog{width:min(850px,calc(100% - 28px));max-height:calc(100dvh - 48px);overflow:auto;padding:24px;border:1px solid #b4ad80;background:linear-gradient(135deg,#304a3d,#1c3431);color:var(--ink);box-shadow:0 0 0 4px #172c28,0 20px 80px #071c1bd4;border-radius:3px}dialog::backdrop{background:#071d2177;backdrop-filter:blur(2px)}dialog header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #74877366;padding-bottom:12px;margin-bottom:18px}dialog h2{font:25px KaiTi;margin:0;letter-spacing:3px}#close-panel{font-size:25px;min-height:32px;padding:0 10px}#welcome{width:min(530px,calc(100% - 28px));text-align:center;padding:40px}#welcome>small{color:#c9bd92;letter-spacing:4px;font-size:11px}#welcome h1{font:64px KaiTi,STKaiti,serif;letter-spacing:15px;margin:22px 0;color:#e1d3a1;text-shadow:0 3px #19372e}#welcome p{font:16px/2 KaiTi,serif;color:#d9dfc6}.intro-note{opacity:.7}#welcome>button{display:block;width:100%;margin:10px 0;min-height:45px;letter-spacing:2px}#welcome details{margin:23px 0;font-size:11px;color:#bacab4;text-align:left}#welcome details p{font:11px/1.7 sans-serif}#welcome a{font-size:11px}summary{cursor:pointer}label{font-size:12px}select{background:#2a4539;border:1px solid #859272;padding:8px;margin:6px;color:#e3ddc3}.skill-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.skill{border:1px solid #7d8a6755;padding:13px;background:#2c433a77}.skill h3{font:20px KaiTi;margin:0 0 6px;color:#e1d5ac}.skill p{font-size:12px;line-height:1.6;margin:7px 0;color:#bdcdbb}.skill small{font-size:10px;color:#a5bba7}.skill .actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.skill button{font-size:11px;padding:5px 8px;min-height:29px}.resource-line{margin-bottom:18px;line-height:2;font-size:13px;color:#d6cfad}.inventory{display:grid;gap:10px}.inventory article{padding:12px;border:1px solid #7d8a6755;display:flex;align-items:center;justify-content:space-between;gap:10px}.inventory h3{font-size:14px;margin:0 0 5px}.inventory p{font-size:11px;color:#bcc8b4;margin:0;line-height:1.8}.inventory .actions{display:flex;gap:5px;flex-wrap:wrap}.inventory button{font-size:11px;padding:6px 10px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat{padding:12px;border:1px solid #72856577;display:flex;align-items:center;justify-content:space-between}.stat small{display:block;margin-top:6px;font-size:11px;color:#b9cbb8}.stat button{padding:4px 13px;font-size:20px}p.copy{line-height:2;color:#cbd5be}#panel-content li{line-height:1.9;margin:9px 0}#panel-content .choice{display:block;width:100%;margin:10px 0;text-align:left;padding:13px}.mobile-pad,#mobile-attack{display:none}[hidden]{display:none!important}::selection{background:#aeb58c;color:#172f2b}
@media(max-width:700px){.top{height:53px;padding:8px}.top strong{font-size:21px;letter-spacing:2px}.top strong span{display:none}.top button{font-size:11px;padding:6px 8px;min-height:32px}.top>div{gap:4px}.party{top:62px;left:8px;right:8px;width:auto;display:flex;gap:4px}.party button{flex:1;min-width:0;padding:5px;text-align:center}.party .portrait{display:none}.party strong{font-size:10px}.party small{font-size:9px}.quest{top:122px;right:9px;width:150px}.quest p{display:none}.quest canvas{width:83px;height:83px;margin-top:6px}.quest strong{font-size:11px}.quest small{font-size:9px}.dock{left:7px;right:7px;bottom:9px;padding:8px;grid-template-columns:1fr;gap:6px}.vitals{display:grid;grid-template-columns:80px 1fr 1fr;gap:7px;align-items:center}.vitals strong{font-size:15px;letter-spacing:0}.vitals small{grid-column:1/-1;margin:0;font-size:9px}.meter{margin:0;height:14px}.hotbar{gap:4px;grid-template-columns:repeat(8,1fr)}.hotbar button{padding:4px 1px;min-height:52px;font-size:9px}.hotbar b{font-size:17px;line-height:25px}.hotbar small{font-size:8px;left:2px}.dock nav{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.dock nav button{padding:4px 0;font-size:10px;min-height:29px}.notice{bottom:286px;max-width:90%;width:max-content;font-size:11px}.mobile-pad{display:grid;position:absolute;left:12px;bottom:200px;grid-template-columns:repeat(3,39px);grid-template-rows:repeat(2,39px);gap:4px}.mobile-pad button{min-height:39px;padding:0;font-size:21px;touch-action:none;background:#294039cc}.mobile-pad button:nth-child(1){grid-column:2}.mobile-pad button:nth-child(2){grid-row:2}.mobile-pad button:nth-child(3){grid-row:2;grid-column:2}.mobile-pad button:nth-child(4){grid-row:2;grid-column:3}#mobile-attack{display:block;position:absolute;right:15px;bottom:210px;border-radius:50%;width:63px;height:63px;background:#514b32e6;border-color:#c8b582;font:19px KaiTi}.skill-list{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}dialog{padding:18px;max-height:calc(100dvh - 26px)}#welcome{padding:27px 22px}#welcome h1{font-size:50px;letter-spacing:10px}#welcome p{font-size:14px}.inventory article{align-items:flex-start;flex-direction:column}#tactical{font-size:10px;top:111px;padding:6px 8px}.resource-line{font-size:11px}.skill h3{font-size:20px}}
@media(max-height:500px) and (min-width:700px){.top{height:45px}.party{top:52px;width:140px}.party .portrait{display:none}.party button{padding:5px}.quest{top:55px}.quest p{display:none}.quest canvas{width:80px;height:80px}.dock{grid-template-columns:140px 1fr;padding:7px;bottom:5px;max-width:750px}.dock nav button{min-height:25px}.hotbar button{min-height:46px}.notice{bottom:127px}.vitals strong{font-size:15px}.vitals small{font-size:9px}.meter{margin-top:3px;height:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}