:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#e6e8e5;background:#131719;font-size:14px;letter-spacing:0}
#class-dialog [hidden]{display:none}
.map-item:disabled{opacity:1;cursor:default}
.map-item:disabled:hover{background:#222728;border-color:#465149}
.mana{height:6px;border:1px solid #819ba5;background:#112327}.mana>span{height:100%;display:block;background:#4ea3c2;transition:width .12s}.mana-meta{display:flex;justify-content:space-between;margin:4px 0 5px}.portrait-hud .mana-meta span{font-size:10px}.health-meta,.mana-meta{font-variant-numeric:tabular-nums}
*{box-sizing:border-box;letter-spacing:0}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:1px solid #474c4c;background:#222728;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;transition:background .15s,border-color .15s}button:hover{background:#353d3c;border-color:#a9b7ad}button:active,button.held{background:#4b6158;border-color:#d3dca8}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid #d5bf7c;outline-offset:3px}button svg{width:20px;height:20px;stroke-width:1.6;pointer-events:none}button[aria-pressed=true]{color:#d1c18a;border-color:#a19165}button:disabled{opacity:.4;cursor:default}.topbar{height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;border-bottom:1px solid #414441;background:#191c1d}.brand{font-size:20px;font-family:Georgia,"Songti SC",serif;white-space:nowrap}.brand b{color:#d3bc7c;font-size:24px;margin-left:3px}.brand>span{font:12px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#a8afa7;margin-left:22px}.brand small{color:#c1b180;margin-left:6px;font-size:11px}nav{display:flex;gap:7px}nav button{width:36px;height:36px;min-height:36px;background:transparent;border-color:transparent}#stage{position:relative;width:100%;height:calc(100dvh - 54px);overflow:hidden;background:#121718}#game{display:block;width:100%;height:100%;outline:none;image-rendering:pixelated;touch-action:none}.portrait-hud{position:absolute;left:22px;top:20px;display:flex;align-items:center;gap:12px;pointer-events:none;text-shadow:0 2px 4px #000}.portrait-hud img{width:66px;height:68px;object-fit:cover;object-position:top;border:1px solid #8b8570;background:#222624}.portrait-hud strong{display:block;font-size:18px;margin-bottom:7px}.portrait-hud span{font-size:12px;color:#c4c8b6}.location{position:absolute;top:24px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 420px);text-align:center;text-shadow:0 2px 3px #000,0 0 12px #000;pointer-events:none}.location h1{font-size:19px;font-weight:500;margin:0 0 8px}.location span{font-size:11px;color:#c6c8b4}.minimap{position:absolute;top:18px;right:22px;width:158px;height:147px;display:flex;flex-direction:column;gap:0;border-color:#797961;background:#171d1ce8;border-radius:3px;overflow:hidden}.minimap canvas{width:156px;height:124px;image-rendering:pixelated}.minimap span{font-size:10px;color:#bfc4b4;font-variant-numeric:tabular-nums;height:19px}.actions{position:absolute;bottom:35px;right:28px;display:grid;grid-template-columns:52px 76px;grid-template-rows:52px 76px;align-items:center;gap:10px}.actions button{border-radius:50%;width:52px;height:52px;background:#272c2ce8;border:2px solid #95937b;box-shadow:0 2px 0 #080c0e, inset 0 0 0 3px #161d1d}.actions button svg{width:24px;height:24px}.actions #attack-button{grid-row:2;grid-column:2;width:76px;height:76px;color:#e8e4d3;border-color:#c3b77e}.actions #attack-button svg{width:38px;height:38px}.actions #skill-button{grid-row:1;grid-column:2;justify-self:center;color:#bdc8de}.actions #cast-button{grid-row:2;grid-column:1;color:#b9d5b7}.actions button:active{background:#617767}#dpad{position:absolute;left:28px;bottom:30px;width:150px;height:150px;display:grid;grid-template-columns:repeat(3,50px);grid-template-rows:repeat(3,50px);touch-action:none;user-select:none}#dpad button{background:#1c2627c9;border:1px solid #87958a8a;border-radius:5px;touch-action:none;min-width:0}#dpad button.held{background:#52675fdd;border-color:#d6d7b8}#dpad button svg{width:26px;height:26px}#dpad .up{grid-area:1/2}#dpad .left{grid-area:2/1}#dpad .right{grid-area:2/3}#dpad .down{grid-area:3/2}.pad-center{grid-area:2/2;background:#273132bb;border:1px solid #4c595488}.pad-center:after{content:"";display:block;width:10px;height:10px;border:1px solid #849a89;transform:rotate(45deg);margin:19px}.save-state{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);font-size:11px;color:#bcc4b3;text-shadow:0 1px 4px #000;pointer-events:none}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#111817c9;font-size:16px;z-index:5}#loading[hidden]{display:none}#toast{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:10px 18px;background:#1b2222eb;border:1px solid #829583;border-radius:4px;font-size:13px;opacity:0;transition:opacity .2s;pointer-events:none;text-align:center;z-index:8}#toast.visible{opacity:1}dialog{padding:0;width:min(860px,calc(100% - 32px));max-height:calc(100dvh - 48px);border:1px solid #6d766b;border-radius:6px;background:#1b2122;color:#e7e8e0;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#0c1214ba;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #3b4442;gap:10px}.dialog-heading h2{font-size:21px;font-weight:500;margin:0}.dialog-heading button{width:36px;height:36px;flex:none;background:transparent;border-color:transparent}.eyebrow{font:10px Georgia,serif;color:#c6b778;display:block;margin-bottom:6px}.map-filters{display:flex;gap:12px;padding:18px 24px 8px}.search{display:flex;align-items:center;gap:9px;background:#111819;border:1px solid #4a5550;border-radius:4px;padding:0 10px;flex:1;min-width:0}.search svg{width:17px;height:17px;flex:none;color:#9ca99c}.search input{height:40px;background:transparent;border:0;min-width:0;flex:1;color:#e8ede7;outline-offset:0}select{height:40px;background:#262e2d;border:1px solid #4a5550;border-radius:4px;padding:0 10px;max-width:100%;color:#e0e4db}.map-summary{padding:5px 24px 14px;display:flex;justify-content:space-between;align-items:center;color:#adb9ad;font-size:12px}.map-summary button{padding:0 10px;min-height:32px;font-size:12px}.map-summary svg{width:15px;height:15px}.map-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 24px 24px;overflow:auto;max-height:calc(100dvh - 300px);min-height:180px;align-content:start}.map-item{display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;border-color:#465149;gap:0;border-radius:4px}.map-item img{width:100%;aspect-ratio:1.85;object-fit:cover;image-rendering:pixelated;background:#101716}.map-item .map-label{padding:11px 12px;text-align:left;display:flex;align-items:center;gap:8px;justify-content:space-between;min-height:53px;font-size:12px;line-height:1.5}.map-label small{color:#a8b39c;font-size:10px;flex:none}.map-item.current{border-color:#c9b982}.map-item.current .map-label{color:#e1d8b0}.empty{grid-column:1/-1;text-align:center;color:#b3bbad;padding:60px 0}.settings-dialog{max-width:430px}.setting{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 24px;padding:14px 0;border-bottom:1px solid #333f3a;min-height:57px}.setting select{width:144px;height:34px}.setting input[type=range]{width:135px;accent-color:#afb887}.setting input[type=checkbox]{width:18px;height:18px;accent-color:#b7c7a3}.setting output{font-size:12px;color:#b9c3ad;margin-left:auto}.setting-buttons{padding:24px 24px 0;display:flex;gap:12px}.setting-buttons button{flex:1;font-size:12px}.build-status{font-size:11px;color:#aeb8a8;text-align:center;margin:22px 12px}.npc-status{padding:12px 24px 30px;color:#bec4b9}
@media(max-width:700px){.topbar{padding:0 10px;height:50px;gap:6px}.brand{font-size:17px}.brand b{font-size:21px}.brand>span{margin-left:10px;font-size:10px}.brand small{display:none}nav{gap:1px}nav button{width:30px;height:34px}nav button svg{width:17px}#fullscreen-button{display:none}#stage{height:calc(100dvh - 50px)}.portrait-hud{left:12px;top:14px;gap:8px}.portrait-hud img{width:46px;height:48px}.portrait-hud strong{font-size:14px;margin-bottom:4px}.portrait-hud span{font-size:10px}.location{top:84px;max-width:calc(100% - 24px)}.location h1{font-size:16px;margin-bottom:5px}.location span{font-size:10px}.minimap{top:12px;right:12px;width:108px;height:86px}.minimap canvas{width:104px;height:66px}.minimap span{font-size:9px;height:16px}#dpad{left:15px;bottom:32px;width:129px;height:129px;grid-template-columns:repeat(3,43px);grid-template-rows:repeat(3,43px)}.pad-center:after{margin:16px}.actions{bottom:35px;right:16px;gap:7px;grid-template-columns:46px 64px;grid-template-rows:46px 64px}.actions button{width:46px;height:46px}.actions #attack-button{width:64px;height:64px}.actions #attack-button svg{width:30px;height:30px}.save-state{bottom:10px;font-size:10px}#toast{bottom:180px;width:max-content;max-width:90%}.dialog-heading{padding:16px}.map-filters{padding:14px 16px 6px;gap:8px}.map-filters select{width:108px;padding:0 5px;font-size:12px}.search input{font-size:12px;width:0}.map-summary{padding:5px 16px 12px}.map-list{padding:0 16px 16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:calc(100dvh - 260px)}.map-item .map-label{padding:9px;font-size:11px;min-height:51px}.map-label small{font-size:9px}.dialog-heading h2{font-size:19px}}
.dialog-status{font-size:12px;color:#dacb98;padding:0 24px 12px}
.vitals{width:150px}.vitals strong{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.vitals strong small{font:11px -apple-system,sans-serif;color:#d4d8b2}.health{height:8px;border:1px solid #a39477;background:#23191a}.health>span{height:100%;display:block;background:#ba5750;transition:width .12s}.health-meta{display:flex;justify-content:space-between;margin:5px 0}.portrait-hud .health-meta span{font-size:10px}.experience{height:3px;background:#142825}.experience>span{display:block;height:100%;background:#80aaa2}.target-hud{position:absolute;left:50%;top:111px;transform:translateX(-50%);width:180px;text-align:center;pointer-events:none}.target-hud>span{font-size:12px;text-shadow:0 2px 3px #000}.target-health{height:5px;background:#23191c;margin-top:6px;border:1px solid #ada485}.target-health>span{height:100%;display:block;background:#c85f53}.battle-status{position:absolute;left:50%;top:82px;transform:translateX(-50%);font-size:11px;color:#dfd8b5;text-shadow:0 1px 3px #000;pointer-events:none;white-space:nowrap}.actions #heal-button{grid-row:1;grid-column:1;position:relative;color:#d9aba0}.actions #heal-button:disabled{opacity:.7}#potion-count{position:absolute;right:3px;bottom:2px;font-size:10px;background:#1c2323;border:1px solid #a29b7c;width:16px;height:16px;border-radius:50%;text-align:center;line-height:14px}#revive-button{margin:0 24px 24px;width:calc(100% - 48px)}#death-dialog .npc-status{padding-bottom:10px}
@media(max-width:700px){.vitals{width:130px}.portrait-hud img{width:40px;height:44px}.vitals strong{margin-bottom:6px}.portrait-hud .health-meta span{font-size:9px}.health{height:6px}.battle-status{top:161px;font-size:10px}.target-hud{top:183px;width:150px}.target-hud>span{font-size:11px}}
@media(max-width:700px){.location{top:110px}}
@media(max-height:520px){.location{top:14px;max-width:calc(100% - 390px)}.location h1{font-size:15px}.minimap{height:86px;width:108px}.minimap canvas{width:104px;height:66px}#dpad{transform:scale(.75);transform-origin:bottom left;bottom:20px}.actions{transform:scale(.8);transform-origin:bottom right;bottom:22px}.save-state{bottom:7px}dialog{max-height:calc(100dvh - 16px)}.map-list{max-height:calc(100dvh - 200px)}.dialog-heading{padding:10px 16px}.map-filters{padding-top:8px}.eyebrow{display:none}.setting{padding:7px 0;min-height:42px}}
.quest-status{position:absolute;top:78px;left:18px;z-index:5;color:#e8dfbd;font-size:12px;text-shadow:0 1px 2px #000;background:#111817b8;border:1px solid #555b4c;border-radius:3px;padding:4px 8px;pointer-events:none;max-width:calc(100% - 36px)}
@media(max-width:400px){.quest-status{top:72px;left:12px;font-size:11px}}
.portrait-hud{align-items:flex-start}.quest-status{top:132px}.quest-status:empty{display:none}
@media(max-width:700px){.portrait-hud .mana-meta span{font-size:9px}.mana{height:5px}.quest-status{top:146px}.location{top:113px}}
@media(max-width:360px){.vitals{width:112px}.minimap{width:96px}.minimap canvas{width:92px}}
.minimap{padding:0}
@media(max-width:700px) and (min-height:521px){.battle-status{left:12px;top:98px;transform:none}.target-hud{left:12px;top:118px;transform:none;width:174px}.location{left:auto;right:12px;top:118px;transform:none;width:min(160px,calc(100% - 218px));max-width:none;text-align:right}.location h1{font-size:14px;margin:0}.location span{display:none}.quest-status{top:154px}}