:root{font-family:system-ui,"Microsoft JhengHei",sans-serif;color:#453d31;background:#53603b;color-scheme:light}*{box-sizing:border-box}body{margin:0;overflow:hidden;touch-action:none}#game{display:block;width:100vw;height:100dvh}button,select{font:inherit}button{cursor:pointer;border:2px solid #9e9278;background:#fff9e9;color:#493f32;border-radius:16px;box-shadow:0 3px 0 #625c49aa;touch-action:manipulation}button:active{transform:translateY(2px);box-shadow:none}#hud{position:absolute;top:max(10px,env(safe-area-inset-top));left:10px;right:10px;max-width:440px;display:flex;align-items:center;gap:8px;padding:9px 11px;background:#fff9e9eb;border:2px solid #9a8b73;border-radius:20px;pointer-events:none;box-shadow:0 3px 12px #2a301e44}.portrait{background:#5d4874;color:#f4d28e;border:2px solid #bea67c;border-radius:50%;width:36px;height:36px;text-align:center;line-height:32px;font-size:25px}.stats{flex:1}.stats b{font-size:14px}.stats small{font-size:11px;font-weight:500}.bar{height:13px;border-radius:7px;background:#443a4040;position:relative;margin-top:4px;overflow:hidden}.bar i{display:block;background:linear-gradient(#f9a9a3,#cb6977);height:100%;width:100%}.bar span{position:absolute;inset:0;text-align:center;font-size:10px;line-height:13px;color:#3c2e37}.exp{height:4px;background:#7c776455;margin-top:4px;border-radius:5px;overflow:hidden}.exp i{display:block;height:100%;background:#92bca0;width:0}#gold{font-size:12px;min-width:40px}#top{position:absolute;top:94px;right:12px;display:flex;gap:7px;align-items:center}#floor{background:#fff7dedc;font-size:12px;border-radius:12px;padding:5px 9px}#top button{width:32px;height:32px;border-radius:50%;font-weight:bold}#hint{position:absolute;left:50%;top:142px;transform:translateX(-50%);white-space:nowrap;background:#3c4531a6;color:#fff9dc;border-radius:12px;padding:5px 12px;font-size:12px;pointer-events:none;transition:opacity 1s}#toast{position:absolute;left:50%;top:27%;transform:translateX(-50%);max-width:90%;background:#353c2be8;color:#fff4d7;border:1px solid #cbbd91;border-radius:15px;padding:9px 14px;opacity:0;pointer-events:none;font-size:13px;transition:opacity .2s}#toast.show{opacity:1}#actions{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:end;gap:8px;width:max-content;padding:8px;border-radius:25px;background:#33432b33}#auto{width:48px;height:48px;font-size:11px;background:#edf0dce8}#auto.on{background:#c5dfb4;border-color:#4c7751}#auto small{font-size:10px}.skill{width:66px;height:74px;position:relative;overflow:hidden;padding:4px}.skill>span{display:block;font-size:27px;line-height:35px}.skill b{display:block;font-size:13px}.fire{background:#fff0da}.ice{background:#e7f8ff}.bolt{background:#f0e8ff}.bolt>span{color:#75528f;font-weight:900}.skill em,#ultimate em{display:none;position:absolute;inset:0;background:#27302a9c;color:white;align-items:center;justify-content:center;font-size:24px;font-style:normal;font-weight:bold}.skill.cool em,#ultimate.cool em{display:flex}.skill.cool{border-color:#777a71}#ultimate{position:relative;overflow:hidden;width:47px;height:59px;background:#564274;color:#fff1c0;font-size:23px;border-color:#d6c092}#ultimate small{display:block;font-size:10px}#ultimate em{font-size:16px}dialog{touch-action:pan-y;max-width:360px;width:calc(100% - 36px);max-height:85dvh;overflow:auto;padding:23px;color:#463c32;background:#fff8e7;border:3px solid #aa987a;border-radius:23px;box-shadow:0 10px 60px #1a241e80;font-size:14px;line-height:1.7}dialog::backdrop{background:#17241f80}dialog h2{margin:0 0 12px;font-size:22px}dialog button{padding:8px 15px;margin:7px 5px 0 0}dialog label{display:flex;justify-content:space-between;padding:8px 0}#perf{font-size:11px;color:#716b5a}#loading{position:fixed;inset:0;display:grid;place-items:center;background:#eff0d5;z-index:10;font-size:18px}#loading.done{display:none}@media(max-width:350px){#actions{gap:5px;padding:5px}.skill{width:58px;height:68px}#auto{width:40px}#ultimate{width:40px}#hud{padding:7px}#hud small{font-size:10px}}@media(max-height:480px){#hud{right:auto;width:300px;top:7px;padding:6px}.portrait{width:30px;height:30px;line-height:25px}#top{top:10px}#hint{top:84px}#actions{left:auto;right:10px;transform:none;bottom:10px}.skill{height:65px;width:62px}#floor{font-size:11px}}