:root{color-scheme:dark;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#f3f2d8;background:#25483c;font-synthesis:none}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;overflow:hidden;overscroll-behavior:none}button,a{touch-action:manipulation}button{border:1px solid #d7ead64a;border-radius:13px;background:#173d36e8;color:inherit;min-height:46px;padding:10px 17px;font:inherit;font-weight:650;cursor:pointer}button:hover{background:#2e5b4e}button:focus-visible{outline:3px solid #ffe5a2;outline-offset:3px}button:disabled{opacity:.45;cursor:default}a{color:#ede0a0}button.primary{background:#e6d58e;color:#263e31;border-color:#f4e5a3;box-shadow:0 5px 0 #aa9458;padding:15px 25px;font-size:18px;font-weight:800}.primary:hover{background:#f2e1a1}.textbutton{border:0;background:transparent;text-decoration:underline;font-size:14px}#world{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.veil{position:fixed;inset:0;z-index:20;background:linear-gradient(90deg,#112f29b8,#112f2930);display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.veil[hidden],[hidden]{display:none!important}.panel{background:#14392fef;border:1px solid #a6c6a956;border-radius:25px;padding:30px;width:min(520px,100%);box-shadow:0 22px 70px #102c2a60;max-height:calc(100dvh - 40px);overflow:auto;backdrop-filter:blur(12px)}.title{text-align:center;margin-right:35%;width:440px;padding:36px 30px}.eyebrow{color:#c7d9ae;font-size:12px;letter-spacing:.15em}h1{font-size:48px;line-height:1.15;letter-spacing:.02em;margin:24px 0 20px;font-weight:950;color:#f0e5b5;text-shadow:0 4px 0 #5b6b45}h1 span{display:block;font-size:28px;margin-top:10px;letter-spacing:.25em}h2{margin:0 0 14px;color:#eddfa3;font-size:25px}p{line-height:1.7;margin:12px 0}.muted{color:#bdceb6;font-size:14px}.small{font-size:12px}.mapnames{padding:12px 0;font-size:14px;color:#dbe5cf}.mapnames i{font-style:normal;color:#dfca87;margin:0 8px}.choices{display:flex;gap:7px;margin:14px 0}.choices button{flex:1;padding:8px 10px}.choices .selected{border-color:#edda91;background:#e4d697;color:#294739}.title .primary{width:100%;margin:6px 0 10px}.title .textbutton{display:block;margin:auto}#hud{position:fixed;inset:0;pointer-events:none;z-index:3;user-select:none}#hud button,#hotbar{pointer-events:auto}header{position:absolute;left:max(20px,env(safe-area-inset-left));top:max(18px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));display:flex;align-items:flex-start;justify-content:space-between}.vitals{padding:10px 14px;background:#163c32da;border:1px solid #d0dec847;border-radius:14px;width:255px}.vitals>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:14px}#level{color:#efdca4;font-size:12px}.meter{height:8px;border-radius:9px;background:#102b2a;overflow:hidden;margin:7px 0}.meter i{display:block;background:#afd694;height:100%;transition:width .1s;width:100%}#resources{color:#d6e3c4;line-height:1.6}#pause{font-size:20px;min-width:46px;padding:7px}#objective{position:absolute;top:20px;left:50%;transform:translateX(-50%);text-align:center;text-shadow:0 2px 6px #173b32;background:#163c328f;border-radius:12px;padding:9px 16px;max-width:40%}#objective b{font-size:16px;display:block}#objective span{font-size:12px;display:block;margin-top:5px}#bossHud{position:absolute;top:89px;left:50%;transform:translateX(-50%);width:min(440px,60%);text-align:center;background:#243941cd;border-radius:12px;padding:10px 14px}#bossHud>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:14px}#bossphase{color:#f4d59d;font-size:12px}#bossbar{background:#e9b080}#bosstip{font-size:12px;color:#e0e6db;line-height:1.5}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#ffffe9;font-size:28px;font-weight:300;text-shadow:0 0 4px #0009}#hitflash{position:absolute;inset:0;box-shadow:inset 0 0 100px #c6664855;opacity:0;transition:opacity .12s}#toast{position:absolute;top:30%;left:50%;transform:translateX(-50%);background:#153b33ea;border:1px solid #cedb9766;border-radius:13px;padding:11px 20px;text-align:center;max-width:80%;opacity:0;transition:opacity .2s;font-size:14px}#interact{position:absolute;bottom:170px;left:50%;transform:translateX(-50%);background:#e4d598;color:#294333;white-space:nowrap}#weaponinfo{position:absolute;bottom:122px;left:50%;transform:translateX(-50%);text-shadow:0 2px 5px #000;background:#153a318c;border-radius:10px;padding:6px 13px;font-size:14px;white-space:nowrap}#hotbar{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:6px;background:#183b30c9;border:1px solid #c1d1b443;border-radius:17px}#hotbar button{min-width:57px;height:57px;min-height:44px;padding:6px 5px;background:#1c4038e0;border-radius:10px;position:relative;line-height:1.3;font-size:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}#hotbar button.active{background:#eddaa0;color:#284535;border-color:#fff4bc}#hotbar button b{font-size:15px;font-weight:750}#hotbar button small{font-size:11px;opacity:.8}#pcHint{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px;color:#fffbdc;text-shadow:0 1px 5px #173229}#touchControls{display:none}#modalactions{display:grid;gap:8px;margin-top:20px}#modalbody p{font-size:14px}#modalbody table{width:100%;border-collapse:collapse;font-size:14px}#modalbody td{padding:9px 4px;border-bottom:1px solid #ffffff20}.mapcard{display:block;width:100%;text-align:left;margin:9px 0}.mapcard span{display:block;font-size:12px;color:#c4d4bd;margin-top:4px}.guide{padding-left:20px;font-size:14px;line-height:1.8}#touchControls button{touch-action:none}#fatal{z-index:100}.panel>a{display:block;padding:15px 0}#lookzone{position:absolute;right:0;top:20%;width:65%;height:60%;pointer-events:auto;touch-action:none}
@media(pointer:coarse){#pcHint{display:none}#touchControls{display:block}#joystick{position:absolute;bottom:115px;left:max(24px,env(safe-area-inset-left));width:112px;height:112px;border:2px solid #e6ebcc5a;border-radius:50%;background:#203e364a;pointer-events:auto;touch-action:none}#joystick i{position:absolute;left:32px;top:32px;width:44px;height:44px;border-radius:50%;background:#e7e9cf8f;pointer-events:none}#touchControls button{position:absolute;right:25px;border-radius:50%;width:63px;height:63px;background:#24483de3;padding:4px;font-size:14px}#attack{bottom:146px!important;right:25px!important;background:#d3bb7aed!important;color:#234335;width:76px!important;height:76px!important}#guard{bottom:137px!important;right:112px!important}#jump{bottom:224px!important;right:29px!important}#slide{bottom:62px!important;right:35px!important}#hotbar{bottom:10px;gap:3px;padding:4px}#hotbar button{min-width:44px;width:44px;height:50px}#weaponinfo{bottom:73px}#interact{bottom:250px;max-width:60%;white-space:normal;font-size:14px}#objective{top:100px;max-width:70%;width:max-content}#bossHud{top:154px;width:80%;max-width:430px}header{left:12px;right:12px;top:12px}.vitals{width:228px}.title{margin:0}.veil{background:#12382c70}.panel{padding:24px}}
@media(max-width:600px){.title{margin:0}h1{font-size:42px}.panel{padding:24px}.title p{font-size:14px}#hotbar{width:calc(100% - 16px);max-width:468px;justify-content:center;gap:2px}#hotbar button{min-width:0;flex:1;padding:3px 1px;font-size:10px;border-radius:7px}#hotbar button b{font-size:12px}#hotbar button small{font-size:10px}#weaponinfo{font-size:12px}#toast{width:max-content;max-width:85%}#pcHint{display:none}}
@media(max-width:370px){#hotbar{display:grid;grid-template-columns:repeat(9,1fr);overflow-x:auto;justify-content:start;gap:2px}#hotbar button{min-width:44px}.panel{padding:20px}h1{font-size:36px}.vitals{width:210px}#joystick{width:100px;height:100px;left:14px}#joystick i{left:26px;top:26px}#guard{right:98px!important}}
@media(max-height:500px){.panel{padding:18px;max-height:calc(100dvh - 20px)}.veil{padding:10px}.title{width:500px}h1{font-size:32px;margin:12px 0}h1 span{font-size:20px;display:inline;margin-left:12px;letter-spacing:.1em}.title p{margin:8px 0}.mapnames{display:none}.title .primary{padding:10px}#objective{top:10px;left:57%;max-width:42%}#bossHud{top:66px;left:57%;width:42%;padding:6px 10px}#bosstip{display:none}#joystick{bottom:80px;width:98px;height:98px}#joystick i{left:25px;top:25px}#attack{bottom:107px!important;right:24px!important}#guard{bottom:89px!important;right:108px!important}#jump{bottom:190px!important;right:31px!important}#slide{bottom:30px!important;right:27px!important}#hotbar{bottom:8px;max-width:470px}#weaponinfo{bottom:73px}#interact{bottom:139px;max-width:44%}#toast{top:44%}.vitals{width:205px;padding:7px 10px}}

@media(max-width:600px){#hotbar{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;touch-action:pan-x}#hotbar button{min-width:44px;flex:0 0 44px;touch-action:pan-x}#hotbar button small{font-size:10px}}
#interact,#hotbar{z-index:6}#lookzone{z-index:0}#joystick,#touchControls button{z-index:2}@media(pointer:coarse) and (min-height:501px){#slide{bottom:82px!important}}
@media(pointer:coarse){#hotbar button{padding:4px 1px}#hotbar button b{font-size:12px;white-space:nowrap}#hotbar button small{font-size:10px;white-space:nowrap}}