:root{--ink:#e9eef5;--dim:#9fb0c3;--gold:#f3d27a;--panel:#1c2634e0;--panel-2:#344256eb;--edge:#6f8197;--hp:#d83a3a;--mp:#3a7bd8;--sp:#d8c23a;--font:"Tahoma","Leelawadee UI","Leelawadee","Noto Sans Thai","Sarabun",system-ui,sans-serif}*{box-sizing:border-box}html,body{overflow:hidden;color:var(--ink);font:12px/1.35 var(--font);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;background:#0b1118;height:100%;margin:0}#view{position:fixed;display:block;z-index:1;width:100vw;height:100vh;inset:0}#labels{position:fixed;pointer-events:none;z-index:2;overflow:hidden;inset:0}#ui{position:fixed;z-index:3;pointer-events:none;inset:0}#ui>*,.window,.modal-back,.tooltip{pointer-events:auto}#ui>.hud{pointer-events:none}input,select,button{font:inherit;color:inherit}button{cursor:pointer}.sdlg{position:relative;color:#fff}.sdlg-bg{position:absolute;top:0;left:0}.sc{position:absolute}.sc-text{position:absolute;white-space:nowrap;color:#fff;text-shadow:1px 1px #0a0a0a;pointer-events:none;font-size:12px;top:4px;left:0}.sc-fill{position:absolute;pointer-events:none;top:0;left:0}.sc-label{position:absolute;display:flex;white-space:nowrap;color:#fff;text-shadow:1px 1px #000;pointer-events:none;justify-content:center;align-items: center;font-size:12px;inset:0}.sc-label-small{font-size:10px}.sc-value{position:absolute;white-space:nowrap;color:var(--gold);text-shadow:1px 1px #000;top:4px;left:0}.sc[role=button]{cursor:pointer}.sc[role=button]:hover{filter:brightness(1.15)}.sc-on{filter:brightness(1.35)saturate(1.2)}.sc-disabled{opacity:.35;pointer-events:none}.sinput{position:absolute;color:#fff;outline:none;user-select:text;-webkit-user-select:text;background:0 0;border:0;height:19px;padding:0 4px}.sinput::placeholder{color:#8a97a6}.screen{position:fixed;display:flex;overflow:hidden;inset:0}.backdrop{position:absolute;filter:brightness(.8);background-color:#0b1118;background-position:bottom;background-repeat:no-repeat;background-size:max(100vw,133.34vh);inset:0;transform:scaleY(-1)}.backdrop-auth,.stage-art{background-color:#120e12;background-position:50%;background-repeat:no-repeat;background-size:cover;transform:none}.screen-boot{background:#0b1118;justify-content:center;align-items: center}.boot-text{color:var(--gold);font-size:16px}.brand{position:absolute;text-align:center;pointer-events:none;z-index:1;top:max(14px,4vh);left:50%;transform:translate(-50%)}.brand-title{display:block;width:min(480px,88vw);height:auto;margin:0 auto}.brand-sub{color:#fff;text-shadow:0 1px 2px #000;margin-top:6px;font-size:clamp(12px,1.6vw,16px)}.screen-center{position:relative;z-index:2;margin:auto}.screen-auth{overflow-y:auto;touch-action:pan-y;flex-direction:column;align-items: center}.screen-auth .brand{position:relative;flex:none;margin-top:max(10px,3vh);top:auto;left:auto;transform:none}.screen-auth .screen-center{display:flex;flex-direction:column;align-items: center;gap:10px;padding:10px 0 16px}.dlg-box{position:relative;flex:none}.dlg-box>.sdlg{position:absolute;top:0;left:0}.auth-links{display:flex;color:#fff;text-shadow:1px 1px #000;background:#080c129e;border-radius:3px;flex-wrap:wrap;justify-content:center;align-items: center;gap:8px;padding:6px 12px}.auth-hint{color:#dfe7f0;text-align:center;text-shadow:1px 1px #000;max-width:min(92vw,420px);font-size:11px}@media (max-height:520px){.brand-title{width:min(300px,72vw)}.brand-sub{display:none}.screen-auth .screen-center{gap:6px;padding-top:4px}}@media (max-height:520px) and (orientation:landscape){.screen-auth{justify-content:center}.screen-auth .brand{display:none}.screen-auth .screen-center{flex-flow:wrap;justify-content:center;gap:10px;padding:8px}.screen-auth .auth-links,.screen-auth .auth-hint{flex-direction:column;max-width:200px}}.ch-head{position:absolute;display:flex;align-items: center;top:0;left:0}.ch-head span,.ch-row span{text-align:center;white-space:nowrap;overflow:hidden;color:#fff;text-shadow:1px 1px #000;flex:0 auto}.ch-body{position:absolute;overflow-y:auto;bottom:0;left:0;right:0}.ch-row{display:flex;cursor:pointer;align-items: center}.ch-row:hover{background-color:#ffffff14}.ch-full{opacity:.6;cursor:not-allowed}.select-channel{color:var(--gold);margin-bottom:4px;font-size:11px}.sc-locked{opacity:.45}.select-logout{align-self: flex-end}.login-status{position:absolute;color:#ffd1a1;text-align:center;text-shadow:1px 1px #000;font-size:11px}.screen-select,.screen-create{background:0 0}#ui>.screen-select,#ui>.screen-create{pointer-events:none}.select-panel{position:absolute;z-index:2;pointer-events:auto;display:flex;flex-direction:column;gap:8px;top:50%;right:max(12px,3vw);transform:translateY(-50%)}.select-info{background:var(--panel);border:1px solid var(--edge);color:var(--ink);border-radius:3px;padding:8px 10px}.select-info b{color:var(--gold);font-size:14px}.create-back{align-self: flex-start}@media (orientation:portrait){.select-panel{inset:auto auto max(10px,2vh) 50%;transform:translate(-50%)}}.stage-art{position:fixed;z-index:0;filter:brightness(.55);inset:0}.screen-loading{z-index:1000;justify-content:center;align-items: flex-end}.loading-box{position:relative;text-align:center;width:min(560px,86vw);margin-bottom:7vh}.loading-label{color:#fff;text-shadow:0 1px 2px #000;margin-bottom:6px;font-size:14px}.loading-bar{overflow:hidden;background:#0009;border:1px solid #c9a24b;border-radius:2px;height:14px}.loading-bar i{display:block;background:linear-gradient(#ffe39a,#c98a1a);width:0;height:100%;transition:width .15s}.loading-pct{display:block;color:var(--gold);text-shadow:0 1px 2px #000;margin-top:4px}.btn{color:#fff;text-shadow:1px 1px #000;background:linear-gradient(#5b6f88,#34445a);border:1px solid #8fa3bb;border-radius:2px;min-height:26px;padding:5px 12px}.btn:hover{filter:brightness(1.15)}.btn-dim{background:linear-gradient(#4a4f58,#2c3038)}.btn-small{min-height:18px;padding:1px 6px;font-size:11px}.modal-back{position:fixed;z-index:3000;display:flex;background:#00000073;justify-content:center;align-items: center;inset:0}.modal{background:var(--panel-2);border:1px solid var(--edge);min-width:240px;max-width:90vw;padding:14px 16px;box-shadow:0 8px 30px #0009}.modal-title{color:var(--gold);margin-bottom:10px;font-size:13px}.modal-btns{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.count-input{border:1px solid var(--edge);user-select:text;background:#111a24;width:100%;padding:4px 6px}#toasts{position:fixed;z-index:4000;display:flex;pointer-events:none;flex-direction:column;align-items: center;gap:4px;top:64px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--edge);color:#fff;background:#141c28eb;padding:6px 14px;transition:opacity .5s}.toast-error{color:#ffd0d0;border-color:#c45}.toast-out{opacity:0}.tooltip{position:fixed;z-index:5000;pointer-events:none;max-width:280px}.tip{background:#0c1018f0;border:1px solid #8a7a50;padding:6px 8px;box-shadow:0 4px 16px #0009}.tip-name{color:var(--gold);font-size:13px;font-weight:700}.tip-kind{color:var(--dim);margin-bottom:4px}.tip-row{display:flex;justify-content:space-between;gap:16px}.tip-row b{color:#b9f0a0;font-weight:400}.tip-desc{color:#d9d2bf;white-space:pre-line;margin-top:5px}.tip-price{color:#ffe08a;margin-top:5px}.drop-banner{position:fixed;z-index:6000;text-align:center;color:#fff;background:#8c1e1ee6;padding:8px;top:0;left:0;right:0}.window{position:fixed;z-index:100}.window-framed{background:var(--panel);border:1px solid var(--edge);display:flex;flex-direction:column;box-shadow:0 6px 24px #00000080}.window-head{display:flex;border-bottom:1px solid var(--edge);cursor:move;color:#fff;background:linear-gradient(#3e5168,#26344a);flex:none;justify-content:space-between;align-items: center;height:22px;padding:0 0 0 8px}.window-x{color:#fff;background:0 0;border:0;width:26px;height:22px;font-size:16px}.window-grip{position:absolute;cursor:move;z-index:1}.window-head-less .sdlg .sc-btn[data-id=CMI_CLOSEBTN]{z-index:2}.window-scroll{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.npc-body,.skill-list,.party-body{overscroll-behavior:contain;touch-action:pan-y}.ware-hint{position:absolute;color:var(--dim);text-align:center;text-shadow:1px 1px #000;pointer-events:none;font-size:11px}.slot{position:absolute}.slot-icon{position:absolute;display:block;pointer-events:none;color:#fff;text-align:center;font-size:11px;line-height:40px;inset:0}.slot-count{position:absolute;color:#fff;text-shadow:1px 1px #000,-1px -1px #000;pointer-events:none;font-size:11px;bottom:0;right:1px}.icell{cursor:pointer}.icell:hover{outline:1px solid #ffdc78cc}.slot-sel{outline:2px solid #ffd36b!important}.icell-bg{pointer-events:none}.drag-ghost{position:fixed;z-index:7000;pointer-events:none;opacity:.85;width:40px;height:40px}.inv-money,.shop-money{position:absolute;text-align:right;color:var(--gold);text-shadow:1px 1px #000;padding-right:4px;line-height:21px}.npc-body{position:absolute;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.npc-name{color:var(--gold);font-size:14px;font-weight:700}.npc-text{white-space:pre-line;color:#fff;text-shadow:1px 1px #000;font-size:13px;line-height:1.5}.npc-choices{display:flex;flex-direction:column;gap:4px;margin-top:auto}.npc-choice{text-align:left;color:#ffe9a8;background:#141e2cbf;border:1px solid #6b7f97;min-height:30px;padding:6px 8px}.npc-choice:hover{background:#3c506ed9}.npc-bye{color:#c9d3de}.skill-head{position:absolute;color:var(--dim);font-size:11px}.skill-list{position:absolute;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.skill-row{position:relative;display:flex;cursor:pointer;background:#0a101873;border:1px solid #788caa66;align-items: center;gap:8px;min-height:46px;padding:3px}.skill-row:hover{background:#3c506e99}.skill-icon{position:relative;background:#0d141c;flex:none;width:40px;height:40px}.skill-meta{display:flex;flex-direction:column}.skill-meta b{color:var(--gold)}.skill-empty{color:var(--dim);padding:8px}.party-body{display:flex;overflow-y:auto;flex-direction:column;gap:6px;padding:8px}.party-row{display:grid;grid-template-columns:1fr auto;gap:2px 8px}.party-row .bar{grid-column:1/3}.bar{background:#222;border:1px solid #000;height:6px}.bar i{display:block;height:100%}.bar-hp i{background:var(--hp)}.dim{color:var(--dim)}.hud{position:fixed;pointer-events:none;z-index:1;inset:0}.hud>*{pointer-events:auto}.hud .flash,.hud .fps{pointer-events:none}.hero-gauge{left:max(4px,env(safe-area-inset-left));top:4px;position:absolute!important}.gauge-text{color:#fff;text-shadow:1px 1px #000;white-space:nowrap;font-size:10px;line-height:10px}.hero-gauge [data-id=CG_GUAGELIFETEXT],.hero-gauge [data-id=CG_GUAGESHIELDTEXT],.hero-gauge [data-id=CG_GUAGENAERYUKTEXT],.hero-gauge [data-id=CG_GUAGEEXPPOINTTEXT]{text-align:right;z-index:2;margin-top:8px;width:120px!important;height:10px!important}.hero-gauge [data-id=CG_GUAGENAME]{color:var(--gold);overflow:hidden;font-size:12px;line-height:20px;height:20px!important}.hero-gauge [data-id=CG_GUAGELEVEL]{text-align:center;color:#fff;font-size:12px;line-height:20px}.hero-money{position:absolute;text-align:right;color:var(--gold);text-shadow:1px 1px #000;width:120px;font-size:11px;top:112px;left:6px}.party-frames{position:absolute;left:max(4px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:2px;top:138px}.party-frame{cursor:pointer;position:relative!important}.party-frame .sc{text-shadow:1px 1px #000;white-space:nowrap;font-size:11px}.target-gauge{transform-origin:top center;top:4px;left:50%;transform:translate(-50%)scale(1.15);position:absolute!important}.target-gauge [data-id=CG_MONSTERGUAGENAME]{text-align:center;color:#fff;text-shadow:1px 1px #000;white-space:nowrap;overflow:hidden;line-height:16px}.target-gauge [data-id=CG_MONSTERGUAGELIFETEXT]{text-align:center;z-index:2;text-shadow:1px 1px #000;font-size:10px;line-height:22px}.target-gauge [data-id=CG_MONSTERGUAGELIFEBASE],.target-gauge.target-npc [data-id=CG_MONSTERGUAGELIFE],.target-gauge.target-npc [data-id=CG_MONSTERGUAGESHIELD]{display:none}.target-invite{position:absolute;display:none;white-space:nowrap;top:52px;left:50%;transform:translate(-50%)}.target-gauge.target-player .target-invite{display:block}.minimap{right:max(4px,env(safe-area-inset-right));top:4px;position:absolute!important}.minimap.hidden canvas{display:none}.minimap-canvas{position:absolute}.minimap-name{position:absolute;color:var(--gold);text-shadow:1px 1px #000;white-space:nowrap;overflow:hidden;width:120px;font-size:12px;top:2px;left:8px}.minimap-pos{position:absolute;text-align:center;color:#fff;text-shadow:1px 1px #000;width:136px;font-size:11px;top:189px;left:6px}.chat{position:absolute;left:max(4px,env(safe-area-inset-left));display:flex;background:#0a0e1473;border:1px solid #788caa59;flex-direction:column;width:min(420px,46vw);bottom:4px}.chat-tabs{display:flex}.chat-tab{color:var(--dim);background:#283446b3;border:0;border-right:1px solid #0006;flex:1;padding:3px 0;font-size:11px}.chat-tab.on{color:#fff;background:#506482d9}.chat-log{overflow-y:auto;text-shadow:1px 1px #000;user-select:text;-webkit-user-select:text;height:120px;padding:3px 5px;font-size:12px}.chat-line b{color:#cfe3ff;font-weight:400}.ch-shout b{color:#ffb36b}.ch-party b{color:#8ef0ff}.ch-whisper b{color:#ff9be8}.ch-sys{color:#ffe08a}.ch-err{color:#ff9a9a}.chat-row{display:flex;border-top:1px solid #788caa59}.chat-channel{background:#1a2330;border:0;border-right:1px solid #0006;padding:0 2px}.chat-input{outline:none;user-select:text;-webkit-user-select:text;background:#00000059;border:0;flex:1;min-width:0;padding:5px 6px}.quickbar{position:absolute;right:max(6px,env(safe-area-inset-right));display:flex;background:#101822b3;border:1px solid #56677c;border-radius:2px;flex-direction:column;gap:3px;padding:4px 3px;top:50%;transform:translateY(-40%)}.qslot{position:relative;cursor:pointer;background:#0e1620;border:1px solid #6b7c90;width:42px;height:42px;box-shadow:inset 0 0 0 1px #000}.qslot .slot-icon{inset:0}.qslot-press{filter:brightness(1.6)}.qkey{position:absolute;color:#fff;text-shadow:1px 1px #000;pointer-events:none;z-index:1;font-size:10px;top:0;left:2px}.slot-empty-stock{opacity:.45}body.assigning .qslot{outline:2px dashed #ffd36b}.menu{position:absolute;right:max(4px,env(safe-area-inset-right));display:flex;flex-wrap:wrap;justify-content:flex-end;gap:3px;max-width:60vw;bottom:4px}.menu-btn{position:relative;color:#fff;text-shadow:1px 1px #000;background:linear-gradient(#4b5f78,#263446);border:1px solid #8fa3bb;border-radius:2px;min-width:62px;height:34px;padding:0 8px}.menu-btn kbd{position:absolute;font:9px var(--font);color:var(--gold);top:0;right:2px}.flash{position:absolute;color:var(--gold);text-shadow:0 2px #000,0 0 12px #ffb43cb3;opacity:0;white-space:nowrap;font-size:22px;top:28%;left:50%;transform:translate(-50%)}.flash.show{animation:2.6s ease-out forwards flash}@keyframes flash{0%{opacity:0;transform:translate(-50%,10px)}12%{opacity:1;transform:translate(-50%)}75%{opacity:1}to{opacity:0}}.fps{position:absolute;color:#ffffff8c;text-shadow:1px 1px #000;font-size:10px;top:4px;right:160px}.revive-dlg{top:40%;left:50%;transform:translate(-50%,-50%)scale(1.3);position:absolute!important}.plate{position:absolute;white-space:nowrap;text-align:center;color:#fff;text-shadow:1px 1px #000,-1px 0 #000,0 -1px #000;will-change:transform;font-size:12px;top:0;left:0}.plate-npc span{color:#ffe25a}.plate-monster span{color:#ffd0c0;font-size:11px}.plate-self span{color:#b9ffb0}.plate-drop span{color:#fff6c9;font-size:11px}.plate-drop-hidden span:empty{display:none}.plate-hp{display:none;background:#000000b3;border:1px solid #000;width:64px;height:5px;margin:2px auto 0}.plate-hp i{display:block;background:linear-gradient(#ff6a5a,#b81d1d);width:100%;height:100%}.plate-target .plate-hp,.plate-monster .plate-hp{display:block}.plate-monster:not(.plate-target) .plate-hp{opacity:.75;width:48px}.plate-target span{color:#fff;font-weight:700}.dmg-layer{position:fixed;pointer-events:none;z-index:2;overflow:hidden;inset:0}.dmg{position:absolute;display:flex;animation:1.25s ease-out forwards dmg;flex-direction:column;align-items: center;transform:translate(-50%,-100%)}.dmg-digits{display:flex}.dmg-digits img{width:26px;height:26px;margin:0 -7px}.dmg-word{width:110px;height:55px;margin-bottom:-18px}.dmg-crit .dmg-digits img{width:36px;height:36px;margin:0 -9px}@keyframes dmg{0%{opacity:0;margin-top:10px;transform:translate(-50%,-100%)scale(1.5)}12%{opacity:1;transform:translate(-50%,-100%)scale(1)}70%{opacity:1}to{opacity:0;margin-top:-70px}}@media (max-width:820px),(pointer:coarse){.menu-btn{min-width:48px;height:42px;padding:0 5px;font-size:11px}.menu-btn kbd{display:none}.chat{width:min(360px,58vw)}.chat-log{height:84px}.fps{display:none}.qslot{width:44px;height:44px}.window .sc-btn[data-id=CMI_CLOSEBTN]:after{content:"";position:absolute;inset:-12px -6px -12px -12px}.window-x{width:40px;height:32px}}@media (orientation:portrait) and (max-width:820px){.hero-gauge{transform-origin:top left;transform:scale(.9)}.minimap{transform-origin:top right;transform:scale(.72)}.target-gauge{top:168px;transform:translate(-50%)scale(1)}.quickbar{flex-flow:wrap;justify-content:center;width:243px;inset:auto auto 170px 50%;transform:translate(-50%)}.chat{width:auto;bottom:50px;left:4px;right:4px}.chat-log{height:64px}.menu{flex-wrap:nowrap;justify-content:space-between;max-width:none;left:4px;right:4px}.menu-btn{flex:1;min-width:0}.party-frames{transform-origin:top left;top:124px;transform:scale(.85)}body.has-window .quickbar{flex-wrap:nowrap;gap:2px;width:auto;padding:3px}body.has-window .qslot{width:34px;height:34px}body.has-window .qslot .slot-icon{transform-origin:0 0;transform:scale(.85)}}@media (orientation:landscape) and (max-height:500px){.hero-gauge{transform-origin:top left;transform:scale(.8)}.minimap{transform-origin:top right;transform:scale(.62)}.chat-log{height:56px}.chat{width:min(300px,40vw)}.quickbar{flex-flow:wrap;width:234px;top:auto;bottom:54px;transform:none}.qslot{width:40px;height:40px}.menu{flex-wrap:nowrap;max-width:none;left:calc(min(300px,40vw) + 12px)}.menu-btn{flex:1 1 0;min-width:0;padding:0 2px}}.abl-cell.abl-locked .slot-icon{filter:grayscale(1)brightness(.55)}.abl-cell.abl-new .slot-icon{filter:brightness(.75)}.abl-cell.abl-active{outline:2px solid #7fe3ff;box-shadow:0 0 8px #7fe3ff}.abl-why{color:#ff8a7a}.tip-stage{color:#9fe8ff}.tip-stage.tip-limit{color:#ff8a7a}.menu-btn.kg-on{background:linear-gradient(#3f8fb8,#1d4f6e);border-color:#9fe8ff;box-shadow:0 0 8px #78dcffcc}.plate .quest-mark{display:block;color:#ffd83a;text-shadow:0 0 4px #000,2px 2px #000,-1px -1px #000;animation:1.2s ease-in-out infinite quest-bob;margin:0 auto 2px;font:700 26px/1 sans-serif}.plate .quest-mark[data-mark="2"]{color:#8fe3ff}@keyframes quest-bob{50%{transform:translateY(-4px)}}.quest-list{position:absolute;overflow-y:auto;color:#fff;text-shadow:1px 1px #000;font-size:12px;inset:0 -12px 0 0}.quest-count{color:#9fe8ff;margin-bottom:3px}.quest-row{cursor:default;line-height:1.45}.quest-main{color:#ffe9a8;cursor:pointer}.quest-main:hover{color:#fff;background:#ffdc782e}.quest-sub{color:#cfe7ff;padding-left:10px}.quest-done{color:#b8c4d0}.quest-empty{color:#b8c4d0;white-space:normal;margin-top:6px}.quest-grid{position:absolute;width:224px;height:180px;top:149px;left:11px}.quest-item-cell{position:absolute;width:40px;height:40px}.quest-back{color:#9fe8ff;cursor:pointer}.quest-step{color:#cfe7ff;margin:2px 0 4px}.quest-detail-title{color:#ffe9a8;margin-bottom:4px;font-weight:700}.quest-desc{white-space:normal;line-height:1.45}.quest-time{color:#ffb0a0;margin-top:4px}.quest-giveup{color:#ff9f8f;cursor:pointer;margin-top:8px}.npc-group{color:#7dff8a;text-shadow:1px 1px #000;margin-top:4px;font-size:12px}.npc-quest-1:before{content:"! ";color:#ffd83a;font-weight:700}.npc-quest-2:before{content:"? ";color:#8fe3ff;font-weight:700}.buff-row{position:absolute;display:flex;pointer-events:auto;flex-wrap:wrap;gap:2px}.buff-row:empty{display:none}.buff-row-hero{width:230px;top:128px;left:6px}.buff-row-target{justify-content:center;top:48px;left:0;right:0}.target-gauge.target-player .buff-row-target{top:76px}.hud:has(.buff-row-hero:not(:empty)) .party-frames{top:166px}.buff{position:relative;width:24px;height:34px}.buff-icon{position:absolute;display:block;box-sizing:border-box;border:1px solid #c9b46a;width:24px;height:24px;top:0;left:0}.buff-neg .buff-icon{border-color:#e0574a}.buff-time{position:absolute;text-align:center;color:#fff;text-shadow:1px 1px #000;white-space:nowrap;font-size:9px;line-height:10px;top:24px;left:-4px;right:-4px}.skill-exp{display:block;background:#1b2430;border:1px solid #3c4a5c;width:150px;height:4px;margin-top:2px}.skill-exp-fill{display:block;background:linear-gradient(#ffe27a,#c9902a);height:100%}.tip-rare{color:#6fd0ff}.tip-set{color:#7dff8a}.tip-opt b{color:#ffe066}.tip-set-head{color:#e8e8e8;margin-top:4px}.tip-set-on b,.tip-set-on span{color:#7dff8a}.tip-set-off b,.tip-set-off span{color:gray}.craft-text{position:absolute;color:#ffe066;text-align:center;text-shadow:1px 1px #000;pointer-events:none;white-space:nowrap;overflow:hidden;font-size:11px}.craft-list{position:absolute;overflow-y:auto;color:#e8e8e8;font-size:11px}.craft-row{cursor:pointer;border-bottom:1px solid #ffffff1f;padding:3px 4px}.craft-row-on{background:#ffe0662e}.craft-row-name{color:#ffe066}.craft-row-sub{color:#b9c4d0;white-space:normal;font-size:10px}.craft-hint{color:#b9c4d0;text-align:center;padding:6px}.plate-pet-owner{color:#b8e0ff;font-size:11px}.pet-stamina{position:absolute;color:#ffe9a8;text-shadow:1px 1px #0a0a0a;white-space:nowrap;font-size:11px}.pet-toggle{position:absolute;text-align:center;color:#fff;cursor:pointer;background:#282828cc;border:1px solid #887;width:15px;height:15px;font-size:13px;line-height:14px}.pet-mini-seal{position:absolute;display:flex;color:#e1e1e1;cursor:pointer;background:#282014d9;border:1px solid #887;justify-content:center;align-items: center;font-size:11px}.sc .sc-val{white-space:nowrap;color:#fff;text-shadow:1px 1px #0a0a0a;font-size:12px}.sc-input{position:absolute;color:#fff;resize:none;user-select:text;-webkit-user-select:text;background:0 0;border:0;padding:1px 3px;font-size:12px}textarea.sc-input{line-height:15px}.text-input{display:block;font:inherit;color:#fff}.choice-list{display:flex;flex-wrap:wrap;gap:6px;max-width:320px}.choice-btn{display:inline-flex;align-items: center;gap:4px}.choice-btn img{image-rendering:pixelated;width:16px;height:12px}.guild-mark{vertical-align:-1px;image-rendering:pixelated;width:16px;height:12px;margin-right:3px}.guild-list,.friend-rows,.note-rows{position:absolute;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;font-size:12px}.guild-row{display:grid;grid-template-columns:128px 50px 1fr;cursor:pointer;color:#fff;text-shadow:1px 1px #000;height:20px;padding-left:4px;line-height:20px}.guild-row span:nth-child(n+2){text-align:center}.guild-row.off{color:var(--dim)}.guild-row.sel,.friend-row.sel,.note-row:hover,.guild-row:hover,.friend-row:hover{background:#f3d27a38}.guild-notice{position:absolute;color:#ffe08a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:1px 1px #000;font-size:11px}.guild-hint{width:232px;top:200px;left:10px}.friend-row{position:absolute;display:flex;cursor:pointer;color:var(--dim);text-shadow:1px 1px #000;align-items: center;gap:6px;height:20px;padding:0 4px;left:0;right:0}.friend-row.on{color:#fff}.friend-dot{background:#555;border:1px solid #000;border-radius:50%;flex:none;width:8px;height:8px}.friend-row.on .friend-dot{background:#6be36b}.friend-state{margin-left:auto;font-size:11px}.friend-empty{color:var(--dim);padding:8px 4px}.note-head,.note-row{display:grid;grid-template-columns:18px 70px 1fr;color:#fff;text-shadow:1px 1px #000;align-items: center;height:23px}.note-head{color:var(--gold);grid-template-columns:88px 1fr;padding-left:18px}.note-row{cursor:pointer;color:var(--dim)}.note-row.unread{color:#fff;font-weight:700}.note-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-check{width:13px;height:13px;margin:0}.note-text{position:absolute;overflow-y:auto;white-space:pre-wrap;word-break:break-word;color:#fff;user-select:text;-webkit-user-select:text;font-size:12px;line-height:15px}.menu-btn.badge:after{content:"";position:absolute;background:#ff5050;border-radius:50%;width:7px;height:7px;top:3px;left:3px;box-shadow:0 0 4px #ff5050}.target-duel{position:absolute;display:none;white-space:nowrap;top:76px;left:50%;transform:translate(-50%)}.target-gauge.target-player .target-duel{display:block}.duel-banner{position:fixed;z-index:900;color:#ffd36b;text-shadow:0 2px #000;pointer-events:none;white-space:nowrap;background:#3c0a0ab3;border:1px solid #c0503c;padding:4px 14px;font-size:18px;top:18%;left:50%;transform:translate(-50%)}.duel-banner[data-phase=result]{display:none}.plate .plate-guild{color:#9fe3ff;font-size:11px}.plate .speech{position:absolute;white-space:normal;color:#fff;text-shadow:none;background:#464646d9;border:1px solid #000;border-radius:6px;width:max-content;max-width:220px;margin-bottom:6px;padding:4px 8px;font-size:12px;bottom:100%;left:50%;transform:translate(-50%)}.ch-guild b{color:#9fe3ff}.ch-monster b{color:#fff}.dg-list{position:absolute;overflow-y:auto;color:#fff;text-shadow:1px 1px #0a0a0a;white-space:normal;font-size:12px;line-height:16px}.dg-list .dg-title{color:#ffe68a;font-weight:700}.dg-list .dg-dim{color:#c8c8c8;margin-top:6px}.dg-line,.dg-val,.dg-count{position:absolute;white-space:nowrap;color:#fff;text-shadow:1px 1px #0a0a0a;font-size:12px;top:0;left:0}.dg-val{left:60px;right:auto;transform:translate(-100%)}.dg-count{left:17px;transform:translate(-50%)}.dg-time{position:absolute;color:#fff;text-shadow:1px 1px #000;white-space:nowrap;font-size:22px;font-weight:700;top:-4px;left:0}.dg-reward{position:absolute;text-align:center;color:#fff;text-shadow:1px 1px #0a0a0a;font-size:11px;line-height:14px}.dg-rank-img{position:absolute;width:40px;height:40px;top:0;left:0}.dg-rank-img>div{position:absolute;top:0;left:0}.dg-rank-letter{position:absolute;display:flex;color:#ffe68a;text-shadow:2px 2px #000;justify-content:center;align-items: center;font-size:28px;font-weight:700;inset:0}.dg-center-1119{text-align:center;color:#ffc;width:252px;left:-125px!important}