html,body{color:#e9dcc0;background:#141622;height:100%;margin:0;font-family:Noto Serif TC,Songti TC,Georgia,serif;overflow:hidden}#c{width:100vw;height:100vh;display:block}#ui{pointer-events:none;position:fixed;inset:0}#world-ui{pointer-events:none;position:fixed;inset:0;overflow:hidden}.win,#hud,#chat,#target,#pop{border:22px solid #0000;border-image:url(/assets/ui/frame.png) 70 fill}.slot,.mb,.dslot,.bcell{box-sizing:border-box;border:6px solid #0000;border-image:url(/assets/ui/slot.png) 20 fill}.obar,#exp,.tb{box-sizing:border-box;background-clip:padding-box;border:6px solid #0000;border-image:url(/assets/ui/bar.png) 26 38 fill;position:relative}.obar i,#exp i,.tb i{display:block;position:absolute;top:0;bottom:0;left:0}.hp i,.tb i{background:linear-gradient(#e85a44,#8a1c12 60%,#5a0d08)}.mp i{background:linear-gradient(#6a9cf5,#1f3a88 60%,#10204e)}#exp i{background:linear-gradient(#f6d98a,#a3761f)}.obar span,#exp span{z-index:1;text-align:center;text-shadow:1px 1px #000,0 0 3px #000;white-space:nowrap;font-size:11px;line-height:14px;display:block;position:relative}#hud{pointer-events:auto;align-items:center;gap:12px;padding:0 4px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}#vitals{align-items:center;gap:8px;display:flex}.vv{width:190px}.lvl{color:#f3d48a;text-shadow:1px 1px #000;background:url(/assets/ui/slot.png) 50%/cover;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;line-height:1;display:flex}.lvl small{color:#9c8458;font-size:9px}.name{color:#f3d48a;text-shadow:1px 1px #000;margin-bottom:2px;font-size:12px}.obar{height:26px;margin:2px 0}.obar span{line-height:14px}#hotrow,#slots{gap:4px;display:flex}.slot{cursor:pointer;color:#d9c79a;pointer-events:auto;justify-content:center;align-items:center;width:50px;height:50px;font-size:10px;display:flex;position:relative}.slot img{object-fit:contain;pointer-events:none;width:34px;height:34px}.slot.empty img{display:none}.slot b{color:#c9a96a;text-shadow:1px 1px #000;font-size:9px;font-weight:400;position:absolute;top:-3px;left:-1px}.slot .n{color:#fff;text-shadow:1px 1px #000,0 0 2px #000;font-size:11px;position:absolute;bottom:-3px;right:-1px}.slot.flash{filter:brightness(1.6)}#skill{overflow:hidden}#skill:after{content:"";height:var(--cd,0%);background:#000b;position:absolute;bottom:0;left:0;right:0}#skill.nomp img{filter:grayscale()brightness(.6)}#skill .mpc2{color:#9cc0ff;text-shadow:1px 1px #000;z-index:2;font-size:9px;position:absolute;bottom:-3px;right:0}#skill .cdn{z-index:2;color:#fff;text-shadow:1px 1px #000;justify-content:center;align-items:center;font-size:17px;display:flex;position:absolute;inset:0}#pick .pk{color:#f3d48a;text-shadow:1px 1px #000;font-size:12px}#menu{gap:4px;display:flex}.mb{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:46px;height:50px;display:flex;position:relative}.mb img{width:26px;height:26px}.mb span{color:#e9dcc0;white-space:nowrap;text-shadow:1px 1px #000;font-size:9px}.mb b{color:#c9a96a;font-size:8px;font-weight:400;position:absolute;top:-4px;right:-1px}.mb.on{filter:brightness(1.4)}#exp{border-width:4px 10px;height:16px;position:absolute;bottom:0;left:0;right:0}#exp span{font-size:9px;line-height:8px}#chat{pointer-events:auto;border-width:14px;border-image-slice:60 fill;width:300px;position:absolute;bottom:118px;left:10px}#chat .tabs{gap:2px;margin:-4px 0 3px;display:flex}#chat .tabs b{color:#9c8458;cursor:pointer;border-bottom:1px solid #0000;padding:1px 7px;font-size:11px;font-weight:400}#chat .tabs b.on{color:#f3d48a;border-bottom-color:#c9a96a}#chat .fold{margin-left:auto}#log{text-shadow:1px 1px #000;scrollbar-width:thin;height:96px;font-size:12px;line-height:1.35;overflow-y:auto}#log div.cmb{color:#ffb39a}#log div.sys{color:#e9dcc0}#log div.loot{color:#f3d48a}#log div.npc{color:#bfe3ff}#chat.folded #log{height:0;overflow:hidden}#chat.folded .tabs{margin-bottom:-4px}#target{text-align:center;border-width:14px;border-image-slice:60 fill;width:220px;position:absolute;top:8px;left:50%;transform:translate(-50%)}#target[hidden]{display:none}.tn{color:#ff9a8a;text-shadow:1px 1px #000;font-size:13px}.tb{height:20px;margin-top:2px}.tv{color:#d9c79a;margin-top:1px;font-size:10px}#mini{border:12px solid #0000;border-image:url(/assets/ui/slot.png) 26 fill;width:132px;height:150px;padding:6px;position:absolute;top:10px;right:10px}#minic{border-radius:50%;display:block}.mn{text-align:center;color:#f3d48a;text-shadow:1px 1px #000;margin-top:2px;font-size:11px}#loc{color:#f3d48a;letter-spacing:2px;text-shadow:0 0 8px #000,1px 1px #000;white-space:nowrap;opacity:.85;font-size:14px;position:absolute;top:118px;left:50%;transform:translate(-50%)}#help{opacity:.75;text-shadow:1px 1px #000;text-align:right;max-width:300px;font-size:11px;position:absolute;bottom:122px;right:10px}#help.hide{display:none}#loading{justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;inset:0}#dead{color:#ffb4a0;text-shadow:0 0 8px #000;background:#300a;justify-content:center;align-items:center;font-size:28px;display:flex;position:absolute;inset:0}#dead[hidden]{display:none}.hpbar{background:#000a;border:1px solid #000;width:44px;height:5px;margin-left:-22px;position:absolute}.hpbar i{background:#d3412f;height:100%;display:block}.hpbar.sel{outline:1px solid #f3d48a}.dmg{color:#fff;text-shadow:0 0 3px #000,1px 1px #000;white-space:nowrap;font:700 18px Georgia,serif;transition:transform 1s ease-out,opacity 1s ease-in;position:absolute;transform:translate(-50%)}.dmg.crit{color:#ffd23f;font-size:24px}.dmg.hurt{color:#ff6a5a}.dmg.heal{color:#7cf07c}.dmg.lv{color:#ffe68a;font-size:22px}.dmg.mpc{color:#8fb4ff;font-size:14px}#bubble{pointer-events:auto;color:#2a1c0e;background:#f4ead2;border:2px solid #5a4528;border-radius:8px;max-width:240px;padding:6px 9px;font-size:12px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 3px 10px #0008}#bubble[hidden],.win[hidden],#tip[hidden]{display:none}#bubble b{color:#7a3a10;font-size:11px;display:block}#bubble button{font:inherit;color:#fff;cursor:pointer;background:#5a4528;border:1px solid #2a1c0e;margin-top:5px;padding:3px 6px;font-size:11px;display:block}.npcname{color:#bfe3ff;text-shadow:1px 1px #000,0 0 4px #000;white-space:nowrap;font-size:11px;position:absolute;transform:translate(-50%,-100%)}.win{pointer-events:auto;color:#e9dcc0;font-size:12px;position:absolute}#equip{-webkit-user-select:none;user-select:none;touch-action:none;width:316px;top:50%;left:50%;transform:translate(-50%,-50%)}.wt{color:#f3d48a;letter-spacing:2px;text-shadow:1px 1px #000;border:6px solid #0000;border-image:url(/assets/ui/bar.png) 26 38 fill;justify-content:center;align-items:center;height:30px;margin:-10px -6px 6px;font-size:15px;display:flex;position:relative}.wt .x{cursor:pointer;background:url(/assets/ui/x.png) 50%/contain no-repeat;width:22px;height:22px;position:absolute;top:1px;right:2px}.doll{grid-template-rows:repeat(5,54px);grid-template-columns:54px 1fr 54px;place-items:center;gap:2px;display:grid}.dslot{cursor:pointer;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative}.dslot img{object-fit:contain;pointer-events:none;width:36px;height:36px}.dslot.empty img{opacity:.28;width:30px;height:30px}.dslot.drop{filter:brightness(1.7)}.dslot .sl{text-align:center;color:#9c8458;text-shadow:1px 1px #000;font-size:8px;position:absolute;bottom:-4px;left:0;right:0}#prev{cursor:grab;touch-action:none;grid-area:1/2/6;width:190px;height:270px}.stats{text-align:center;grid-template-columns:repeat(5,1fr);gap:2px;margin:6px 0;font-size:11px;display:grid}.stats div{background:#0006;padding:2px 0}.stats b{color:#f3d48a;font-size:13px;display:block}.bag{grid-template-columns:repeat(6,44px);justify-content:center;gap:3px;display:grid}.bcell{cursor:pointer;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.bcell img{object-fit:contain;pointer-events:none;width:32px;height:32px}.bcell .n{color:#fff;text-shadow:1px 1px #000;font-size:10px;position:absolute;bottom:-4px;right:-2px}.bgold{text-align:right;color:#f3d48a;margin-top:4px;font-size:12px}.bgold img{vertical-align:-2px;width:14px}.ghost{pointer-events:none;z-index:50;opacity:.85;width:40px;height:40px;position:fixed;transform:translate(-50%,-50%)}#tip{z-index:60;pointer-events:none;background:#0d0a07f2;border:1px solid #8a6a3a;max-width:200px;padding:6px 9px;font-size:11px;line-height:1.4;position:fixed}#tip .tt{font-size:13px}#tip .r0{color:#e9e4da}#tip .r1{color:#6fdc6f}#tip .r2{color:#6fa8ff}#tip .r3{color:#ffb640}#tip .rr{opacity:.7;font-size:10px}#tip .st{color:#9cc0ff}#pop{width:260px;top:40%;left:50%;transform:translate(-50%,-50%)}#pop .row{align-items:center;gap:8px;margin:6px 0;display:flex}#pop .row img{width:36px}#pop button{font:inherit;color:#e9dcc0;cursor:pointer;background:#120d08;border:1px solid #8a6a3a;padding:4px 8px;font-size:12px}@media (width<=700px){#hud{border-width:12px;border-image-slice:60 fill;flex-wrap:wrap;justify-content:center;gap:4px;padding:0;bottom:14px;left:0;right:0;transform:none}#vitals{order:1;gap:4px;width:100%}.vv{flex:1;align-items:center;gap:4px;display:flex}.name{display:none}.obar{flex:1;height:22px;margin:0}.obar span{font-size:10px;line-height:10px}.lvl{width:34px;height:34px;font-size:13px}#hotrow{order:2}#menu{order:3}.slot{width:42px;height:42px}.slot img{width:28px;height:28px}#slots,#hotrow{gap:2px}.mb{width:40px;height:42px}.mb img{width:20px;height:20px}.mb span{font-size:8px}#chat{width:220px;bottom:176px;left:6px}#log{height:64px;font-size:11px}#help{display:none}#loc{font-size:12px;top:8px;left:8px;transform:none}#mini{width:96px;height:112px;padding:3px}#minic{width:96px;height:96px}#target{width:170px;top:34px}#equip{max-height:calc(100% - 16px);top:8px;overflow-y:auto;transform:translate(-50%)}}