@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{font-family:'Noto Sans SC',system-ui,sans-serif;color:#f8f6e9;font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#263d38}button,select{font:inherit}button{cursor:pointer;color:inherit;background:#ffffff12;border:1px solid #ffffff24;border-radius:9px;padding:10px 15px;transition:background .16s,transform .16s}button:hover{background:#ffffff29;transform:translateY(-1px)}button:focus-visible,select:focus-visible{outline:3px solid #ffd57a;outline-offset:3px}button:disabled{cursor:default;opacity:.42;transform:none}button.primary{background:#f4cb77;border:1px solid #f4cb77;color:#26332d;font-weight:700}.glass{background:#162c2be8;border:1px solid #ffffff26;box-shadow:0 12px 50px #18252226;backdrop-filter:blur(18px);border-radius:15px}#world{display:block;width:100vw;height:100vh;touch-action:none}header{position:absolute;top:0;left:0;width:100%;padding:23px 30px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#1428289c,transparent);pointer-events:none}.brand,nav{display:flex;align-items:center;gap:13px;pointer-events:auto}.brand b{display:block;font-size:23px;letter-spacing:3px}.brand small{font-size:10px;letter-spacing:2.7px;color:#e7cfa0}.seal{border:1px solid #f7ce83;background:#b94333;border-radius:6px;font-family:serif;font-size:29px;width:42px;height:44px;text-align:center}.edition{border-left:1px solid #ffffff42;padding-left:15px;margin-left:7px;font-size:12px;color:#ffffffaa}nav{gap:7px}nav button{background:#19322be0}kbd{font-family:inherit;font-size:11px;border:1px solid #ffffff42;padding:1px 5px;border-radius:4px;margin-left:5px;color:#fff9}#quest{position:absolute;top:110px;left:30px;width:246px;padding:23px}.eyebrow{color:#f1c575;font-size:11px;letter-spacing:2px}h2{font-size:21px;margin:10px 0}p{line-height:1.85;color:#d8e0d8;font-size:13px}.task{display:flex;justify-content:space-between;margin-top:15px;font-size:13px}.task strong{color:#f1d997;font-size:14px}.rule{height:1px;background:#ffffff1c;margin-top:19px}.hint{font-size:11px;margin-bottom:0;color:#b6c6be}#status{position:absolute;top:110px;right:30px;width:203px;padding:18px}.stats{display:flex;justify-content:space-between;font-size:18px}.stats>span:first-child{color:#f3978f}.gold{color:#f4d083}.health{height:5px;border-radius:6px;background:#ffffff22;margin:10px 0 12px;overflow:hidden}.health i{display:block;height:100%;width:100%;background:#e7837a;transition:width .2s}.modeLabel{font-size:10px;color:#bdcfc5}#location{position:absolute;left:50%;top:100px;transform:translateX(-50%);text-align:center;text-shadow:0 2px 8px #15251a99;pointer-events:none}#location span{display:block;font-size:10px;letter-spacing:3px;color:#ffffffb0}#location b{display:block;margin-top:7px;font-size:17px;letter-spacing:3px}#minimap{position:absolute;right:30px;bottom:155px;width:203px;padding:17px}#minimap>div{display:flex;justify-content:space-between;align-items:center;font-size:12px}#minimap span,#minimap small{color:#b6c5b9;font-size:10px}#mini{display:block;margin:11px 0;width:168px;height:250px;cursor:crosshair}#minimap small{white-space:nowrap}#welcome{position:absolute;left:30px;bottom:157px;width:350px;padding:27px 30px}h1{font-size:36px;line-height:1.38;letter-spacing:1px;margin:13px 0}#welcome p{font-size:13px}#welcome small{display:block;color:#a8bbb0;font-size:10px;margin-top:17px;letter-spacing:1px}.startButtons{display:flex;flex-direction:column;gap:8px;margin-top:20px}.startButtons button{padding:12px}.startButtons span{float:right}footer{position:absolute;bottom:0;left:0;width:100%;padding:20px 20px 18px;background:linear-gradient(transparent,#122723d9);display:flex;align-items:center;flex-direction:column;gap:14px}#hotbar{display:flex;gap:6px;max-width:100%;overflow:auto;padding:3px}.slot{position:relative;width:56px;height:61px;padding:6px 2px 4px;background:#1b302de8;border:1px solid #a8c0a83d;border-radius:9px;flex-shrink:0}.slot.selected{border:2px solid #f3d086;background:#80602df0;box-shadow:0 0 20px #f6cb6720}.slot .symbol{display:block;font-size:21px;line-height:26px}.slot .name{font-size:9px;white-space:nowrap}.slot.locked{filter:grayscale(.65);opacity:.48}.slot .num{position:absolute;top:2px;left:5px;font-size:8px;color:#fff8}.controls{display:flex;align-items:center;gap:20px;font-size:10px;color:#d6e2d6}.controls button{padding:4px 9px;font-size:10px}.controls kbd{margin:0 5px 0 0}#interact{position:absolute;left:50%;bottom:175px;transform:translateX(-50%);background:#172e2cef;border:1px solid #f5d28a;padding:12px 22px;border-radius:12px;font-size:15px}#interact kbd{font-size:15px;color:#f2d18f;margin-right:12px}#toast{position:absolute;top:180px;left:50%;transform:translate(-50%,-10px);padding:12px 23px;background:#15352fed;border:1px solid #e5c88888;border-radius:10px;opacity:0;pointer-events:none;transition:.2s;max-width:480px;text-align:center;z-index:9}#toast.show{opacity:1;transform:translate(-50%,0)}#modal{position:absolute;inset:0;background:#0a1c2390;display:grid;place-items:center;z-index:20;padding:20px}#modal[hidden],[hidden]{display:none!important}.dialog{position:relative;width:700px;max-width:100%;max-height:85vh;overflow:auto;padding:32px}.close{position:absolute;right:15px;top:12px;font-size:24px;padding:1px 10px}.dialog h2{font-size:25px}.dialog p{font-size:14px}.dialog a{color:#f1cd88}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.item{padding:18px 14px;border:1px solid #ffffff20;border-radius:11px;background:#ffffff05}.item .icon{font-size:27px}.item h3{margin:7px 0;font-size:15px}.item p{font-size:12px;margin:6px 0 13px;min-height:35px}.item button{padding:7px 10px;font-size:12px;width:100%}.tabs{display:flex;gap:8px;margin:18px 0}.selectedTab{border-color:#e9c378;color:#e9c378}#mapControls{position:absolute;bottom:150px;left:50%;transform:translateX(-50%);padding:18px;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:12px;width:min(610px,90vw)}#mapControls>span{font-size:11px;color:#bcd0c1}#mapControls label{font-size:12px}#editor{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-top:1px solid #ffffff26;padding-top:10px}#editor small{font-size:11px;color:#afc4b5}select{background:#2e4940;color:white;border-radius:6px;padding:8px;border:1px solid #ffffff42}#bossbar{position:absolute;top:140px;left:50%;transform:translateX(-50%);text-align:center;width:290px;font-size:12px}#bossbar>div{height:8px;margin-top:8px;background:#283d36;border:1px solid #fff5;border-radius:8px;overflow:hidden}#bossbar i{display:block;height:100%;background:#b994ec;width:100%}#loading{position:fixed;inset:0;background:#18332c;display:grid;place-items:center;z-index:50;font-size:23px}#touchControls{display:none}
@media(max-height:780px){#quest{padding:16px;top:98px;width:220px}.task{margin-top:10px}#welcome{padding:20px;width:315px;bottom:145px}h1{font-size:29px}#welcome p{margin:7px 0}.startButtons{margin-top:10px}#minimap{bottom:145px}#mini{height:205px;width:138px;margin:9px auto}#minimap{width:180px}}
@media(max-width:850px){header{padding:16px}.brand b{font-size:18px}.edition{display:none}nav button{padding:8px 10px;font-size:12px}nav kbd{display:none}#quest{left:16px;top:89px;width:190px;padding:15px}#quest p.hint,#quest .rule{display:none}#quest h2{font-size:16px}#quest p{font-size:11px}#status{right:16px;top:89px;width:160px;padding:13px}#minimap{right:16px;width:142px;padding:11px}#mini{width:116px;height:173px}#minimap small{font-size:8px}#welcome{left:16px;width:290px}#location{top:91px}#location b{font-size:12px;letter-spacing:1px}.controls{gap:10px}.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.brand small{font-size:8px}.seal{width:32px;height:36px;font-size:23px}.brand{gap:8px}nav{gap:4px}nav button{padding:7px 8px}#quest{top:84px;width:174px}#quest>p,#quest .eyebrow{display:none}.task{font-size:11px}#quest h2{margin-top:0}#status{top:84px;width:143px}#location{top:231px;white-space:nowrap}#minimap{bottom:230px;width:108px;right:12px;padding:8px}#mini{width:90px;height:134px}#minimap small{display:none}#welcome{bottom:182px;width:calc(100% - 143px);min-width:220px;padding:19px}#welcome h1{font-size:26px}#welcome p{font-size:11px}#welcome .eyebrow{font-size:9px;letter-spacing:0}.startButtons button{font-size:12px;padding:10px}#welcome small{font-size:9px;letter-spacing:0}footer{padding:12px 8px 10px;gap:7px}.slot{width:44px;height:51px}.slot .symbol{font-size:18px;line-height:23px}.slot .name{font-size:8px}.controls>span{display:none}#touchControls{display:flex;position:absolute;bottom:107px;width:100%;justify-content:space-between;padding:0 15px;pointer-events:none}.dpad{display:grid;grid-template-columns:repeat(3,38px);grid-template-rows:repeat(2,34px);gap:4px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-row:2;grid-column:1}.dpad button:nth-child(3){grid-row:2;grid-column:2}.dpad button:nth-child(4){grid-row:2;grid-column:3}#touchControls button{pointer-events:auto;padding:4px 9px;background:#15392ed9;touch-action:none}#touchControls>div:last-child{display:flex;align-items:flex-end;gap:7px}#interact{bottom:198px;font-size:12px;padding:10px;white-space:nowrap}#toast{top:248px;width:85%;font-size:13px}.dialog{padding:23px}.grid{gap:7px}.item{padding:12px}#mapControls{bottom:205px}#bossbar{top:220px}}