*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#182826;color:#fae8bd;font-family:system-ui,"Noto Sans TC",sans-serif;touch-action:none}button{font:inherit;cursor:pointer;color:inherit}#scene,#scene canvas{width:100%;height:100%;display:block}#scene{position:fixed;inset:0}#hud{position:fixed;top:max(18px,env(safe-area-inset-top));left:22px;right:22px;display:flex;gap:16px;align-items:center;pointer-events:none;text-shadow:0 2px 5px #0008}.seal{background:#94372d;border:1px solid #dbad69;box-shadow:0 3px 20px #172b2344;width:42px;height:58px;display:grid;place-content:center;text-align:center;font-family:serif;font-weight:bold;font-size:20px;line-height:1.1}.vitals{background:#122822cc;border:1px solid #dcbb7a55;border-radius:8px;padding:10px 12px;width:220px}.life{display:flex;gap:9px;align-items:center;font-size:14px}.life+.life{margin-top:7px}.life span{width:30px;flex-shrink:0}.life b{width:27px;text-align:right;font-size:12px}.bar{width:100%;height:7px;border-radius:4px;overflow:hidden;background:#061512}.bar i{display:block;width:100%;height:100%;background:#edb94e;transition:width .12s}.monk .bar i{background:#78c5ab}.journey{margin:auto;max-width:340px;flex:1;text-align:center;background:#142c24a3;padding:9px 18px;border-radius:10px}.journey>span{font-weight:700;letter-spacing:.08em;font-size:15px}.track{height:4px;background:#071d1588;margin:7px 0}.track i{display:block;height:100%;background:#e9c781;width:0}.journey small{font-size:12px;color:#e5d6b2}.scroll-count{background:#182822d9;padding:10px 14px;border:1px solid #dcbb7a55;border-radius:8px;font-size:14px}.scroll-count b{margin-left:8px;color:#ffd473}#pause{pointer-events:auto;background:#162820de;border:1px solid #e5ca8d77;border-radius:8px;width:42px;height:42px;font-size:18px}#notice{position:fixed;top:110px;left:50%;transform:translateX(-50%);padding:10px 20px;border-radius:5px;background:#7e3028ed;box-shadow:0 4px 30px #13201c33;text-align:center;max-width:86vw;opacity:0;transition:opacity .2s;pointer-events:none;font-size:16px}#notice.visible{opacity:1}#objective{position:fixed;bottom:76px;left:50%;transform:translateX(-50%);background:#153025cc;border:1px solid #e6c68855;border-radius:20px;padding:8px 20px;max-width:92vw;white-space:nowrap;font-size:14px;pointer-events:none}#desktop-help{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:20px;align-items:center;padding:11px 20px;background:#10261fe8;border-radius:9px;border:1px solid #ad987355;white-space:nowrap;font-size:13px;color:#e4d6b7}kbd{padding:3px 6px;border:1px solid #d6bb805c;border-radius:4px;margin-right:4px;color:#ffdb8e}#desktop-help b{font-size:11px;color:#96c6a8}#overlay{position:fixed;inset:0;background:linear-gradient(90deg,#0d211ded,#0d211d8c 57%,#152b2033);display:flex;align-items:center;padding:5vw;backdrop-filter:blur(2px)}#panel{max-width:560px;padding:30px 36px;border-left:2px solid #dba65c;background:linear-gradient(90deg,#0c231e66,transparent)}.eyebrow{letter-spacing:.23em;font-size:14px;color:#e1b570;margin:0 0 18px}h1{font-family:serif;font-size:clamp(54px,7vw,96px);letter-spacing:.08em;font-weight:700;line-height:1;margin:0 0 24px;color:#ffdfa0;text-shadow:0 3px 30px #111b17}h1 span{display:block;font-size:clamp(26px,3vw,40px);margin-top:15px;letter-spacing:.22em;color:#f5e4bd}#panel-copy{font-size:18px;line-height:1.9;color:#e8ddc6;margin-bottom:20px}#rules{font-size:14px;color:#b2c3b3;line-height:1.8;margin:20px 0}#rules p{margin:4px 0}#main-button{display:block;min-width:205px;margin:26px 0 15px;padding:15px 27px;border:1px solid #e5b574;border-radius:4px;background:#993d2b;box-shadow:0 8px 24px #0005;font-size:18px;letter-spacing:.15em;font-weight:700}#main-button:hover{background:#b14b33}#main-button:disabled{opacity:.6;cursor:wait}#panel-note{display:block;color:#b8b69e;line-height:1.8;font-size:12px}#touch{display:none}.hidden{display:none!important}@media(max-width:760px),(pointer:coarse){#touch{display:flex;position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:20px;right:20px;justify-content:space-between;align-items:end;pointer-events:none}.dpad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:5px;pointer-events:auto}.dpad .up{grid-column:2}.dpad .left{grid-row:2;grid-column:1}.dpad .down{grid-row:2;grid-column:2}.dpad .right{grid-row:2;grid-column:3}#touch button{touch-action:none;user-select:none;-webkit-user-select:none;background:#1b3a32bf;border:1px solid #edcb8299;border-radius:50%;width:44px;height:44px;font-size:21px}#touch button.pressed{background:#d0a754;color:#182b23}.touch-actions{display:flex;align-items:end;gap:8px;pointer-events:auto}.touch-actions .attack{width:66px!important;height:66px!important;background:#953b2beb!important;font-size:25px!important}#desktop-help{display:none}#objective{bottom:130px;font-size:12px;padding:7px 12px}#hud{left:10px;right:10px;top:10px;gap:7px;flex-wrap:wrap}.seal{width:30px;height:45px;font-size:16px}.vitals{width:155px;padding:7px}.life{font-size:12px;gap:6px}.journey{order:5;flex-basis:100%;max-width:none;margin:0;padding:6px 12px;display:flex;gap:10px;align-items:center}.journey>span{font-size:12px}.journey .track{flex:1}.journey small{font-size:10px}.scroll-count{margin-left:auto;padding:8px;font-size:12px}.scroll-count b{margin-left:2px}#pause{width:33px;height:33px}#notice{top:112px;width:max-content;font-size:13px;padding:8px 12px}#overlay{padding:18px;background:#0d211dcc}#panel{padding:18px;max-height:94svh;overflow:auto;width:100%}h1{font-size:54px;margin-bottom:14px}h1 span{font-size:26px}#panel-copy{font-size:16px;margin:12px 0}#rules{margin:12px 0;font-size:13px}#main-button{margin:15px 0 10px;padding:12px 24px}.eyebrow{font-size:12px;margin-bottom:12px}}