@font-face{font-family:"Galmuri 11";src:url(/assets/galmuri-11-BCRpQXfo.woff2) format("woff2");font-display:block}@font-face{font-family:"Galmuri 9";src:url(/assets/galmuri-9-C1-7wTDd.woff2) format("woff2");font-display:block}@font-face{font-family:"Ark Symbols 12";src:url(data:font/woff2;base64,d09GMgABAAAAAARwAA4AAAAADTgAAAQfAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGyAcIAZgAHwKkDCNRQE2AiQDHAscAAQgBYNsByAXJBgcG8IKCC4G7Mbpi6IXMmK/er1abBlF2O/wJHh418qfSZaSzB0XMKW5ApIkUAsE8k6ogqtCXVlZua9G4/NERKvbm0r4xSB5whIekgbC2vsL1aJR4C+KrrpFVteyg6br6u8oSuJ4/oLuJ9z3LzM4aIQuanD/t9bq/VNpB900NC+FSvW4s/PPZmdQzyYaIplQSOavS4iUBqGYP2PLjItChjeGH/nvIQDNGuuIi5c3tySKAvj/XwDAHlCqh1kIhZJ+Ol/Y3wqc2ROCXsiOzf0LVqnYmfdwvHtyCTgeLCD9cxUTvUuRv80yUyThQAXRwAV7gtPBw+A5eA8GC8cspbgmkuTUW9n+tt/tfftqb+2qXbbFtunnlQgU5pewSrVo9N5Z5OF8hDdN0UQ10DCdGZYIUaUgSm0+V4s1/UQgjqapqSkVZnupVOZs/5zFoisqHVepkUHXRtAwwVO+JDbIx46apoyncyWN6+JL6VJnfClcBCuMMHfyGk2ihQ3r0ZTwDj7G02hM1AmFlgaMMLzOm3AjFYwIDsBSGCyhbbqtMalczMvJk3kpBa25zwdS3ErNt/4mDFZQeXBp0JJNsRAJ3PWhJMJLhkg4JjRKr9Th3hLuTqDltUdEHwWxUcf4YjWch5LZnBp4qhYpViqzWJ96PG9heqIj3hvjt6SL4WsxFXZ+GccT+YeOpsd1aELpUlnpaQlZNC0DHy3yo/wlv6Ih5Ua8IvKtxvXohkGvlJ9xdiuKf8+p72MEkO2GRdEZ0h+/R8kJJaVx2gF6S9qB7NjPVN+TjFJwqAaIXbzOIQbpqY17lCX9WOPMfo5mAZUrcGK4X3tPgzVHEMpamrvLyvqsODW1aUWDxdVOlEEmhQon1AElCQ5f+BxuPBy8ONcGb4WISHFguD2Zl8s7Dq5HH3o1qpdmo+gsB1SbAUC+ybIrv0RNyYp3E8Zbo1PoowsEFMzYYZ4RcqtNy9dtSPjCUlh0CO9jF0qK+ZkLISvUCVdnwrfzGRmfhqI0CBThwcWyhC6FnCkU6JKMKSrvM8uhoga5Yw3303RKNXm3ZHqLt0hZJD5eyey9dBZgAOhSrVBIpTdDaH4Rt8T52sNEUcT4JE/6c3/i5Fekeg34+Dt5bZ/470ObOUDioen/edfmDX6/aH9LRdAVMtYApDXwdPZH8YXjKgAP5boID0iEigFJ+EIE+yVDPCZ4HCK551mI4rxfISHmcvI+w5zPNS6oqRtoKsjJa3O2StnG2W+v/fbZybkloeSumrIslGAOb6trOW6PPdqLrle5W6q8a8U25zSVONcU9GWUOfvsV9ePsiYTv1svS2grqLohI6cT4U2axLsMuwy7Eu9abFfPTwjqethu++y1Vvswv0VcPyX5XLMuligZ/n8q7TUJkO7PiMX/nfwf5Q+v3BSlJQ0=) format("woff2");font-display:block}@font-face{font-family:"Ark Symbols 10";src:url(data:font/woff2;base64,d09GMgABAAAAAAQgAA4AAAAAC5gAAAPOAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGyAcIAZgAHwKjRCKcwE2AiQDHAscAAQgBYNsByAXJBgcG3AJAC4KbDdqG9EdYiilK2FqvkPeCBeC57/9zPv+TGjezyZbwlELSKrMP8ssKwwKVaMJZWXjS8cTwX+51HUhxMxp6ITSCQisXG94OqHaFBjEfFw/uItgLc0clnK95IFtjEs+QOoeMTkxdf9rre6c/gNvC028XWhLJjQqJd3srM7OolJNqog3Ko/QaEQySTQSKY2QtKLDXFOBSkozzp737yGAY58DZGDo7NySWID/EwAwn2jMFblFDItoONct8p4A3e8CRSseWR7694XZQ1IBCIB8CR4AXgAdmLFtDBIutIy9dIcsQ7zIFiWLfFF1UVfRnaK3ok8/NzJNyIsm6nT+lfn/9ru9bz/toz21x3aS590m9Flp1B4LIwQdENw5o3YhZEiSIL5rGft/Feuztj9pXZD3ddEdnNRBMnp2NluYQ9WybdstYfLMXXZTcZGWMLybi0O0W0EYzsI12NzN9ay42kEoKnpGy1w1TsK4m5z1NBr0ObSE2SvRdJzRc4qbHQvThC6OZRQO8R45npyaGdXTDuU4phq4G2FEk1VO9z2BG9UjoaKc2yOM0WErEY4Tz2xys5mx5iNnkqH6xHh2+1lfSsgcW9iURBjTdpvF2nY4rCeK7fcwYqKprPUlm4oKcgLajJbBlMwRkzZn/ONd09U2M9bFQh6tAWDxcjzyNjuIlr8PulR80Il6/J7DitttfA5KBgJRKkI5hUPGhswYhXoOqGtSQ9UqXtcWsr3z9GhId0eROm7xfj9Wcok1ZYPXw5s+ehLqk1DSrETtymnDYDKC0GGXNLsxOcHj0YnczTR6PhErjlirIoD5Xm8Dj7PAg7blgUACkadMdIetayKxwn82pxBUZ6/nyqxt6fUogqsMo9q3ITAfDUdEGGW2J5MmfRFdGSrDi1J9IdQ+ZJG8EJDbJzwG3tHrsF0APxtSJdOrOfqA67h2h40aglp49aZcQmaCUyVynLDImbRSxfiq+r04mwhEf0m+8a5ezXR8TRrzGYOP31eF7/Xv1DV7CDAEAAj8kExLvcD+QJyDIAKxVcwbOEkunC5AmjfsXwAB3W0JLjCITQE3EK8Q6tyoCCjgXoXhnPsVlj6/KmJsq+Mj4/R1jH6z5qxbMG7UmCVeiUgpr06NOrUqeKdcN+msWVNGcIi/ecmcRW2qVVs64qs9VaL2rdNK9VowyTtm3JphU7xaNeas5fACi7t4U65bMm7GCcNGLafKgg1jZbIyWWms3K1ylvan6WtSVRpDh93EbRc/r2l5qxm3GUSj/9/l/CUCwYO/A0bi7b+b6TQxBe+3tVsA) format("woff2");font-display:block}:root{--f12:"Galmuri 11","Ark Symbols 12","Be Vietnam Pro",system-ui,sans-serif;--f10:"Galmuri 9","Ark Symbols 10","Be Vietnam Pro",system-ui,sans-serif;--paper:#ece2c8;--paper2:#d8caa8;--paper3:#b8a888;--ink:#2a2230;--ink2:#3a3440;--inkl:#544f58;--son:#942823;--son-d:#8a2018;--son-l:#d84a3a;--wood:#5a3b22;--bg:#1a1020;--panel:#ece2c8;--line:#9a8a6c;--line2:#3a3440;--text:#2a2230;--muted:#4a4452;--accent:#245a46;--hp:#c0392b;--mp:#2a5ab0;--xp:#a8780e;--xp-t:#684a09;--warn:#853a0d;--wash:rgba(58,52,64,.08);--wash2:rgba(58,52,64,.16);--ink-panel:rgba(26,16,32,.72);--ink-text:#ece2c8;--stroke:1px 0 #1a1020,-1px 0 #1a1020,0 1px #1a1020,0 -1px #1a1020;--fs-s:10px;--fs-m:12px;--fs-l:24px;--sp-1:2px;--sp-2:4px;--sp-3:6px;--sp-4:8px;--sp-5:12px;--sp-6:16px;--bd:2px;--bd-fine:1px;--sh-panel:0 0 0 1px rgba(26,16,32,.5);--sh-pop:0 0 0 2px #1a1020,0 4px 0 rgba(0,0,0,.4);--sh-glow:0 0 6px currentColor;--track:#3a3440;--plate:#1a1020;--plate-text:#ece2c8;--good:#245a46;--bad:#942823;--gem:#8a6bff;--cell:44px;--frame-panel:var(--ui-hop-thoai);--frame-scroll:var(--ui-cuon-giay);--frame-btn:var(--ui-nut-thuong);--frame-btn-hover:var(--ui-nut-ro);--frame-btn-on:var(--ui-nut-nhan);--frame-btn-off:var(--ui-nut-tat);--frame-cell:var(--ui-o);--frame-cell-on:var(--ui-o-chon);--u:1;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}*,*:before,*:after{box-sizing:border-box}html{height:100%}body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--f12);font-size:12px;line-height:normal;font-synthesis:none;-webkit-font-smoothing:none;-webkit-user-select:none;user-select:none;touch-action:none}#stage{position:relative;width:100%;height:100%;overflow:hidden}#game{position:absolute;top:0;right:0;bottom:0;left:0}#game canvas{image-rendering:pixelated}[hidden]{display:none!important}#hud,#overlay{zoom:var(--u)}#hud,#overlay{image-rendering:pixelated}.panel{background:var(--panel);border:2px solid var(--line2);box-shadow:0 0 0 1px #1a102080}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud button,#hud input{pointer-events:auto}#lcol{position:absolute;left:10px;top:10px;display:flex;flex-direction:column;gap:8px;max-height:calc(100% - 20px)}#rcol{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-height:calc(100% - 200px)}#bottombar{position:absolute;left:10px;right:10px;bottom:12px;display:flex;justify-content:space-between;align-items:flex-end;gap:8px}.stats{width:232px;padding:10px 12px 12px}.who{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}#vhName{font-size:12px;font-family:var(--f12)}#vhName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#lvl{flex-shrink:0;white-space:nowrap}#lvl{color:var(--accent);font-variant-numeric:tabular-nums}.bar{position:relative;height:14px;background:var(--track);border:1px solid var(--ink2);margin-top:5px;overflow:hidden}.bar i{position:absolute;left:0;top:0;bottom:0;width:0;transition:width .12s linear}.bar span{position:absolute;top:0;right:0;bottom:0;left:0;font-size:10px;font-family:var(--f10);line-height:12px;text-align:center;color:var(--paper);text-shadow:var(--stroke);font-variant-numeric:tabular-nums}.hp i{background:var(--hp)}.mp i{background:var(--mp)}.xp i{background:var(--xp)}.lei i{background:linear-gradient(90deg,#1f3f8f,#5ab8ff,#e8f6ff)}.lei.full{box-shadow:0 0 8px #7fd0ff;border-color:#7fd0ff}.rings{display:flex;gap:6px;margin-top:10px;align-items:center;min-height:22px;flex-wrap:wrap}.ring{width:20px;height:20px;border-radius:50%;border:4px solid currentColor;box-shadow:0 0 0 1px #1a1020,inset 0 0 0 1px #1a1020,0 0 6px currentColor}.ring.empty{border:2px dashed var(--muted);box-shadow:none;opacity:.7}.rings small{color:var(--muted);font-size:12px;font-family:var(--f12)}.buffs{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.buffs:empty{display:none}.buffs span{font-size:10px;font-family:var(--f10);padding:1px 5px;border:1px solid currentColor;background:var(--ink-panel);text-shadow:var(--stroke)}.buffs span.debuff{border-color:var(--son-l);background:#8a2018cc}.buffs span.passive{border-style:dashed}#target small{display:block;font-size:12px;font-family:var(--f12);text-align:center;margin-top:2px}#target .thu{display:flex;align-items:center;gap:8px}#target .thu img{width:64px;height:64px;flex:none;image-rendering:pixelated;border:1px solid;background:#0a080e8c}#target .thu small{text-align:left}#target .xpcut{font-style:normal;color:var(--warn);font-size:12px;font-family:var(--f12)}.mapbox{position:relative;padding:6px}#radar{position:relative;width:168px;height:168px;margin:0 auto;pointer-events:auto}#mini{display:block;width:100%;height:100%;border-radius:50%;touch-action:none}#radarFrame{position:absolute;left:50%;top:50%;height:auto;transform:translate(-50%,-50%);pointer-events:none;image-rendering:pixelated}#radar .rbtn{position:absolute;width:20px;height:20px;padding:0;font:bold 13px/18px var(--f12);text-align:center;color:var(--paper);background:var(--ink-panel);border:1px solid var(--ink2);border-radius:50%;cursor:pointer}#radar .rbtn:disabled{opacity:.4;cursor:default}#radar #radarMode{left:-2px;top:-2px}#radar #radarIn{left:-2px;bottom:-2px}#radar #radarOut{right:-2px;bottom:-2px}#radarTip{position:absolute;transform:translate(-50%);white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis;padding:1px 5px;font:12px/16px var(--f12);color:var(--ink-text);background:var(--ink-panel);border:1px solid var(--ink2);pointer-events:none;z-index:3}#radarTip[hidden]{display:none}#radarInfo{font-size:11px;font-family:var(--f10);color:var(--muted);text-align:center;max-width:168px;margin:1px auto 0}#mapview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:auto;background:#080c0af5;touch-action:none;-webkit-user-select:none;user-select:none}#mapview[hidden]{display:none}#mapviewCv{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#mapviewCv:active{cursor:grabbing}#mapviewBar{position:absolute;left:0;right:0;top:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 10px;background:linear-gradient(#1a1020eb,#1a10208c);color:var(--ink-text);pointer-events:none}#mapviewBar>*{pointer-events:auto}#mapviewTitle{font:bold 14px var(--f12);margin-right:auto}#mapviewLayers,#mapview .mvtools{display:flex;flex-wrap:wrap;gap:4px}#mapview .mvchip,#mapview .mvbtn{font:12px var(--f12);min-height:30px;padding:3px 9px;color:var(--ink-text);background:var(--ink-panel);border:1px solid var(--ink2);border-radius:3px;cursor:pointer}#mapview .mvchip[aria-pressed=false]{opacity:.45;text-decoration:line-through}#mapview .mvbtn:disabled{opacity:.4;cursor:default}#mapview .mvz{min-width:30px;font-weight:700}#mapview .mvx{min-width:44px;min-height:40px;font-size:18px;background:#5a2530;border-color:#a0303c}#mapviewHelp{position:absolute;left:0;right:0;bottom:4px;text-align:center;font:11px var(--f10);color:var(--muted);pointer-events:none;text-shadow:0 1px 2px #000}#mapviewTip{position:absolute;transform:translate(-50%);white-space:nowrap;max-width:80vw;overflow:hidden;text-overflow:ellipsis;padding:2px 7px;font:13px/18px var(--f12);color:var(--ink-text);background:var(--ink-panel);border:1px solid var(--ink2);pointer-events:none;z-index:2}#mapviewTip[hidden]{display:none}#mapviewMenu{position:absolute;transform:translate(-50%);display:flex;gap:6px;z-index:3}#mapviewMenu[hidden],body.touch #mapviewHelp{display:none}@media(max-height:500px){#mapviewBar{padding:3px 8px;gap:3px 8px}#mapviewTitle{font-size:12px}#mapview .mvchip,#mapview .mvbtn{min-height:28px;padding:2px 7px}#mapview .mvx{min-height:36px}}#flagBar{display:flex;flex-wrap:wrap;align-items:center;gap:3px;margin-top:4px;font:11px var(--f10);color:var(--ink-text)}#flagBar[hidden]{display:none}#flagText{flex:1 0 100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ff9a3c;text-align:center}#flagBar .minibtn{flex:1 1 0;width:auto;margin-top:0;min-height:26px;padding:2px 6px}#flagBar #flagClear{flex:0 0 32px}#mapview .mvgo{background:#6a4a1c;border-color:#ff9a3c}.radarbtns{display:flex;gap:3px;margin-top:4px}.radarbtns .minibtn{margin:0;flex:1 1 0;min-width:0;padding:3px 2px;white-space:nowrap;font-size:10px;font-family:var(--f10)}.radarbtns .minibtn kbd{margin-left:1px;padding:0 1px;font-size:10px}.radarbtns .minibtn:disabled{opacity:.45;cursor:default}.radarbtns .minibtn[hidden]{display:none}#zoneName{font-size:12px;font-family:var(--f12);text-align:center;margin-top:4px}#online{font-size:12px;font-family:var(--f12);color:var(--muted);text-align:center}#chans{position:absolute;right:-2px;top:calc(100% + 4px);z-index:5;display:flex;flex-direction:column;gap:3px;width:170px;padding:6px;background:linear-gradient(var(--panel),var(--panel)),var(--bg);border:2px solid var(--line);box-shadow:0 0 0 2px #00000059;pointer-events:auto}#chans[hidden]{display:none}#chans button{font:inherit;font-size:12px;font-family:var(--f12);padding:4px 6px;border:1px solid var(--line);background:var(--wash);color:var(--text);cursor:pointer;display:flex;justify-content:space-between;gap:6px}#chans button.cur{border-color:var(--accent);color:var(--accent)}#chans button:disabled{opacity:.5;cursor:default}#chans button.cur:disabled{opacity:1}#chans small{font-size:12px;font-family:var(--f12);color:var(--muted);text-align:center}#target,#prompt{position:absolute;left:50%;transform:translate(-50%);padding:5px 12px;font-size:12px;font-family:var(--f12);white-space:nowrap;display:none}#target{top:12px}#prompt{bottom:96px;border-color:var(--line2)}#prompt em{font-style:normal;color:var(--warn)}#portal,#wpbox,#fusion{position:absolute;left:50%;transform:translate(-50%);bottom:132px;padding:8px 14px;text-align:center;font-size:12px;font-family:var(--f12);border-color:var(--accent)}#portal small,#wpbox small,#fusion small{display:block;color:var(--muted);font-size:12px;font-family:var(--f12)}#portal .danger{display:block;color:var(--son);margin-top:3px}#portal button,#wpbox button,#fusion button{margin-top:6px;font:inherit;font-size:12px;font-family:var(--f12);padding:5px 14px;border:1px solid var(--accent);background:var(--wash2);color:var(--text);cursor:pointer}#portal button.danger{border-color:var(--son-d)}#portal kbd,#wpbox kbd,#fusion kbd{font:inherit;font-size:10px;font-family:var(--f10);color:var(--muted);border:1px solid var(--line);padding:0 4px;margin-left:4px}body.touch :is(#portal,#wpbox){bottom:196px}#fusion{min-width:230px;border-color:#ffe08a}body:not(.touch):has(:is(#portal,#wpbox,#talk):not([hidden])) #fusion{bottom:250px}body.touch #fusion{bottom:auto;top:31%}#fusion .ft{color:#ffe08a;text-shadow:var(--stroke)}#fusion .ft small{color:var(--text);text-shadow:none}#fusion small{font-variant-numeric:tabular-nums}#fusion .bar{height:12px}#fusion .bar i{background:linear-gradient(90deg,#fff,#ffe08a);transition:none}#fusion.ask{animation:fusAsk .6s ease-in-out infinite alternate}@keyframes fusAsk{0%{box-shadow:0 0 2px #ffe08a}to{box-shadow:0 0 14px #ffe08a}}#wpbox{border-color:#5aa8c0}#talk{position:absolute;left:50%;transform:translate(-50%);bottom:132px;padding:8px 14px;text-align:center;font-size:12px;font-family:var(--f12);border-color:var(--son);pointer-events:auto}#talk small{display:block;color:var(--muted);font-size:12px;font-family:var(--f12)}#talk button{margin-top:6px;font:inherit;font-size:12px;font-family:var(--f12);padding:5px 14px;min-height:34px;border:1px solid var(--son-d);background:var(--wash2);color:var(--text);cursor:pointer}#talk kbd{font:inherit;font-size:10px;font-family:var(--f10);color:var(--muted);border:1px solid var(--line);padding:0 4px;margin-left:4px}body.touch #talk{bottom:196px}body.touch #talk kbd{display:none}#npc:not([hidden])~#talk{display:none}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;box-shadow:0 0 6px currentColor;background:currentColor}#channel{position:absolute;left:50%;top:24%;transform:translate(-50%,-50%);width:min(380px,92vw);text-align:center;display:none;padding:6px 10px;background:var(--panel);border:1px solid var(--line)}#channel .label{font-size:12px;font-family:var(--f12);margin-bottom:5px;color:var(--text)}#channel .bar{height:10px}#chatbox{position:relative;width:min(380px,58vw);display:flex;flex-direction:column;gap:3px;z-index:2}#log{display:flex;flex-direction:column;gap:3px}#log div{background:var(--ink-panel);color:var(--ink-text);border-left:3px solid var(--son);padding:3px 8px;font-size:12px;font-family:var(--f12);transition:opacity .6s;-webkit-user-select:text;user-select:text}#log div b{margin-right:4px}#log div i{font-style:normal;margin-right:4px;text-shadow:var(--stroke)}#log div b[style]{text-shadow:var(--stroke)}#chatbox.open #log{max-height:min(320px,42vh);overflow-y:auto;pointer-events:auto;touch-action:pan-y;overscroll-behavior:contain}#chatbox.open #log div{background:#1a1020e6}#chattabs{display:flex;gap:2px;margin-top:3px}#chattabs button{flex:1;position:relative;font:inherit;font-size:12px;font-family:var(--f12);padding:3px 2px;background:#1a1020e6;color:var(--ink-text);border:0;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}#chattabs button:not(.on){color:color-mix(in srgb,var(--ink-text) 70%,transparent)}#chattabs button.on{border-bottom-color:var(--c,var(--son));color:var(--c,var(--ink-text));text-shadow:var(--stroke)}#chattabs button.new:after{content:"";position:absolute;right:3px;top:3px;width:5px;height:5px;background:var(--c,var(--son))}body.touch #chattabs button{padding:7px 2px}#chat{font:inherit;font-size:12px;font-family:var(--f12);padding:6px 8px;background:var(--paper);color:var(--text);border:2px solid var(--ink2);margin-top:3px;-webkit-user-select:text;user-select:text}#chat:focus{outline:none;border-color:var(--c,var(--son))}#actbar{display:flex;flex-direction:column;align-items:flex-end;gap:8px}#actrow{display:flex;gap:12px;align-items:flex-end}#skills,#bskills{display:flex;gap:6px}#bskills:empty{display:none}.sk.bsk{border-color:color-mix(in srgb,var(--c,#e9c45a) 55%,var(--line))}.sk.bsk .ico{border-radius:3px;border-width:2px;box-shadow:0 0 6px currentColor}.sk.bsk .ico svg{width:16px;height:16px}.sk.bsk i{position:absolute;right:4px;top:3px;font-style:normal;font-size:12px;font-family:var(--f12);color:var(--c,#e9c45a)}.sk{position:relative;width:62px;height:62px;padding:4px;border:2px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:10px;font-family:var(--f10);line-height:normal;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;cursor:pointer;overflow:hidden}.sk:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sk b{position:absolute;left:4px;top:3px;font-size:12px;font-family:var(--f12);color:var(--muted)}.sk .ico{width:22px;height:22px;border-radius:50%;margin:auto 0 4px;border:3px solid currentColor;box-shadow:0 0 8px currentColor;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;font-family:var(--f12);line-height:1;font-variant-emoji:text;text-shadow:0 0 4px #000}.sk .ico+span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;font-family:var(--f10);line-height:normal;max-width:100%}.sk .ico.skart{width:32px;height:32px;border:0;border-radius:0;box-shadow:none;margin:auto 0 2px;text-shadow:none}.sk .ico.skart img,.kcard.skart .ico img,#char .cring .sico{width:100%;height:100%;display:block;image-rendering:pixelated}.sk .ico.skart+span{-webkit-line-clamp:1}.sk.locked{opacity:.4}.sk.ava{border-style:double;border-width:3px}.sk.ava.on{border-color:#ffe08a;box-shadow:0 0 10px #ffe08a;animation:avaPulse .8s ease-in-out infinite alternate}.sk.ct{border-color:#ffe08a;box-shadow:0 0 8px #ffe08a,inset 0 0 6px #ffe08a59}@keyframes avaPulse{0%{box-shadow:0 0 4px #ffe08a}to{box-shadow:0 0 14px #ffe08a}}.sk.fus{border-style:double;border-width:3px;border-color:color-mix(in srgb,#ffe08a 60%,var(--line))}.sk.fus.ask{border-color:#ffe08a;animation:avaPulse .4s ease-in-out infinite alternate}#banner{position:absolute;left:50%;top:22%;transform:translate(-50%,-50%);text-align:center;opacity:0;transition:opacity .5s;text-shadow:var(--stroke),0 2px 0 #1a1020;color:var(--paper)}#banner b{display:block;font-size:24px;font-family:var(--f12)}#banner span{font-size:12px;font-family:var(--f12);color:var(--paper2)}#joy{position:absolute;left:18px;bottom:18px;width:130px;height:130px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:var(--wash);display:none;touch-action:none}#knob{position:absolute;left:43px;top:43px;width:44px;height:44px;border-radius:50%;background:#ffffff59}body.touch.playing #joy{display:block}body.touch #skills{flex-wrap:wrap;width:208px;justify-content:flex-end}body.touch #skills:is(.ava,.fus){width:272px}body.touch #actrow{gap:8px}body.touch #bskills{flex-direction:column}body.touch .sk.bsk{width:44px;height:44px;font-size:10px;font-family:var(--f10)}body.touch .sk.bsk .ico+span{display:none}body.touch #chatbox{margin-bottom:148px}body.touch #prompt{bottom:160px}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#1a1020c7;padding:16px}.card{max-width:440px;width:100%;padding:26px 26px 22px;background:var(--panel);border:2px solid var(--line2);text-align:center}.card h1{font-size:24px;font-family:var(--f12);line-height:normal;margin:0 0 8px}.card p{color:var(--muted);line-height:normal;margin:0 0 18px}.card form,.card .btns{display:flex;flex-direction:column;gap:8px}.card input{font:inherit;font-size:12px;font-family:var(--f12);padding:11px 12px;border:2px solid var(--line);background:var(--wash);color:var(--text);-webkit-user-select:text;user-select:text}.card input:focus{outline:none;border-color:var(--accent)}.err{color:var(--warn);min-height:1.4em;font-size:12px;font-family:var(--f12);margin:4px 0 0}.btn{font:inherit;font-size:12px;font-family:var(--f12);padding:12px 16px;border:2px solid var(--line2);background:transparent;color:var(--text);cursor:pointer}.btn.primary{background:var(--accent);color:var(--paper);border-color:var(--accent)}.btn:disabled{opacity:.6;cursor:wait}.btn:focus-visible{outline:3px solid var(--xp);outline-offset:2px}.vh{margin:6px 0 18px}.vh h2{margin:0;font-size:24px;font-family:var(--f12)}.vh .k{color:var(--muted);font-size:12px;font-family:var(--f12);margin-top:2px}.vh .t{margin-top:10px;line-height:normal;color:var(--text)}.tiers{display:flex;justify-content:center;gap:10px;margin:0 0 18px;flex-wrap:wrap;font-size:12px;font-family:var(--f12);color:var(--muted)}.tiers span{display:flex;flex-direction:column;align-items:center;gap:4px}.card{max-height:calc(100% - 8px);overflow-y:auto;touch-action:pan-y}.card.wide{max-width:760px;text-align:left;padding:20px 20px 16px}.card.wide h1{text-align:center}.picker h3{font-size:12px;font-family:var(--f12);color:var(--muted);margin:12px 0 6px;text-transform:uppercase;letter-spacing:.04em}.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px}.pickinfo{margin:14px 0 12px;padding:10px 12px;border:1px dashed var(--line);line-height:normal;min-height:3.2em}.pickinfo small{color:var(--muted)}.maker{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:start;margin-bottom:12px}.maker .pv{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0;border:1px dashed var(--line);background:var(--wash)}.maker canvas{width:128px;height:128px;image-rendering:pixelated}.maker #pvTxt{font-size:12px;font-family:var(--f12);color:var(--muted);text-align:center;padding:0 6px}.opts h3{font-size:12px;font-family:var(--f12);color:var(--muted);margin:10px 0 6px;text-transform:uppercase;letter-spacing:.04em}.opts h3:first-child{margin-top:0}.seg{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.opt{font:inherit;font-size:12px;font-family:var(--f12);color:var(--text);background:var(--wash);border:2px solid var(--line);padding:8px 10px;cursor:pointer;min-height:44px;text-align:left}.opt:hover,.sw:hover{border-color:var(--line2)}.opt[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.sws{display:flex;flex-wrap:wrap;gap:8px}.sw{width:44px;height:44px;cursor:pointer;border:2px solid var(--line);padding:0;background:linear-gradient(135deg,var(--c) 0 25%,var(--b) 25% 70%,var(--a) 70%)}.sw[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 2px var(--accent)}.opt:focus-visible,.sw:focus-visible{outline:2px solid var(--xp);outline-offset:1px}:where(body.ui-w520) .maker{grid-template-columns:1fr}.modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.modecard{font:inherit;font-size:12px;font-family:var(--f12);color:var(--text);background:var(--wash);border:2px solid var(--line);padding:14px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:6px;min-height:96px}.modecard b{font-size:16px;color:var(--ink)}.modecard span{color:var(--muted);line-height:normal}.modecard:hover{border-color:var(--line2)}.modecard[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.card.mk .btns.mk-btns{flex-direction:row;flex-wrap:wrap}.card.mk .btns.mk-btns .btn{flex:1 1 auto}.maker>*{min-width:0}.maker.mk-lpc{grid-template-columns:200px 1fr}.maker.mk-lpc canvas#lpv{width:192px;height:192px;image-rendering:pixelated}.pvbar{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;padding:0 4px}#dirs .opt.mini{min-width:34px;text-align:center;padding:4px 0}.opt.mini{min-height:32px;padding:4px 8px}.maker.mk-lpc .pv #rnd{width:calc(100% - 12px);text-align:center;margin:0 6px}.tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:6px;margin-bottom:6px;touch-action:pan-x;border-bottom:1px solid var(--line)}.tab{font:inherit;font-size:12px;font-family:var(--f12);color:var(--text);background:var(--wash);border:2px solid var(--line);padding:6px 10px;cursor:pointer;white-space:nowrap;min-height:36px;flex:0 0 auto}.tab[aria-selected=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.tabbody{max-height:300px;overflow-y:auto;touch-action:pan-y;padding-right:4px}.partgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}.opt .cp{color:var(--accent);font-style:normal}@media(max-height:520px){.card.mk{padding:8px 12px 6px}.card.mk h1{font-size:16px;margin-bottom:4px}.card.mk p{margin-bottom:8px}.card.mk .btn{padding:6px 10px;min-height:32px}.maker.mk-lpc{grid-template-columns:176px 1fr;gap:8px;margin-bottom:6px}#dirs .opt.mini,body.touch #dirs .opt.mini{min-width:28px;padding:2px 0}.maker.mk-lpc canvas#lpv{width:84px;height:84px}.maker.mk-lpc #pvTxt{display:none}.maker.mk-lpc .pv{padding:4px 0;gap:3px}.pvbar{gap:3px}.opt.mini,body.touch .opt.mini{min-height:26px;min-width:0;padding:2px 6px;font-size:11px}.maker.mk-lpc .pv #rnd,body.touch .maker.mk-lpc .pv #rnd{min-height:30px}.tab,body.touch .tab{min-height:30px;padding:3px 8px}.tabs{margin-bottom:2px;padding-bottom:3px}.tabbody{max-height:calc(100vh - 180px)}.opt{min-height:34px;padding:4px 8px}.sw{width:34px;height:34px}.modes{margin-bottom:6px}.modecard{min-height:60px;padding:8px}.thuymac .card.mk :is(.opt,.btn){border-width:5px;border-image-width:5px}.thuymac .card.mk h1{font-size:14px;margin:0 0 2px}.thuymac .card.mk h1:before{width:16px;height:16px;margin-right:6px;vertical-align:-3px;background-size:contain;background-repeat:no-repeat}.card.mk .btns.mk-btns{gap:4px}}:where(body.ui-w520) .modes{grid-template-columns:1fr}:where(body.ui-w520) .maker.mk-lpc{grid-template-columns:1fr}.minibtn{margin-top:8px;width:100%;font:inherit;font-size:12px;font-family:var(--f12);padding:5px 8px;border:1px solid var(--line2);background:var(--wash);color:var(--text);cursor:pointer}.minibtn kbd{font:inherit;font-size:10px;font-family:var(--f10);color:var(--muted);border:1px solid var(--line);padding:0 4px;margin-left:4px}#roster{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,92vw);max-height:72%;overflow-y:auto;padding:10px;pointer-events:auto;touch-action:pan-y;display:flex;flex-direction:column;gap:6px}.rhead{display:flex;justify-content:space-between;align-items:center}.rhead .x{font:inherit;font-size:24px;font-family:var(--f12);line-height:1;width:32px;height:32px;border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer}.kslots .tpick>b{font-size:12px;font-family:var(--f12);color:var(--xp-t)}.klist{display:grid;grid-template-columns:1fr;gap:4px}.kcard{font:inherit;color:var(--text);background:var(--wash);border:2px solid var(--line);padding:5px 8px;cursor:pointer;display:flex;align-items:center;gap:8px;text-align:left;min-height:40px}.kcard .ico{font-style:normal;width:22px;height:22px;border-radius:50%;border:2px solid var(--c);color:var(--c);display:flex;align-items:center;justify-content:center;font-size:12px;font-family:var(--f12);flex-shrink:0;font-variant-emoji:text}.kcard.skart .ico{width:32px;height:32px;border:0;border-radius:0}.kcard span{display:flex;flex-direction:column;flex:1}.kcard b{font-size:12px;font-family:var(--f12)}.kcard small{color:var(--muted);font-size:12px;font-family:var(--f12)}.kcard.on{border-color:var(--c)}.kcard:hover:not(:disabled){border-color:var(--line2)}.kcard:disabled{cursor:default}.kcard.locked{opacity:.45}.kcard.ava{border-style:dashed}.kcard:focus-visible{outline:2px solid var(--xp);outline-offset:-2px}.rnote{color:var(--muted);font-size:12px;font-family:var(--f12)}.rbond{color:#6e4800}.rbonds{display:flex;flex-direction:column;gap:1px}.shead{margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}.srow{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--wash);padding:6px 8px}.srow.ready{border-color:var(--c)}.srow .dot{color:var(--c);margin:0}.srow>span{display:flex;flex-direction:column;flex:1;gap:2px;min-width:0}.srow small{color:var(--muted);font-size:12px;font-family:var(--f12)}.sbar{display:block;height:4px;background:var(--wash2)}.sbar i{display:block;height:100%;background:var(--c)}.sbtn{font:inherit;font-size:12px;font-family:var(--f12);min-width:64px;min-height:36px;padding:4px 8px;border:1px solid var(--line2);background:var(--wash);color:var(--text);cursor:pointer}.sbtn:disabled{opacity:.45;cursor:default}.srow.ready .sbtn{border-color:var(--c);color:var(--c)}.tslots{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.tslot{position:relative;display:flex;border:2px solid var(--line);background:var(--wash)}.tslot:not(.empty){border-color:var(--c)}.tslot.empty{border-style:dashed}.tslot.sel{box-shadow:0 0 0 2px var(--xp)}.tpick{flex:1;font:inherit;color:var(--text);background:transparent;border:0;padding:6px 8px;cursor:pointer;text-align:left;min-height:48px;display:grid;grid-template-columns:auto auto 1fr;column-gap:6px;align-items:center}.tpick>b{grid-row:span 2;font-size:12px;font-family:var(--f12);color:var(--muted)}.tpick .dot{grid-row:span 2;margin:0;color:var(--c,var(--muted))}.tslot.empty .dot{box-shadow:none;background:transparent;border:1px dashed var(--muted)}.tpick span{font-size:12px;font-family:var(--f12);line-height:normal}.tpick small{grid-column:3;color:var(--muted);font-size:12px;font-family:var(--f12)}.trm{font:inherit;font-size:12px;font-family:var(--f12);border:0;border-left:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;padding:0 8px}.trm:disabled{opacity:.35;cursor:default}.tpick:focus-visible,.trm:focus-visible{outline:2px solid var(--xp);outline-offset:-2px}.minirow{display:flex;gap:6px}.minirow .minibtn{flex:1;padding:5px 4px}#autoBtn[aria-pressed=true]{color:#235b37;border-color:#235b37}#bag{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,94vw);max-height:80%;overflow-y:auto;padding:10px;pointer-events:auto;touch-action:pan-y;display:flex;flex-direction:column;gap:7px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#bag button{pointer-events:auto}.coin{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;font-family:var(--f12);font-variant-numeric:tabular-nums}.coin>span:first-of-type{color:var(--muted)}.coinico{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff2b0,#f2c84b 45%,#b8862a);box-shadow:0 0 0 1px #6a4a12}.ht.kim{color:#6c4a08}.ht.ngan{color:#455167}.ht.dong{color:#813e18}.bgrid{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.bpages{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.bpg{position:relative;min-width:30px;height:28px;padding:0 6px 4px;border:2px solid var(--line);background:var(--wash);color:var(--text);font:inherit;cursor:pointer}.bpg b{font-size:12px;font-family:var(--f12);font-variant-numeric:tabular-nums}.bpg i{position:absolute;left:5px;right:5px;bottom:4px;height:3px;background:var(--wash2)}.bpg i:after{content:"";display:block;height:100%;width:calc(var(--f) * 100%);background:var(--xp)}.bpg.full i:after{background:var(--hp)}.bpg.none b{opacity:.55}.bpg.cur{border-color:var(--xp)}.bpg:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.bsort{margin-left:auto;padding:4px 10px}:where(body.ui-w420) .bgrid{grid-template-columns:repeat(5,1fr)}.bslot{position:relative;aspect-ratio:1;min-width:0;padding:0;border:2px solid var(--line);background:var(--wash);color:var(--text);font:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.bslot.empty{border-style:dashed;opacity:.45;cursor:default}.bslot:not(.empty){border-color:color-mix(in srgb,var(--c) 55%,var(--line))}.bslot.sel{box-shadow:0 0 0 2px var(--xp);border-color:var(--xp)}.bslot:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.bslot small{position:absolute;right:2px;bottom:0;font-size:10px;font-family:var(--f10);text-shadow:0 1px 0 #000,0 0 2px #000;font-variant-numeric:tabular-nums}.bslot .cd{position:absolute;left:0;right:0;bottom:0;height:0;background:#0009;pointer-events:none}.bslot i.lk{position:absolute;right:3px;top:5px;width:8px;height:6px;background:#e8d9a8;border-radius:1px;pointer-events:none;filter:drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000)}.bslot i.lk:before{content:"";position:absolute;left:1px;bottom:5px;width:4px;height:4px;border:1px solid #e8d9a8;border-bottom:0;border-radius:3px 3px 0 0}.bsellbtn{margin-left:auto;padding:4px 10px}.bsellbtn.on{border-color:var(--xp);color:var(--xp)}.bsellbtn+.bsort{margin-left:4px}.binfo.bsell{gap:6px}.binfo.bsell .achk{font-size:12px;font-family:var(--f12);display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}.binfo.bsell .achk input[type=checkbox]{accent-color:var(--son);width:16px;height:16px;cursor:pointer}.binfo.bsell select{font:inherit;font-size:12px;font-family:var(--f12);padding:2px 4px;border:1px solid var(--line);background:var(--wash);color:var(--text)}.binfo.bsell>.buse{align-self:flex-start}.ico{display:block;width:58%;height:58%}.ico.dan{border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff 0 12%,var(--c) 38%,color-mix(in srgb,var(--c) 45%,#000) 100%);box-shadow:0 0 6px color-mix(in srgb,var(--c) 60%,transparent)}.ico.hon_hoan{border-radius:50%;border:4px solid var(--c);box-shadow:0 0 6px var(--c)}.ico.unknown,.ico.hon_cot,.ico.hon_hach,.ico.manh_vo_hon{transform:rotate(45deg) scale(.8);background:var(--c);opacity:.85}.ico.tien_thao{width:56%;height:56%;border-radius:0 80%;transform:rotate(-12deg);background:linear-gradient(135deg,color-mix(in srgb,var(--c) 55%,#fff) 0 46%,#fff8 48% 52%,var(--c) 54%);box-shadow:0 0 6px color-mix(in srgb,var(--c) 70%,transparent)}svg.ico.core{width:60%;height:60%;transform:translateY(-12%);color:var(--c);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--c) 70%,transparent)) drop-shadow(0 1px 0 #000)}svg.ico.bone{width:62%;height:62%;transform:translateY(-14%);color:var(--c);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--c) 70%,transparent)) drop-shadow(0 1px 0 #000)}.bstat{display:grid;grid-template-columns:auto 1fr;gap:1px 10px;margin:3px 0 1px;font-size:12px;font-family:var(--f12)}.bstat span{color:var(--muted)}.binfo .bstat b{font-size:12px;font-family:var(--f12)}.binfo{min-height:64px;border:1px solid var(--line);background:var(--wash);padding:7px 9px;display:flex;flex-shrink:0;flex-direction:column;gap:2px}.binfo b{font-size:12px;font-family:var(--f12)}.binfo small{color:var(--muted);font-size:12px;font-family:var(--f12)}.binfo p{margin:2px 0 0;font-size:12px;font-family:var(--f12)}.buse{align-self:flex-start;margin-top:5px;font:inherit;font-size:12px;font-family:var(--f12);padding:6px 16px;min-height:34px;border:1px solid var(--accent);background:var(--wash2);color:var(--text);cursor:pointer}.buse:disabled{opacity:.55;cursor:default;border-color:var(--line)}.brow{display:flex;gap:6px;flex-wrap:wrap}.buse.drop{border-color:var(--line);color:var(--muted)}.apick{display:flex;flex-direction:column;gap:4px;margin-top:5px}.aopt{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 8px;text-align:left;font:inherit;font-size:12px;font-family:var(--f12);padding:5px 8px;min-height:34px;border:1px solid var(--line);background:var(--wash);color:var(--text);cursor:pointer}.aopt b{font-size:12px;font-family:var(--f12);white-space:nowrap}.aopt span{grid-column:1/3;color:var(--muted)}.aopt i{grid-column:2;grid-row:1;font-style:normal;color:var(--accent);text-align:right}.aopt.risk i,.aopt i em{color:var(--warn);font-style:normal}.aopt:disabled{opacity:.5;cursor:default}.aopt:disabled i{color:var(--muted)}.aopt.sel{border-color:var(--xp);box-shadow:0 0 0 1px var(--xp)}.aopt.sel.risk{border-color:var(--hp);box-shadow:0 0 0 1px var(--hp)}.aconf{border:1px solid var(--accent);background:#86e0b014;padding:6px 8px;display:flex;flex-direction:column;gap:2px}.aconf b{font-size:12px;font-family:var(--f12);color:var(--accent)}.aconf.risk{border-color:var(--hp);background:#e0525a24}.aconf.risk b{color:var(--son)}.aconf .poor{color:var(--warn)}.aconf .poor:empty{display:none}.buse.absorb.risk{border-color:var(--hp);color:var(--son)}#channel.risk{border-color:var(--hp)}#channel.risk .label{color:var(--hp)}#channel i{background:linear-gradient(90deg,#fff,var(--c,var(--xp)))}body.touch .bslot small{font-size:12px;font-family:var(--f12)}.bvh{display:flex;align-items:center;gap:8px;font-size:12px;font-family:var(--f12)}.bvh span{color:var(--muted)}.bvh select{flex:1;min-width:0;min-height:34px;font:inherit;font-size:12px;font-family:var(--f12);color:var(--text);background:var(--wash2);border:1px solid var(--line2);padding:4px 6px}.bvh select option{color:var(--ink);background:var(--paper)}.bfig{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,auto);gap:6px;align-self:center;width:min(300px,100%)}.bmid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:2px solid color-mix(in srgb,var(--c) 60%,var(--line));background:radial-gradient(circle,color-mix(in srgb,var(--c) 28%,transparent),#00000040 70%)}.bmid img{width:96px;height:96px;image-rendering:pixelated;margin:-14px 0 -10px}.bmid .dot{color:var(--c);width:28px;height:28px;margin:18px 0}.bmid small{font-size:12px;font-family:var(--f12);text-align:center;line-height:normal;padding:0 2px 3px}.bcell{position:relative;min-height:74px;font:inherit;color:var(--muted);background:var(--wash);border:2px dashed var(--line);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px}.bcell svg.ico.bone{width:34px;height:34px;transform:none;opacity:.35;filter:none;color:var(--muted)}.bcell span{font-size:12px;font-family:var(--f12)}.bcell small{position:absolute;right:3px;top:1px;font-size:10px;font-family:var(--f10);color:var(--c);text-shadow:0 1px 0 #000;font-variant-numeric:tabular-nums}.bcell em{display:block;max-width:100%;padding:0 2px;font-size:10px;font-family:var(--f10);font-style:normal;line-height:normal;color:var(--c);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.binfo p.bskill{color:var(--xp-t)}.bcell:not(.empty){border-style:solid;border-color:color-mix(in srgb,var(--c) 70%,var(--line));color:var(--text)}.bcell:not(.empty) svg.ico.bone{opacity:1;color:var(--c);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--c) 70%,transparent)) drop-shadow(0 1px 0 #000)}.bcell.sel{box-shadow:0 0 0 2px var(--xp);border-color:var(--xp)}.bcell.over{box-shadow:0 0 0 2px var(--accent);border-color:var(--accent);border-style:solid}.bcell:focus-visible{outline:2px solid var(--xp);outline-offset:1px}.bsum{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-around;gap:0 10px;font-size:12px;font-family:var(--f12);text-align:center}.bsum span{grid-row:1;color:var(--muted);font-size:12px;font-family:var(--f12)}.bsum b{grid-row:2;font-variant-numeric:tabular-nums}.bsum em{display:block;font-style:normal;color:var(--accent);font-size:12px;font-family:var(--f12)}.bpick .bitem{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--wash);padding:4px 6px;cursor:grab}.bpick .bitem.sel{border-color:var(--xp);box-shadow:0 0 0 1px var(--xp)}.bpick .bitem svg.ico.bone{width:26px;height:26px;flex-shrink:0;transform:none;color:var(--c)}.bpick .bitem>span{display:flex;flex-direction:column;flex:1;min-width:0}.bpick .bitem b{font-size:12px;font-family:var(--f12);color:var(--c)}.warn{color:var(--warn)}.cfig{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;align-self:center;width:min(300px,100%)}.ccell{min-height:62px}.ccell svg.ico.core{width:28px;height:28px;transform:none;opacity:.3;filter:none;color:var(--muted)}.ccell:not(.empty) svg.ico.core{opacity:1;color:var(--c);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--c) 70%,transparent)) drop-shadow(0 1px 0 #000)}.csets{display:flex;flex-direction:column;gap:3px}.cset{display:flex;align-items:flex-start;gap:7px;border:1px solid var(--line);background:var(--wash);padding:4px 6px;opacity:.7}.cset.on{opacity:1;border-color:color-mix(in srgb,var(--c) 60%,var(--line))}.cset svg.ico.core{width:22px;height:22px;flex-shrink:0;transform:none;margin-top:1px}.cset>span{display:flex;flex-direction:column;min-width:0}.cset b{font-size:12px;font-family:var(--f12);color:var(--text)}.cset.on{border-left:3px solid var(--c)}.ccell em{color:var(--text);opacity:.85}.cset small{font-size:12px;font-family:var(--f12);color:var(--muted)}.cset small.on{color:var(--text)}.bpick .bitem svg.ico.core{width:24px;height:24px;flex-shrink:0;transform:none}body.touch .bpick .bitem{cursor:default}.bslot b.enh,.bcell b.enh{position:absolute;left:2px;top:0;font-size:10px;font-family:var(--f10);color:#ffe08a;text-shadow:var(--stroke);font-variant-numeric:tabular-nums}.epick>small:first-child b{color:var(--c);font-size:12px;font-family:var(--f12)}.epick>small:first-child .sbar{margin-top:3px}.aopt.eopt{grid-template-columns:minmax(0,1fr) auto}.eopt b{white-space:normal;color:color-mix(in srgb,var(--c) 55%,var(--text));min-width:0;overflow-wrap:anywhere}.eopt i{grid-column:2;white-space:nowrap}body.touch .eopt{min-height:40px}.buse.eok{background:var(--hp);border-color:var(--hp);color:#fff}body.touch .minibtn kbd{display:none}#team{display:flex;gap:6px}.tm{position:relative;width:62px;height:54px;padding:3px 4px;border:2px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:10px;font-family:var(--f10);line-height:normal;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;cursor:pointer;overflow:hidden}.tm b{position:absolute;left:4px;top:2px;font-size:12px;font-family:var(--f12);color:var(--muted)}.tm .dot{position:absolute;right:4px;top:4px;margin:0;width:8px;height:8px;color:var(--c)}.tm span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm small{color:var(--muted);font-size:10px;font-family:var(--f10)}.tm.on{border-color:var(--c);box-shadow:0 0 8px color-mix(in srgb,var(--c) 55%,transparent)}.tm.on small{color:var(--c)}.tm.locked{opacity:.4}.tm.locked .dot{display:none}.tm:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tm .hpb{display:block;width:100%;height:3px;margin-top:2px;background:var(--wash2)}.tm .hpb i{display:block;height:100%;width:100%;background:var(--hp)}.tm.locked .hpb{visibility:hidden}.tm.down{border-color:#5a2a30;cursor:not-allowed}.tm.down span,.tm.down .dot{opacity:.45}.tm.down small{color:var(--hp);white-space:nowrap}.tm.paused small{opacity:.6}.tm .enb{display:block;width:100%;height:3px;margin-top:1px;background:var(--wash2)}.tm .enb i{display:block;height:100%;width:0;background:var(--xp)}.tm.locked .enb,.tm.down .enb{visibility:hidden}.tm.full{border-color:var(--xp);animation:tcReady 1s ease-in-out infinite}.tm.full small{color:var(--xp-t)}@keyframes tcReady{50%{box-shadow:0 0 10px color-mix(in srgb,var(--xp) 75%,transparent)}}@media(prefers-reduced-motion:reduce){.tm.full{animation:none;box-shadow:0 0 8px color-mix(in srgb,var(--xp) 60%,transparent)}}:where(body.ui-w640) .stats{width:190px;padding:8px 9px 9px}:where(body.ui-w640) #radar{width:120px;height:120px}:where(body.ui-w640) #radarInfo{max-width:120px}:where(body.ui-w640) .sk{width:52px;height:52px;font-size:10px;font-family:var(--f10)}body:where(.ui-w640).touch #skills{width:176px}:where(body.ui-w640) .tm{width:52px;height:50px}:where(body.ui-w640) #chatbox{width:min(300px,52vw)}.ico.ruong{width:62%;height:50%;border-radius:2px;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 55%,#000) 0 38%,var(--c) 38%);box-shadow:0 0 7px color-mix(in srgb,var(--c) 70%,transparent),inset 0 0 0 2px #00000073;position:relative}.ico.ruong:after{content:"";position:absolute;left:42%;top:28%;width:16%;height:26%;background:#ffe08a;box-shadow:0 0 0 1px #000}#bossbar{position:absolute;left:50%;top:10px;transform:translate(-50%);width:min(560px,70vw);padding:5px 10px 7px;border-color:var(--c,#ff5a5a);box-shadow:0 0 0 2px #00000059,0 0 14px color-mix(in srgb,var(--c,#ff5a5a) 45%,transparent)}#bossbar .bhead{display:flex;align-items:baseline;gap:10px;white-space:nowrap}#bossbar .bhead b{font-size:12px;font-family:var(--f12);color:var(--c,#ff5a5a);text-shadow:0 1px 0 #000}#bossbar .ph{font-size:12px;font-family:var(--f12);color:var(--muted)}#bossbar.p2 .ph{color:var(--son)}#bossbar .bn{margin-left:auto;font-size:12px;font-family:var(--f12);color:var(--muted);font-variant-numeric:tabular-nums}#bossbar .bar{height:16px;margin-top:4px}#bossbar .bar i{background:linear-gradient(90deg,color-mix(in srgb,var(--c,#ff5a5a) 60%,#300),var(--c,#ff5a5a))}#bossbar .bar span{line-height:14px;font-size:12px;font-family:var(--f12)}#bossbar .bar em{position:absolute;left:0;top:0;bottom:0;width:0;background:repeating-linear-gradient(135deg,#9ad8ffd9 0,#9ad8ffd9 6px,#5aa0e6d9 6px,#5aa0e6d9 12px)}#bossbar .wl{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}#bossbar .wl span{font-size:12px;font-family:var(--f12);padding:1px 6px;border:1px solid var(--line);background:var(--wash);color:var(--text)}#bossbar .wl span.ok{border-color:var(--accent);color:var(--accent)}#bossbar .wl span.bad{border-color:var(--son);color:var(--son);animation:wlblink .8s steps(2) infinite}@keyframes wlblink{50%{border-color:transparent}}body.boss #target{top:calc(var(--bossh,62px) + 10px)}#bossCd{position:absolute;left:50%;top:10px;transform:translate(-50%);padding:4px 12px;font-size:12px;font-family:var(--f12);white-space:nowrap;background:var(--panel);border:2px solid var(--c,#ff5a5a);color:var(--c,#ff5a5a);text-shadow:0 1px 0 #000;font-variant-numeric:tabular-nums}body.boss #bossCd{top:calc(var(--bossh,62px) + 10px)}#bossRank{position:absolute;right:10px;top:180px;width:236px;padding:6px 8px;font-size:12px;font-family:var(--f12)}#bossRank b{display:block;font-size:12px;font-family:var(--f12);margin-bottom:3px}#bossRank .rk{display:grid;grid-template-columns:18px 1fr 44px 44px;gap:4px;font-variant-numeric:tabular-nums}#bossRank .rk s,#bossRank .rk i{text-decoration:none;font-style:normal;text-align:right}#bossRank .rk s{color:var(--accent)}#bossRank .rk.hd{color:var(--muted);font-size:10px;font-family:var(--f10)}#bossRank .rk.hd s,#bossRank .rk s.z{color:var(--muted)}#bossRank .rk em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#bossRank .rk.me{color:var(--xp-t)}#bossRank .rk.low i{color:var(--muted)}#bossRank small{display:block;color:var(--muted);font-size:10px;font-family:var(--f10);margin-top:3px}body.touch #bossRank{top:auto;bottom:200px}#npc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,94vw);max-height:80%;overflow-y:auto;padding:10px;pointer-events:auto;touch-action:pan-y;display:flex;flex-direction:column;gap:7px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-color:color-mix(in srgb,var(--c) 60%,var(--line))}#npc button{pointer-events:auto}.nname b{display:block;font-size:12px;font-family:var(--f12);color:var(--c)}.nname small{color:var(--muted);font-size:12px;font-family:var(--f12)}.nline{margin:0;padding:9px 11px;border:1px solid var(--line);border-left:3px solid var(--c);background:var(--wash);font-size:12px;font-family:var(--f12);line-height:normal;cursor:default}.nline[title],.nline[data-tipped]{cursor:pointer}.shoprow{display:grid;grid-template-columns:22px minmax(0,1fr);gap:4px 8px;align-items:center;padding:6px 8px;border:1px solid var(--line);border-left:3px solid var(--c);background:var(--wash)}.shoprow>.ico{width:18px;height:18px}.shoprow b{font-size:12px;font-family:var(--f12);color:var(--c)}.shoprow small{display:block;color:var(--muted);font-size:12px;font-family:var(--f12)}.shoprow .brow{grid-column:1/3}.shoprow .buse{margin-top:0;padding:4px 10px;min-height:30px;font-size:12px;font-family:var(--f12)}.forge{display:flex;flex-direction:column;gap:5px}body.touch .shoprow .buse{min-height:38px}#party{width:232px;padding:6px 10px 8px;font-size:12px;font-family:var(--f12);pointer-events:auto;max-height:46vh;overflow:auto}#party .phead,#pmenu .phead{display:flex;align-items:center;gap:6px;margin-bottom:4px}#party .phead b,#pmenu .phead b{flex:1;font-size:12px;font-family:var(--f12);color:var(--accent)}#pmenu .phead b{color:var(--text)}.pbtn{font:inherit;font-size:12px;font-family:var(--f12);padding:2px 8px;min-height:24px;border:1px solid var(--line);background:var(--wash2);color:var(--text);cursor:pointer}.pbtn.ok{border-color:var(--accent);color:var(--accent)}.pbtn.warn{border-color:var(--warn);color:var(--warn)}.pmem{padding:4px 0 5px;border-top:1px solid var(--line)}.pmem .ptop{display:flex;flex-direction:column;gap:1px}.pmem .pname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pmem.me .pname{color:var(--xp-t)}.pmem small,.phint,.pmap{color:var(--muted);font-size:10px;font-family:var(--f10)}.pmem .bar{height:11px;margin-top:3px}.pmem .bar span{font-size:10px;font-family:var(--f10);line-height:9px}.pmem.off{opacity:.55}.pmem.dead .bar i{background:#6b3a3a}.pbtns{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px}.pinvite{padding:5px 0;border-top:1px solid var(--line)}.pinvite b{color:var(--accent)}.pinvite.gone{opacity:.4}.pinv{display:flex;gap:5px;margin:2px 0 4px}.pinv input{flex:1;min-width:0;font:inherit;font-size:12px;font-family:var(--f12);padding:3px 6px;background:var(--wash2);border:1px solid var(--line);color:var(--text)}#pmenu{position:absolute;left:50%;transform:translate(-50%);top:46px;padding:8px 12px;font-size:12px;font-family:var(--f12);pointer-events:auto;min-width:200px}body.touch .pbtn{min-height:34px;font-size:12px;font-family:var(--f12);padding:4px 10px}:where(body.ui-w640) #party{width:190px;font-size:12px;font-family:var(--f12)}#friends{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-height:80%;overflow-y:auto;padding:10px;pointer-events:auto;touch-action:pan-y;display:flex;flex-direction:column;gap:6px;font-size:12px;font-family:var(--f12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#friends .rhead b{font-size:12px;font-family:var(--f12);color:var(--accent)}#friends .frow{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}#friends .frow .ptop{flex:1;min-width:120px}#friends .frow .pbtns{margin-top:0}#friends .frow.on .pname{color:#7dff8a;text-shadow:var(--stroke)}#friends .frow.off{opacity:1}#friends .frow.off .pname{color:var(--muted)}#friends .fsub{margin-top:6px;border-top:1px solid var(--line);padding-top:4px}#friends .fsub b{color:var(--warn);font-size:12px;font-family:var(--f12)}#log div .chatact{pointer-events:auto;margin-left:6px;vertical-align:middle}#hud{--qgold:#6c4a08}#quest{width:212px;flex:0 1 auto;min-height:60px;overflow-y:auto;padding:6px 8px 7px;font-size:12px;font-family:var(--f12);pointer-events:auto;border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}#hud:has(#bossRank:not([hidden])) #quest{display:none}#quest .qhead{display:flex;width:100%;align-items:baseline;gap:6px;padding:0;min-height:22px;border:0;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}#quest .qhead b{flex:1;font-size:12px;font-family:var(--f12);color:var(--accent)}#quest .qhead i{font-style:normal;color:var(--muted);font-size:10px;font-family:var(--f10)}#quest small{display:block;color:var(--muted);font-size:10px;font-family:var(--f10)}.qg{display:flex;justify-content:space-between;gap:6px;margin-top:3px;line-height:normal}.qg em{font-style:normal;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.qg.ok,.qg.ok em{color:var(--accent)}.qtip{margin-top:4px;color:var(--qgold);line-height:normal}.qbox{display:flex;flex-direction:column;gap:2px;padding:6px 9px;border:1px solid var(--line);background:var(--wash);font-size:12px;font-family:var(--f12)}.qbox b{font-size:12px;font-family:var(--f12);color:var(--accent)}.qrew{color:var(--qgold)}#quest .qrew{display:block;margin-top:4px;line-height:normal}#quest .qsec{margin-top:6px;padding-top:4px;border-top:1px solid var(--line)}#quest .qsec:first-child{margin-top:0;padding-top:0;border-top:0}#quest .qname{margin-top:4px;color:var(--text)}.qbox+.qbox{margin-top:4px}.qbox .qsay{color:var(--muted);line-height:1.35}.qbox .buse{align-self:flex-start;margin-top:3px}.qbox.qdone{opacity:.6}:where(body.ui-w640) #quest{width:184px}body:where(.ui-h500).touch #rcol{display:contents}body:where(.ui-h500).touch .mapbox{position:absolute;right:10px;top:10px}body:where(.ui-h500).touch #radar{width:120px;height:120px}body.arena:where(.ui-h500).touch .mapbox{top:84px}body:where(.ui-h500).touch #quest{position:absolute;top:22px;right:180px;width:200px;max-height:max(80px,calc(100% - 230px))}#arenaQ{position:absolute;left:50%;transform:translate(-50%);top:46px;display:flex;align-items:center;gap:10px;padding:6px 10px;border-color:#ff6b6b;pointer-events:auto}#arenaQ b{display:block;font-size:12px;font-family:var(--f12);color:var(--son)}#arenaQ small{display:block;font-size:12px;font-family:var(--f12);color:var(--muted);font-variant-numeric:tabular-nums}#arenaQ button{font:inherit;font-size:12px;font-family:var(--f12);padding:4px 12px;min-height:32px;border:1px solid var(--line);background:var(--wash2);color:var(--text);cursor:pointer}#arenaQ .spin{width:14px;height:14px;border:2px solid #ff6b6b;border-right-color:transparent;border-radius:50%;animation:aspin 1s linear infinite}@keyframes aspin{to{transform:rotate(360deg)}}body.arena #target{display:none!important}#arenaBar{position:absolute;left:50%;top:10px;transform:translate(-50%);width:min(640px,72vw);display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:6px 10px;border-color:#ff6b6b}#arenaBar .aside b{display:block;font-size:12px;font-family:var(--f12);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#arenaBar .aside small{display:block;font-size:12px;font-family:var(--f12);color:var(--muted)}#arenaBar .aside.me b{color:var(--xp)}#arenaBar .a1{text-align:right}#arenaBar .a0 .bar i{background:#5fd08a}#arenaBar .a1 .bar i{background:var(--hp);left:auto;right:0}#arenaBar .aclock{text-align:center;min-width:92px}#arenaBar .aclock b{display:block;font-size:24px;font-family:var(--f12);font-variant-numeric:tabular-nums}#arenaBar .aclock small{display:block;font-size:12px;font-family:var(--f12);color:var(--muted)}#arenaBar .aleave{margin-top:3px;font:inherit;font-size:12px;font-family:var(--f12);padding:2px 8px;min-height:26px;border:1px solid var(--line);background:var(--wash2);color:var(--muted);cursor:pointer}body.touch #arenaBar .aleave{min-height:34px;font-size:12px;font-family:var(--f12)}body.arena #rcol{top:84px}body.arena #quest{display:none}body.watching :is(.mapbox,.stats,#team,#actbar,#joy,#chat,#chattabs,#party,#bossbar,#bossCd,#bossRank,#prompt,#portal,#wpbox,#talk,#channel){display:none!important}#arenaBar .awatch{display:block;font-style:normal;font-size:12px;font-family:var(--f12);color:var(--accent);margin-top:2px}#arenaBar.watching .aleave{color:var(--text)}#arenaBar.watching .aside{cursor:pointer;pointer-events:auto}#arenaBar.watching .aside.follow b:before{content:"▶ ";color:var(--accent)}#arenaBar.watching .aside.follow{outline:1px solid var(--accent);outline-offset:2px}#arenaEnd.watchend h2{color:var(--accent)}.alive{display:flex;flex-direction:column;gap:6px;margin:6px 0;max-height:46vh;overflow-y:auto}.alive .arow{display:flex;align-items:center;gap:8px;padding:5px 8px;border:1px solid var(--line);background:var(--wash2)}.alive .ainfo{flex:1;min-width:0}.alive .ainfo b{display:block;font-size:12px;font-family:var(--f12);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alive .ainfo small{display:block;font-size:12px;font-family:var(--f12);color:var(--muted);font-variant-numeric:tabular-nums}body.touch .alive .buse{min-height:38px}#arenaEnd{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(400px,94vw);max-height:84%;overflow-y:auto;padding:12px 14px;pointer-events:auto;border-color:#ff6b6b}#arenaEnd h2{margin:0 0 6px;font-size:24px;font-family:var(--f12);text-align:center}#arenaEnd.win h2{color:var(--xp)}#arenaEnd.lose h2{color:var(--hp)}#arenaEnd.draw h2{color:var(--muted)}#arenaEnd .aline{font-size:12px;font-family:var(--f12);margin:3px 0}#arenaEnd .aelo{font-size:12px;font-family:var(--f12);font-variant-numeric:tabular-nums}#arenaEnd .arew{color:var(--accent)}#arenaEnd .afriend{color:var(--mp);text-align:center}#offline{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(400px,94vw);max-height:84%;overflow-y:auto;padding:12px 14px;pointer-events:auto;z-index:4}#offline h2{margin:0 0 6px;font-size:24px;font-family:var(--f12);text-align:center;color:var(--accent)}#offline .oline{font-size:12px;font-family:var(--f12);margin:3px 0}#offline .omuted{color:var(--muted);text-align:center}#offline .orew{color:var(--accent)}#offline .ostop{color:var(--hp)}#offline .oitems{margin:4px 0;padding-left:18px;font-size:12px;font-family:var(--f12);max-height:200px;overflow-y:auto}.thuymac #offline{border-width:16px 10px;border-image:var(--frame-scroll) var(--nine-cuon-giay) fill / calc(var(--nine-cuon-giay) * 1px) round;scrollbar-width:thin;scrollbar-color:var(--inkl) transparent}#arenaBar.friendly{border-color:#8ec5ff}#arenaBar.friendly .aclock small{color:var(--mp)}.arank{margin-top:8px;font-size:12px;font-family:var(--f12)}.arank .ame{color:var(--xp)}.arank>small{display:block;color:var(--muted);font-size:12px;font-family:var(--f12);margin:2px 0 4px}.arank .atable{display:flex;flex-direction:column;gap:1px;max-height:260px;overflow-y:auto}.arank .ar{display:grid;grid-template-columns:24px 1fr 46px 70px;gap:6px;padding:2px 4px;font-variant-numeric:tabular-nums}.arank .ar em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arank .ar i{font-style:normal;text-align:right}.arank .ar.ah{color:var(--muted);font-size:12px;font-family:var(--f12);border-bottom:1px solid var(--line)}.arank .ar.me{background:#e9c45a29;color:var(--xp)}:where(body.ui-w640) #arenaBar{width:94vw;gap:6px}:where(body.ui-w640) #arenaBar .aside b{font-size:12px;font-family:var(--f12)}#reso{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,94vw);max-height:80%;overflow-y:auto;padding:10px;pointer-events:auto;touch-action:pan-y;display:flex;flex-direction:column;gap:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3}.rhead>span{display:flex;gap:6px;align-items:center}.rlink{font:inherit;font-size:12px;font-family:var(--f12);min-height:32px;padding:4px 8px;border:1px solid var(--line2);background:var(--wash);color:var(--text);cursor:pointer}.restotal{font-size:12px;font-family:var(--f12);color:var(--accent)}.respil{border:1px solid var(--line);border-left:4px solid var(--c);background:color-mix(in srgb,var(--c) 7%,transparent);padding:6px 8px;display:flex;flex-direction:column;gap:5px}.restop{display:flex;justify-content:space-between;gap:8px;align-items:baseline;flex-wrap:wrap}.restop b{color:var(--text);font-size:12px;font-family:var(--f12)}.restop span{color:var(--muted);font-size:12px;font-family:var(--f12)}.respil .sbar i{background:var(--c)}.ressteps{display:flex;flex-wrap:wrap;gap:4px}.resstep{font-size:12px;font-family:var(--f12);border:1px dashed var(--line);padding:2px 6px;color:var(--muted)}.resstep.on{border:1px solid var(--c);background:color-mix(in srgb,var(--c) 22%,transparent);color:var(--text)}.resrank{border:1px solid var(--line2);padding:6px 8px;display:flex;flex-direction:column;gap:5px}.resrankhead,.respages{display:flex;align-items:center;justify-content:space-between;gap:8px}.resrankhead b{font-size:12px;font-family:var(--f12)}.resrank button,.respages button{font:inherit;font-size:12px;font-family:var(--f12);min-height:28px;padding:3px 7px;border:1px solid var(--line2);background:var(--wash);color:var(--text);cursor:pointer}.resrank button:disabled,.respages button:disabled{opacity:.45;cursor:default}.resrank small{color:var(--muted);font-size:12px;font-family:var(--f12)}.resranktable{display:flex;flex-direction:column;gap:1px;max-height:190px;overflow-y:auto}.resrankrow{display:grid;grid-template-columns:34px 1fr auto;gap:6px;padding:3px 4px;font-size:12px;font-family:var(--f12);font-variant-numeric:tabular-nums}.resrankrow em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resrankrow i{font-style:normal;color:var(--muted);text-align:right}.resrankrow.me{background:#e9c45a29;color:var(--xp)}.respages{justify-content:flex-end}.respages span{font-size:12px;font-family:var(--f12);color:var(--muted)}.thuymac .panel{border:6px solid transparent;background:none;box-shadow:none;border-image:var(--frame-panel) var(--nine-hop-thoai) fill / calc(var(--nine-hop-thoai) * 1px) round}.thuymac :is(#roster,#bag,#reso,#friends,#world,#autoPanel,#arenaEnd,#overlay .card){border-width:16px 10px;border-image:var(--frame-scroll) var(--nine-cuon-giay) fill / calc(var(--nine-cuon-giay) * 1px) round;scrollbar-width:thin;scrollbar-color:var(--inkl) transparent}.thuymac #npc{box-shadow:0 0 0 100vmax #1a102059}.thuymac #npc:before,.thuymac #npc:after{content:"";position:absolute;width:27px;height:27px;pointer-events:none}.thuymac #npc:before{left:2px;top:2px;background:var(--ui-goc-tren-trai)}.thuymac #npc:after{right:2px;bottom:2px;background:var(--ui-goc-duoi-phai)}#npc .nhead{align-items:flex-start;gap:10px}#npc .nface{width:112px;height:112px;flex-shrink:0;border:2px solid var(--ink2);background:var(--ink)}#npc .nhead .nname{flex:1;padding-top:6px}#npc .nhead .nname b{text-shadow:var(--stroke)}:where(body.ui-w420) #npc .nface{width:56px;height:56px}.thuymac .rhead{padding-bottom:9px;background:var(--ui-vach-but) left bottom no-repeat}.thuymac .shead{border-top:0;padding-top:12px;background:var(--ui-vach-but) left top no-repeat}.thuymac .card h1:before{content:"";display:inline-block;width:29px;height:29px;margin-right:8px;vertical-align:-6px;background:var(--ui-an-trien-nho)}.thuymac :where(.minibtn,.sbtn,.buse,.pbtn,.rlink,.rhead .x,.opt,.btn,.tm,.bslot,.bcell,.aopt,.kcard,.trm),.thuymac #chans button,.thuymac #arenaQ button,.thuymac #arenaBar .aleave{border:4px solid transparent;background:none;color:var(--text);border-image:var(--frame-btn) var(--nine-nut-thuong) fill / calc(var(--nine-nut-thuong) * 1px) stretch}.thuymac :where(.minibtn,.sbtn,.buse,.pbtn,.rlink,.rhead .x,.opt,.btn,.tm,.bslot,.bcell,.aopt,.kcard,.trm):not(:disabled):hover,.thuymac :is(#chans,#arenaQ) button:not(:disabled):hover,.thuymac .ft-hover{border-image-source:var(--frame-btn-hover)}.thuymac :where(.minibtn,.sbtn,.buse,.pbtn,.rlink,.rhead .x,.opt,.btn,.tm,.bslot,.bcell,.aopt,.kcard,.trm):not(:disabled):active,.thuymac :is(#chans,#arenaQ) button:not(:disabled):active,.thuymac :is(.opt,.aopt,.kcard)[aria-pressed=true],.thuymac :is(.aopt,.bcell).sel,.thuymac .ft-press,.thuymac #chans button.cur{border-image-source:var(--frame-btn-on)}.thuymac :where(.minibtn,.sbtn,.buse,.pbtn,.rlink,.rhead .x,.opt,.btn,.tm,.aopt,.kcard,.trm):disabled,.thuymac :is(#chans,#arenaQ) button:disabled{border-image-source:var(--frame-btn-off);color:var(--muted)}.thuymac .ui-tab{border:4px solid transparent;background:none;color:var(--text);text-shadow:none;border-image:var(--frame-btn) var(--nine-nut-thuong) fill / calc(var(--nine-nut-thuong) * 1px) stretch}.thuymac .ui-tab:not([aria-selected=true]):hover{border-image-source:var(--frame-btn-hover)}.thuymac .ui-tab[aria-selected=true]{border-image-source:var(--frame-btn-on);color:#f4ead0;text-shadow:var(--stroke)}.thuymac .bslot{border-width:4px;border-image:var(--frame-cell) var(--nine-o) fill / calc(var(--nine-o) * 1px) stretch}.thuymac .bslot:not(.empty):not(:disabled):is(:hover,:active,.sel){border-image-source:var(--frame-cell-on)}.thuymac .bslot.empty{border-image-source:var(--frame-cell);opacity:.7}.thuymac .bpg{border:4px solid transparent;background:none;border-image:var(--frame-btn) var(--nine-nut-thuong) fill / calc(var(--nine-nut-thuong) * 1px) stretch}.thuymac .bpg:not(.cur):hover{border-image-source:var(--frame-btn-hover)}.thuymac .bpg.cur{border-image-source:var(--frame-btn-on);outline:2px solid var(--son);outline-offset:-3px}.thuymac .bcell:not(.empty):not(.sel),.thuymac .kcard.on{outline:2px solid color-mix(in srgb,var(--c) 75%,#1a1020);outline-offset:-3px}.thuymac .kcard.on{border-image-source:var(--frame-btn-on)}.thuymac :is(.bcell,.aopt).sel{outline:2px solid var(--son);outline-offset:-3px;box-shadow:none}.thuymac .tm.on{outline:2px solid var(--c);outline-offset:-2px}.thuymac .tm.full{outline:2px solid var(--xp);outline-offset:-2px}.thuymac .tm.down{opacity:.75}.thuymac .aopt.sel.risk{outline-color:var(--hp)}.thuymac :is(.btn.primary,.buse.absorb,.buse.eok,.srow.ready .sbtn),.thuymac :is(#portal,#wpbox,#fusion) button,.thuymac #talk button{border-image:none;border:2px solid var(--son-d);background:var(--son);color:var(--paper);box-shadow:inset 0 0 0 1px var(--son-l);clip-path:polygon(0 3px,3px 0,calc(100% - 2px) 0,100% 2px,100% calc(100% - 3px),calc(100% - 3px) 100%,2px 100%,0 calc(100% - 2px))}.thuymac :is(.btn.primary,.buse.absorb,.buse.eok,.srow.ready .sbtn):not(:disabled):hover,.thuymac :is(#portal,#wpbox,#talk,#fusion) button:not(:disabled):hover{background:var(--son-l)}.thuymac :is(.btn.primary,.buse.absorb,.buse.eok):not(:disabled):active,.thuymac :is(#portal,#wpbox,#talk,#fusion) button:not(:disabled):active{background:var(--son-d)}.thuymac .buse.absorb.risk{background:var(--son-d);color:var(--paper)}.thuymac :is(#portal,#wpbox,#talk,#fusion) kbd,.thuymac .btn.primary kbd{color:var(--paper2);border-color:var(--son-l)}.bar{height:16px}.bar span{line-height:14px;z-index:1}.thuymac .bar{border:0}.thuymac .bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:6px solid transparent;border-image:var(--ui-thanh-hon-luc) var(--nine-thanh-hon-luc) / calc(var(--nine-thanh-hon-luc) * 1px) stretch}.thuymac .bar.hp:after{border-image-source:var(--ui-thanh-sinh-luc)}#bossbar .bar{height:18px}#bossbar .bar span{line-height:16px}.pmem .bar{height:14px}.pmem .bar span{line-height:12px}#channel .bar{height:12px}.buffs span.art{padding:0;border:0;background:none;line-height:0}.buffs span.art.debuff{background:none}.buffs .sti{width:24px;height:24px}.thuymac .sk{border:0;background:var(--ui-an-trien-lon) center 2px no-repeat;color:var(--paper);overflow:visible;justify-content:flex-start;padding:9px 5px 0;text-shadow:var(--stroke)}.thuymac .sk b{left:-2px;top:-3px;z-index:2;padding:0 3px;background:var(--paper);color:var(--ink);border:1px solid var(--ink2);text-shadow:none}.thuymac .sk .ico{margin:0 0 2px;background:#1a102073;box-shadow:0 0 4px currentColor}.thuymac .sk .ico+span{-webkit-line-clamp:2;max-width:48px}.thuymac .sk.locked{opacity:1;filter:grayscale(1) brightness(.75)}.thuymac .sk.ava{border:0;filter:drop-shadow(0 0 1px #ffe08a)}.thuymac .sk.ava.on{animation:sealPulse .8s ease-in-out infinite alternate;box-shadow:none}.thuymac .sk.fus{border:0;filter:drop-shadow(0 0 1px #ffe08a)}.thuymac .sk.fus.ask{animation:sealPulse .4s ease-in-out infinite alternate;box-shadow:none}.thuymac .sk.ct{box-shadow:none;filter:drop-shadow(0 0 3px #ffe08a)}@keyframes sealPulse{0%{filter:drop-shadow(0 0 2px #ffe08a)}to{filter:drop-shadow(0 0 6px #ffe08a)}}.thuymac .sk.bsk i{color:var(--paper)}.thuymac .sk:focus-visible{outline:2px solid var(--paper);outline-offset:0}.thuymac :where(body.ui-w640) .sk{background-image:var(--ui-an-trien-vua);background-position:center 0;padding-top:6px}.thuymac :where(body.ui-w640) .sk .ico{margin-bottom:8px}.thuymac :where(body.ui-w640) .sk .ico+span{-webkit-line-clamp:1;color:var(--paper);max-width:100%}.thuymac :where(body.ui-w640) .sk.ui-cell .ico{margin-bottom:0}.thuymac body.touch .sk.bsk{background-image:var(--ui-an-trien-vua);background-position:center;padding:0;justify-content:center}.thuymac .tm{color:var(--text)}.thuymac .mapbox :is(#chanBtn,#worldBtn){border-image:none;border:1px solid var(--ink2)}.ico.art{width:32px;height:32px;display:block;filter:drop-shadow(0 0 2px color-mix(in srgb,var(--c,#000) 60%,transparent))}.shoprow{grid-template-columns:32px minmax(0,1fr)}.bpick .bitem .ico.art.bone{flex-shrink:0}.bslot small,.bslot b.enh{z-index:1}.cgrid{display:grid;grid-template-columns:repeat(auto-fill,96px);gap:8px;justify-content:center}.vcardx{position:relative;display:block;width:96px;height:152px;padding:0;margin:0;border:0;background:none;color:var(--paper);font:inherit;font-size:10px;font-family:var(--f10);line-height:normal;text-align:center;flex-shrink:0}button.vcardx{cursor:pointer}.vcardx>*{position:absolute;pointer-events:none}.vcardx .cbg{left:12px;top:18px;width:72px;height:112px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--c) 55%,#1a1020) 0,#1a1020 70%)}.vcardx .cpt{left:16px;top:20px;width:64px;height:64px}.vcardx i.cpt{left:36px;top:40px;width:24px;height:24px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c)}.vcardx .cfr{left:0;top:0;width:96px;height:152px}.vcardx .che{left:3px;top:3px;width:24px;height:24px}.vcardx i.che{border-radius:50%;background:var(--ink);border:2px solid #e8c050;color:var(--paper);font-style:normal;line-height:20px}.vcardx .cst{left:12px;top:84px;width:72px;color:var(--inkl);letter-spacing:-1px;white-space:nowrap}.vcardx .cst b{color:#ffd84a}.vcardx .crg{left:13px;top:96px;width:70px;display:flex;justify-content:center;gap:2px}.vcardx .crg i{width:5px;height:5px;box-shadow:0 0 0 1px #1a1020}.vcardx .cnm{left:8px;top:103px;width:80px;height:25px;display:flex;align-items:center;justify-content:center;font-size:10px;font-family:var(--f10);line-height:12px;color:var(--paper);text-shadow:var(--stroke);overflow:hidden}.vcardx .cpl{left:22px;top:130px;width:52px;height:12px;line-height:12px;color:var(--paper);text-shadow:var(--stroke);background:#1a102099;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vcardx .csl{right:1px;top:1px;width:22px;height:22px;border-radius:50%;background:var(--son);border:2px solid var(--son-d);color:var(--paper);font-style:normal;font-size:12px;font-family:var(--f12);line-height:18px;box-shadow:0 0 0 1px #1a1020}.vcardx.noart{border:3px solid color-mix(in srgb,var(--c) 70%,#1a1020);background:#1a1020}.vcardx.noart .cbg{left:9px;top:15px}.vcardx.locked .cpt,.vcardx.locked .cfr,.vcardx.locked .che{filter:grayscale(1) brightness(.7)}.vcardx.locked .cnm{color:var(--paper2)}.vcardx.active{filter:drop-shadow(0 0 3px var(--c)) drop-shadow(0 0 1px var(--c))}button.vcardx:not(:disabled):hover{transform:translateY(-2px)}button.vcardx:focus-visible{outline:2px solid var(--son);outline-offset:2px}.vcardx[aria-pressed=true]{outline:3px solid var(--son);outline-offset:2px}.vcardx.cempty{border:2px dashed var(--inkl);background:var(--wash);color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;font-family:var(--f12)}.vcardx.cempty>*{position:static}.vcardx.cempty .csl{position:absolute}.vcardx.cempty small{font-size:10px;font-family:var(--f10)}#roster,#bag,#reso,#audio,#world,#npc,#autoPanel{width:min(452px,94vw)}#friends{width:min(380px,94vw)}#roster,#bag,#reso,#friends,#audio,#world,#npc,#autoPanel,#autoSum,#arenaEnd{z-index:4}#roster .tslots{display:grid;grid-template-columns:repeat(auto-fill,96px);gap:8px;justify-content:center}#roster .tslot{flex-direction:column;align-items:center;gap:3px;border:0;background:none}#roster .tslot:not(.empty){border:0}#roster .tslot.sel{box-shadow:none}#roster .tslot.sel .vcardx{outline:3px solid var(--son);outline-offset:2px}#roster .trm{width:96px;border-left:0;min-height:26px;padding:0}.rgrid .ccol{display:flex;flex-direction:column;gap:2px;width:96px}.rgrid .rstar{color:var(--xp);font-size:10px;font-family:var(--f10);text-align:center}.sgrid .srow{flex-direction:column;align-items:stretch;gap:3px;width:96px;padding:0;border:0;background:none}.sgrid .srow small{text-align:center;color:var(--muted)}.sgrid .sbtn{min-width:0;width:100%;min-height:28px}.card .vgrid{grid-template-columns:repeat(auto-fill,96px);justify-content:start}.bigcard{display:flex;justify-content:center}.bigcard .vcardx{zoom:2}.card.fonttest{max-width:900px}.fonttest .ftl{margin:6px 0}.fonttest .ftl small{display:block;color:var(--muted);font-size:10px;font-family:var(--f10)}.fonttest .ftl p{margin:0;color:var(--text);white-space:normal;word-break:break-word}.fonttest .f12{font-family:var(--f12)}.fonttest .f10{font-family:var(--f10)}.fonttest h3{font-size:12px;font-family:var(--f12);margin:12px 0 6px;color:var(--muted)}.ftrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0}.ftrow .buse{margin:0}.ftbars .bar{width:220px;margin:0}.ftico span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;background:var(--wash)}.ftico em{font-style:normal;font-size:10px;font-family:var(--f10)}#vhName,#bossbar .bhead b,#bossCd,.shoprow b,.bpick .bitem b,.binfo>b,.aopt b,.tm.on small,.tm.full small,#talk>div{text-shadow:var(--stroke)}:is(#hud,#overlay) [style*="color:"]{text-shadow:var(--stroke)}:is(#roster,#bag,#reso,#friends,#world):not([hidden])~#talk{display:none}.minirow .minibtn{white-space:nowrap;font-size:10px;font-family:var(--f10)}.minirow .minibtn kbd{margin-left:2px;padding:0 2px}#zoneName,#online{max-width:150px;margin-left:auto;margin-right:auto}#online{font-size:10px;font-family:var(--f10);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where(body.ui-w640) #zoneName,:where(body.ui-w640) #online{max-width:105px}:where(body.ui-h460) .stats{padding:4px 8px 6px}:where(body.ui-h460) .who{margin-bottom:2px}:where(body.ui-h460) .bar{margin-top:2px}:where(body.ui-h460) .rings{margin-top:4px;min-height:0}:where(body.ui-h460) .rings small{display:none}:where(body.ui-h460) .minirow .minibtn{margin-top:4px;padding:1px 4px}.sk .ico,.kcard .ico,.sk.bsk i{font-family:Segoe UI Symbol,"Noto Sans Symbols 2",system-ui,sans-serif}#audio{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-height:84%;overflow-y:auto;padding:12px;pointer-events:auto;touch-action:pan-y;display:flex;flex-direction:column;gap:10px}#audio .audio-head{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding-bottom:8px}#audio .audio-head>div{display:flex;flex:1;flex-direction:column;gap:2px}#audio .audio-head b{font-size:16px;font-family:var(--f12)}#audio .audio-head small,#audio p{color:var(--muted);font-size:10px;font-family:var(--f10);line-height:normal}#audio .panel-x{width:32px;height:32px;font:inherit;font-size:24px;font-family:var(--f12);line-height:1;border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer}#audio label{display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center;font-size:12px;font-family:var(--f12)}#audio label input{grid-column:1 / -1;width:100%;accent-color:var(--son);cursor:pointer}#audio output{color:var(--accent);font-size:12px;font-family:var(--f10);font-variant-numeric:tabular-nums}#audio .audio-mute{min-height:40px;padding:8px 12px;border:2px solid var(--son-d);background:var(--wash);color:var(--text);font:inherit;font-size:12px;font-family:var(--f12);cursor:pointer}#audio .audio-mute[aria-pressed=true]{background:var(--son);color:var(--paper)}#audio p{margin:0;padding-top:2px}#world{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-height:84%;overflow-y:auto;padding:10px;pointer-events:auto;touch-action:pan-y;display:flex;flex-direction:column;gap:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#world[hidden]{display:none}#world>*{flex-shrink:0}#world .wmap{display:block;width:100%;height:auto;aspect-ratio:300/170;background:color-mix(in srgb,var(--paper2) 45%,transparent);border:1px solid var(--line)}#world .wlink{stroke:var(--inkl);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:5 3;opacity:.8}#world .wnode{cursor:pointer}#world .wnode .wdot{fill:var(--paper);stroke:var(--inkl);stroke-width:1.5}#world .wnode.open .wdot{fill:var(--ink);stroke:#5aa8c0;stroke-width:2}#world .wnode .wseal{fill:none;stroke:var(--son);stroke-width:2}#world .wnode .wname{font-family:var(--f10);font-size:10px;fill:var(--ink);paint-order:stroke;stroke:var(--paper);stroke-width:3px}#world .wnode.cur .wname{fill:var(--son-d)}#world .wsec{border:1px solid var(--line);border-left:4px solid var(--inkl);padding:6px 8px;display:flex;flex-direction:column;gap:4px}#world .wwalk{margin-left:auto;font:11px var(--f12);min-height:24px;padding:1px 8px;color:var(--ink-text);background:#6a4a1c;border:1px solid #ff9a3c;border-radius:3px;cursor:pointer}#world .wsec.cur{border-left-color:var(--son)}#world .wrow{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:6px;align-items:center;font:inherit;font-size:12px;font-family:var(--f12);min-height:30px;padding:3px 6px;border:1px solid var(--line);background:var(--wash);color:var(--text);cursor:pointer;text-align:left}#world .wrow i{width:10px;height:10px;transform:rotate(45deg);background:var(--paper3);box-shadow:0 0 0 1px var(--inkl)}#world .wrow.open i{background:#8fe0ff;box-shadow:0 0 0 1px var(--ink),0 0 5px #8fe0ff}#world .wrow em{font-style:normal;color:var(--muted)}#world .wrow.locked{opacity:.6;cursor:default}#world .wrow.here{border-color:#5aa8c0;cursor:default}#world .wrow.poor em{color:var(--son)}#world .wrow.sel{outline:2px solid var(--son);outline-offset:1px}#world .wrow:disabled{cursor:default}#world .wrow.open:disabled:not(.here){opacity:1}#world .wgo{flex-wrap:wrap;align-items:center;position:sticky;bottom:-10px;padding:6px 0;background:var(--paper)}#world .danger{color:var(--son)}.ico.phu{width:40%;height:66%;position:relative;background:linear-gradient(180deg,#f3dc8a,#d9b24a);box-shadow:0 0 0 1px #1a1020,0 0 6px color-mix(in srgb,var(--c) 70%,transparent)}.ico.phu:before{content:"";position:absolute;left:22%;top:14%;width:56%;height:36%;border:2px solid #b0302a;border-radius:50%;box-sizing:border-box}.ico.phu:after{content:"";position:absolute;left:46%;top:56%;width:8%;height:32%;background:#b0302a}#autoPanel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-height:84%;overflow-y:auto;padding:10px;pointer-events:auto;touch-action:pan-y;display:flex;flex-direction:column;gap:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#autoPanel[hidden],#autoSum[hidden]{display:none}#autoPanel>*{flex-shrink:0}#autoPanel .anote,#autoSum .anote,#autoPanel .asec small{color:var(--muted);font-size:10px;font-family:var(--f10);line-height:normal}#autoPanel .atoggle{align-self:stretch;margin-top:0;min-height:40px}#autoPanel .atoggle kbd{font:inherit;font-size:10px;font-family:var(--f10);border:1px solid currentColor;padding:0 4px;margin-left:6px;opacity:.8}body.touch #autoPanel .atoggle kbd{display:none}#autoPanel .asec{border:1px solid var(--line);border-left:4px solid #2f7a4a;padding:6px 8px;display:flex;flex-direction:column;gap:6px}#autoPanel .asec>b{font-size:12px;font-family:var(--f12)}#autoPanel .arange{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center;font-size:12px;font-family:var(--f12)}#autoPanel .arange input{grid-column:1 / -1;width:100%;accent-color:var(--son);cursor:pointer}#autoPanel output{color:var(--accent);font-size:12px;font-family:var(--f10);font-variant-numeric:tabular-nums}#autoPanel .aline,#autoPanel .achk{font-size:12px;font-family:var(--f12);display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}#autoPanel .achk input[type=checkbox]{accent-color:var(--son);width:16px;height:16px;cursor:pointer}#autoPanel input[type=number],#autoPanel select{width:88px;font:inherit;font-size:12px;font-family:var(--f12);padding:2px 4px;border:1px solid var(--line);background:var(--wash);color:var(--text)}#autoPanel select{width:auto}#autoPanel .aorder{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}#autoPanel .aorder li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px;align-items:center}#autoPanel .aorder .rlink{min-height:28px;padding:2px 8px}body.touch #autoPanel .aorder .rlink{min-height:36px}#autoPanel .brow{display:flex;gap:6px}#autoSum{position:absolute;left:50%;top:56px;transform:translate(-50%);width:min(340px,92vw);padding:8px 12px;pointer-events:auto;display:flex;flex-direction:column;gap:6px}.asum{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;font-size:12px;font-family:var(--f12)}.asum span{color:var(--muted)}.asum b{font-weight:400;color:var(--text);overflow-wrap:anywhere}.ico.lenh{width:46%;height:70%;position:relative;border-radius:3px 3px 40% 40%;background:linear-gradient(180deg,#bdf0d2,#4fa877);box-shadow:0 0 0 1px #1a1020,0 0 6px color-mix(in srgb,var(--c) 70%,transparent)}.ico.lenh:before{content:"";position:absolute;left:30%;top:22%;width:40%;height:46%;border:2px solid #b0302a;box-sizing:border-box}.ui-cell{position:relative;--c:var(--line)}.ui-cell[data-tier="0"]{--c:var(--tier-0)}.ui-cell[data-tier="1"]{--c:var(--tier-1)}.ui-cell[data-tier="2"]{--c:var(--tier-2)}.ui-cell[data-tier="3"]{--c:var(--tier-3-glow)}.ui-cell[data-tier="4"]{--c:var(--tier-4)}.ui-cell:not(.empty):before{content:"";position:absolute;left:2px;bottom:2px;width:6px;height:6px;background:var(--c);border:1px solid var(--plate);opacity:.9;pointer-events:none;z-index:1}.ui-cell .key{position:absolute;left:-2px;top:-3px;z-index:2;min-width:14px;padding:0 3px;background:var(--paper);color:var(--ink);border:1px solid var(--ink2);font:var(--fs-s)/12px var(--f10);text-align:center}.ui-cell .q{position:absolute;right:2px;bottom:0;font:var(--fs-s)/12px var(--f10);color:var(--plate-text);text-shadow:var(--stroke);font-variant-numeric:tabular-nums}.ui-cell .e{position:absolute;left:2px;top:0;font:var(--fs-s)/12px var(--f10);color:#ffe08a;text-shadow:var(--stroke)}.ui-cell .ui-cd{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:conic-gradient(rgba(10,6,16,.78) calc(var(--p,0) * 360deg),transparent 0)}.ui-cell.ready{animation:uiReady 1.6s steps(2) infinite}@keyframes uiReady{50%{box-shadow:0 0 8px var(--c)}}.ui-cell.nomp{filter:saturate(.45)}.ui-cell.nomp:after{content:"!";position:absolute;right:-4px;top:-4px;width:14px;height:14px;background:var(--mp);border:1px solid var(--plate);color:#fff;font:var(--fs-s)/12px var(--f10);text-align:center;z-index:2}.ui-cell.lock{filter:grayscale(.9) brightness(.75)}.ui-cell.on{box-shadow:0 0 0 2px #ffe08a,0 0 10px #ffe08a}@media(prefers-reduced-motion:reduce){.ui-cell.ready{animation:none}}.thuymac .bslot.ui-cell:not(.empty):not(.sel){outline:2px solid color-mix(in srgb,var(--c) 80%,#1a1020);outline-offset:-3px}.ui-tab{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);border:var(--bd) solid var(--ink2);background:var(--paper2);color:var(--text);font:var(--fs-m) var(--f12);cursor:pointer;white-space:nowrap}.ui-tab:before{content:"";width:8px;height:8px;background:var(--c,var(--line));border:1px solid var(--plate)}.ui-tab[aria-selected=true]{background:var(--son);border-color:var(--son-d);color:#f4ead0;text-shadow:var(--stroke)}.ui-tab:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ui-bar{position:relative;height:14px;background:var(--track);border:var(--bd) solid var(--plate);overflow:hidden}.ui-bar>i{position:absolute;left:0;top:0;bottom:0;background:var(--c,var(--hp))}.ui-bar>span{position:absolute;top:0;right:0;bottom:0;left:0;font:var(--fs-s)/10px var(--f10);text-align:center;color:var(--plate-text);text-shadow:var(--stroke);font-variant-numeric:tabular-nums}.ui-chip{display:inline-block;padding:0 var(--sp-3);background:var(--plate);border:var(--bd) solid var(--c,var(--line));color:var(--cg,var(--plate-text));font:var(--fs-s)/14px var(--f10)}.ui-chip[data-tier="0"]{--c:var(--tier-0);--cg:var(--tier-0-glow)}.ui-chip[data-tier="1"]{--c:var(--tier-1);--cg:var(--tier-1-glow)}.ui-chip[data-tier="2"]{--c:var(--tier-2);--cg:var(--tier-2-glow)}.ui-chip[data-tier="3"]{--c:var(--tier-3-glow);--cg:var(--tier-3-glow)}.ui-chip[data-tier="4"]{--c:var(--tier-4);--cg:var(--tier-4-glow)}#tip{position:fixed;left:0;top:0;z-index:60;max-width:260px;padding:var(--sp-4) var(--sp-5);background:var(--plate);color:var(--plate-text);border:var(--bd) solid var(--tip-c,var(--gem));box-shadow:var(--sh-pop);pointer-events:none;transform-origin:0 0;font:var(--fs-m)/16px var(--f12);overflow-wrap:anywhere;white-space:pre-line;-webkit-font-smoothing:none}#tip .t-title{display:block;color:var(--tip-cg,var(--plate-text));font-size:var(--fs-m);margin-bottom:var(--sp-1)}#tip .t-sub{display:block;color:#a89fb4;font:var(--fs-s)/12px var(--f10);margin-bottom:var(--sp-2)}#tip .t-row{display:flex;justify-content:space-between;gap:var(--sp-5)}#tip .t-row b{font-weight:400;color:#ffe08a}#tip .t-good{color:#7bd88f}#tip .t-bad{color:#ff8a7a}#tip .t-muted{color:#a89fb4}#tip .t-foot{display:block;margin-top:var(--sp-3);padding-top:var(--sp-2);border-top:1px solid #3a3440;color:#a89fb4;font:var(--fs-s)/12px var(--f10)}.bfilter{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.bfilter .ui-tab{padding:var(--sp-1) var(--sp-3);font:var(--fs-m)/16px var(--f12);cursor:pointer}.bfilter .ui-tab:before{display:none}.bsortsel{margin-left:auto;font:var(--fs-m)/16px var(--f12);padding:2px 4px;border:1px solid var(--line);background:var(--paper2);color:var(--text)}.bequip{display:flex;align-items:center;gap:var(--sp-2)}.bequip>small{color:var(--muted);font:var(--fs-m)/16px var(--f12);margin-right:var(--sp-2)}.bq{width:34px;height:34px;padding:0;border:2px solid var(--line);background:var(--wash);cursor:default;display:flex;align-items:center;justify-content:center}.bq.empty{opacity:.55;border-style:dashed}.bq svg,.bq img{width:24px;height:24px;image-rendering:pixelated;pointer-events:none}.bq small{position:absolute;right:1px;bottom:0;font:var(--fs-s)/12px var(--f10);text-shadow:var(--stroke);pointer-events:none}.bq.over,.bslot.over{box-shadow:0 0 0 2px var(--son);outline:2px solid var(--son)}#bag.drag-bone .bq.bone,#bag.drag-core .bq.core{box-shadow:0 0 0 2px #ffe08a}.bslot[draggable=true]{cursor:grab}.bslot i.nw{position:absolute;left:2px;top:2px;width:6px;height:6px;background:var(--son-l);border:1px solid var(--plate);pointer-events:none;z-index:1}.bcmp b.t-good{color:#175b2b}.bcmp b.t-bad{color:#992419}.bcmp b.t-muted{color:var(--muted)}.bcmp .bcmpnote{grid-column:1 / -1}.sk.ui-cell:not([data-tier]):before,.tm.ui-cell:before{display:none}.sk.ui-cell[data-tier]{border-color:var(--c)}.ui-cell .cdn{position:absolute;left:0;right:0;top:50%;margin-top:-6px;z-index:3;font:normal var(--fs-m)/12px var(--f12);text-align:center;color:var(--plate-text);text-shadow:var(--stroke);font-variant-numeric:tabular-nums;pointer-events:none}.sk.ui-cell.ready,.tm.ui-cell.ready{animation:uiReady .45s steps(2) 2}.sk.ui-cell.nomp:after{right:2px;top:2px}.thuymac .sk.ui-cell.nomp:after{right:4px;top:2px}.tm.ui-cell{overflow:visible}.ui-cell .ui-cd{z-index:2}.thuymac .sk.ui-cell{border:4px solid transparent;border-image:var(--frame-cell) var(--nine-o) fill / calc(var(--nine-o) * 1px) stretch;background:none;padding:3px 1px 0;justify-content:center}.thuymac .sk.ui-cell:not(.locked):hover{border-image-source:var(--frame-cell-on)}.thuymac .sk.ui-cell[data-tier]{outline:2px solid color-mix(in srgb,var(--c) 85%,#1a1020);outline-offset:-3px}.thuymac .sk.ui-cell:before{display:none}.thuymac .sk.ui-cell .ico{margin:0 0 2px}.thuymac .sk .ui-cd{top:0;right:0;bottom:0;left:0}.thuymac .sk.ui-cell .key{left:-6px;top:-7px}.thuymac .sk.ui-cell.nomp:after{right:-2px;top:-2px}.thuymac body.touch .sk.bsk.ui-cell{background:none;padding:0}#target .tn{display:flex;align-items:center;justify-content:flex-start;gap:var(--sp-3)}#target .tn b{font-weight:400;font-size:var(--fs-m)}#target .tn .tl{color:var(--muted)}#target .thp{width:100%;min-width:200px;margin-top:var(--sp-2)}#target .thp>i{transition:width .12s linear}#char{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(640px,96vw);max-height:84%;overflow-y:auto;z-index:4;padding:10px;pointer-events:auto;touch-action:pan-y;display:flex;flex-direction:column;gap:6px}.thuymac #char{border-width:16px 10px;border-image:var(--frame-scroll) var(--nine-cuon-giay) fill / calc(var(--nine-cuon-giay) * 1px) round;scrollbar-width:thin;scrollbar-color:var(--inkl) transparent}:is(#roster,#bag,#reso,#friends,#world):not([hidden])~#talk,#char:not([hidden])~#talk{display:none}#char .ctabs{display:flex;flex-wrap:wrap;gap:var(--sp-2)}#char .cbody{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1.15fr);gap:var(--sp-4);align-items:start}#char .ccolL,#char .ccolM,#char .ccolR{display:flex;flex-direction:column;gap:var(--sp-3);min-width:0}:where(body.ui-w560) #char .cbody{grid-template-columns:minmax(0,1fr)}#char .cdoll{width:100%}#char .bcell{min-height:64px}#char .cstar{font-size:10px;font-family:var(--f10);color:var(--accent)}#char .cshead{font:var(--fs-m) var(--f12);color:var(--muted);border-bottom:var(--bd-fine) solid var(--line);padding-bottom:var(--sp-1)}#char .crow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--sp-2)}#char .ccell{min-height:40px;padding:2px}#char .ccell svg.ico.core{width:24px;height:24px;transform:none}#char .crings{display:flex;flex-direction:column;gap:var(--sp-2)}#char .cring{display:flex;align-items:center;gap:var(--sp-3);padding:2px var(--sp-3);font:var(--fs-s) var(--f10);color:var(--text);background:var(--wash);border:var(--bd) solid var(--c);cursor:help;text-align:left;min-height:24px}#char .cring.empty{border-style:dashed;border-color:var(--line);color:var(--muted)}#char .cring .sico{flex:none;width:24px;height:24px;image-rendering:pixelated}#char .cring.locked .sico{opacity:.5}#char .cring .rdot{flex:none;width:12px;height:12px;border-radius:50%;border:3px solid var(--c);background:color-mix(in srgb,var(--c) 30%,transparent);box-shadow:0 0 5px color-mix(in srgb,var(--c) 70%,transparent)}#char .cring.empty .rdot{border-style:dashed;background:none;box-shadow:none}#char .cring>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#char .cring>em{flex:none;font-style:normal;color:var(--muted)}#char .cring:focus-visible,#char .cstat:focus-visible{outline:2px solid var(--accent);outline-offset:1px}#char .cstats{display:flex;flex-direction:column;gap:var(--sp-1)}#char .cgroup{font:var(--fs-s) var(--f10);color:var(--muted);margin-top:var(--sp-2)}#char .cstat{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 var(--sp-4);cursor:help}#char .cstat span{font:var(--fs-m) var(--f12);color:var(--muted)}#char .cstat b{font:var(--fs-m) var(--f12);font-weight:400;text-align:right;font-variant-numeric:tabular-nums}#char .cstat em{grid-column:1 / -1;justify-self:end;font:var(--fs-s) var(--f10);font-style:normal;color:var(--good)}#char .bfig{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2)}#char .bcell{min-height:56px;min-width:0;overflow:hidden}#char .bcell em{display:none}#char .bmid{min-width:0}#char .bmid img{width:64px;height:64px;margin:-6px 0 -8px}#char .bmid small{font-size:10px;font-family:var(--f10)}#char .cstat span{overflow-wrap:anywhere}#char .cset small,#char .cset b{font-size:10px;font-family:var(--f10)}#char .cset{padding:3px 5px}#audio .scale-set{display:flex;flex-direction:column;gap:6px;font-size:12px;font-family:var(--f12)}#audio .scale-set output{color:var(--accent);font-family:var(--f10);font-size:10px}#audio .scale-opts{display:flex;flex-wrap:wrap;gap:4px}#audio .scale-opts button{flex:1 1 auto;min-width:48px;min-height:32px;padding:4px 8px;border:2px solid var(--line);background:var(--wash);color:var(--text);font:inherit;font-size:12px;font-family:var(--f12);cursor:pointer}#audio .scale-opts button[aria-pressed=true]{border-color:var(--son-d);background:var(--son);color:var(--paper)}body.touch #audio .scale-opts button{min-height:40px}:where(body.ui-w640.ui-portrait) #bottombar{flex-direction:column;align-items:stretch;gap:6px}body.ui-w640.ui-portrait #chatbox{width:auto;margin-bottom:0}body.ui-w640.ui-portrait #actbar{align-self:flex-end}body.ui-w640.ui-portrait #actrow{flex-direction:column;align-items:flex-end;gap:6px}body.ui-w640.ui-portrait #bskills{flex-direction:row}body.ui-w640.ui-portrait #skills{display:grid;grid-template-columns:repeat(4,52px);width:auto;gap:6px}body.ui-w640.ui-portrait #skills:is(.ava,.fus){width:auto}.minirow{flex-wrap:wrap}.minirow .minibtn{flex:1 1 28%}:where(body.ui-w640) .rings small{display:none}:where(body.ui-w640) .minirow .minibtn{margin-top:4px}body.touch .minibtn{min-height:40px}body.touch :is(.bslot,.pbtn,.qhead,#chattabs button,.ui-tab,.bpg,.buse,.sbtn,.rlink,.panel-x,.rhead .x,.x,.bq,.cring,.bcell,.ccell,.opt,.aopt,.btn,#chans button){min-height:40px;min-width:40px}body.touch :is(.cring,.qhead){min-width:0}.ui-cell[data-tier]:not(.empty):before{width:4px;height:4px}.ui-cell[data-tier="1"]:not(.empty):before{box-shadow:6px 0 var(--c)}.ui-cell[data-tier="2"]:not(.empty):before{box-shadow:6px 0 var(--c),12px 0 var(--c)}.ui-cell[data-tier="3"]:not(.empty):before{box-shadow:6px 0 var(--c),12px 0 var(--c),18px 0 var(--c)}.ui-cell[data-tier="4"]:not(.empty):before{box-shadow:6px 0 var(--c),12px 0 var(--c),18px 0 var(--c),24px 0 var(--c)}.thuymac .sk.ui-cell[data-tier]:before{display:block;left:6px;bottom:6px}.ui-chip[data-tier]:before{margin-right:4px;color:var(--plate-text)}.ui-chip[data-tier="0"]:before{content:"I"}.ui-chip[data-tier="1"]:before{content:"II"}.ui-chip[data-tier="2"]:before{content:"III"}.ui-chip[data-tier="3"]:before{content:"IV"}.ui-chip[data-tier="4"]:before{content:"V"}.buffs span:before{content:"+ "}.buffs span.debuff:before{content:"– "}.buffs span.passive:before{content:none}:where(body.ui-w420) :is(.stats,#party){width:172px}:where(body.ui-w420) #quest{width:176px}:where(body.ui-w640) #party .phint{display:none}:where(body.ui-w640) #party .phead{flex-wrap:wrap}#party .phead b{white-space:nowrap}:where(body.ui-w640.ui-portrait) #chatbox:not(.open) #chattabs{display:none}.avs{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:18px;padding:10px 22px;background:linear-gradient(90deg,#3a1018cc,#101020dd,#102a3acc);border:2px solid #ff6b6b;border-radius:6px;pointer-events:none;z-index:30;animation:avin .5s ease-out}.avs.calm,.avs.calm .pop{animation:none}.avf{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:96px;font-family:var(--f12);color:var(--paper)}.avf img{width:80px;height:80px;image-rendering:pixelated;border:2px solid var(--paper2);background:#0008}.avf b{font-size:14px;text-shadow:var(--stroke)}.avf small{color:var(--paper2);font-size:12px}.avm{display:flex;flex-direction:column;align-items:center;font-family:var(--f12);color:#ffd36b;text-shadow:var(--stroke)}.avm span{font-size:28px;font-weight:800}.avm em{font-style:normal;font-size:44px;min-height:52px;font-weight:800;color:#fff}.avm em.pop{animation:avpop .9s ease-out}.afeed{position:absolute;right:12px;top:70px;display:flex;flex-direction:column;gap:3px;align-items:flex-end;pointer-events:none;z-index:25}.akill{font-family:var(--f12);font-size:12px;padding:3px 8px;background:#000a;border-right:3px solid #ff6b6b;color:var(--paper);text-shadow:var(--stroke)}.akill i{font-style:normal;color:#ffd36b}.abig{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-family:var(--f12);font-size:48px;font-weight:800;color:#fff;text-shadow:var(--stroke),0 3px 0 #1a1020;pointer-events:none;z-index:31;animation:avpop 1.4s ease-out forwards}.abig.go{color:#ffd36b}.abig.win{color:var(--xp)}.abig.draw{color:var(--muted)}.alow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;box-shadow:inset 0 0 90px 24px #d02030;animation:avbeat var(--beat,.9s) ease-in-out infinite}.alow.calm{animation:none;opacity:.55}@keyframes avin{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes avpop{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}25%{transform:translate(-50%,-50%) scale(1.15);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes avbeat{0%,to{opacity:.25}20%{opacity:.8}40%{opacity:.35}60%{opacity:.7}}.avm em.pop{animation-name:avpop2}@keyframes avpop2{0%{transform:scale(1.6);opacity:0}30%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}}.skcine{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:32;overflow:hidden;font-family:var(--f12)}.skdim{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;animation:skdim var(--total) ease-in-out forwards}.skpic{position:absolute;top:50%;left:0;width:176px;height:176px;margin-top:-88px;image-rendering:pixelated;border:3px solid var(--col);background:#0009;box-shadow:0 0 18px var(--col);transform:translate(-220px);animation:skslide var(--total) cubic-bezier(.2,.8,.2,1) forwards}.skname{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;font-size:46px;font-weight:800;color:#fff;text-shadow:var(--stroke),0 0 14px var(--col),0 3px 0 #1a1020;opacity:0;animation:skname var(--total) ease-out forwards}.skcine.calm .skname{animation-name:skfade;font-size:34px}@keyframes skdim{0%{opacity:0}20%,75%{opacity:.3}to{opacity:0}}@keyframes skslide{0%{transform:translate(-220px)}48%{transform:translate(max(8px,calc(50vw - 430px)))}78%{transform:translate(max(8px,calc(50vw - 430px)));opacity:1}to{transform:translate(100vw);opacity:0}}@keyframes skname{0%,20%{opacity:0;transform:translate(-50%,-50%) scale(.7)}40%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}55%,78%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.ptcut{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:33;overflow:hidden}.ptband{position:absolute;left:0;right:0;top:50%;height:120px;margin-top:-60px;background:linear-gradient(90deg,transparent,var(--col),transparent);opacity:0;animation:ptband var(--dur) ease-out forwards}.ptimg{position:absolute;top:50%;left:0;width:240px;height:240px;margin-top:-130px;image-rendering:pixelated;filter:drop-shadow(0 0 10px var(--col));transform:translate(-260px) skew(-10deg);animation:ptslide var(--dur) linear forwards}@keyframes ptslide{0%{transform:translate(-260px) skew(-10deg);opacity:0}12%{opacity:1}25%{transform:translate(calc(50vw - 300px)) skew(-10deg)}75%{transform:translate(calc(50vw - 170px)) skew(-10deg);opacity:1}to{transform:translate(calc(100vw + 20px)) skew(-10deg);opacity:0}}@keyframes ptband{0%{opacity:0}25%{opacity:.35}to{opacity:0}}@keyframes skfade{0%{opacity:0}25%,70%{opacity:1}to{opacity:0}}#char .cstrip{display:flex;align-items:flex-start;gap:var(--sp-3);flex-wrap:wrap}#char .cstrip .ctabs{flex:1;min-width:0}#char .cgo{flex:none;align-self:center}#char .cdtabs{display:flex;flex-wrap:wrap;gap:var(--sp-2);border-bottom:var(--bd-fine) solid var(--line);padding-bottom:var(--sp-2)}#char .cdtabs .ui-tab small{font:var(--fs-s) var(--f10);color:var(--muted)}#char .cdtabs .ui-tab[aria-selected=true] small{color:inherit}#char .cnote{font:var(--fs-m) var(--f12);padding:var(--sp-2) var(--sp-3);border-left:3px solid var(--good);background:var(--wash)}#char .cnote.warn{border-left-color:var(--warn);color:var(--warn)}#char .cpick{margin-top:var(--sp-2)}#char .cadv{align-self:flex-start;margin-top:var(--sp-2)}#char .cteam{display:flex;flex-wrap:wrap;gap:var(--sp-3)}#char .cteam .vcardx{flex:none}#char .cteam .vcardx.view{outline:3px solid var(--xp);outline-offset:1px}#char .cteam .cempty{width:96px;min-height:152px;border:2px dashed var(--line);color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:var(--fs-s) var(--f10);text-align:center}#char .edoll{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--sp-3);align-items:stretch}#char .ecol{display:flex;flex-direction:column;justify-content:space-between;gap:var(--sp-2)}#char .ecell{width:56px;min-height:56px;cursor:default}#char .ecell span{font-size:10px;font-family:var(--f10);text-align:center;line-height:1.1}#char .emid{position:relative;display:flex;align-items:center;justify-content:center;border:2px solid var(--line);background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),#0003 70%);min-height:260px}#char .emid img{width:96px;height:96px;image-rendering:pixelated;margin-bottom:40px}#char .emid .ecell{position:absolute;left:50%;bottom:12px;transform:translate(-50%)}#char .cring6{position:relative;width:min(300px,100%);aspect-ratio:1;align-self:center;margin:var(--sp-2) 0}#char .cring6:before{content:"";position:absolute;top:13%;right:13%;bottom:13%;left:13%;border:2px dashed var(--line2);border-radius:50%}#char .cring6 .ccell{position:absolute;width:24%;height:24%;min-height:0;transform:translate(-50%,-50%);padding:2px}#char .cring6 .ccell svg.ico.core{width:70%;height:70%;max-width:32px;max-height:32px}#char .cring6 .ccell.seton{border-color:var(--sc);box-shadow:0 0 0 2px var(--sc),0 0 8px color-mix(in srgb,var(--sc) 70%,transparent)}#char .cring6 .ccell.sel{box-shadow:0 0 0 2px var(--xp)}#char .cmid{position:absolute;left:50%;top:50%;width:30%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--sc,var(--line));background:radial-gradient(circle,color-mix(in srgb,var(--sc,var(--line)) 25%,transparent),#00000040);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.1;pointer-events:none}#char .cmid b{font:var(--fs-s) var(--f10);font-weight:400;color:var(--text)}#char .cmid small{font:var(--fs-s) var(--f10);color:var(--muted)}#bag .bfocus{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border:2px solid #ffe08a;background:var(--wash)}#bag .bfocus small{flex:1;font:var(--fs-m) var(--f12)}.bslot.hint{outline:2px solid #ffe08a;outline-offset:-2px;box-shadow:0 0 8px #ffe08a}.bslot.dim{opacity:.35}body.touch #char .cdtabs .ui-tab{min-height:40px}body:not(.ui-wide,.touch) #char :is(.ctabs,.cdtabs) .ui-tab{padding:0 var(--sp-3);font-size:11px;line-height:1.2}body:not(.ui-wide) #char .cstrip{gap:var(--sp-2)}body.dual-win:not(.ui-wide) #char .ecell{width:40px;min-height:40px}body.dual-win:not(.ui-wide) #char .emid{min-height:180px}body.dual-win:not(.ui-wide) #char .cteam .vcardx{transform:scale(.8);transform-origin:top left;margin:0 -19px -30px 0}body.dual-win :is(#char,#bag):not(.front){z-index:3}.swap{font:inherit;font-family:var(--f12);line-height:1;min-width:32px;height:32px;border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer}#dualTabs{display:none}body.dual-win :is(#char,#bag){transform:none;top:2%;max-height:90%;width:48.5%}body.dual-win #char{left:1%}body.dual-win #bag{left:50.5%}body.dual-win .bgrid{grid-template-columns:repeat(6,1fr)}body.dual-win :is(#char,#bag) .cbody{grid-template-columns:minmax(0,1fr)}body.dual-win.ui-wide :is(#char,#bag){top:4%;max-height:84%;width:43%}body.dual-win.ui-wide #char{left:5%}body.dual-win.ui-wide #bag{left:52%}body.dual-win.ui-wide .bgrid{grid-template-columns:repeat(10,1fr)}body.dual-win.ui-wide #char .cbody{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}body.dual-win.ui-w560 :is(#char,#bag){left:2%;width:96%;top:46px;max-height:calc(98% - 46px)}body.dual-win.ui-w560[data-pick=char] #bag,body.dual-win.ui-w560[data-pick=bag] #char{display:none}body.ui-w560.dual-win #dualTabs:not([hidden]){display:flex;position:absolute;left:2%;right:2%;top:4px;height:36px;z-index:6;pointer-events:auto;gap:4px}#dualTabs button{flex:1;font:inherit;font-family:var(--f12);border:2px solid var(--line2);background:var(--panel);color:var(--text);cursor:pointer}#dualTabs button.on{background:var(--accent);color:#fff}.dd-ghost{position:fixed!important;left:0;top:0;margin:0!important;z-index:9999;pointer-events:none!important;transition:none;will-change:transform,opacity;box-shadow:0 6px 16px #00000073;transform-origin:center;animation:none!important}.dd-ghost.dd-no{outline:3px solid #e0564b}.dd-ghost[data-why]:not([data-why=""]):after{content:attr(data-why);position:absolute;left:50%;top:100%;margin-top:6px;transform:translate(-50%);width:max-content;max-width:200px;padding:3px 7px;background:#1a1020eb;color:#ffb3a6;font:12px var(--f12);text-align:center;border:1px solid #e0564b}body.dd-active{cursor:grabbing;user-select:none;-webkit-user-select:none}body.dd-active #tip{display:none!important}body.dd-active :is(#bag,#char) *{cursor:grabbing!important}body .dd-ok{outline:3px solid #3fae6a!important;outline-offset:-3px!important;box-shadow:0 0 8px #3fae6a88!important}body .dd-bad{outline:3px solid #d2483d!important;outline-offset:-3px!important;opacity:.85}body .dd-ok.dd-over{outline-color:#7bf0a4!important;box-shadow:0 0 14px #7bf0a4!important;background:#3fae6a47}body .dd-bad.dd-over{outline-color:#ff7a6a!important;background:#d2483d40}#bag.dd-ok{box-shadow:inset 0 0 0 3px #3fae6a,0 0 14px #3fae6a88!important}.bslot,.bcell,.bq{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#char .ecell:not(.empty){cursor:pointer}#char .ecell{padding:2px;overflow:hidden}#char .ecell span{max-width:100%;overflow-wrap:anywhere}#char .ecell:not(.empty){border-style:solid;border-color:var(--c);box-shadow:inset 0 0 0 1px #0000008c}#char .ecell:not(.empty)[data-etier="4"],#char .ecell:not(.empty)[data-etier="5"]{box-shadow:inset 0 0 0 1px #0000008c,0 0 7px color-mix(in srgb,var(--c) 75%,transparent)}#char .ecell img.ico{width:32px;height:32px;image-rendering:pixelated;pointer-events:none}#char .ecell img.efr{position:absolute;top:2px;right:2px;bottom:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);image-rendering:pixelated;pointer-events:none}#char .ecell img.esil{opacity:.3;filter:grayscale(1)}#char .ecell.empty{flex-direction:column;gap:1px}#char .ecell b.enh{z-index:2}#char .ecell.sel{outline:2px solid #ffe08a;outline-offset:-2px}.acard,.cmpdlg{position:fixed;z-index:9000;background:var(--panel);color:var(--text);border:2px solid color-mix(in srgb,var(--c,var(--line)) 60%,var(--line));box-shadow:0 6px 20px #00000080;padding:8px 10px;font-family:var(--f12);font-size:12px}.acard{display:flex;flex-direction:column;gap:2px;max-width:min(260px,92vw)}.acard b{color:var(--c);text-shadow:var(--stroke);font-size:13px}.acard small{color:var(--muted)}.acard .arow{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.acard .buse{margin-top:3px;padding:6px 12px;min-height:36px}.acard .buse:focus-visible,.cmpdlg .buse:focus-visible{outline:2px solid var(--xp);outline-offset:1px}.cmpdlg{left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,94vw);max-height:84vh;overflow-y:auto;z-index:9001;display:flex;flex-direction:column;gap:8px}.cmpdlg .chead{display:flex;justify-content:space-between;align-items:center}.cmpdlg .chead .x{font:inherit;font-size:16px;padding:0 8px;border:1px solid var(--line);background:var(--wash);color:var(--text);cursor:pointer;min-height:30px}.cmpdlg .cgrid{display:grid;grid-template-columns:minmax(70px,.8fr) minmax(0,1fr) minmax(0,1fr);gap:1px 8px;align-items:baseline}.cmpdlg .cth{padding:4px 0;border-bottom:2px solid var(--line);display:flex;flex-direction:column;gap:1px}.cmpdlg .cth small{color:var(--muted)}.cmpdlg .cth b{text-shadow:var(--stroke)}.cmpdlg .ck{color:var(--muted);padding:3px 0}.cmpdlg .cold,.cmpdlg .cnew{padding:3px 0;display:flex;gap:6px;align-items:baseline;font-variant-numeric:tabular-nums}.cmpdlg .cnew em{font-style:normal;font-size:11px}.cmpdlg .cnew.t-good{color:#175b2b}.cmpdlg .cnew.t-bad{color:#992419}.cmpdlg .cnew.t-muted{color:var(--muted)}.cmpdlg .cnew.t-good span,.cmpdlg .cnew.t-bad span{font-weight:700}.cmpdlg .cnone{grid-column:1 / -1;color:var(--muted)}body.touch .acard .buse,body.touch .cmpdlg .buse{min-height:44px}#toasts{position:absolute;right:10px;bottom:132px;z-index:2;display:flex;flex-direction:column;gap:4px;width:min(236px,60vw);pointer-events:none}body.touch #toasts{bottom:230px}.toast{--c:var(--paper3);pointer-events:auto;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:0 8px;padding:4px 8px 5px 6px;background:var(--plate);color:var(--plate-text);border:1px solid var(--ink2);border-left:4px solid var(--c);font:var(--fs-m)/12px var(--f12);animation:toastIn .22s steps(4) both;transition:opacity .4s,transform .4s}.toast[data-k=level]{--c:#ffe08a}.toast[data-k=quest]{--c:#6fd3e8}.toast[data-k=boss]{--c:var(--son-l)}.toast .tk{font:normal var(--fs-s)/12px var(--f10);color:var(--c);text-shadow:var(--stroke);white-space:nowrap;align-self:start;padding-top:1px}.toast b{display:block;font-weight:400;color:var(--paper);overflow-wrap:anywhere}.toast[data-k=loot] b{color:var(--c);text-shadow:var(--stroke)}.toast small{display:block;font:var(--fs-s)/12px var(--f10);color:var(--paper3);overflow-wrap:anywhere}.toast .tn{font:normal var(--fs-s)/12px var(--f10);color:var(--paper2)}.toast.out{opacity:0;transform:translate(18px);pointer-events:none}@keyframes toastIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.toast{animation:none;transition:opacity .4s}}#banner{background:var(--plate);border:1px solid var(--ink2);border-top:3px solid var(--son-l);padding:6px 28px 8px;min-width:240px;max-width:min(560px,90vw);pointer-events:none}#banner b{font-weight:400;color:var(--paper)}#banner span{display:block;color:var(--paper2);margin-top:2px}#banner b:empty,#banner span:empty{display:none}#zoneName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:168px}#mapLegend{display:flex;flex-wrap:wrap;justify-content:center;gap:0 8px;margin-top:2px;font:var(--fs-s)/12px var(--f10);color:var(--ink2)}#mapLegend span:before{content:"";display:inline-block;width:6px;height:6px;margin-right:3px;background:var(--d);border:1px solid var(--plate);vertical-align:-1px}#mapLegend .lg-mate{--d:#7dff8a}#mapLegend .lg-npc{--d:#e9c45a}#mapLegend .lg-gate{--d:#86e0b0}#mapLegend .lg-boss{--d:#ff3b3b}:where(body.ui-w640) #mapLegend{display:none}.shoprow>.sicon{display:grid;place-items:center;width:40px;height:40px;box-sizing:border-box;background:var(--plate)}.shoprow>.sicon .ico{width:24px;height:24px;margin:0}.shoprow:has(>.sicon){grid-template-columns:40px minmax(0,1fr)}.thuymac .shoprow>.sicon{border:4px solid transparent;background:none;border-image:var(--frame-cell) var(--nine-o) fill / calc(var(--nine-o) * 1px) stretch;outline:2px solid color-mix(in srgb,var(--c) 80%,#1a1020);outline-offset:-3px}.thuymac #npc .nface{box-sizing:border-box;border:4px solid transparent;background:none;border-image:var(--frame-cell) var(--nine-o) fill / calc(var(--nine-o) * 1px) stretch;image-rendering:pixelated;object-fit:contain}