html,body{background:#d8c8e6;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#outskirts{z-index:5;color:#ede6d4;filter:drop-shadow(0 3px 12px #0005);width:292px;max-width:calc(100vw - 32px);position:fixed;top:20px;left:50%;transform:translate(-50%)}#outskirts button{font:inherit;color:inherit;cursor:pointer}#outskirts .trail-toggle{text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#172a26e8,#12201ce0);border:1px solid #bda77566;border-radius:3px;width:100%;padding:11px 18px 13px;display:block}.trail-kicker{color:#bab999;letter-spacing:2.1px;font-size:9px;display:block}.trail-heading{justify-content:space-between;align-items:center;font-family:Georgia,serif;font-size:23px;line-height:1.65;display:flex}.trail-heading small{color:#c4b281;letter-spacing:1px;font:11px system-ui}.trail-next{color:#dfc995;font-size:11px;line-height:1.5;display:block}#trail-journal{background:#14221af5;border:1px solid #bda77555;border-top:0;border-radius:0 0 3px 3px;padding:8px 14px 12px}#trail-journal[hidden]{display:none}#trail-journal p{color:#c4c8b6;margin:6px 0;font-size:11px;line-height:1.65}#trail-journal ol{gap:4px;margin:8px 0;padding:0;list-style:none;display:grid}#trail-journal li button{text-align:left;background:#ffffff06;border:1px solid #ffffff12;border-radius:3px;width:100%;padding:8px 9px;font-size:12px}#trail-journal li button[aria-pressed=true]{color:#f0d59c;background:#bfa56612;border-color:#c7aa6155}#outskirts button:focus-visible{outline-offset:3px;outline:2px solid #e6c78b}@media (max-width:700px){#outskirts{width:214px;max-width:calc(100vw - 150px);top:146px;left:12px;transform:none}#outskirts .trail-toggle{padding:8px 10px}.trail-kicker{letter-spacing:1px;font-size:8px}.trail-heading{font-size:20px}.trail-next{font-size:10px}#trail-journal{max-height:210px;overflow:auto}}@media (max-height:500px) and (max-width:950px){#outskirts{width:230px;top:10px;left:50%;transform:translate(-50%)}#trail-journal{max-height:145px;overflow:auto}}canvas{touch-action:none;display:block}#hud{color:#fff;text-shadow:0 1px 2px #0008;pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;font-size:12px;line-height:1.4;display:flex;position:fixed;top:8px;left:8px}#perf{white-space:pre;background:#0005;border-radius:6px;max-width:60vw;padding:6px 8px;font-family:ui-monospace,monospace;display:block;overflow:hidden;display:none!important}#q{pointer-events:auto}#q button{color:#fff;background:#fff3;border:1px solid #fff6;border-radius:5px;margin-right:3px;padding:3px 8px}#q button.on{background:#a68be0}#help{opacity:.8;background:#0003;border-radius:4px;padding:2px 6px}#chat{width:min(420px,70vw);position:fixed;bottom:8px;left:8px}#log{color:#fff;text-shadow:0 1px 2px #000a;max-height:160px;font-size:12px;overflow:auto}#log div{background:#0004;border-radius:4px;margin:2px 0;padding:3px 6px}#log .ok{color:#cfe}#log .err{color:#fcc}#cin{box-sizing:border-box;background:#fffd;border:none;border-radius:8px;width:100%;padding:8px}#joy{background:#fff2;border-radius:50%;width:110px;height:110px;display:none;position:fixed;bottom:90px;right:24px}#knob{background:#fff8;border-radius:50%;width:40px;height:40px;position:absolute;top:35px;left:35px}#jump{color:#fff;background:#fff4;border:none;border-radius:50%;width:56px;height:56px;font-size:22px;display:none;position:fixed;bottom:100px;right:150px}body.touch #joy{z-index:7;background:#fff2;border:2px solid #fff5;width:120px;height:120px;display:block;bottom:24px;left:22px;right:auto}body.touch #knob{background:#fff8;border-radius:50%;width:50px;height:50px;position:absolute;top:35px;left:35px}#tbtns{z-index:7;grid-template-columns:repeat(2,54px);gap:8px;display:grid;position:fixed;bottom:90px;right:12px}#tbtns button{color:#fff;touch-action:none;background:#0007;border:2px solid #fff6;border-radius:50%;width:54px;height:54px;font-size:22px}#tbtns button.on{background:#ffd65a88}body.touch #help,body.touch #q,body.touch #perf{display:none}body.touch #chat{width:auto;bottom:6px;left:160px;right:270px}body.touch #log{max-height:64px}body.touch #actionbar{grid-template-columns:repeat(2,58px);gap:8px;display:grid;bottom:14px;left:auto;right:132px;transform:none}body.touch .slot{width:58px;height:58px}body.touch #inventory{inset:60px auto auto 50%;transform:translate(-50%)}body.touch #qtrack{top:140px}#loading{color:#fff;text-shadow:0 1px 3px #0008;place-items:center;font-size:20px;display:grid;position:fixed;inset:0}#hp{align-items:center;gap:6px;font-weight:600;display:flex}#hp div{background:#0006;border-radius:5px;width:180px;height:10px;overflow:hidden}#hp i{background:linear-gradient(#f66,#c22);width:100%;height:100%;display:block}#hurt{pointer-events:none;opacity:0;position:fixed;inset:0;box-shadow:inset 0 0 160px 40px #c00}#res,#xp{align-items:center;gap:6px;font-weight:600;display:flex}#res div,#xp div{background:#0006;border-radius:4px;width:180px;height:7px;overflow:hidden}#res i{background:#e8b84a;height:100%;display:block}#xp i{background:#9a7cf0;height:100%;display:block}#hp b{font-size:11px;font-weight:500}#buffs{gap:4px;min-height:26px;display:flex}#buffs span{background:#0006;border:1px solid #6c6;border-radius:5px;place-items:center;width:26px;height:26px;font-size:15px;display:grid;position:relative}#buffs span.debuff{border-color:#e55}#buffs i{text-shadow:0 0 2px #000;font-size:10px;font-style:normal;position:absolute;bottom:-1px;right:1px}#actionbar{pointer-events:auto;z-index:5;gap:6px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.slot{color:#fff;cursor:pointer;background:linear-gradient(#3a3550,#221f30);border:2px solid #8a7cc0;border-radius:9px;place-items:center;width:52px;height:52px;display:grid;position:relative;overflow:hidden;box-shadow:0 2px 8px #0008}.slot em{font-size:24px;font-style:normal}.slot small{opacity:.85;font-size:11px;position:absolute;top:2px;left:4px}.slot s{border-radius:7px;position:absolute;inset:0}.slot u{text-shadow:0 0 3px #000;place-items:center;font-size:18px;font-weight:700;text-decoration:none;display:grid;position:absolute;inset:0}.slot.ready{border-color:#ffd77a}.slot.nores em{filter:grayscale()brightness(.6)}#plates,#nums{pointer-events:none;position:fixed;inset:0;overflow:hidden}.plate{color:#fff;text-align:center;text-shadow:0 1px 2px #000;white-space:nowrap;font-size:11px;position:absolute;top:0;left:0}.plate b{font-weight:600}.plate span{opacity:.75}.plate div{background:#000a;border:1px solid #0008;border-radius:3px;width:84px;height:6px;margin:2px auto 0;overflow:hidden}.plate i{background:#d33;height:100%;display:block}.plate.aggro b{color:#ff9a8a}.plate p{min-height:12px;margin:1px 0 0;font-size:12px}.num{color:#fff;text-shadow:0 0 3px #000,0 2px 2px #000;font-size:22px;font-weight:800;position:absolute;top:0;left:0}.num.hit{color:#fff2c0}.num.crit{color:#ffd23a;font-size:30px}.num.hurt{color:#ff6a5a}.num.dot{color:#ff9a9a;font-size:14px}.num.heal{color:#7dff8a}.num.xp{color:#c9b4ff;font-size:15px}.num.lvl{color:#ffd65a;font-size:28px}#minimap{z-index:4;pointer-events:none;background:#223;border:3px solid #d9c38a;border-radius:50%;width:180px;height:180px;position:fixed;top:12px;right:12px;box-shadow:0 2px 10px #0009}#qtrack{color:#fff;text-shadow:0 1px 2px #000;text-align:right;width:200px;font-size:12px;position:fixed;top:204px;right:14px}#qtrack div{margin:2px 0}#qtrack b{color:#ffd65a}.plate.npc b{color:#9fe0ff}.plate.npc em{color:#ffd23a;-webkit-text-stroke:1.5px #000;font-size:26px;font-style:normal;font-weight:900;line-height:1;display:block}.plate.npc em.ready{color:#ffd23a}.plate.npc em.busy{color:#bbb;font-size:18px}#prompt{color:#fff;pointer-events:none;background:#000a;border-radius:6px;padding:5px 12px;font-size:13px;position:fixed;bottom:84px;left:50%;transform:translate(-50%)}#dialog{color:#f2ead8;z-index:6;pointer-events:auto;background:linear-gradient(#2c2738ee,#1c1926ee);border:2px solid #c9a96a;border-radius:10px;width:420px;padding:12px 16px;position:fixed;bottom:110px;left:50%;transform:translate(-50%)}#dialog b{color:#ffd65a;font-size:15px}#dialog p{margin:8px 0 10px;font-size:14px;line-height:1.4}#dialog button{color:#fff;cursor:pointer;background:#4a3f28;border:1px solid #c9a96a;border-radius:6px;margin-right:8px;padding:5px 14px}#inventory{color:#f2ead8;z-index:6;pointer-events:auto;background:linear-gradient(#2c2738f2,#1c1926f2);border:2px solid #c9a96a;border-radius:10px;padding:8px 12px 10px;font-size:12px;position:fixed;bottom:80px;right:14px}#inventory h3{color:#ffd65a;margin:4px 0 6px;font-size:13px}#inventory h3 small{color:#bbb;font-weight:400}#inventory .equip{gap:4px;display:flex}#inventory .grid{gap:4px;display:grid}#inventory .tip{color:#cfc;margin:6px 0 0}#inventory .cell{cursor:pointer;background:#0005;border:2px solid #555;border-radius:6px;place-items:center;width:44px;height:44px;font-size:22px;display:grid;position:relative}#inventory .cell b{text-shadow:0 0 2px #000;font-size:11px;position:absolute;bottom:0;right:2px}#inventory .cell small{color:#bbb;font-size:8px;position:absolute;bottom:-1px}#inventory .cell i{opacity:.25;font-style:normal}#inventory .cell.common{border-color:#9a9a9a}#inventory .cell.uncommon{border-color:#3fc35a}#inventory .cell.rare{border-color:#3a8cff}.plate .lv{opacity:1;font-weight:700}.plate .lv.red{color:#ff4a3a}.plate .lv.orange{color:#ff9a3a}.plate .lv.yellow{color:#ffe25a}.plate .lv.green{color:#6ad86a}.plate .lv.grey{color:#aaa}.plate small{color:#ffb0a0;font-size:10px}body.touch #tbtns{bottom:14px}body.touch #prompt{top:12px;bottom:auto}@media (max-width:700px){body.touch #chat{width:auto;bottom:178px;left:8px;right:8px}body.touch #log{max-height:48px}}body.showperf #perf{display:block!important}html,body{font-family:Manrope,Inter,system-ui,sans-serif}#hp div{border-radius:6px;height:12px;box-shadow:inset 0 1px 2px #0008,0 1px #fff3}#hp i{background:linear-gradient(#ff8a7a,#d8352c 55%,#a8221c);transition:width .25s;box-shadow:inset 0 1px #fff6}.num{letter-spacing:.5px;text-shadow:0 0 4px #000,0 2px 3px #000a}body.touch #chat{display:none!important}body:not(.touch) #chat{width:min(360px,50vw)}body:not(.touch) #log{max-height:66px;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 35%);mask-image:linear-gradient(#0000,#000 35%)}body:not(.touch) #log div:not(:nth-last-child(-n+3)){display:none}body:not(.touch) #cin{color:#fff;opacity:.55;background:#0005;padding:5px 10px;font-size:12px;transition:all .15s}body:not(.touch) #cin::placeholder{color:#fffb}body.chat-open #cin{color:#111;opacity:1;background:#fffe;padding:8px 10px;font-size:14px}body.chat-open #cin::placeholder{color:#666}body.chat-open #log{max-height:180px;overflow:auto;-webkit-mask-image:none;mask-image:none}body.chat-open #log div{display:block!important}#game-menu-button{left:12px;top:max(12px,env(safe-area-inset-top));z-index:30;color:#fff3d4;touch-action:manipulation;background:#18251fe6;border:1px solid #e8d5ab80;border-radius:12px;width:44px;height:44px;font:700 21px system-ui;position:fixed}#game-pause[hidden]{display:none!important}#game-pause{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a141a99;place-items:center;padding:16px;display:grid;position:fixed;inset:0}#game-pause section{box-sizing:border-box;color:#f5eedb;background:linear-gradient(145deg,#263a32,#142326);border:1px solid #e8d5ab66;border-radius:18px;width:min(300px,100%);max-height:calc(100dvh - 48px);padding:22px;overflow:auto;box-shadow:0 16px 60px #0008}#game-pause h2{margin:0 0 6px;font-size:22px}#game-pause p{color:#ced4c9;font-size:12px;line-height:1.5}#game-pause button{color:#f7efd9;touch-action:manipulation;background:#f2dfae12;border:1px solid #f2dfae55;border-radius:9px;width:100%;min-height:44px;margin-top:9px;font:600 14px system-ui;display:block}#game-pause #q{gap:5px;display:flex!important}#game-pause #q button{margin-right:0;padding:4px;font-size:12px}#game-pause #q button.on{color:#142326;background:#c7ad6c}#hud{top:12px;left:66px}body.touch #chat,body.touch #cbtoggle{display:none!important}body.pause-open #tbtns,body.pause-open #joy,body.pause-open #deskbtns,body.pause-open #actionbar{visibility:hidden}@media (max-height:500px){#game-pause section{padding:14px 20px}#game-pause p{margin:4px 0}#game-pause button{margin-top:6px}body.touch #minimap{width:86px;height:86px}body.touch #qtrack{max-width:145px;font-size:10px;top:105px}}#game-pause #eng-btn{box-sizing:border-box;width:100%;min-height:44px;box-shadow:none;background:#f2dfae12;border:1px solid #f2dfae55;border-radius:9px;justify-content:center;margin-top:9px;font-size:14px;display:flex;position:static}body.pause-open #eng-panel,body.pause-open .eng-modal{z-index:120}#game-pause .dof-setting{cursor:pointer;border-top:1px solid #f2dfae33;grid-template-columns:22px 1fr;align-items:center;gap:5px 8px;min-height:44px;margin-top:14px;padding-top:12px;font-size:14px;display:grid}#game-pause .dof-setting input{accent-color:#c7ad6c;width:18px;height:18px;margin:0}#game-pause .dof-setting small{color:#ced4c9;grid-column:2;font-size:11px;line-height:1.4}body.touch #hud{max-width:174px}body.touch #hp div{width:92px}body.touch #res div,body.touch #xp div{width:120px}body.touch #hp b{font-size:10px}body.touch #minimap{width:104px;height:104px}body.touch #qtrack{max-width:160px;top:128px}@media (max-height:500px){body.touch #minimap{width:86px;height:86px}body.touch #qtrack{top:108px}}body.touch #joy{left:18px;bottom:max(20px,env(safe-area-inset-bottom));width:96px;height:96px}body.touch #knob{width:42px;height:42px;top:27px;left:27px}body.touch #tbtns{right:max(12px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));grid-template-columns:repeat(2,46px);gap:6px}body.touch #tbtns button{width:46px;height:46px;font-size:19px}body.touch #actionbar{right:122px;bottom:max(16px,env(safe-area-inset-bottom));grid-template-columns:repeat(2,48px);gap:6px}body.touch .slot{box-sizing:border-box;width:48px;height:48px}body.touch .slot em{font-size:21px}@media (min-width:700px) and (max-height:500px){body.touch #tbtns{grid-template-columns:repeat(6,46px)}body.touch #actionbar{grid-template-columns:repeat(4,48px);right:330px}}#village-chapter{z-index:25;color:#f0e6cd;pointer-events:auto;width:250px;font:13px/1.5 system-ui;position:fixed;top:230px;left:14px}#village-chapter button{width:100%;color:inherit;text-align:left;cursor:pointer;background:linear-gradient(135deg,#182820f5,#1f251ceb);border:1px solid #a88d5259;border-radius:10px;padding:11px 14px;box-shadow:0 8px 30px #0003}#village-chapter small{color:#c6ac70;letter-spacing:.16em;font-size:9px;display:block}#village-chapter b{margin:3px 0;font:19px Georgia,serif;display:block}#village-chapter b span{float:right;color:#d7bf81;font:12px system-ui}#village-chapter em{color:#c8ccba;font:11px/1.5 system-ui;display:block}#village-chapter [data-journal]{background:#17281ff5;border:1px solid #9d865866;border-top:0;border-radius:0 0 10px 10px;max-height:45vh;padding:10px 14px;overflow:auto}#village-chapter ol{padding-left:18px}#village-chapter li{margin-bottom:9px}#village-action{z-index:28;color:#ffedbd;cursor:pointer;background:#24392df5;border:1px solid #d6ba78;border-radius:30px;max-width:calc(100vw - 30px);min-height:48px;padding:12px 24px;font:600 14px system-ui;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 5px 24px #0005}#village-dialog{z-index:85;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#eee3c9;background:#0c1719b5;place-items:center;padding:20px;font:15px/1.65 system-ui;display:grid;position:fixed;inset:0}#village-dialog[hidden],#village-action[hidden]{display:none}#village-dialog article{background:radial-gradient(at top,#354b39,#192b23 70%);border:1px solid #c6a76980;border-radius:18px;width:min(540px,100%);max-height:calc(100dvh - 40px);padding:28px 32px;overflow:auto;box-shadow:0 30px 100px #0008}#village-dialog small{letter-spacing:.22em;color:#d1b67b;font-size:10px}#village-dialog h2{color:#f7e5bb;margin:12px 0 20px;font:32px/1.2 Georgia,serif}#village-dialog .village-voice{color:#e9d4a7;font:italic 20px/1.5 Georgia,serif}#village-dialog button{color:#f4e6c8;min-height:46px;font:inherit;cursor:pointer;background:#ffffff0b;border:1px solid #bba26d77;border-radius:9px;padding:11px 16px}#village-dialog button:hover{background:#bba26d26}#village-dialog button:focus-visible,#village-chapter button:focus-visible,#village-action:focus-visible{outline-offset:3px;outline:3px solid #f6d58b}.village-choices{gap:10px;margin:22px 0;display:flex}.village-choices button{flex-direction:column;flex:1;align-items:center;gap:5px;display:flex;font-size:13px!important}.village-choices i{font:30px Georgia,serif}.village-choices strong{color:#e9c97a}.village-progress{gap:8px;margin-top:20px;display:flex}.village-progress span{text-align:center;border:1px solid #c5ad7c66;border-radius:50%;width:28px;height:28px}.village-progress .done{color:#17271d;background:#d3b775}.village-feedback{color:#efcc83;min-height:26px}.village-primary{background:#94743d77!important}.village-seal{text-align:center;color:#e3ba60;text-shadow:0 0 35px #e6bc4d66;font:72px Georgia,serif}.village-reward{color:#f1cf83;background:#f5ca6c13;border:1px solid #c9ab6555;border-radius:8px;padding:12px}@media (max-width:700px){#village-chapter{width:185px;top:244px;left:10px}#village-chapter button{padding:8px 10px}#village-chapter b{font-size:16px}#village-chapter small{font-size:8px}#village-chapter em{font-size:10px}#village-action{padding:10px 18px;font-size:12px;bottom:142px}#village-dialog{padding:10px}#village-dialog article{max-height:calc(100dvh - 20px);padding:20px}#village-dialog h2{font-size:27px}.village-choices{gap:6px}.village-choices button{padding:9px 5px!important;font-size:11px!important}}@media (max-height:500px){#village-chapter{width:190px;top:100px;left:12px}#village-chapter em{display:none}#village-dialog article{padding:15px 22px}#village-dialog h2{margin:8px 0;font-size:23px}.village-choices{margin:10px 0}#village-action{bottom:90px}}#village-chapter.inside{top:106px}#village-chapter.inside [data-book]{background:#17291ef0}@media (max-width:700px){#village-chapter.inside{width:210px;top:98px}#village-chapter.inside em{display:none}}#minimap[hidden],#qtrack[hidden]{display:none!important}