:root{--bg:#0d1117;--panel:#141821eb;--line:#ffffff1f;--text:#e8ecf2;--muted:#9aa4b2;--accent:#f0b429;--accent-text:#1a1300;--ok:#3fb950;--warn:#d29922;--bad:#f85149;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;margin:0;font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#stage,#stage canvas{display:block;position:fixed;inset:0}#ui:empty{display:none}.screen{padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));background:radial-gradient(ellipse at top, #1d2a44 0%, var(--bg) 70%);touch-action:pan-y;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:12px;width:min(420px,100%);padding:24px 20px;display:flex;box-shadow:0 20px 60px #00000073}.panel h1{text-align:center;color:var(--accent);letter-spacing:.5px;margin:0;font-size:28px}.panel h2{margin:0 0 4px;font-size:20px}.sub{text-align:center;color:var(--muted);margin:-8px 0 8px}input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--text);-webkit-user-select:text;user-select:text;background:#00000059;border-radius:10px;padding:0 14px;font-size:16px}input:focus{outline:2px solid var(--accent);outline-offset:1px}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:#ffffff0f;border-radius:10px;min-height:48px}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--accent-text);border:none;font-size:16px;font-weight:700}button.ghost{background:0 0}.link{text-align:center;color:var(--muted);font-size:14px}.error{min-height:1.2em;color:var(--bad);margin:0;font-size:14px}.error:empty{min-height:0}.list{flex-direction:column;gap:8px;display:flex}.row{text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.row .name{flex-direction:column;flex:1;font-weight:600;display:flex}.row small{color:var(--muted);font-weight:400}.row .avatar{object-fit:cover;background:#000;border-radius:8px;width:48px;height:48px}.tag{border-radius:999px;padding:2px 8px;font-size:13px}.tag.ok{color:var(--ok);background:#3fb9501f}.tag.warn{color:var(--warn);background:#d299221f}.tag.bad{color:var(--bad);background:#f851491f}.seg{grid-template-columns:1fr 1fr;gap:8px;display:grid}.seg .active,.class-card.active{border-color:var(--accent);background:#f0b42924}.class-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.class-card{flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:13px;display:flex}.class-card img{object-fit:cover;border-radius:8px;width:52px;height:52px}#hud{pointer-events:none;display:none;position:fixed;inset:0}#hud.show{display:block}.bar{background:#ffffff1f;border-radius:6px;height:12px;position:relative;overflow:hidden}.bar i{border-radius:inherit;position:absolute;inset:0 auto 0 0}.bar.hp i{background:linear-gradient(#ef5350,#c62828)}.bar.mp i{background:linear-gradient(#42a5f5,#1565c0)}.bar span{text-align:center;text-shadow:0 1px 1px #000;font-size:10px;line-height:12px;display:block;position:relative}.sheet-backdrop{opacity:0;background:#00000059;transition:opacity .2s;position:absolute;inset:0}.sheet{z-index:1;max-width:576px;max-height:75vh;padding-bottom:var(--dock-space,80px);border-top:1px solid var(--line);background:#141821;border-radius:18px 18px 0 0;flex-direction:column;margin:0 auto;transition:transform .22s ease-out;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:0 -12px 40px #00000080}#hud.sheet-open .sheet{pointer-events:auto;transform:translateY(0)}#hud.sheet-open .sheet-backdrop{opacity:1;pointer-events:auto}.sheet header{justify-content:space-between;align-items:center;padding:12px 12px 8px 18px;display:flex}.sheet h3{margin:0;font-size:17px}.sheet-close{background:#ffffff0f;border:none;width:40px;min-height:40px}.sheet-body{touch-action:pan-y;padding:0 18px 18px;overflow-y:auto}.sheet-empty{color:var(--muted);margin:8px 0 12px}.stats{grid-template-columns:1fr auto;gap:8px 16px;margin:0;display:grid}.stats dt{color:var(--muted)}.stats dd{text-align:right;margin:0;font-weight:600}.sheet-actions{flex-direction:column;gap:8px;display:flex}button.danger{color:var(--bad);border-color:#f8514966}#loading{z-index:20;background:#000000bf;border-radius:12px;padding:12px 20px;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#loading.show{display:block}#toasts{top:calc(60px + var(--safe-t));z-index:30;pointer-events:none;flex-direction:column;gap:6px;width:min(420px,100% - 32px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line);background:#141821f2;border-radius:10px;padding:10px 14px;transition:opacity .4s}.toast.error{border-color:var(--bad)}.toast.hide{opacity:0}.char-head{flex-direction:column;margin-bottom:4px;display:flex}.char-head b{font-size:18px}.char-head span{color:var(--accent);font-size:13px}.sheet-body h4{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:16px 0 8px;font-size:13px;font-weight:600}.stat-cols{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stats.two{grid-template-columns:1fr auto 1fr auto}@media (width<=420px){.stats.two{grid-template-columns:1fr auto}}.battle-bar{top:calc(10px + var(--safe-t));z-index:5;border:1px solid var(--line);white-space:nowrap;background:#0d1117e0;border-radius:999px;align-items:center;gap:8px;padding:4px 4px 4px 14px;font-size:13px;display:none;position:fixed;left:50%;transform:translate(-50%)}.battle-bar.show{display:flex}.battle-round{font-weight:700}.battle-auto{color:var(--accent);background:#f0b4292e;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700}.battle-speed{border-radius:999px;min-width:44px;min-height:32px;padding:0 10px;font-weight:700}.battle-result{z-index:15;border:1px solid var(--line);text-align:center;background:#141821f5;border-radius:16px;width:min(320px,100% - 32px);padding:18px 20px;animation:.22s ease-out pop-in;position:fixed;top:38%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0000008c}.battle-result h2{margin:0 0 8px;font-size:24px}.battle-result.win h2{color:var(--accent)}.battle-result.lose h2{color:var(--bad)}.battle-result ul{flex-direction:column;gap:4px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.battle-result ul:empty{display:none}@keyframes pop-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}}.modal{z-index:25;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--line);background:#141821;border-radius:16px;flex-direction:column;gap:10px;width:min(360px,100%);padding:20px;display:flex}.modal-card h3{margin:0;font-size:18px}.modal-card p{color:var(--muted);margin:0}.modal-actions{flex-direction:column;gap:8px;display:flex}.modal-timer{color:var(--muted);text-align:center}.auto-card{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;flex-direction:column;gap:12px;margin-top:12px;padding:12px;display:flex}.sheet-body .auto-card h4{margin:0}.auto-sub{color:var(--muted);margin:-6px 0 0;font-size:13px}.auto-row{flex-direction:column;gap:6px;display:flex}.auto-row label{color:var(--muted);font-size:13px}.auto-row select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);font:inherit;background:#0f131a;border-radius:10px;padding:0 10px}.auto-range{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.auto-range input{accent-color:var(--accent);touch-action:pan-x;flex:1}.auto-range span{text-align:right;min-width:92px}.auto-toggle{cursor:pointer;align-items:center;gap:12px;display:flex}.auto-toggle>span{flex-direction:column;flex:1;display:flex}.auto-toggle small{color:var(--muted);font-size:12px}.auto-toggle input{display:none}.auto-toggle i{background:#ffffff26;border-radius:13px;flex:none;width:46px;height:26px;transition:background .15s;position:relative}.auto-toggle i:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px}.auto-toggle input:checked+i{background:var(--ok)}.auto-toggle input:checked+i:after{transform:translate(20px)}.npc-dialog{z-index:12;max-width:576px;max-height:70vh;padding:0 14px calc(14px + var(--safe-b));background:#141821;border-top:2px solid #f0b42980;border-radius:18px 18px 0 0;flex-direction:column;margin:0 auto;transition:transform .2s ease-out;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:0 -12px 40px #0000008c}.npc-dialog.show{transform:translateY(0)}.npc-dialog header{justify-content:space-between;align-items:center;padding:12px 0 6px 4px;display:flex}.npc-dialog h3{color:var(--accent);margin:0;font-size:17px}.npc-close{border:none;width:40px;min-height:40px}.npc-text{white-space:pre-line;margin:0 4px 10px;line-height:1.5}.npc-options{touch-action:pan-y;flex-direction:column;gap:8px;display:flex;overflow-y:auto}.npc-option{text-align:left;align-items:center;gap:10px;padding:8px 14px;display:flex}.npc-option span{flex:1;font-weight:600}.npc-option small{color:var(--muted)}.npc-option .tag{color:var(--accent);background:#f0b4292e;font-style:normal}.npc-option .tag:empty{display:none}.npc-option:last-child{color:var(--muted)}.npc-option img{object-fit:contain;background:#00000059;border-radius:4px;width:32px;height:32px}.npc-option.picked{outline:2px solid var(--accent);background:#f0b42929}.seg.seg3{grid-template-columns:1fr 1fr 1fr}[hidden]{display:none!important}.login-screen{background:linear-gradient(180deg, #080e1c00 30%, #080e1c8c 65%, #080e1ce6 100%), url(/h5/img/login-bg.jpg) 6% center / cover no-repeat, var(--bg);place-items:center}.login-box{-webkit-backdrop-filter:blur(10px);background:#0e1626b8;border:1px solid #ffffff2e;gap:10px;margin:0}.login-title{text-shadow:0 2px #b5520f,0 4px #6b2a06,0 6px 14px #0000008c;color:#ffd84d!important;letter-spacing:1px!important;font-size:32px!important}.login-sub{text-align:center;color:#bfe6ff;letter-spacing:2px;text-transform:uppercase;margin:-6px 0 6px;font-size:13px}.login-field{grid-template-columns:76px 1fr;align-items:center;gap:10px;display:grid}.login-label{color:#c9d4e3;font-size:14px}.login-field input{background:#0006;width:100%;min-width:0}.login-options{justify-content:space-between;align-items:center;gap:8px;min-height:32px;padding-left:86px;display:flex}.login-save{color:#c9d4e3;align-items:center;gap:6px;font-size:14px;display:flex}.login-save input{width:18px;min-height:18px;accent-color:var(--accent);margin:0}.login-buttons button{white-space:nowrap;padding:0 8px}.login-buttons{grid-template-columns:1.4fr 1fr 1fr;gap:8px;display:grid}.login-box.registering .login-buttons{grid-template-columns:1.4fr 1fr}.login-buttons .primary{background:linear-gradient(#ffd84d,#f0a019);box-shadow:0 3px #a5600c}.login-manage{color:#bfe6ff;background:0 0;border:none;min-height:32px;padding:0;font-size:14px;text-decoration:underline}.login-accounts{flex-direction:column;gap:6px;display:flex}.login-account{gap:6px;display:flex}.login-account .pick{text-align:left;flex:1;padding:0 14px;font-weight:600}.login-account .del{color:var(--bad);flex:0 0 48px}.sheet.chat-mode{height:75vh}.sheet.chat-mode .sheet-body{flex:1;min-height:0;padding-bottom:10px;display:flex;overflow:hidden}.sheet.fixed-mode{height:75vh}.sheet.fixed-mode .sheet-body{flex:1;min-height:0;display:flex;overflow:hidden}.chat{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.chat-tabs{scrollbar-width:none;flex:none;gap:6px;display:flex;overflow-x:auto}.chat-tabs button{border:1px solid var(--line);color:#39c0ff;background:0 0;border-radius:17px;flex:none;min-height:34px;padding:0 12px;font-size:13px}.chat-tabs button.active{color:#cc7171;background:#cc71711f;border-color:#cc7171}.chat-headline{background:#ef343e1f;border-radius:8px;flex:none;padding:6px 10px;font-size:13px;font-weight:600}.chat-list{text-shadow:0 1px 1px #000;overflow-wrap:anywhere;touch-action:pan-y;background:#00000059;border-radius:10px;flex:1;min-height:80px;padding:8px 10px;font-size:13px;line-height:1.45;overflow-y:auto}.chat-list>div+div{margin-top:3px}.chat-link{cursor:pointer}.chat-list .chat-link:active{text-decoration:underline}.chat-filter{background:#ffffff0a;border-radius:10px;flex:none;grid-template-columns:repeat(3,1fr);gap:6px 10px;padding:8px 10px;font-size:13px;display:grid}.chat-filter p{color:var(--muted);grid-column:1/-1;margin:0}.chat-filter label{align-items:center;gap:6px;min-height:32px;display:flex}.chat-tools{flex:none;gap:8px;display:flex}.chat-tools button{min-height:32px;color:var(--muted);background:#ffffff0f;border:none;border-radius:8px;padding:0 12px;font-size:12px}.chat-input{flex:none;gap:6px;display:flex}.chat-input select{border:1px solid var(--line);width:auto;min-height:42px;color:var(--text);background:#ffffff0f;border-radius:10px;flex:none;padding:0 6px;font-size:14px}.chat-input select option{color:var(--text);background:#141821}.chat-input input{flex:1;min-width:0;min-height:42px;font-size:16px}.chat-input button{background:var(--accent);min-height:42px;color:var(--accent-text);border:none;border-radius:10px;flex:none;padding:0 16px;font-weight:700}.chat-hint{color:var(--warn);flex:none;margin:-2px 0 0;font-size:12px}.bag{--bg:#0a1a24;--bg2:#0d2531;--line:#7ecee638;--line-strong:#7ecee673;--gold:#f3c74c;--gold-dark:#b8841c;--text:#e6f3f7;--muted:#86a7b3;color:var(--text);-webkit-user-select:none;user-select:none}.bag-panel{box-sizing:border-box;background:linear-gradient(180deg, var(--bg2), var(--bg));border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;width:min(100%,440px);margin:0 auto 8px;padding:12px;display:flex;box-shadow:inset 0 1px #ffffff0f,0 8px 24px #00000059}.bag-tabs{gap:4px;display:flex}.bag-tabs .bt{border:1px solid var(--line);min-width:0;min-height:32px;color:var(--text);background:#ffffff0a;border-radius:8px;flex:1 1 0;padding:0 2px;font-size:13px;font-weight:600;line-height:1}.bag-tabs .bt.wide{flex:1.4 1 0}.bag-tabs .bt.sel{background:linear-gradient(180deg, #ffd969, var(--gold-dark));color:#2b1a00;border-color:#ffe08a;box-shadow:0 0 10px #f3c74c59}.bag-tabs .bt.dis,.bag-tabs .bt:disabled{opacity:.35}.bag-tabs.pet{align-items:center}.bag-tabs.pet .cap{min-width:0;color:var(--muted);flex:none;padding:0 8px 0 2px;font-size:12px}.bag-tabs.pet .bt{border-radius:6px;min-height:26px;font-size:12px}.bag-frame{border:1px solid var(--line);background:#0000004d;border-radius:10px;padding:8px;box-shadow:inset 0 2px 8px #00000073}.bag-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.bag-loading{text-align:center;color:var(--muted);grid-column:1/-1;margin:72px 0}.bs{box-sizing:border-box;aspect-ratio:1;border:1px solid var(--q,var(--line));background:linear-gradient(#123544,#0b212b);border-radius:8px;place-items:center;width:100%;min-height:0;padding:3px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,inset 0 -2px 6px #00000059}.bs.locked{background:repeating-linear-gradient(135deg,#ffffff0b 0 4px,#0000 4px 10px),linear-gradient(#0b1d26,#07161d);border-style:dashed;border-color:#7ecee626}.bs.locked:after{content:"";box-sizing:border-box;border:2px solid #7ecee640;border-radius:50%;width:30%;height:30%}.bs.item{cursor:pointer}.bs.item[style*=--q]{box-shadow:inset 0 0 0 1px var(--q), 0 0 8px color-mix(in srgb, var(--q) 45%, transparent)}.bs.item:active{filter:brightness(1.3);transform:scale(.96)}.bs img{object-fit:contain;filter:drop-shadow(0 2px 2px #0009);width:88%;height:88%}.bs span{color:var(--muted);text-align:center;font-size:9px;line-height:1.1}.bs em{color:#fff;text-shadow:0 0 2px #000,0 1px 2px #000;font-size:11px;font-style:normal;font-weight:700;line-height:1.2;position:absolute;bottom:1px;right:3px}.bs.pet em{color:var(--gold);left:3px;right:auto}.bag-tools{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.bag-tools .tool{border:1px solid var(--line);min-height:0;color:var(--muted);background:linear-gradient(#ffffff12,#ffffff05);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:6px 2px 4px;font-size:10px;line-height:1;display:flex}.bag-tools .tool:before{content:"";background:var(--i) center / contain no-repeat;filter:drop-shadow(0 2px 2px #0009);width:30px;height:30px}.bag-tools .tool:active{filter:brightness(1.2);transform:translateY(1px)}.bag-tools .tool.on{border-color:var(--gold);color:var(--gold);background:linear-gradient(#f3c74c38,#f3c74c14);box-shadow:0 0 10px #f3c74c59}.bag-money{grid-template-columns:1fr 1fr;gap:6px;display:grid}.bm{border:1px solid var(--line);cursor:pointer;background:#0000004d;border-radius:10px;align-items:center;gap:6px;min-height:36px;padding:0 8px 0 6px;display:flex}.bm:has(input:checked){background:#f3c74c14;border-color:#f3c74c99}.bm img{object-fit:contain;flex:none;width:20px;height:20px}.bm div{flex-direction:column;flex:1;min-width:0;line-height:1.15;display:flex}.bm small{color:var(--muted);font-size:10px}.bm b{text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:13px;font-weight:600;overflow:hidden}.bm input[type=radio]{appearance:none;border:1.5px solid var(--line-strong);background:0 0;border-radius:50%;flex:none;width:16px;height:16px;min-height:0;margin:0;padding:0}.bm input[type=radio]:checked{border-color:var(--gold);background:radial-gradient(circle, var(--gold) 0 4px, transparent 4.5px 100%)}.sk{--bg:#0a1a24;--bg2:#0d2531;--sline:#7ecee638;--gold:#f3c74c;--gold-dark:#b8841c;--green:#3fbf5f;--text:#e6f3f7;--dim:#86a7b3;color:var(--text);flex-direction:column;flex:1;gap:8px;width:min(100%,520px);min-height:0;margin:0 auto;display:flex}.sk-tabs,.sk-bar{flex:none}.sk-tabs{scrollbar-width:none;gap:4px;padding-bottom:2px;display:flex;overflow-x:auto}.sk-tabs::-webkit-scrollbar{display:none}.sk-tabs button{border:1px solid var(--sline);min-height:32px;color:var(--text);white-space:nowrap;background:#ffffff0a;border-radius:8px;flex:none;padding:0 12px;font-size:13px;font-weight:600}.sk-tabs button.sel{background:linear-gradient(180deg, #ffd969, var(--gold-dark));color:#2b1a00;border-color:#ffe08a}.sk-bar{color:var(--dim);background:#00000040;border-radius:8px;flex-wrap:wrap;gap:4px 14px;padding:6px 10px;font-size:12px;display:flex}.sk-bar b{color:var(--gold);font-weight:700}.sk-list{touch-action:pan-y;flex-direction:column;flex:1;gap:6px;min-height:0;display:flex;overflow-y:auto}.sk-row{background:linear-gradient(180deg, var(--bg2), var(--bg));border:1px solid var(--sline);cursor:pointer;border-radius:10px;flex:none;align-items:center;gap:10px;padding:8px 10px;display:flex}.sk-row.new .sk-main b{color:var(--dim)}.sk-icon{background:#ffffff0f;border:1px solid #f3c74c73;border-radius:8px;flex:none;width:40px;height:40px;overflow:hidden}.sk-icon img{object-fit:cover;width:100%;height:100%;display:block}.sk-icon.dim img{filter:grayscale()brightness(.7)}.sk-main{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.sk-main b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.sk-main small{color:var(--dim);font-size:11px}.sk-pips{gap:3px;margin-top:2px;display:flex}.sk-pips i{background:#ffffff1f;border-radius:2px;width:8px;height:8px}.sk-pips i.on{background:var(--gold);box-shadow:0 0 4px #f3c74c99}.sk-act{border:1px solid #0000;border-radius:8px;flex:none;min-width:62px;min-height:32px;padding:0 10px;font-size:13px;font-weight:700}.sk-act.go{color:#04210d;background:linear-gradient(#5fe07e,#23893f);border-color:#8af0a2}.sk-act.off{border-color:var(--sline);color:var(--dim);background:#ffffff0f}.sk-act.max{color:var(--gold);background:0 0;border-color:#f3c74c66}.sk-card{color:#e6f3f7;background:linear-gradient(#0d2531,#0a1a24);border-color:#7ecee64d;width:min(400px,100%);max-height:86vh;overflow-y:auto}.sk-card header{align-items:center;gap:10px;display:flex}.sk-card header small{color:#86a7b3;font-size:12px}.sk-card h4{color:#f3c74c;margin:4px 0 0;font-size:13px}.sk-levels{flex-wrap:wrap;gap:4px;display:flex}.sk-levels button{color:#86a7b3;background:#ffffff0a;border:1px solid #7ecee638;border-radius:6px;width:30px;height:28px;font-size:12px;font-weight:700}.sk-levels button.got{color:#f3c74c}.sk-levels button.sel{color:#2b1a00;background:linear-gradient(#ffd969,#b8841c)}.sk-tip,.sk-req{flex-direction:column;gap:3px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.sk-req li:before{content:"✔ ";color:#3fbf5f}.sk-req li.bad:before{content:"✖ ";color:#ff6b6b}.sk-tip li.bad,.sk-req li.bad{color:#ff6b6b}.sk-desc{margin:0;font-size:12px;line-height:1.45;color:#b9d3dc!important}.sk-note{margin:0;font-size:12px;color:#ffb24c!important}.sk-actions{flex-direction:row}.sk-actions button{flex:1}.so{--sbg:#0a1a24;--sbg2:#0d2531;--sline:#7ecee638;--gold:#f3c74c;--gold-dark:#b8841c;--text:#e6f3f7;--dim:#86a7b3;color:var(--text);flex-direction:column;gap:8px;width:min(100%,520px);margin:0 auto;display:flex}.so-tabs{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.so-tabs::-webkit-scrollbar{display:none}.so-tabs button{border:1px solid var(--sline);min-height:32px;color:var(--text);white-space:nowrap;background:#ffffff0a;border-radius:8px;flex:1 0 auto;padding:0 10px;font-size:13px;font-weight:600;position:relative}.so-tabs button.sel{background:linear-gradient(180deg, #ffd969, var(--gold-dark));color:#2b1a00;border-color:#ffe08a}.so-badge{color:#fff;background:#e5484d;border-radius:8px;place-items:center;min-width:16px;height:16px;margin-left:4px;padding:0 4px;font-size:10px;font-style:normal;font-weight:700;display:inline-grid}.so-list{flex-direction:column;gap:6px;display:flex}.so-count{color:var(--dim);margin:0;font-size:12px}.so-row{border:1px solid var(--sline);background:linear-gradient(180deg, var(--sbg2), var(--sbg));width:100%;min-height:48px;color:var(--text);text-align:left;border-radius:10px;align-items:center;gap:10px;padding:6px 12px;display:flex}.so-row span{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.so-row b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.so-row small{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.so-row em{color:#ff8fa3;font-size:12px;font-style:normal}.so-dot{background:#4a5a63;border-radius:50%;flex:none;width:9px;height:9px}.so-row.on .so-dot{background:#3fbf5f;box-shadow:0 0 6px #3fbf5fcc}.so-dot.unread{background:#e5484d}.so-add,.so-send{gap:6px;margin-top:8px;display:flex}.so-add input,.so-send input{border:1px solid var(--sline);min-width:0;min-height:36px;color:var(--text);background:#0000004d;border-radius:8px;flex:auto;padding:0 10px;font-size:14px}.so-add button,.so-send button{border-radius:8px;flex:none;min-height:36px;padding:0 12px;font-weight:700}.so-refresh{border:1px solid var(--sline);width:36px;color:var(--text);background:#ffffff0a;font-size:16px;padding:0!important}.so-chat{flex-direction:column;gap:6px;display:flex}.so-chat header{align-items:center;gap:8px;display:flex}.so-chat header div{flex-direction:column;flex:auto;min-width:0;display:flex}.so-chat header small{color:var(--dim);font-size:11px}.so-back{border:1px solid var(--sline);width:34px;height:34px;color:var(--text);background:#ffffff0a;border-radius:8px;font-size:22px;line-height:1}.so-info{border:1px solid var(--sline);min-height:30px;color:var(--text);background:#ffffff0a;border-radius:8px;padding:0 10px;font-size:12px}.so-ava{background:#ffffff0f;border:1px solid #f3c74c80;border-radius:50%;width:34px;height:34px;overflow:hidden}.so-ava img{object-fit:cover;width:100%;height:100%}.so-msgs{border:1px solid var(--sline);background:#00000047;border-radius:10px;flex-direction:column;gap:6px;min-height:160px;max-height:44vh;padding:8px;display:flex;overflow-y:auto}.so-msg{background:#7ecee61f;border-radius:10px 10px 10px 2px;align-self:flex-start;max-width:82%;padding:6px 10px}.so-msg.me{background:#3fbf5f33;border-radius:10px 10px 2px;align-self:flex-end}.so-msg small{color:#0f0;font-size:10px;display:block}.so-msg p{word-break:break-word;margin:2px 0 0;font-size:14px}.modal-actions button.danger{color:#ff8f8f}.pi-card header{align-items:center;gap:10px;display:flex}.pi-card header small{color:var(--muted)}.pi-ava{border:2px solid #f3c74c99;border-radius:50%;flex:none;width:48px;height:48px;overflow:hidden}.pi-ava img{object-fit:cover;width:100%;height:100%}.pi-vip{color:#f3c74c}.pi-rows{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:14px;display:grid}.pi-rows dt{color:var(--muted)}.pi-rows dd{margin:0;font-weight:600}.pi-actions{flex-flow:wrap}.pi-actions button{flex:40%}.hud-dock button[data-menu=social]{position:relative}.hud-dock button[data-menu=social].unread:after{content:"";background:#e5484d;border-radius:50%;width:9px;height:9px;position:absolute;top:4px;right:8px;box-shadow:0 0 6px #e5484de6}.cp-tabs{z-index:2;scrollbar-width:none;background:#141821;gap:6px;margin:0 -18px 10px;padding:0 18px 8px;display:flex;position:sticky;top:0;overflow-x:auto}.cp-tabs button{white-space:nowrap;background:#ffffff0d;border-radius:18px;flex:1 0 auto;min-height:36px;padding:0 12px;font-size:13px}.cp-tabs button.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}.cp-grid{gap:8px;margin:4px 0 12px;display:grid}.cp-grid.eq{grid-template-columns:repeat(4,minmax(0,1fr))}.cp-grid.mw{grid-template-columns:repeat(3,minmax(0,76px));justify-content:center}.cp-slot{aspect-ratio:1;border:2px solid var(--q,#ffffff40);background:#00000059;border-radius:10px;justify-self:center;place-items:center;width:100%;max-width:76px;min-height:0;padding:4px;display:grid;position:relative}.cp-slot.empty{background:#ffffff08;border:1px dashed #ffffff2e}.cp-slot span{color:var(--muted);text-align:center;font-size:11px;line-height:1.15}.cp-slot img{object-fit:contain;image-rendering:auto;width:100%;height:100%}.cp-slot em{color:var(--accent);text-shadow:0 1px 2px #000;font-size:11px;font-style:normal;font-weight:700;position:absolute;bottom:1px;right:3px}.cp-popup .cp-item{background:#141821;width:min(360px,100%);margin:0;box-shadow:0 12px 40px #0009}.cp-hero{--ec:#f0b429;--ec-soft:#f0b42929;--ec-line:#f0b42980;--ec-glow:#f0b429a6;background:radial-gradient(ellipse at 50% 42%, var(--ec-soft), #ffffff08 68%);border:1px solid var(--line);text-align:center;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:center;gap:1px;min-height:0;padding:4px 6px 6px;display:flex;position:relative;overflow:hidden}.cp-hero.has-elem{border-color:var(--ec-line);box-shadow:inset 0 0 28px var(--ec-soft)}.cp-elem-badge{z-index:1;background:#00000073;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-height:0;padding:3px 4px 4px;line-height:1;display:flex;position:absolute;top:4px;left:4px}.cp-elem-badge .cp-elem-icon{width:30px;height:30px;box-shadow:0 0 10px var(--ec-glow), inset 0 0 0 1px var(--ec-line)}.cp-elem-badge .cp-elem-icon img{width:20px;height:20px}.cp-elem-badge small{color:var(--ec);text-shadow:0 0 6px var(--ec-glow);font-size:10px;font-weight:700}.cp-elem-badge .cp-meter{gap:2px}.cp-elem-badge .cp-meter u{border-radius:2px;width:8px;height:4px}.cp-elem-badge.max .cp-meter u.on{background:linear-gradient(90deg, var(--ec), #fff 140%)}.cp-hero-img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 6px 6px #0000008c);flex:1 1 0;width:100%;min-height:0;display:block}.cp-hero b{word-break:break-word;font-size:14px;line-height:1.2}.cp-hero span{color:var(--muted);font-size:12px}.cp-item{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;flex-direction:column;gap:8px;margin:8px 0 4px;padding:12px;display:flex}.cp-item-head{align-items:center;gap:10px;display:flex}.cp-item-head img{object-fit:contain;width:40px;height:40px}.cp-item-head b{font-size:15px}.cp-props{color:#7ee787;margin:0;padding-left:18px;font-size:13px}.cp-desc{color:var(--muted);margin:0;font-size:13px}.cp-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.cp-actions button{flex:auto}.cp-attr{flex-direction:column;gap:6px;display:flex}.cp-attr-row{grid-template-columns:1fr auto 40px 40px;align-items:center;gap:8px;display:grid}.cp-attr-row.hp{grid-template-columns:1fr auto}.cp-attr-row span{color:var(--muted)}.cp-attr-row b{text-align:right}.cp-attr-row em{color:var(--ok);font-style:normal}.cp-attr-row button{min-height:34px;padding:0;font-size:18px;font-weight:700}.cp-attr-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}.cp-attr-foot label{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.cp-attr-foot button{min-width:72px}.cp-combat{margin-top:12px}.cp-star-head{flex-wrap:wrap;justify-content:space-between;gap:6px;margin-bottom:8px;display:flex}.cp-tag{color:var(--accent);font-size:13px}.cp-stars{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.cp-star{background:#ffffff0a;border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-height:0;padding:6px 2px;display:flex}.cp-star img{object-fit:contain;width:36px;height:36px}.cp-star span{font-size:11px;line-height:1.15}.cp-star em{color:var(--accent);font-size:11px;font-style:normal}.cp-star.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.cp-star.busy{background:#3fb95026}.cp-timer{color:var(--ok);margin:0}.cp-mount-head{align-items:center;gap:12px;display:flex}.cp-mount-head img{object-fit:contain;background:#ffffff0a;border-radius:12px;width:64px;height:64px}.cp-mount-head div{flex-direction:column;gap:2px;display:flex}.cp-mount-head span{color:var(--muted);font-size:13px}.cp-mount-head .cp-ok,.cp-ok{color:var(--ok)}.cp-bar{background:#ffffff14;border-radius:9px;height:18px;position:relative;overflow:hidden}.cp-bar i{background:linear-gradient(90deg,#2f81f7,#58a6ff);position:absolute;inset:0 auto 0 0}.cp-bar.luck i{background:linear-gradient(90deg,#d29922,#f0b429)}.cp-bar span{text-align:center;text-shadow:0 1px 2px #000;font-size:12px;line-height:18px;display:block;position:relative}.cp-note{color:var(--muted);margin:6px 0;font-size:13px}.cp-actions.row button{flex:1 1 0}.cp-table{border-collapse:collapse;width:100%;margin-top:10px;font-size:13px}.cp-table th,.cp-table td{text-align:right;padding:4px 2px}.cp-table th{color:var(--muted);font-weight:500}.cp-table td:first-child{text-align:left;color:var(--muted)}.cp-dress{flex-direction:column;gap:6px;display:flex}.cp-dress-row{background:#ffffff0a;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:6px 8px;display:flex}.cp-dress-row.active{border-color:var(--ok)}.cp-dress-row img{object-fit:contain;width:40px;height:40px}.cp-dress-row div{flex-direction:column;flex:1;display:flex}.cp-dress-row span{color:var(--muted);font-size:12px}.cp-dress-row button{min-width:64px}.modal-card input[type=password]{width:100%}.cp-attr-foot label{white-space:nowrap}.cp-attr-foot input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:var(--accent);margin:0;padding:0}.cp-attr-row button:disabled,.cp-actions button:disabled{opacity:.35}.cp-elem{--ec:#9aa4b2;--ec-soft:#9aa4b229;--ec-line:#9aa4b280;--ec-glow:#9aa4b2a6;background:linear-gradient(135deg, var(--ec-soft), #ffffff08 65%);border:1px solid var(--ec-line);border-radius:10px;align-items:flex-start;gap:12px;margin:8px 0 4px;padding:10px;display:flex}.cp-elem-icon{background:radial-gradient(circle, var(--ec-glow) 0%, var(--ec-soft) 60%, transparent 72%);width:46px;height:46px;box-shadow:0 0 14px var(--ec-soft), inset 0 0 0 1px var(--ec-line);border-radius:50%;flex:none;place-items:center;display:grid}.cp-elem-icon img{object-fit:contain;width:30px;height:30px;filter:drop-shadow(0 0 4px var(--ec)) brightness(1.15)}.cp-elem b{color:var(--ec);text-shadow:0 0 10px var(--ec-soft)}.cp-elem-rank{color:var(--muted);align-items:center;gap:6px;margin-top:3px;font-size:13px;display:flex}.cp-meter{gap:3px;display:inline-flex}.cp-meter u{background:#ffffff1f;border-radius:3px;width:14px;height:6px;text-decoration:none;display:block}.cp-meter u.on{background:var(--ec);box-shadow:0 0 6px var(--ec-glow)}.cp-elem p{color:var(--muted);margin:4px 0 0;font-size:12px}.shop{--bg:#0a1a24;--bg2:#0d2531;--line:#7ecee638;--line-strong:#7ecee673;--gold:#f3c74c;--gold-dark:#b8841c;--text:#e6f3f7;--muted:#86a7b3;width:min(100%,520px);min-height:0;color:var(--text);-webkit-user-select:none;user-select:none;flex-direction:column;flex:auto;gap:8px;margin:0 auto;display:flex}.shop-tabs{gap:4px;display:flex}.shop-tabs button{border:1px solid var(--line);min-height:34px;color:var(--text);white-space:nowrap;background:#ffffff0a;border-radius:8px;flex:1 1 0;padding:0 10px;font-size:13px;font-weight:600}.shop-tabs.scroll{scrollbar-width:none;overflow-x:auto}.shop-tabs.scroll::-webkit-scrollbar{display:none}.shop-tabs.scroll button{flex:none}.shop-tabs button.sel{background:linear-gradient(180deg, #ffd969, var(--gold-dark));color:#2b1a00;border-color:#ffe08a;box-shadow:0 0 10px #f3c74c59}.shop-list{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:6px;min-height:0;padding:2px;display:flex;overflow-y:auto}.shop-empty,.shop-hint{color:var(--muted);text-align:center;margin:0;font-size:12px}.shop-empty{padding:24px 0}.shop-row{border:1px solid var(--line);background:linear-gradient(180deg, var(--bg2), var(--bg));min-height:52px;color:var(--text);text-align:left;border-radius:10px;align-items:center;gap:10px;padding:6px 10px 6px 6px;display:flex}.shop-row:active{border-color:var(--gold)}.shop-row.dis{opacity:.45}.sc-icon{width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--q,var(--line-strong));background:#00000059;border-radius:7px;flex:none;place-items:center;display:grid;position:relative}.sc-icon img{object-fit:contain;width:34px;height:34px}.sc-icon em{text-shadow:0 0 2px #000,0 0 2px #000;font-size:10px;font-style:normal;font-weight:700;position:absolute;bottom:0;right:2px}.sr-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.sr-price{flex-direction:column;flex:none;align-items:flex-end;gap:2px;display:flex}.sc-cost{color:var(--gold);white-space:nowrap;align-items:center;gap:3px;font-size:13px;display:inline-flex}.sc-cost img{width:16px;height:16px}.sc-cost small{color:var(--muted);font-size:11px}.sc-cost.none{color:var(--muted);font-size:12px}.shop-foot{align-items:center;gap:8px;display:flex}.shop-wallets{flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;display:grid}.sw{border:1px solid var(--line);background:#00000040;border-radius:8px;align-items:center;gap:4px;min-width:0;padding:3px 6px;display:flex}.sw:has(input:checked){border-color:var(--gold)}.sw input[type=radio]{appearance:none;border:1px solid var(--line-strong);background:#00000059;border-radius:50%;flex:none;width:16px;height:16px;min-height:0;margin:0;padding:0}.sw input[type=radio]:checked{border-color:var(--gold);background:radial-gradient(circle, var(--gold) 0 4px, transparent 4.5px 100%)}.sw img{width:18px;height:18px}.sw span{flex-direction:column;min-width:0;line-height:1.1;display:flex}.sw small{color:var(--muted);font-size:10px}.sw b{text-overflow:ellipsis;font-size:12px;overflow:hidden}.shop-tabs .shop-repair{background:linear-gradient(180deg, #ffd969, var(--gold-dark));color:#2b1a00;border:1px solid #ffe08a;border-radius:10px;flex:none;min-height:34px;padding:0 12px;font-weight:700}.mall-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;display:grid}.mall-grid .shop-empty{grid-column:1/-1}.mall-card{border:1px solid var(--line);background:linear-gradient(180deg, var(--bg2), var(--bg));color:var(--text);text-align:left;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:40px minmax(0,1fr);align-items:center;column-gap:8px;padding:8px;display:grid;position:relative}.mall-card .sc-icon{grid-row:1/span 2}.mc-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-right:22px;font-size:12px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.mb{color:#fff;border-radius:0 10px 0 8px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:700;position:absolute;top:-1px;right:-1px}.mb.hot{background:#e2442f}.mb.sale{background:#d9831f}.mb.limit{background:#8a3fd1}.mb.new{background:#2a9d5c}.mall-search input{box-sizing:border-box;border:1px solid var(--line-strong);width:100%;min-height:36px;color:var(--text);background:#0000004d;border-radius:8px;padding:0 10px;font-size:14px}.sw.pt{justify-content:center}.shop-buy .modal-card{flex-direction:column;gap:8px;min-width:min(320px,90vw);display:flex}.sb-head{align-items:center;gap:10px;display:flex}.sb-info{opacity:.8;margin:0;font-size:12px}.sb-row{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.sb-row.total{font-weight:700}.sb-qty{align-items:center;gap:4px;display:inline-flex}.sb-qty button{min-width:34px;min-height:32px;padding:0 4px}.sb-qty input{text-align:center;width:64px;min-height:32px;padding:0 4px;font-size:14px}.sb-note{opacity:.8;min-height:1em;margin:0;font-size:12px}.sb-note.warn{color:#ff7a6b;opacity:1}#hud{--ui-scale:1}.hud-top{z-index:2;top:calc(4px + var(--safe-t));left:calc(6px + var(--safe-l));right:calc(6px + var(--safe-r));pointer-events:none;flex-direction:column;align-items:flex-start;gap:4px;display:flex;position:absolute}.hud-head{pointer-events:auto;color:#fff8dc;text-shadow:0 1px 1px #000,0 0 3px #000;border:10px solid #0000;border-width:10px 12px;border-image:url(/h5/img/ui/bar-cyan.png) 12 24 fill/10px 12px;justify-content:space-around;align-self:center;align-items:center;gap:4px;width:100%;max-width:560px;height:34px;padding:0 14px;font-size:12px;font-weight:700;display:flex}.hud-head .cur{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.hud-head .cur img{object-fit:contain;width:18px;height:16px}.hud-status{pointer-events:auto;width:100%;max-width:560px;height:calc(57px * var(--ui-scale));align-self:center;position:relative}.portrait{transform:scale(var(--ui-scale));transform-origin:0 0;color:#fff;text-shadow:0 1px 1px #000;background-repeat:no-repeat;flex:none;font-size:9px;line-height:1;position:relative}.hud-char{background-image:url(/h5/img/ui/portrait-char.png);width:192px;height:57px;position:absolute;top:0;left:0}.hud-pet{transform-origin:100% 0;background-image:url(/h5/img/ui/portrait-pet.png);width:179px;height:46px;position:absolute;top:0;right:0}.portrait .hud-avatar,.portrait .pt-ava{object-fit:cover;background:#0b2a3a;position:absolute}.hud-char .pt-ava{width:49px;height:47px;top:5px;left:5px}.hud-char .pt-ava .hud-avatar{width:100%;height:100%;inset:0}.hud-vip{color:#fff;text-shadow:0 1px 1px #000;border-radius:3px;padding:1px 3px;font-size:7px;font-weight:700;position:absolute;top:-3px;left:-2px}.portrait .pt-lv{color:#ffe27a;width:28px;font-size:8px;font-weight:700;position:absolute;top:5px}.portrait .pt-name{text-overflow:ellipsis;white-space:nowrap;position:absolute;top:4px;overflow:hidden}.hud-char .pt-lv{left:58px}.hud-char .pt-name{width:98px;left:88px}.hud-pet .pt-lv{left:48px}.hud-pet .pt-name{width:97px;left:78px}.portrait .bar{background:#00000059;border-radius:2px;height:9px;position:absolute;overflow:hidden}.portrait .bar i{background-repeat:no-repeat;background-size:100% 100%;border-radius:0;position:absolute;inset:0 auto 0 0}.portrait .bar.hp i{background-image:url(/h5/img/ui/fill-hp.png)}.portrait .bar.mp i{background-image:url(/h5/img/ui/fill-mp.png)}.portrait .bar.sp i{background-image:url(/h5/img/ui/fill-sp.png)}.portrait .bar.exp i{background-image:url(/h5/img/ui/fill-exp.png)}.portrait .bar span{text-align:center;font-size:7px;font-weight:700;line-height:9px;display:block;position:relative}.hud-char .bar.hp{width:89px;top:20px;left:80px}.hud-char .bar.mp{width:89px;top:30px;left:80px}.hud-char .bar.sp,.hud-char .bar.exp{width:105px;height:6px;left:80px}.hud-char .bar.sp{top:40px}.hud-char .bar.exp{top:47px}.hud-pet .hud-avatar{place-items:center;width:38px;height:38px;font-size:18px;display:grid;top:4px;left:4px}.hud-pet .bar.hp{width:90px;top:22px;left:66px}.hud-pet .bar.mp{width:90px;top:32px;left:66px}.hud-pet .pet-empty{color:#9ad7e8;width:125px;font-size:8px;position:absolute;top:18px;left:48px}.hud-bottom{z-index:2;padding:0 var(--safe-r) calc(2px + var(--safe-b)) var(--safe-l);pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;bottom:0;left:0;right:0}.hud-panels{flex-direction:column;align-items:center;gap:4px;width:100%;max-width:560px;padding:0 6px;display:flex}.hud-quest-slot{pointer-events:none;justify-content:center;align-items:flex-end;width:100%;min-height:74px;display:flex}.hud-quests{pointer-events:auto;text-shadow:0 1px 1px #000;cursor:pointer;background:linear-gradient(#2e1e08db,#120c04e6) padding-box padding-box,linear-gradient(135deg,#fbe39a,#b67d22 28%,#f7d77a 50%,#8f5a12 74%,#fbe39a) border-box;border:2px solid #0000;border-radius:7px;width:fit-content;min-width:190px;max-width:min(100%,330px);padding:3px 10px 4px 8px;font-size:11px;line-height:1.3;position:relative;box-shadow:0 2px 6px #0009,inset 0 0 0 1px #ffe28c2e}.hud-quests:before,.hud-quests:after{content:"";background:radial-gradient(circle at 40% 40%,#fff2bf,#d4a240 55%,#8f5a12);border-radius:50%;width:8px;height:8px;position:absolute;top:-5px;box-shadow:0 1px 2px #0009}.hud-quests:before{left:-5px}.hud-quests:after{right:-5px}.qt-list,.qt-item{flex-direction:column;gap:1px;display:flex}.qt-head{align-items:center;gap:5px;min-width:0;display:flex}.qt-head img{object-fit:contain;flex:none;width:11px;height:14px}.qt-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:700;overflow:hidden}.qt-more{color:#ffe27a;background:#ffd77833;border-radius:8px;flex:none;padding:0 5px;font-size:9px;font-weight:700;line-height:14px}.qt-line{color:#e5e0d2;text-overflow:ellipsis;white-space:nowrap;padding-left:16px;overflow:hidden}.qt-line.done{color:#8ef08e}.qt-npc{color:#fc0;cursor:pointer;font-weight:700;text-decoration:underline}.qt-empty{color:#d9d2bf}.hud-chat{pointer-events:auto;text-shadow:0 1px 1px #000;cursor:pointer;background:#00000073;border-radius:4px;align-items:center;gap:6px;width:100%;min-height:22px;padding:2px 8px 2px 4px;font-size:11px;line-height:1.35;display:flex}.hc-icon{object-fit:contain;flex:none;width:20px;height:20px;position:relative}.hud-log{flex-direction:column;flex:1;justify-content:flex-end;gap:0;min-width:0;min-height:2.7em;display:flex;overflow:hidden}.hud-log div{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hud-chat.unread:after{content:"";background:var(--bad);border-radius:50%;flex:none;width:8px;height:8px}.hud-dock{pointer-events:auto;background:linear-gradient(#0000 0%,#0000008c 45%,#000000b3 100%);justify-content:space-around;align-items:flex-end;gap:0;width:100%;max-width:560px;padding:6px 6px 0;display:flex;position:relative}.hud-dock:before{content:"";background:linear-gradient(90deg,#f6d77a00 0%,#f6d77a 18%,#fff3c4 50%,#f6d77a 82%,#f6d77a00 100%);height:2px;position:absolute;top:0;left:4px;right:4px;box-shadow:0 1px 3px #000000b3}.hud-dock button{color:#ffd56a;text-shadow:0 1px 1px #000;background:0 0;border:none;flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;gap:1px;min-width:0;height:62px;padding:0;font-size:9px;font-weight:700;transition:transform .1s;display:flex;position:relative}.hud-dock button img{object-fit:contain;filter:drop-shadow(0 2px 2px #000000b3);width:100%;height:60px}.hud-dock button img.down,.hud-dock button.active img.up{display:none}.hud-dock button.active img.down{display:block}.hud-dock button.active{color:#fff3c4;transform:translateY(-3px)}.hud-dock button.small img{height:34px;margin-bottom:2px}.hud-dock button.emoji{gap:3px;padding-bottom:4px}.hud-dock button.emoji .glyph{filter:drop-shadow(0 2px 2px #000000b3);font-size:30px;line-height:36px}.hud-dock button.emoji.active .glyph{transform:scale(1.1)}.wm-hint{color:var(--muted);margin:8px 0 10px;font-size:12px}.wm-list{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.wm-item{border:1px solid var(--line);text-align:left;min-height:48px;color:inherit;background:#ffffff08;border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;padding:6px 10px;display:flex}.wm-item b{font-size:14px}.wm-item small{color:var(--muted);font-size:11px}.wm-item.here{background:#f6d77a1f;border-color:#f6d77a}.wm-item.locked{opacity:.45}.hud-fly,.hud-hunt{right:calc(8px + var(--safe-r));z-index:3;pointer-events:auto;background:radial-gradient(circle at 50% 35%,#1d5a73,#0a2634 70%);border:2px solid #78dcff73;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:56px;height:56px;font-size:20px;line-height:1;display:flex;position:absolute;box-shadow:0 2px 6px #0009}.hud-fly{bottom:calc(var(--hud-h,130px) + 4px)}.hud-hunt{bottom:calc(var(--hud-h,130px) + 66px)}.hud-fly small,.hud-hunt small{color:#9ad7e8;font-size:9px}.hud-fly.on{border-color:var(--accent)}.hud-fly.on small{color:var(--accent)}.hud-hunt.on{border-color:var(--ok);box-shadow:0 0 0 3px #3fb95040}.hud-hunt.on small{color:var(--ok)}.hud-fly[hidden]~.hud-hunt{bottom:calc(var(--hud-h,130px) + 4px)}.hud-fly[hidden],.hud-hunt[hidden],#hud.sheet-open .hud-fly,#hud.sheet-open .hud-hunt,#hud.in-battle .hud-hunt,#hud.in-battle .hud-fly,#hud.in-battle .hud-panels{display:none}#hud.sheet-open .hud-panels{visibility:hidden}.qs-item{border:1px solid var(--line);background:#ffffff08;border-radius:10px;margin:0 0 8px;overflow:hidden}.qs-head{text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:44px;padding:8px 12px;font-size:14px;display:flex}.qs-head small{color:var(--muted);white-space:nowrap}.qs-item.open .qs-head{background:#ffffff0d}.qs-detail{padding:4px 12px 12px;font-size:13px}.qs-detail h4{color:var(--muted);margin:10px 0 4px;font-size:12px}.qs-info{white-space:pre-line;margin:0}.qs-detail .qt-line{font-size:13px}.qs-tabs{margin:0 0 10px}.qs-tabs button{white-space:nowrap;padding:8px 4px;font-size:13px}.qs-refresh{margin:0 0 8px;padding:6px 14px;font-size:13px}.qs-group>.qs-head{min-height:38px;color:var(--accent)}.qs-group .qs-item{margin-left:10px}.hud-char .pt-elem{object-fit:contain;filter:drop-shadow(0 1px 1px #000);width:16px;height:16px;position:absolute;top:2px;left:172px}.hud-team{pointer-events:auto;flex-direction:column;gap:3px;max-width:150px;display:flex}.hud-team[hidden]{display:none}.gb-row{color:var(--text);white-space:nowrap;background:#080c149e;border:1px solid #f6d77a47;border-radius:14px;align-items:center;gap:5px;padding:2px 8px 2px 2px;font-size:11px;display:flex}.gb-row img{object-fit:cover;background:#2f6fb3;border:1px solid #ffffff80;border-radius:50%;width:24px;height:24px}.gb-row img.broken,.gs-ava.broken{visibility:hidden}.gb-lv{color:#ffe27a;font-size:9px;font-weight:700}.gb-name{text-overflow:ellipsis;max-width:96px;overflow:hidden}.gb-row.lead .gb-name:before{content:"👑 "}.gb-row.afk{opacity:.55}#hud.in-battle .hud-team{display:none}.group-sheet h4{color:#f6d77a;align-items:center;gap:8px;margin:12px 0 6px;font-size:13px;display:flex}.group-sheet h4 small{color:var(--muted);font-weight:400}.gs-hint{color:var(--muted);margin:8px 0;font-size:12px}.gs-members,.gs-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.gs-members li{border:1px solid var(--line);background:#ffffff08;border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.gs-members li.self{border-color:#9ff59f73}.gs-ava{object-fit:cover;background:#2f6fb3;border:2px solid #fff6;border-radius:50%;flex:none;width:40px;height:40px}.gs-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.gs-info b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.gs-sub{color:var(--muted);font-size:11px}.gs-tag{background:#ffffff14;border-radius:8px;margin-right:4px;padding:1px 6px;font-size:10px;display:inline-block}.gs-tag.lead{color:#ffe27a;background:#f6d77a33}.gs-tag.afk{color:var(--warn);background:#d2992233}.gs-tag.far{color:var(--muted)}.gs-acts{flex-direction:column;gap:4px;display:flex}.group-sheet button{min-height:32px;padding:4px 10px;font-size:12px}.gs-own{gap:8px;margin-top:10px;display:flex}.gs-own button{flex:1;min-height:40px}.gs-list li{border:1px solid var(--line);border-radius:10px;align-items:center;gap:6px;padding:6px 8px;display:flex}.gs-list .gs-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.group-sheet .gs-refresh{min-height:24px;padding:0 8px;font-size:13px}