:root{--ink:#f2ead8;--ink-dim:#b9b0a0;--gold:#e8c372;--gold-deep:#a8752f;--panel:#0c101ec7;--edge:#e8c37259;--sun:#f0c55a;--night:#b07be0;--hp:#e0484b;--exp:#59b8f0;--font:"Kanit", "Sukhumvit Set", "Noto Sans Thai", "Leelawadee UI", "Thonburi", "Tahoma", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{height:100%;color:var(--ink);font:14px/1.4 var(--font);touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:#0b1020;margin:0;overflow:hidden}#stage{position:fixed;inset:0}#stage canvas{width:100%;height:100%;display:block}button{font:inherit;color:inherit;cursor:pointer}#login{z-index:10;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.login-bg{filter:saturate(1.1)brightness(.55);background:#0b1020 url(/play/assets/maps/sun_town/preview.webp) 50%/cover;animation:40s ease-in-out infinite alternate drift;position:absolute;inset:0;transform:scale(1.06)}.login-bg:after{content:"";background:radial-gradient(#0b102026 0%,#0b1020d9 75%);position:absolute;inset:0}@keyframes drift{0%{transform:scale(1.06)translate(0)}to{transform:scale(1.12)translate(-2%,-1%)}}.login-card{border:1px solid var(--edge);text-align:center;background:linear-gradient(#141a30eb,#0a0d1af0);border-radius:14px;grid-template-columns:1fr 1.15fr;align-items:center;gap:20px;width:min(820px,100%);max-height:100%;padding:18px 22px 16px;display:grid;position:relative;overflow:auto;box-shadow:0 20px 60px #0000008c,inset 0 1px #ffffff0d}.logo{letter-spacing:.32em;background:linear-gradient(180deg, #fff3cf 0%, var(--gold) 45%, var(--gold-deep) 100%);color:#0000;filter:drop-shadow(0 2px 10px #e8c37259);-webkit-background-clip:text;background-clip:text;margin:0;padding-left:.32em;font-size:40px;font-weight:800}.tagline{color:var(--ink-dim);letter-spacing:.08em;margin:0 0 12px}.field{text-align:left;margin-bottom:10px;display:block}.field span,.pick-title{color:var(--gold);text-align:left;margin-bottom:4px;font-size:12px;display:block}.field input{width:100%;font:inherit;color:var(--ink);border:1px solid var(--edge);-webkit-user-select:text;user-select:text;background:#00000059;border-radius:8px;outline:none;padding:10px 12px;font-size:16px}.field input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e8c37226}.factions{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.faction{background:#00000047;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:2px;padding:9px 8px;transition:all .15s;display:flex}.faction small{color:var(--ink-dim);font-size:11px}.faction.sun.active{border-color:var(--sun);background:linear-gradient(#f0c55a38,#00000040);box-shadow:0 0 18px #f0c55a40}.faction.night.active{border-color:var(--night);background:linear-gradient(#b07be038,#00000040);box-shadow:0 0 18px #b07be040}.classes{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cls{background:#00000047 radial-gradient(at 50% 70%,#e8c3721a,#0000 70%);border:1px solid #ffffff14;border-radius:10px;padding:4px 2px 6px;transition:all .15s}.cls canvas{width:96px;height:96px;margin:0 auto;display:block}.cls b{font-size:11px;line-height:1.25;display:block}.cls small{color:var(--ink-dim);font-size:10px;display:block}.cls.active{border-color:var(--gold);background:linear-gradient(#e8c3722e,#00000040)}.enter{letter-spacing:.06em;color:#2a1a05;background:linear-gradient(180deg, #ffe7a8, var(--gold) 55%, var(--gold-deep));border:0;border-radius:10px;width:100%;padding:12px;font-size:17px;font-weight:700;box-shadow:0 6px 20px #e8c3724d}.enter:active{transform:translateY(1px)}.enter:disabled{filter:grayscale(.6)brightness(.7)}.err{color:#ff8f7a;min-height:1.2em;margin:8px 0 0;font-size:13px}@media (max-height:460px){.logo{font-size:30px}.tagline{margin-bottom:8px}.login-card{gap:14px;padding:12px 16px}.cls canvas{width:72px;height:72px}.field{margin-bottom:8px}.field input{padding:8px 10px}.faction{padding:7px 6px}}@media (max-width:640px){.login-card{grid-template-columns:1fr}}#hud{pointer-events:none;z-index:5;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;inset:0}#hud>*{pointer-events:auto}#pframe{background:var(--panel);border:1px solid var(--edge);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px;width:220px;padding:8px 10px;position:absolute;top:10px;left:12px}.row1{align-items:center;gap:6px;margin-bottom:4px;font-weight:700;display:flex}.lv{color:var(--gold);font-weight:600}.badge{background:#ffffff1f;border-radius:99px;padding:1px 6px;font-size:10px;font-weight:700}.badge.yellow{color:#fff1b0;background:#8a6d10}.badge.red{color:#ffd0d0;background:#8a1c1c}.badge.darkred{color:#ff9a9a;background:#4a0909}.badge.white{display:none}.bar{background:#00000080;border:1px solid #ffffff14;border-radius:6px;height:12px;margin-bottom:4px;position:relative;overflow:hidden}.bar i{width:100%;transition:width .2s;position:absolute;inset:0 auto 0 0}.bar.exp{height:7px}.bar.exp i{background:linear-gradient(180deg, #a5e1ff, var(--exp))}.bar em{text-align:center;text-shadow:0 1px 2px #000;font-size:10px;font-style:normal;line-height:12px;position:absolute;inset:0}.bar.exp em{display:none}.bar.exp em:not(:empty){white-space:nowrap;color:#bfe8ff;font-size:9px;line-height:12px;display:block;inset:auto 0 -13px;overflow:visible}.row2{color:var(--gold);font-size:12px}#topright{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:10px;right:12px}#mapinfo{background:var(--panel);border:1px solid var(--edge);border-radius:10px;align-items:center;gap:8px;padding:6px 10px;display:flex}#menu{gap:6px;display:flex}.mbtn{border:1px solid var(--edge);background:var(--panel);border-radius:99px;padding:5px 12px;font-size:12px;font-weight:700;position:relative}.mbtn.shop{color:#c8ffc8;border-color:#6fe36f;box-shadow:0 0 12px #6fe36f4d}.mbtn:active{filter:brightness(1.3)}kbd{font:700 9px/1 var(--font);color:var(--gold);pointer-events:none;background:#000000a6;border-radius:4px;padding:2px 3px;display:none;position:absolute}.mbtn kbd{top:-6px;right:-4px}#mapinfo small{color:var(--ink-dim)}.badge.pk-lawless{color:#ffb4b4;background:#7a1212}#log{pointer-events:none;text-shadow:0 1px 2px #000,0 0 4px #000;flex-direction:column;justify-content:flex-end;width:min(360px,45vw);max-height:120px;font-size:12px;display:flex;position:absolute;bottom:150px;left:12px;overflow:hidden}#log p{opacity:.95;margin:1px 0;transition:opacity 1s}#log p.sys{color:var(--gold)}#log p.party{color:#8dff9a}#log p.kill{color:#ff9a84}#log p.old{opacity:0}#chatbar{gap:6px;width:min(400px,62vw);display:flex;position:absolute;bottom:120px;left:12px}#chatbar[hidden]{display:none}#chatch{border:1px solid var(--edge);background:#000000a6;border-radius:8px;flex:none;padding:0 10px;font-size:12px;font-weight:700}#chatch.on{color:#8dff9a;border-color:#8dff9a99}#chatch[hidden]{display:none}#chatin{min-width:0;font:inherit;color:var(--ink);border:1px solid var(--edge);-webkit-user-select:text;user-select:text;background:#000000a6;border-radius:8px;outline:none;flex:1;padding:7px 10px;font-size:16px}#joyzone{touch-action:none;width:46%;position:absolute;top:0;bottom:0;left:0}#joy{pointer-events:none;opacity:.45;background:radial-gradient(circle,#ffffff1a,#ffffff08);border:1px solid #ffffff24;border-radius:50%;width:120px;height:120px;transition:opacity .15s;position:absolute;bottom:24px;left:24px}#joy.active{opacity:1;top:0;bottom:auto;left:0}#knob{background:radial-gradient(circle at 35% 30%, #fff6dc, var(--gold) 60%, var(--gold-deep));border-radius:50%;width:50px;height:50px;position:absolute;top:35px;left:35px;box-shadow:0 4px 12px #00000080}#joydir{opacity:0;filter:drop-shadow(0 0 6px #ffc85ae6);background:conic-gradient(from 55deg,#0000 0deg,#ffe296 35deg,#0000 70deg);border-radius:50%;transition:opacity .1s;position:absolute;inset:-2px;-webkit-mask:radial-gradient(circle,#0000 54%,#000 58%);mask:radial-gradient(circle,#0000 54%,#000 58%)}#actions{width:232px;height:200px;position:absolute;bottom:12px;right:14px}.act{border:1px solid var(--edge);color:var(--ink);touch-action:none;background:radial-gradient(circle at 35% 30%,#3c466ef2,#0e1222f2);border-radius:50%;padding:0;font-weight:700;position:absolute;box-shadow:0 6px 16px #00000080,inset 0 1px #ffffff1a}.act.big{border-color:var(--gold);background:radial-gradient(circle at 35% 30%,#6b4a1c,#2a1a08);width:92px;height:92px;font-size:17px;bottom:0;right:0;box-shadow:0 0 20px #e8c37240,0 6px 16px #00000080}.act .cd{pointer-events:none;background:conic-gradient(#050812b8 calc(var(--p,0) * 1turn), transparent 0);border-radius:50%;position:absolute;inset:0}.act kbd{bottom:-2px;right:2px}.skill{border-color:#e8c3728c;width:54px;height:54px;overflow:hidden}.skill img{object-fit:cover;pointer-events:none;border-radius:50%;width:calc(100% - 6px);height:calc(100% - 6px);position:absolute;inset:3px}.skill .cdt{font:800 16px/1 var(--font);color:#fff;text-shadow:0 1px 3px #000,0 0 6px #000;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.skill.nomp img{filter:grayscale(.7)brightness(.6)}.skill .lock{color:var(--ink-dim);justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0}.skill.ready:after{content:"";pointer-events:none;border-radius:50%;animation:.5s ease-out ready;position:absolute;inset:-1px;box-shadow:inset 0 0 0 2px #ffecaae6}@keyframes ready{0%{box-shadow:inset 0 0 0 10px #ffecaae6}to{box-shadow:inset 0 0 0 2px #ffecaa00}}.skill.ult{border:2px solid #ffb54a;width:62px;height:62px;bottom:121px;right:121px;box-shadow:0 0 18px #ffa03c73,0 6px 16px #00000080}#pots{flex-direction:column;gap:8px;display:flex;position:absolute;bottom:14px;right:262px}.pot{border:1px solid var(--edge);background:var(--panel);touch-action:none;border-radius:12px;width:46px;height:46px;padding:0;position:relative;overflow:hidden}.pot img{pointer-events:none;width:32px;height:32px;margin-top:2px}.pot b{text-shadow:0 1px 2px #000;font-size:11px;position:absolute;bottom:1px;right:3px}.pot .cd{pointer-events:none;background:#0009;height:0;position:absolute;bottom:0;left:0;right:0}.pot.empty img{filter:grayscale()brightness(.5)}.pot kbd{top:1px;left:2px}.portal{color:#cdefff;background:#0a1e32d9;border:1px solid #7fd7ff;border-radius:99px;padding:10px 22px;font-weight:800;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 0 16px #7fd7ff66}#lootfeed{pointer-events:none;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;top:70px;left:50%;transform:translate(-50%)}#lootfeed p{background:#080c18cc;border:1px solid #ffffff14;border-radius:99px;align-items:center;gap:6px;margin:0;padding:3px 10px 3px 4px;font-size:12px;animation:2.6s forwards loot;display:flex}#lootfeed img{width:20px;height:20px}@keyframes loot{0%{opacity:0;transform:translateY(6px)}10%,75%{opacity:1;transform:none}to{opacity:0}}#mapscreen{z-index:4;background:#04060e8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#mapscreen[hidden]{display:none}.map-card{border:1px solid var(--edge);background:linear-gradient(#161c34f7,#0a0d1afa);border-radius:14px;flex-direction:column;width:calc(100% - 20px);max-width:980px;height:calc(100% - 16px);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0009}.map-card header{border-bottom:1px solid #e8c3722e;align-items:center;gap:10px;padding:6px 10px;display:flex}.map-card header b{color:var(--gold);margin-left:6px}.map-card header small{color:var(--ink-dim);font-size:12px}.map-card header small.pk-faction{color:#ffcf8a}.map-card header small.pk-lawless{color:#ff9a8a}.map-card .close{margin-left:auto}#maphere{flex-direction:column;flex:1;align-items:center;gap:4px;min-height:0;padding:8px;display:flex}#maphere[hidden],#mapworld[hidden]{display:none}#mapframe{border-radius:8px;flex:none;position:relative;overflow:hidden;box-shadow:0 0 0 1px #e8c3724d}#mapimg{width:100%;height:100%;display:block;position:absolute;inset:0}#mapmarks{pointer-events:none;position:absolute;inset:0}.mk{white-space:nowrap;text-shadow:0 1px 2px #000,0 0 4px #000;font-size:11px;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.mk.l{transform:translate(-8px,-50%);align-items:flex-start!important}.mk.r{transform:translate(calc(8px - 100%),-50%);align-items:flex-end!important}.mk.zone{color:#f3ead2;text-align:center;background:#080a1499;border-radius:8px;padding:2px 6px;font-size:10px;line-height:1.25}.mk.zone b{color:var(--gold);font-weight:700}.mk.zone.el{color:#ffb062;border:1px solid #fa49}.mk.gate{color:#bfeaff;flex-direction:column;align-items:center;gap:1px;display:flex}.mk.gate i{border:2px solid #7fd7ff;border-radius:50%;width:12px;height:12px;box-shadow:0 0 8px #7fd7ff}.mk.gate span{background:#081424bf;border-radius:99px;padding:0 5px;font-size:10px}#mapme{pointer-events:none;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%)}#mapme:before{content:"";background:#ffd34d;border-radius:50%;animation:1.2s ease-in-out infinite mepulse;position:absolute;inset:0;box-shadow:0 0 0 2px #2a1a08,0 0 12px #ffd34d}#mapme:after{content:"";width:0;height:0;transform:translate(-50%, -50%) rotate(var(--a,0deg)) translateX(12px);border:6px solid #0000;border-left:9px solid #fff6dc;position:absolute;top:50%;left:50%}@keyframes mepulse{50%{box-shadow:0 0 0 2px #2a1a08,0 0 22px 6px #ffd34d99}}#mapframe{cursor:crosshair;touch-action:none}#mapdest{pointer-events:none;border:2px solid #7fd7ff;border-radius:50%;width:14px;height:14px;animation:1s ease-in-out infinite mepulse;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 10px #7fd7ff}#mapdest[hidden]{display:none}#worldchart .node{cursor:pointer}#worldchart .node:hover rect{stroke-width:3px}#maplegend{color:var(--ink-dim);text-align:center;margin:0;font-size:11px}#mapworld{flex:1;justify-content:center;align-items:center;min-height:0;padding:8px;display:flex}#worldchart{width:100%;height:100%}#worldchart .links line{stroke:#e8c37273;stroke-width:3px}#worldchart .node rect{fill:#141a30f2;stroke:#ffffff2e;stroke-width:1.5px}#worldchart .node.pk-faction rect{stroke:#e0a050}#worldchart .node.pk-lawless rect{stroke:#e05a4a}#worldchart .node.home-sun rect{stroke:#f0c55a;fill:#463410f2}#worldchart .node.home-night rect{stroke:#b07be0;fill:#2e1a46f2}#worldchart text{text-anchor:middle;fill:var(--ink);font-family:var(--font)}#worldchart .t{font-size:15px;font-weight:700}#worldchart .s{fill:var(--ink-dim);font-size:11px}#worldchart .you{fill:#ffd34d;font-size:11px;font-weight:700}#worldchart .node.locked rect{stroke-dasharray:5 4;opacity:.7}#worldchart .node.locked .s{fill:#ff9c8a;font-weight:700}.mk.gate.locked{color:#ffb4a6}.mk.gate.locked i{border-color:#ff7a6a;box-shadow:0 0 8px #ff7a6a}#panel{z-index:3;background:#04060e73;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.panel-card{border:1px solid var(--edge);background:linear-gradient(#161c34f7,#0a0d1afa);border-radius:14px;flex-direction:column;width:min(700px,100% - 24px);height:min(370px,100% - 20px);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0009}.panel-card header{border-bottom:1px solid #e8c3722e;align-items:center;gap:10px;padding:8px 10px;display:flex}.tabs{gap:4px;display:flex}.tabs button{color:var(--ink-dim);background:0 0;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-weight:700}.tabs button.active{color:var(--gold);border-color:var(--edge);background:#e8c37214}.tabs button[hidden]{display:none}.gold{color:var(--gold);margin-left:auto;font-size:13px;font-weight:700}.close{border:1px solid var(--edge);background:#0000004d;border-radius:8px;width:30px;height:30px}.panel-body{flex:1;min-height:0;padding:10px}.tab{height:100%}#tab-bag{gap:12px;display:flex}.equip-col{flex-direction:column;gap:8px;width:168px;display:flex}.eq-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.slot{aspect-ratio:1;background:#00000059;border:1px solid #ffffff1a;border-radius:9px;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.slot img{pointer-events:none;width:78%;max-width:44px;height:auto}.slot.over{border-style:dashed;border-color:#ff8a7a99}.bag-more{color:var(--ink-dim);text-align:center;grid-column:1/-1;margin:2px 0 0;font-size:11px}.slot .ph{color:#ffffff47;pointer-events:none;font-size:10px}.slot b{text-shadow:0 1px 2px #000;pointer-events:none;font-size:10px;position:absolute;bottom:0;right:2px}.slot.sel{outline:2px solid var(--gold)}.slot.r1{border-color:#6fe36fa6}.slot.r2{border-color:#59b8f0bf;box-shadow:inset 0 0 10px #59b8f040}.slot.r3{border-color:#ff9f40d9;box-shadow:inset 0 0 12px #ff9f4059}.slot.new:before{content:"";background:#ffd34d;border-radius:50%;width:6px;height:6px;position:absolute;top:3px;left:3px}.stats{color:var(--ink-dim);grid-template-columns:1fr 1fr;column-gap:8px;font-size:11px;line-height:1.55;display:grid}.stats b{color:var(--ink);font-weight:600}.stats .prem{color:#9fe3ff;grid-column:1/-1}.bag-grid{flex:1;grid-template-columns:repeat(8,1fr);grid-auto-rows:min-content;align-content:start;gap:5px;display:grid;overflow:auto}.shop-list{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;max-height:calc(100% - 22px);display:grid;overflow:auto}.shop-item{text-align:left;background:#0000004d;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;padding:6px 8px;display:flex}.shop-item img{width:32px;height:32px}.shop-item div{flex:1;font-size:12px}.shop-item small{color:var(--gold);display:block}.shop-item .buy{border:1px solid var(--edge);background:#e8c3721f;border-radius:7px;padding:4px 9px;font-size:12px;font-weight:700}.shop-note{color:var(--ink-dim);margin:6px 0 0;font-size:11px}#itemtip{z-index:2;border:1px solid var(--edge);background:#060812f7;border-radius:12px;width:220px;padding:10px 12px;font-size:12px;position:absolute;box-shadow:0 10px 30px #0009}#itemtip h4{margin:0 0 2px;font-size:14px}#itemtip .meta{color:var(--ink-dim);margin-bottom:6px;font-size:11px}#itemtip .meta .bad{color:#ff8f7a}#itemtip p{margin:1px 0}#itemtip .btns{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}#itemtip .btns button{border:1px solid var(--edge);background:#e8c3721f;border-radius:8px;flex:1;padding:6px 8px;font-size:12px;font-weight:700}#itemtip .btns button.danger{color:#ffb4a8;background:#ff5a461a;border-color:#ff786480}#death{pointer-events:none;background:radial-gradient(#50000040,#000000a6);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}#death b{color:#ff7a6e;text-shadow:0 2px 12px #000;font-size:28px}#death small{color:var(--ink-dim)}#toast{background:var(--panel);border:1px solid var(--edge);color:var(--gold);opacity:0;pointer-events:none;white-space:nowrap;border-radius:99px;padding:6px 14px;transition:opacity .3s;position:absolute;top:64px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}@media (pointer:fine){#joyzone{display:none}kbd{display:block}#log{bottom:24px}#chatbar{bottom:0}}@media (max-height:460px){#pframe{width:190px;padding:6px 8px}#log{max-height:80px;bottom:130px}#chatbar{bottom:100px}#joy{width:104px;height:104px;bottom:14px;left:16px}#knob{width:48px;height:48px;top:28px;left:28px}#actions{bottom:8px;right:10px}#pots{bottom:10px;right:252px}.panel-card{height:calc(100% - 16px)}}@media (max-width:700px){.equip-col{width:140px}.bag-grid{grid-template-columns:repeat(6,1fr)}}#awaybox{z-index:6;background:#04060e8c;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;inset:0}.away-card{border:1px solid var(--edge);background:linear-gradient(#161c34f7,#0a0d1afa);border-radius:14px;width:min(420px,100%);max-height:100%;padding:12px 16px;font-size:13px;overflow:auto;box-shadow:0 20px 60px #0009}.away-card h3{color:var(--gold);margin:0 0 8px;font-size:16px}.away-card p{margin:3px 0}.away-card p b{min-width:64px;color:var(--ink-dim);font-weight:600;display:inline-block}.away-card .up{color:#ffd34d;font-weight:700}.away-card small{color:var(--ink-dim)}.away-card .note{color:var(--ink-dim);margin-top:8px;font-size:12px}.away-card .note b{color:var(--ink);min-width:0}.away-card .best{gap:5px;margin:6px 0 2px;display:flex}.away-card .best i{background:#00000059 50%/28px no-repeat;border:1px solid #ffffff26;border-radius:8px;width:34px;height:34px}.away-btns{gap:8px;margin-top:10px;display:flex}.away-btns button{border:1px solid var(--edge);background:#0000004d;border-radius:10px;flex:1;padding:9px;font-weight:700}.away-btns button.ok{color:#2a1a05;background:linear-gradient(180deg, #ffe7a8, var(--gold) 55%, var(--gold-deep));border:0}#closed{z-index:11;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.closed-card{text-align:center;border:1px solid var(--edge);background:linear-gradient(#141a30eb,#0a0d1af0);border-radius:14px;width:min(440px,100%);padding:18px 22px;position:relative;box-shadow:0 20px 60px #0000008c}.closed-card h2{color:var(--gold);margin:0 0 8px}.closed-card p{margin:0 0 14px;line-height:1.6}.closed-card small{color:var(--ink-dim)}@media (max-height:460px){.away-card{padding:10px 14px}.away-card h3{margin-bottom:4px}.away-btns{margin-top:8px}.away-btns button{padding:7px}}.acct{flex-direction:column;align-items:center;gap:6px;margin-bottom:10px;display:flex}.acct:empty{display:none}.acct .gbtn{justify-content:center;width:100%;min-height:44px;display:flex}.acct small{color:var(--ink-dim);font-size:11px}.acct .who{border:1px solid var(--edge);text-align:left;background:#0000004d;border-radius:10px;align-items:center;gap:8px;width:100%;padding:6px 10px;font-size:12px;display:flex}.acct .who img{border-radius:50%;width:26px;height:26px}.acct .who span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.linkbtn{color:var(--gold);background:0 0;border:0;padding:2px;font-size:12px;text-decoration:underline}.field span small{color:var(--ink-dim);margin-left:6px;font-size:11px}.field input[readonly]{color:var(--gold);background:#e8c37214}.cash{color:#9fe3ff;margin-left:auto;font-size:13px;font-weight:700}.cash:empty{display:none}.cash+.gold{margin-left:12px}@media (max-height:460px){.acct{margin-bottom:6px}}#pframe{cursor:pointer}#facbox{z-index:6;background:#04060e8c;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;inset:0}.away-card.fac-wrap{width:min(560px,100%)}.fac-cards{grid-template-columns:1fr 1fr;gap:8px;display:grid}.fac-card{background:#0000004d;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;gap:2px;padding:9px 10px;font-size:12px;display:flex;position:relative}.fac-card b{font-size:14px}.fac-card small{color:var(--ink-dim)}.fac-card p{margin:2px 0}.fac-card .dim{color:var(--ink-dim);font-size:11px}.fac-card.sun b{color:var(--sun)}.fac-card.night b{color:var(--night)}.fac-card.mine.sun{border-color:var(--sun);box-shadow:0 0 14px #f0c55a40}.fac-card.mine.night{border-color:var(--night);box-shadow:0 0 14px #b07be040}.fac-card em{color:var(--gold);margin-top:4px;font-style:normal;font-weight:700}.fac-card button{color:#1d1406;border:0;border-radius:9px;margin-top:6px;padding:7px;font-weight:700}.fac-card button.sun{background:linear-gradient(180deg, #ffe7a8, var(--sun))}.fac-card button.night{background:linear-gradient(180deg, #dcc0f5, var(--night))}.fac-bonus{color:#7fe0a4;background:#123a26;border-radius:99px;padding:1px 7px;font-size:11px;font-weight:700;position:absolute;top:8px;right:8px}.pick-title small{color:var(--ink-dim);font-size:10px}#party{flex-direction:column;gap:3px;width:150px;display:flex;position:absolute;top:120px;left:12px}#party[hidden]{display:none}#party .ph{color:#8dff9a;text-shadow:0 1px 2px #000;align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}#party .ph button{border:1px solid var(--edge);background:var(--panel);border-radius:99px;margin-left:auto;padding:1px 8px;font-size:10px;font-weight:700}#party .pm{background:var(--panel);cursor:pointer;border:1px solid #8dff9a40;border-radius:8px;padding:3px 7px 4px}#party .pm-top{white-space:nowrap;align-items:baseline;gap:4px;font-size:11px;font-weight:700;display:flex;overflow:hidden}#party .pm-n{text-overflow:ellipsis;overflow:hidden}#party .pm-lv{color:var(--gold);font-size:10px}#party .pm small{color:var(--ink-dim);text-overflow:ellipsis;margin-left:auto;font-size:9px;font-weight:600;overflow:hidden}#party .pm-bar{background:#00000080;border-radius:2px;height:4px;margin-top:2px;overflow:hidden}#party .pm-bar i{background:linear-gradient(90deg,#3fae4f,#8dff9a);height:100%;transition:width .3s;display:block}#party .pm.dead .pm-bar i{width:0!important}#party .pm.dead .pm-n{color:#ff8a7a}#party .pm.off{opacity:.5}#party .crown{color:var(--gold);font-size:10px;font-style:normal}.pop{text-align:center;background:linear-gradient(#161c34f7,#0a0d1afa);border:1px solid #8dff9a73;border-radius:12px;width:min(300px,100vw - 24px);padding:10px 14px;font-size:13px;box-shadow:0 12px 40px #0009}.pop p{margin:0;line-height:1.5}.pop small{color:var(--ink-dim)}.pop .away-btns{margin-top:8px}.pop .away-btns button{white-space:nowrap;padding:8px 6px}#pask{z-index:7;position:absolute;top:56px;left:50%;transform:translate(-50%)}#pask[hidden],#pcard[hidden]{display:none}#pcard{z-index:7;justify-content:center;align-items:flex-start;padding-top:56px;display:flex;position:absolute;inset:0}.mk.mate{color:#c9ffd0;flex-direction:column;align-items:center;gap:1px;display:flex}.mk.mate i{background:#8dff9a;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 2px #0b2a12,0 0 8px #8dff9a}.mk.mate span{background:#081e0ebf;border-radius:99px;padding:0 5px;font-size:10px}#mapparty{pointer-events:none;position:absolute;inset:0}@media (max-height:460px){#party{gap:2px;width:140px}#party .pm{padding:2px 6px 3px}}#tab-smith{gap:12px;display:flex}#tab-smith[hidden]{display:none}.smith-list{grid-template-columns:repeat(6,1fr);grid-auto-rows:min-content;align-content:start;gap:5px;width:46%;display:grid;overflow:auto}.smith-list .slot.worn:after{content:"ใส่";color:var(--gold);text-shadow:0 1px 2px #000;font-size:8px;position:absolute;top:1px;right:3px}.smith-box{flex-direction:column;flex:1;gap:6px;min-width:0;font-size:12px;display:flex;overflow:auto}.smith-box .dim{color:var(--ink-dim)}.sm-head{align-items:center;gap:8px;display:flex}.sm-head img{width:36px;height:36px}.sm-head b{font-size:14px;display:block}.sm-head small{color:var(--ink-dim)}.sm-step{align-items:center;gap:8px;font-size:18px;font-weight:800;display:flex}.sm-step i{color:var(--ink-dim);font-size:14px;font-style:normal}.sm-step .to{color:var(--gold)}.sm-step em{color:#a8f5a8;background:#6fe36f26;border-radius:99px;margin-left:auto;padding:2px 8px;font-size:12px;font-style:normal}.sm-step em.risk{color:#ffc58a;background:#ff9f4026}.sm-stats p{margin:0}.sm-stats .arrow{color:var(--ink-dim)}.sm-stats b{color:#a8f5a8}.sm-cost{flex-wrap:wrap;gap:12px;display:flex}.sm-cost span{color:var(--gold);align-items:center;gap:4px;font-weight:700;display:flex}.sm-cost img{width:20px;height:20px}.sm-cost .bad{color:#ff8f7a}.sm-note{color:var(--ink-dim);margin:0;font-size:11px}.sm-msg{margin:0;font-size:13px;font-weight:800;animation:.35s smpop}.sm-msg.ok{color:#ffd34d}.sm-msg.bad{color:#ff8f7a}@keyframes smpop{0%{opacity:0;transform:scale(1.25)}to{opacity:1;transform:none}}.sm-max{color:var(--gold);font-weight:700}.sm-go{color:#2a1a05;background:linear-gradient(180deg, #ffe7a8, var(--gold) 55%, var(--gold-deep));border:0;border-radius:10px;margin-top:auto;padding:9px;font-size:14px;font-weight:800}.sm-go:disabled{filter:grayscale()brightness(.6)}@media (max-width:700px){.smith-list{grid-template-columns:repeat(4,1fr)}}#tab-market{flex-direction:column;gap:6px;display:flex}#tab-market[hidden]{display:none}.mk-top{align-items:center;gap:8px;display:flex}.mk-views{gap:4px;display:flex}.mk-views button,.mk-filters button{color:var(--ink-dim);white-space:nowrap;background:#0000004d;border:1px solid #ffffff1f;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}.mk-views button.active,.mk-filters button.active{color:var(--gold);border-color:var(--edge);background:#e8c3721a}#mkclaim{color:#a8f5a8;align-items:center;gap:6px;margin-left:auto;font-size:12px;font-weight:700;display:flex}#mkclaim[hidden]{display:none}#mkclaim button,.mk-go{color:#2a1a05;background:linear-gradient(180deg, #ffe7a8, var(--gold) 55%, var(--gold-deep));border:0;border-radius:9px;padding:5px 12px;font-weight:800}#mk-buy{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex}#mk-buy[hidden]{display:none}.mk-filters{align-items:center;gap:6px;display:flex}#mkfilters{scrollbar-width:none;flex:1;gap:4px;min-width:0;display:flex;overflow-x:auto}#mkfilters::-webkit-scrollbar{display:none}#mksearch{width:130px;font:inherit;color:var(--ink);border:1px solid var(--edge);-webkit-user-select:text;user-select:text;background:#0006;border-radius:8px;outline:none;flex:none;padding:4px 8px;font-size:16px}.mk-list{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex;overflow:auto}.mk-row{background:#0000004d;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:8px;padding:4px 8px;display:flex}.mk-row img,.mk-sel img{background:#0000004d;border:1px solid #ffffff1a;border-radius:7px;flex:none;width:32px;height:32px}.mk-row img.r1,.mk-sel img.r1{border-color:#6fe36fa6}.mk-row img.r2,.mk-sel img.r2{border-color:#59b8f0bf}.mk-row img.r3,.mk-sel img.r3{border-color:#ff9f40d9}.mk-name{flex:1;min-width:0;font-size:12px}.mk-name b{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.mk-name small{color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.mk-price{text-align:right;flex:none;font-size:12px}.mk-price b{color:var(--gold);display:block}.mk-price small{color:var(--ink-dim);font-size:10px;display:block}.mk-price .ok{color:#a8f5a8}.mk-price .bad{color:#ff8f7a}.mk-row button{border:1px solid var(--edge);background:#e8c3721f;border-radius:8px;flex:none;padding:6px 12px;font-size:12px;font-weight:700}.mk-row button.conf{background:var(--gold);color:#2a1a05}.mk-row button:disabled{opacity:.4}.mk-row.small{padding:3px 6px}.mk-row.small img{width:26px;height:26px}.mk-pager{color:var(--ink-dim);justify-content:center;align-items:center;gap:10px;font-size:11px;display:flex}.mk-pager button{border:1px solid var(--edge);background:#0000004d;border-radius:8px;padding:2px 12px;font-weight:800}.mk-pager button:disabled{opacity:.3}.mk-empty,.mk-hint{text-align:center;color:var(--ink-dim);margin:12px 0;font-size:12px}#mk-sell{flex:1;gap:10px;min-height:0;display:flex}#mk-sell[hidden]{display:none}.mk-bag{grid-template-columns:repeat(6,1fr);grid-auto-rows:min-content;align-content:start;gap:4px;width:40%;display:grid;overflow:auto}.mk-side{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex;overflow:auto}.mk-form{flex-direction:column;gap:4px;font-size:12px;display:flex}.mk-sel{align-items:center;gap:8px;display:flex}.mk-guide{color:#9fe3ff;margin:0;font-size:11px}.mk-inputs{gap:8px;display:flex}.mk-inputs label{color:var(--ink-dim);flex-direction:column;flex:1;gap:2px;font-size:10px;display:flex}.mk-inputs input{width:100%;font:inherit;color:var(--ink);border:1px solid var(--edge);-webkit-user-select:text;user-select:text;background:#0006;border-radius:8px;outline:none;padding:5px 8px;font-size:16px}.mk-net{color:var(--ink-dim);margin:0;font-size:11px}.mk-net b{color:var(--gold)}.mk-go{padding:7px;font-size:13px}.mk-go:disabled{filter:grayscale()brightness(.6)}.mk-mine h5{color:var(--gold);margin:4px 0;font-size:12px}.mk-mine{flex-direction:column;gap:3px;display:flex}@media (max-width:700px){.mk-bag{grid-template-columns:repeat(4,1fr)}#mksearch{width:96px}}.row2{align-items:center;gap:6px;display:flex}#qchip{color:var(--gold);pointer-events:auto;white-space:nowrap;background:#00000059;border:1px solid #e8c37280;border-radius:99px;margin-left:auto;padding:1px 8px;font-size:10px;font-weight:700}#qchip[hidden]{display:none}#qchip.all{color:#8dff9a;border-color:#6fe36f}#ppchip{color:#bfdcff;pointer-events:auto;white-space:nowrap;background:#00000059;border:1px solid #9fc8ff8c;border-radius:99px;padding:1px 8px;font-size:10px;font-weight:700;position:relative}#ppchip[hidden]{display:none}#ppchip b{background:#ff5a4a;border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;right:-3px;box-shadow:0 0 4px #ff5a4a}.pp-card{flex-direction:column;width:min(560px,100%);max-height:calc(100dvh - 24px);display:flex}.pp-head{align-items:center;display:flex}.pp-head h3{flex:1;margin:0}.pp-head h3 small{color:var(--ink-dim);font-size:11px;font-weight:600}.pp-bar{align-items:center;gap:8px;margin:6px 0 4px;font-size:12px;display:flex}.pp-bar i{background:#00000073;border-radius:99px;flex:1;height:8px;overflow:hidden}.pp-bar u{background:linear-gradient(90deg,#5a8ce0,#bfdcff);height:100%;display:block}.pp-bar small{color:var(--ink-dim)}.pp-earn{color:var(--ink-dim);flex-wrap:wrap;gap:2px 10px;font-size:11px;display:flex}.pp-earn b{color:#bfdcff}.pp-top{gap:6px;margin:6px 0;display:flex}.pp-top button{border:1px solid var(--edge);background:#0000004d;border-radius:10px;padding:6px 12px;font-size:12px;font-weight:800}.pp-top button:disabled{opacity:.45}.pp-buy{color:#2a1a05;background:linear-gradient(180deg, #ffe7a8, var(--gold) 55%, var(--gold-deep))!important;border:0!important}.pp-buy.go{background:linear-gradient(#ffb0a0,#ff7a5a)!important}.pp-have{color:#ffd34d;align-self:center;font-size:12px;font-weight:800}.pp-all{color:#8dff9a;margin-left:auto}.pp-cols,.pp-row{grid-template-columns:26px 1fr 1fr;align-items:center;gap:4px;display:grid}.pp-cols{color:var(--ink-dim);text-align:center;font-size:11px}.pp-list{flex-direction:column;flex:1;gap:3px;min-height:0;margin-bottom:4px;padding-right:2px;display:flex;overflow-y:auto}.pp-row{opacity:.55}.pp-row.on{opacity:1}.pp-row.next .pp-lv{outline:1px solid #bfdcff}.pp-lv{text-align:center;background:#00000059;border-radius:8px;padding:4px 0;font-size:12px}.pp-r{background:#0000004d;border:1px solid #0000;border-radius:9px;align-items:center;gap:5px;min-width:0;padding:4px 6px;font-size:11px;display:flex}.pp-r.prem{background:#3c280a59;border-color:#e8c37259}.pp-r.got{filter:grayscale(.6);opacity:.7}.pp-r span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pp-r span.big{color:#ffd34d;font-weight:700}.pp-r button{color:#10301a;background:#8dff9a;border:0;border-radius:8px;padding:3px 9px;font-weight:800}.pp-r em{font-style:normal}.pp-r em.got{color:#8dff9a}.pp-ic{border-radius:4px;flex:none;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-style:normal;font-weight:900;display:inline-flex}.pp-ic.gold{color:#3a2a05;background:#e8b43a}.pp-ic.star{color:#ffd34d;background:#3a2a55;width:auto;padding:0 3px}.q-note{color:var(--ink-dim);font-size:11px}.q-row{background:#0000004d;border-radius:10px;align-items:center;gap:8px;margin:4px 0;padding:6px 10px;display:flex;position:relative;overflow:hidden}.q-row>div{z-index:1;flex-direction:column;flex:1;display:flex;position:relative}.q-row small{color:var(--ink-dim);font-size:11px}.q-row span{z-index:1;color:var(--gold);font-weight:800;position:relative}.q-row.done span{color:#8dff9a}.q-row i{background:linear-gradient(90deg, var(--gold-deep), var(--gold));height:3px;position:absolute;bottom:0;left:0}.q-row.done i{background:#6fe36f}.rank-card{width:min(480px,100%)}.rank-tabs{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.rank-tabs button{border:1px solid var(--edge);background:#0000004d;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}.rank-tabs button.active{background:var(--gold);color:#2a1a05;border-color:var(--gold)}.rank-list{background:#00000040;border-radius:8px;max-height:190px;overflow:auto}.rank-list table{border-collapse:collapse;width:100%;font-size:12px}.rank-list td{border-bottom:1px solid #ffffff0a;padding:3px 6px}.rank-list small{color:var(--ink-dim);font-size:10px}.rank-list td.no{text-align:right;width:26px;color:var(--ink-dim);font-weight:800}.rank-list td.v{text-align:right;color:#ffd34d;white-space:nowrap;font-weight:800}.rank-list tr:nth-child(-n+3) td.no{color:#ffd34d}.rank-list tr.me td{background:#6fe36f1f}.rank-list .dot{border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.dim{color:var(--ink-dim);text-align:center;padding:10px}@media (max-height:460px){.rank-list{max-height:150px}}#tab-honor{flex-direction:column;gap:6px;display:flex}#tab-honor[hidden]{display:none}.hn-head{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.hn-bal{flex-direction:column;font-size:12px;display:flex}.hn-bal b{color:#ffd34d;font-size:18px}.hn-bal small{color:var(--ink-dim);font-size:10px}.hn-set{background:#59b8f014;border:1px solid #59b8f040;border-radius:8px;flex:1;min-width:180px;padding:4px 8px}.setn{color:#59b8f0;margin:0;font-size:12px;font-weight:700}.setb{color:var(--ink-dim);margin:0;font-size:11px}.setb.on{color:#8dff9a}.hn-list{grid-template-columns:1fr 1fr;align-content:start;gap:5px;display:grid;overflow:auto}.hn-item{background:#00000040;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:6px;padding:5px 6px;display:flex}.hn-item img{flex:none;width:32px;height:32px}.hn-txt{flex:1;min-width:0;font-size:11px;line-height:1.3}.hn-txt b{font-size:12px;display:block}.hn-txt small{color:var(--ink-dim)}.hn-txt small.bad{color:#ff8a7a}.hn-txt p{color:var(--ink);margin:2px 0 0}.hn-item .buy{flex:none;padding:4px 8px;line-height:1.2}.hn-item .buy small{font-size:9px}.hn-item .buy:disabled{filter:grayscale()brightness(.6)}#itemtip .bound{color:#ffb47a;margin-top:4px;font-size:10px}#itemtip .setn{margin-top:4px}@media (max-width:700px){.hn-list{grid-template-columns:1fr}}.mbtn.bf{pointer-events:auto;color:#ffd9b8;white-space:nowrap;background:linear-gradient(#782810e6,#280e08e6);border-color:#ff9a5a;animation:1.6s ease-in-out infinite bfglow;box-shadow:0 0 14px #ff783c59}.mbtn.bf.queued{color:#c8ffc8;background:var(--panel);border-color:#6fe36f;animation:none;box-shadow:0 0 12px #6fe36f4d}.mbtn.bf.leave{color:var(--ink-dim);background:var(--panel);box-shadow:none;border-color:#ffffff4d;animation:none}.mbtn.bf[hidden]{display:none}@keyframes bfglow{50%{box-shadow:0 0 22px #ff8c46a6}}#warscore{background:var(--panel);border:1px solid var(--edge);pointer-events:none;white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:3px 10px;font-size:13px;font-weight:800;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}#warscore[hidden]{display:none}.ws-mid{align-items:center;gap:4px;display:flex}.ws-mid small{color:var(--ink-dim);margin-left:4px;font-size:11px}.ws-mid i{background:var(--c);width:12px;height:12px;box-shadow:0 0 0 2px var(--s);border-radius:2px;transform:rotate(45deg)}.war-st{margin:2px 0;font-size:12px}.war-last{color:var(--ink-dim);margin:2px 0;font-size:11px}.war-go{color:#8dff9a;margin:2px 0;font-size:12px;font-weight:700}@media (max-width:760px){#warscore{top:74px}}#bfscore{background:var(--panel);border:1px solid var(--edge);border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;gap:4px;width:236px;padding:4px 8px 6px;display:grid;position:absolute;top:8px;left:50%;transform:translate(-50%)}#bfscore[hidden]{display:none}.bfs-team{flex-direction:column;min-width:0;line-height:1.1;display:flex}.bfs-team b{white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:700;overflow:hidden}.bfs-team span{text-shadow:0 1px 3px #000;font-size:18px;font-weight:800}.bfs-team.t0{color:#f0c55a}.bfs-team.t1{color:#5aa8f0;text-align:right;align-items:flex-end}.bfs-team.mine b:after{content:" (คุณ)";color:var(--ink-dim);font-weight:600}.bfs-mid{flex-direction:column;align-items:center;gap:1px;display:flex}.bfs-flags{gap:4px;display:flex}.bfs-flags i{background:conic-gradient(var(--s,transparent) calc(var(--p,0) * 1%), #00000080 0);border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:relative}.bfs-flags i:before{content:"";background:var(--c,#6b6658);border-radius:50%;position:absolute;inset:3px;box-shadow:inset 0 -2px 3px #00000059}.bfs-flags i em{color:#10131c;font-size:9px;font-style:normal;font-weight:800;position:relative}.bfs-flags i.fight:before{animation:.5s steps(2,end) infinite bffight}@keyframes bffight{50%{background:#ff5050}}.bfs-mid small{color:var(--ink);font-size:11px;font-weight:700}.bfs-mid small.prep{color:#ffd34d}.bfs-bar{background:#00000080;border-radius:2px;grid-column:1/-1;height:4px;position:relative;overflow:hidden}.bfs-bar i{width:0;transition:width .4s;position:absolute;top:0;bottom:0}.bfs-bar .b0{background:#f0c55a;left:0}.bfs-bar .b1{background:#5aa8f0;right:0}#hud.inbf #toast{top:76px}#hud.inbf #lootfeed{top:82px}.bf-modal{z-index:6;pointer-events:auto;background:#04060e8c;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;inset:0}.bf-modal[hidden]{display:none}.bf-card{width:min(460px,100%)}.bf-when{color:#ffd9b8;font-weight:700}.bf-rules{color:var(--ink-dim);margin:6px 0;padding-left:18px;font-size:12px}.bf-rules li{margin:2px 0}.bf-count b{min-width:0!important;color:var(--gold)!important}.bf-count .ok{color:#8dff9a}.bf-note{color:#ff9a84;font-size:12px}.bf-res{text-align:center;margin-bottom:2px!important;font-size:24px!important}.bf-res.win{color:#ffd34d!important}.bf-res.lose{color:#9fb0c8!important}.bf-res.draw{color:var(--ink)!important}.bf-final{text-align:center;font-size:15px}.bf-final b{min-width:0!important;font-weight:800!important}.bf-reward{background:#ffd34d14;border-radius:10px;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:6px 0;padding:6px;display:flex}.bf-reward span{align-items:center;gap:4px;display:inline-flex}.bf-reward b{color:#ffd34d}.bf-reward img{width:22px;height:22px}.bf-table{background:#00000040;border-radius:8px;max-height:132px;overflow:auto}.bf-table table{border-collapse:collapse;width:100%;font-size:12px}.bf-table th{color:var(--ink-dim);text-align:right;background:#101426fa;padding:3px 6px;font-weight:600;position:sticky;top:0}.bf-table td{text-align:right;padding:2px 6px}.bf-table th:first-child,.bf-table td:first-child{text-align:left}.bf-table tr.left td{opacity:.45}.bf-table .dot{vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.bf-table .mvp{color:#2a1a05;background:#ffd34d;border-radius:4px;padding:0 4px;font-size:9px;font-style:normal;font-weight:800}.bf-back{text-align:center;margin-top:4px;display:block}.badge.pk-battle{color:#ffc9a8;background:#7a2a12}.mbtn.bf.idle{color:#ffd9b8;background:var(--panel);box-shadow:none;border-color:#ff9a5a80;animation:none}.war-h{color:#ffd9b8;margin:8px 0 4px;font-size:14px}.war-h small{color:var(--ink-dim);font-size:11px;font-weight:600}.war-h small.bf-when{color:#ffd9b8}.bf-row{align-items:center;gap:8px;display:flex}.bf-row p{flex:1;margin:0}.bf-row button,.ar-mode button{border:1px solid var(--edge);white-space:nowrap;background:#0000004d;border-radius:10px;padding:6px 12px;font-weight:700}.bf-row button.ok,.ar-mode button.ok{color:#2a1a05;background:linear-gradient(180deg, #ffe7a8, var(--gold) 55%, var(--gold-deep));border:0}.war-ar{border-top:1px solid #ffffff14;margin-top:6px}.ar-mode{background:#00000040;border-radius:10px;align-items:center;gap:8px;margin:4px 0;padding:5px 8px;display:flex}.ar-mode>div{flex-direction:column;flex:1;min-width:0;display:flex}.ar-mode small{color:var(--ink-dim);font-size:11px}.ar-btns{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.ar-mode small .ok{color:#6fe36f}.ar-mode small em{color:#ffd34d;font-style:normal;font-weight:800}.ar-mode.queued{outline:1px solid #6fe36f}.ar-note{color:var(--ink-dim);font-size:11px;margin:4px 0 0!important}.bad{color:#ff8a7a}#arhud{background:var(--panel);border:1px solid var(--edge);border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;width:300px;padding:4px 6px;display:grid;position:absolute;top:8px;left:50%;transform:translate(-50%)}#arhud[hidden]{display:none}.ar-side{flex-direction:column;gap:2px;min-width:0;display:flex}.ar-side.r{text-align:right}.ar-side.mine .ar-p span{font-weight:800}.ar-p span{white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.ar-p small{color:var(--ink-dim);font-size:9px}.ar-p i{background:#00000080;border-radius:2px;height:4px;display:block;overflow:hidden}.ar-p i b{height:100%;transition:width .3s;display:block}.ar-side.r .ar-p i b{margin-left:auto}.ar-p.down{opacity:.4}.ar-mid{flex-direction:column;align-items:center;display:flex}.ar-mid b{color:var(--gold);white-space:nowrap;font-size:10px}.ar-mid small{font-size:12px;font-weight:800}.ar-count{color:#ffd34d;text-shadow:0 4px 16px #000;pointer-events:none;font-size:64px;font-weight:900;position:fixed;top:27vh;left:50%;transform:translate(-50%,-50%)}.ar-vs{text-align:center;font-size:12px}.ar-vs b{color:var(--ink-dim);margin:0 6px}#hud.inar #toast{top:76px}@media (max-width:760px){#arhud{width:260px;top:74px}#hud.inar #toast{top:130px}#bfscore{width:210px;top:74px}#hud.inbf #toast{top:130px}#hud.inbf #lootfeed{top:136px}}@media (max-height:460px){.bf-table{max-height:96px}.bf-rules{margin:4px 0}.bf-res{font-size:20px!important}}.mbtn.cash{color:#ffe3a0;background:linear-gradient(#5a3e10eb,#241808eb);border-color:#e8c372}.cs-card{flex-direction:column;width:min(640px,100%);max-height:100%;display:flex;overflow:hidden}.cs-head{align-items:center;gap:10px;display:flex}.cs-head h3{margin:0}.cs-bal{color:#ffe3a0;margin-left:auto;font-size:13px}.cs-bal b{color:#ffd34d;font-size:15px}.cs-head .close{border:1px solid var(--edge);background:#00000059;border-radius:99px;width:30px;height:30px}.cs-tabs{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}.cs-tabs button{border:1px solid var(--edge);background:#0000004d;border-radius:99px;padding:4px 12px;font-size:12px;font-weight:700}.cs-tabs button.active{background:var(--gold);color:#2a1a05;border-color:var(--gold)}.cs-body{flex:1;gap:10px;min-height:0;display:flex}.cs-prev{text-align:center;flex-direction:column;flex:none;align-items:center;gap:3px;width:200px;display:flex;overflow:auto}#cashbox.wide .cs-prev{display:none}.cs-prev canvas{background:radial-gradient(circle at 50% 70%,#ffd6782e,#00000059 70%);border-radius:12px;width:132px;height:132px}.cs-name{font-size:15px}.cs-desc{font-size:11px;line-height:1.35}.cs-dyes{flex-wrap:wrap;justify-content:center;gap:4px;margin:2px 0;display:flex}.cs-dyes button{border:1px solid var(--edge);background:#0000004d;border-radius:99px;padding:3px 8px;font-size:11px}.cs-dyes button.active{border-color:var(--gold);color:var(--gold);background:#e8c37226}.cs-go{border:1px solid var(--edge);background:#0000004d;border-radius:10px;width:100%;padding:8px;font-weight:800}.cs-go.ok{color:#2a1a05;background:linear-gradient(#e8c372,#b58a3a);border-color:#e8c372}.cs-go.buy{color:#062006;background:linear-gradient(#6fe36f,#3a9a3a);border-color:#6fe36f}.cs-go:disabled{opacity:.45}.cs-note{color:var(--ink-dim);margin:2px 0;font-size:11px}.cs-note.bad,.cs-prev .bad{color:#ff8a7a}.cs-msg{color:#ffe3a0;margin:2px 0;font-size:12px}.cs-list{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:6px;display:grid;overflow:auto}#cashbox.wide .cs-list{grid-template-columns:1fr}.cs-item{text-align:left;background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:6px;padding:5px;display:flex}.cs-item.sel{border-color:var(--gold);background:#e8c3721f}.cs-item span{flex-direction:column;min-width:0;font-size:12px;display:flex}.cs-item b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.cs-item em,.cs-good em,.cs-title em{color:var(--ink-dim);font-size:11px;font-style:normal;font-weight:700}.cs-item em.price{color:#ffd34d}.cs-item em.on,.cs-good em.on,.cs-title em.on{color:#8dff9a}.cs-item em.rw{color:#ffa64d}.cs-item em.off{color:#8a8478}.cs-item .lim{color:#ff9a5a;font-size:10px}.cs-thumb{background-color:#ffffff0d;background-repeat:no-repeat;border-radius:8px;flex:none;width:56px;height:56px}.cs-thumb.none{color:var(--ink-dim);justify-content:center;align-items:center;font-style:normal;display:flex}.cs-good{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;padding:7px 8px;display:flex}.cs-ico{background:#ffffff0f 50%/44px no-repeat;border-radius:10px;flex:none;width:52px;height:52px;font-style:normal;position:relative;box-shadow:inset 0 0 0 1px #e8c37240}.cs-ico.fac .s{background:radial-gradient(circle, #fffbe6 0 24%, #ffd36a 34%, #e89a2a 50%, transparent 54%), repeating-conic-gradient(#ffd26ef2 0 9deg, transparent 9deg 30deg);filter:drop-shadow(0 0 4px #ffbe50cc);border-radius:50%;width:26px;height:26px;position:absolute;top:7px;left:6px}.cs-ico.fac .m{filter:drop-shadow(0 0 4px #c8a0fff2);border-radius:50%;width:22px;height:22px;position:absolute;bottom:7px;right:7px;transform:rotate(-20deg);box-shadow:inset -6px 3px #e6d4ff}.cs-good>div{flex-direction:column;flex:1;font-size:12px;display:flex}.cs-good b{font-size:13px}.cs-good.daily{border-color:#6fe36f73}.cs-good .buy,.cs-pets button{color:#ffe3a0;background:#e8c37226;border:1px solid #e8c372;border-radius:10px;padding:6px 10px;font-size:12px;font-weight:800;line-height:1.15}.cs-good .buy:disabled{opacity:.45}.cs-pets{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.cs-pets button{border-color:var(--edge);color:var(--ink);background:#0000004d;align-items:center;gap:4px;font-weight:600;display:flex}.cs-pets button.active{border-color:var(--gold);color:var(--gold)}.cs-pets i{background-position:0 0;background-repeat:no-repeat;width:44px;height:44px}.cs-sub{color:#ffd9b8;margin:8px 0 2px;font-size:13px}.cs-sub small{color:var(--ink-dim);font-size:11px;font-weight:600}.cs-pet{background-repeat:no-repeat;flex:none;width:40px;height:40px;position:relative}.cs-pet b{border:2px solid #0009;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:-2px}.cs-title{text-align:left;background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;padding:7px 10px;display:flex}.cs-title.sel{border-color:var(--gold)}.cs-title small{margin-left:auto}.ar-season{background:#503c0a40;border:1px solid #ffd65a59;border-radius:10px;margin:4px 0 6px;padding:6px 8px;font-size:12px}.ar-season b{color:#ffd84a}.ar-rw{color:#ffe3a0;flex-wrap:wrap;gap:2px 10px;margin:3px 0;font-size:11px;display:flex}.rank-season{color:#ffe3a0;margin:0 0 6px;font-size:12px}@media (max-height:460px){.cs-card{padding:8px 12px}.cs-prev{gap:2px;width:180px}.cs-prev canvas{flex:none;width:96px;height:96px}.cs-prev>small.dim{display:none}.cs-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cs-dyes{flex-wrap:nowrap}.cs-dyes button{white-space:nowrap;padding:2px 6px;font-size:10px}.cs-go{padding:6px}.cs-tabs{margin:4px 0}}@media (max-width:700px){.cs-list{grid-template-columns:1fr}.cs-prev{width:160px}}#advchip{color:#bfefff;background:#080e1cb8;border:1px solid #9fe8ff8c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:15px;font-weight:700;line-height:1;display:flex;position:absolute;bottom:156px;right:190px}#advchip small{white-space:nowrap;margin-top:1px;font-size:8px;font-weight:700}#advchip.glow{border-color:var(--gold);color:var(--gold);animation:1.4s ease-in-out infinite advglow}@keyframes advglow{50%{box-shadow:0 0 10px #ffd34db3}}.adv-card{width:min(620px,100%)}.adv-card h3 small{margin-left:6px;font-size:12px;font-weight:600}.adv-slots{justify-content:center;gap:6px;display:flex}.adv-slot{background:#00000059;border:1px solid #ffffff26;border-radius:10px;flex-direction:column;align-items:center;gap:1px;width:52px;padding:3px 0 2px;display:flex;position:relative}.adv-slot img{border-radius:8px;width:38px;height:38px}.adv-slot small{color:var(--ink-dim);white-space:nowrap;font-size:9px}.adv-slot.ult{border-color:#ffaa5080;margin-left:10px}.adv-slot.sel{border-color:var(--gold);box-shadow:0 0 10px #e8c37273}.adv-pool{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px;display:grid}.adv-skill{text-align:left;background:#0000004d;border:1px solid #ffffff1a;border-radius:9px;align-items:center;gap:6px;min-width:0;padding:3px 6px;display:flex;position:relative}.adv-skill img{border-radius:7px;flex:none;width:30px;height:30px}.adv-skill span{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.25;display:-webkit-box;overflow:hidden}.adv-skill.on{background:#285a3259;border-color:#8dff9a99}.adv-skill.ult span{color:#ffc58a}.adv-skill.locked{opacity:.55}.adv-skill em{color:#ff9a8a;font-size:9px;font-style:normal;position:absolute;bottom:2px;right:4px}.adv-desc{min-height:2.6em;color:var(--ink-dim);font-size:11px;line-height:1.3;margin:6px 0 0!important}.adv-desc b{color:var(--ink);min-width:0!important}.away-btns button[disabled]{opacity:.45}.adv-branches{grid-template-columns:1fr 1fr;gap:8px;display:grid}.adv-branch{background:#0000004d;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;gap:3px;padding:8px 9px;display:flex}.adv-branch>b{color:var(--gold);font-size:14px}.adv-branch>small{font-size:11px}.adv-branch.mine{border-color:var(--gold);box-shadow:0 0 14px #e8c37240}.adv-branch.other{opacity:.5}.adv-branch em{color:var(--gold);text-align:center;font-style:normal;font-weight:700}.adv-branch button{color:#1d1406;background:linear-gradient(180deg, #ffe7a8, var(--gold) 55%, var(--gold-deep));border:0;border-radius:9px;margin-top:3px;padding:7px;font-weight:700}.adv-row{align-items:flex-start;gap:6px;display:flex}.adv-row img{border-radius:7px;flex:none;width:28px;height:28px}.adv-row div{flex-direction:column;min-width:0;display:flex}.adv-row b{font-size:12px}.adv-row small{font-size:10px;line-height:1.25}.adv-row i{color:#ffc58a;border:1px solid #ffaa5080;border-radius:6px;padding:0 4px;font-size:9px;font-style:normal}@media (max-height:460px){.adv-slot img{width:32px;height:32px}.adv-slot{width:46px}.adv-skill img{width:26px;height:26px}.adv-pool{gap:4px;margin-top:5px}.adv-row img{width:24px;height:24px}}@media (max-width:700px){.adv-skill span{font-size:10px}}#tabStat{position:relative}#tabStat[data-n]:not([data-n=""]):after,#btnBag.pts:after{content:"";background:#ffd34d;border-radius:50%;width:7px;height:7px;position:absolute;top:2px;right:2px;box-shadow:0 0 6px #ffd34d}#tab-stat:not([hidden]){gap:10px;display:flex}.sp-left{flex-direction:column;flex:1.15;gap:5px;min-width:0;display:flex}.sp-row{border:1px solid #ffffff12;border-left:3px solid var(--c);background:#0000004d;border-radius:10px;grid-template-columns:minmax(0,1fr) 96px auto;align-items:center;gap:8px;padding:5px 8px;display:grid}.sp-name b{color:var(--c);font-size:13px;display:block}.sp-name small{color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.sp-val{font-size:15px}.sp-val b{font-weight:700}.sp-val i{color:#7fe0a0;margin-left:4px;font-size:12px;font-style:normal}.sp-bar{background:#ffffff1a;border-radius:2px;height:4px;margin-top:3px;display:block;position:relative}.sp-bar em{background:var(--c);border-radius:2px;position:absolute;top:0;bottom:0;left:0}.sp-bar u{opacity:.7;background:#fff;width:2px;height:8px;position:absolute;top:-2px}.sp-btns{gap:4px;display:flex}.sp-btns button{border:1px solid var(--edge);background:#e8c3721f;border-radius:8px;min-width:34px;height:30px;padding:0 6px;font-weight:700}.sp-btns button:disabled{opacity:.3}.sp-foot{color:var(--ink-dim);justify-content:space-between;gap:6px;padding:0 2px;font-size:11px;display:flex}.sp-status b{color:#ffd34d;font-size:13px}.sp-acts{flex-wrap:wrap;gap:5px;margin-top:auto;display:flex}.sp-acts button{border:1px solid var(--edge);white-space:nowrap;background:#e8c3721a;border-radius:8px;flex:1;padding:6px 8px;font-size:12px;font-weight:700}.sp-acts button.ok{color:#c8ffc8;background:#6fe36f24;border-color:#6fe36f}.sp-acts button.on{color:#bfe6ff;border-color:#59b8f0}.sp-acts button.warn{color:#ffb4a8;background:#ff5a4624;border-color:#ff7864b3}.sp-acts button:disabled{opacity:.45}.sp-right{background:#00000040;border-radius:10px;flex:1;min-width:0;padding:6px 8px;overflow:auto}.sp-right h4{color:var(--gold);margin:0 0 4px;font-size:12px}.sp-effrow{align-items:center;gap:6px;display:flex}.sp-dot{border-radius:50%;flex:none;width:6px;height:6px}.sp-eff{color:var(--ink-dim);flex:1;justify-content:space-between;gap:6px;font-size:11px;line-height:1.75;display:flex}.sp-eff b{color:var(--ink);white-space:nowrap;font-weight:600}.sp-eff.up b{color:#7fe0a0}.sp-eff.down b{color:#ff9a85}.sp-note{color:var(--ink-dim);margin:4px 0 0;font-size:10px}@media (max-height:460px){.sp-row{padding:3px 8px}.sp-btns button{height:28px}.sp-eff{line-height:1.6}}@media (max-width:760px){.panel-card .tabs button{padding:5px 9px}.sp-row{grid-template-columns:minmax(0,1fr) 70px auto;gap:6px}.sp-btns button{min-width:30px}.sp-name small{display:none}.sp-acts button{padding:6px 5px;font-size:11px}}.auto{border:1px solid var(--edge);touch-action:manipulation;background:radial-gradient(circle at 35% 30%,#3c466ef2,#0e1222f2);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:46px;height:46px;padding:0;line-height:1.05;display:flex;position:absolute;bottom:122px;right:262px;box-shadow:0 4px 12px #00000080}.auto span{font-size:11px;font-weight:800}.auto small{color:var(--ink-dim);letter-spacing:.06em;font-size:8px}.auto.on{color:#c8ffc8;border-color:#6fe36f;animation:1.4s ease-in-out infinite autopulse;box-shadow:0 0 14px #6fe36f8c,0 4px 12px #00000080}.auto.on small{color:#8dff9a}@keyframes autopulse{50%{box-shadow:0 0 22px #6fe36fd9,0 4px 12px #00000080}}#log p.whisper{color:#ff9ff0}#chatch.w{color:#ff9ff0;text-overflow:ellipsis;white-space:nowrap;border-color:#ff9ff099;max-width:130px;overflow:hidden}.mbtn.fr .frbadge{color:#fff;text-align:center;background:#e0463a;border-radius:99px;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:-6px;right:-6px}.mbtn.fr .frbadge[hidden]{display:none}.fr-card{width:min(480px,100%)}.fr-add{gap:6px;margin-bottom:6px;display:flex}.fr-add input{min-width:0;font:inherit;color:var(--ink);border:1px solid var(--edge);-webkit-user-select:text;user-select:text;background:#0006;border-radius:8px;outline:none;flex:1;padding:6px 10px;font-size:16px}.fr-add button,.fr-acts button,.fr-more button{border:1px solid var(--edge);white-space:nowrap;background:#e8c3721a;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:700}.fr-acts button.ok{color:#2a1a05;background:linear-gradient(180deg, #ffe7a8, var(--gold) 55%, var(--gold-deep));border:0}.fr-list{background:#00000040;border-radius:8px;max-height:190px;overflow:auto}.fr-row{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;align-items:center;gap:6px;padding:5px 8px;display:flex}.fr-row:not(.on) .fr-main b{color:var(--ink-dim)}.fr-row .dot{border-radius:50%;flex:none;width:8px;height:8px}.fr-main{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;line-height:1.3;overflow:hidden}.fr-main small{color:var(--ink-dim);font-size:10px}.fr-main .where{font-size:11px}.fr-main .where.on{color:#8dff9a}.fr-acts{flex:none;gap:4px;display:flex}.fr-more{flex-basis:100%;justify-content:flex-end;gap:6px;display:flex}#fask{z-index:7;border-color:#ff9ff080;position:absolute;top:56px;left:50%;transform:translate(-50%)}#fask[hidden],#tutor[hidden],#tutring[hidden]{display:none}#pcardBtns{flex-wrap:wrap}#pcardBtns button{flex:40%}#tutor{z-index:30;pointer-events:auto;border:1px solid var(--gold);background:linear-gradient(#28200cf7,#120e06f7);border-radius:12px;width:min(280px,100vw - 24px);padding:9px 12px 8px;font-size:13px;line-height:1.45;position:fixed;box-shadow:0 10px 30px #0009}#tutor p{margin:0 0 6px}.tut-btns{align-items:center;gap:8px;display:flex}.tut-btns span{color:var(--ink-dim);margin:0 auto;font-size:11px}.tut-btns button{border:1px solid var(--edge);background:#0000004d;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700}.tut-btns button.ok{color:#2a1a05;background:linear-gradient(180deg, #ffe7a8, var(--gold) 55%, var(--gold-deep));border:0}#tutring{z-index:29;pointer-events:none;border:2px solid #ffd34d;border-radius:14px;animation:1.1s ease-in-out infinite tutring;position:fixed}@keyframes tutring{50%{box-shadow:0 0 0 6px #ffd34d40,0 0 18px #ffd34d99}}@media (max-height:460px){.auto{bottom:116px;right:252px}.fr-list{max-height:150px}}.mbtn.fr .frlbl{font-style:normal}@media (max-width:700px){#menu{gap:5px}#menu .mbtn{padding:5px 9px}.mbtn.fr .frlbl{display:none}}.soc-tabs{gap:4px;margin:-2px 0 6px;display:flex}.soc-tabs button{border:1px solid var(--edge);color:var(--ink-dim);background:#0000004d;border-radius:10px;flex:1;padding:5px 8px;font-size:13px;font-weight:800}.soc-tabs button.active{color:#2a1a05;background:linear-gradient(180deg, #ffe7a8, var(--gold) 55%, var(--gold-deep));border-color:#0000}.gd-card h3{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.gd-head{color:var(--ink-dim);margin-left:auto;font-size:11px;font-weight:600}.gd-castle{color:#2a1a05;background:#ffd34d;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:800}.gd-new small,.gd-note{color:var(--ink-dim);margin:2px 0 4px;font-size:11px;display:block}.gd-notice{overflow-wrap:anywhere;background:#ffd34d14;border-radius:8px;margin:2px 0 6px;padding:4px 8px;font-size:12px;line-height:1.4}.gd-sub{margin:6px 0 4px;font-size:12px;font-weight:700}.gd-gold{color:#ffd34d}.gd-rk{text-align:center;flex:none;width:14px;font-size:12px;font-style:normal}.gd-rk.r2{color:#ffd34d}.gd-rk.r1,.gd-name{color:#9fe3c8}.fr-add input[type=number]{-moz-appearance:textfield}.fr-add button.ok{color:#2a1a05;background:linear-gradient(180deg, #ffe7a8, var(--gold) 55%, var(--gold-deep));border:0}#log p.guild{color:#9fe3c8}#chatch.g{color:#9fe3c8;border-color:#9fe3c899}@media (max-height:460px){.soc-tabs{margin-bottom:4px}.soc-tabs button{padding:3px 8px}.gd-card .fr-list{max-height:128px}.gd-card .gd-note{display:none}.gd-card .gd-sub{margin:3px 0}.gd-card .away-btns{margin-top:6px}}#sgscore{background:var(--panel);border:1px solid var(--edge);pointer-events:none;border-radius:12px;width:240px;padding:4px 8px 5px;font-size:11px;position:absolute;top:8px;left:50%;transform:translate(-50%)}#sgscore[hidden]{display:none}.sg-top{align-items:center;gap:6px;display:flex}.sg-top b{color:#9fe3ff;font-size:12px}.sg-top .sg-guard{color:#fff;background:#ffffff2e;border-radius:5px;padding:0 5px;font-size:10px}.sg-top .sg-clock{color:var(--ink);margin-left:auto;font-size:12px;font-weight:800}.sg-hp{background:#0000008c;border-radius:6px;height:12px;margin:3px 0;position:relative;overflow:hidden}.sg-hp i{background:linear-gradient(#8fe7ff,#2a9fd0);transition:width .4s;position:absolute;top:0;bottom:0;left:0}.sg-hp span{text-align:center;text-shadow:0 1px 2px #000;font-size:9px;font-weight:800;line-height:12px;display:block;position:relative}.sg-own{color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:10px;overflow:hidden}.sg-own b{color:#ffd34d}#sgscore ul{margin:0;padding:0;list-style:none}#sgscore li{align-items:center;gap:4px;line-height:1.35;display:flex}#sgscore li i{border-radius:50%;flex:none;width:7px;height:7px}#sgscore li span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:700;overflow:hidden}#sgscore li em{color:#ffd9b8;font-style:normal;font-weight:800}#sgscore li small{color:var(--ink-dim);font-size:9px}#sgscore li.me span{color:#8dff9a}#sgscore li.own span{color:#ffd34d}.sg-act{flex-wrap:wrap;justify-content:flex-end;font-size:12px}.sg-act .ok{color:#8dff9a}.sg-title{text-align:center;color:#ffd34d;margin:2px 0;font-size:12px}.bf-table tr.own td{color:#ffd34d}#worldchart .castle{fill:#ffd34d;font-weight:800}@media (max-width:760px){#sgscore{width:210px;top:74px}#sgscore ul{display:none}}@media (max-height:460px){#sgscore{padding:3px 6px 4px}#sgscore li{line-height:1.2}}.cs-ico.exp b{font:900 9px/1.05 var(--font,sans-serif);text-align:center;color:#fff;text-shadow:0 1px 1px #000;background:linear-gradient(#ff9a2a,#d8401a);border:1px solid #ffe08a;border-radius:6px;padding:1px 4px;position:absolute;bottom:-3px;right:-3px}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(/play/assets/kanit-thai-400-normal-D80Pglro.woff2)format("woff2"),url(/play/assets/kanit-thai-400-normal-D2nliXKa.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(/play/assets/kanit-vietnamese-400-normal-DRI8YWyb.woff2)format("woff2"),url(/play/assets/kanit-vietnamese-400-normal-dow6Bnto.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(/play/assets/kanit-latin-ext-400-normal-B2xPf58u.woff2)format("woff2"),url(/play/assets/kanit-latin-ext-400-normal-CHvNKHHD.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(/play/assets/kanit-latin-400-normal-BUlsQXH3.woff2)format("woff2"),url(/play/assets/kanit-latin-400-normal-HVZWrfev.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:500;src:url(/play/assets/kanit-thai-500-normal-BB8gri04.woff2)format("woff2"),url(/play/assets/kanit-thai-500-normal-Iy_w0a80.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:500;src:url(/play/assets/kanit-vietnamese-500-normal-BzTrpCM3.woff2)format("woff2"),url(/play/assets/kanit-vietnamese-500-normal-T1ndT7MF.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:500;src:url(/play/assets/kanit-latin-ext-500-normal-EHs3suD6.woff2)format("woff2"),url(/play/assets/kanit-latin-ext-500-normal-BFdWrG22.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:500;src:url(/play/assets/kanit-latin-500-normal-CX_4XcKi.woff2)format("woff2"),url(/play/assets/kanit-latin-500-normal-qBha86O4.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:600;src:url(/play/assets/kanit-thai-600-normal-Bj6oiaDc.woff2)format("woff2"),url(/play/assets/kanit-thai-600-normal-wbTlPO7I.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:600;src:url(/play/assets/kanit-vietnamese-600-normal-Bi7fw3I4.woff2)format("woff2"),url(/play/assets/kanit-vietnamese-600-normal-DXCRAa_8.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:600;src:url(/play/assets/kanit-latin-ext-600-normal-DAX3wtuq.woff2)format("woff2"),url(/play/assets/kanit-latin-ext-600-normal-BBDzoLaj.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:600;src:url(/play/assets/kanit-latin-600-normal-0lS78yAd.woff2)format("woff2"),url(/play/assets/kanit-latin-600-normal-DlacpeTg.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(/play/assets/kanit-thai-700-normal-BPu_EjOu.woff2)format("woff2"),url(/play/assets/kanit-thai-700-normal-BFFnaoRZ.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(/play/assets/kanit-vietnamese-700-normal-CdlTihzi.woff2)format("woff2"),url(/play/assets/kanit-vietnamese-700-normal-BlUBAAZx.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(/play/assets/kanit-latin-ext-700-normal-CcNUUlTS.woff2)format("woff2"),url(/play/assets/kanit-latin-ext-700-normal-2PbN0JCr.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(/play/assets/kanit-latin-700-normal-xfKc2BN3.woff2)format("woff2"),url(/play/assets/kanit-latin-700-normal-CZbzRMIr.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:800;src:url(/play/assets/kanit-thai-800-normal-Df2wY4Tx.woff2)format("woff2"),url(/play/assets/kanit-thai-800-normal-9tB_Nruv.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:800;src:url(/play/assets/kanit-vietnamese-800-normal-DCRqkpWQ.woff2)format("woff2"),url(/play/assets/kanit-vietnamese-800-normal-n2dAtJLW.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:800;src:url(/play/assets/kanit-latin-ext-800-normal-l8gEnNPg.woff2)format("woff2"),url(/play/assets/kanit-latin-ext-800-normal-DNRPpoip.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:800;src:url(/play/assets/kanit-latin-800-normal-Bmaevg4i.woff2)format("woff2"),url(/play/assets/kanit-latin-800-normal-DOFY8CUZ.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}#login,#loading{background:#0c0a0e;padding:0;display:block;position:fixed;inset:0;overflow:hidden}#login{z-index:10}#loading{z-index:20;transition:opacity .5s}#loading.out{opacity:0;pointer-events:none}.ts-bg{position:absolute;inset:0;overflow:hidden}.ts-pan{opacity:0;will-change:transform;filter:saturate(1.18)contrast(1.04);background:50%/cover no-repeat;transition:opacity 1.4s;animation:46s ease-in-out infinite alternate ts-cam;position:absolute;inset:-14%}.ts-pan.on{opacity:1}.ts-pan.b{animation-name:ts-cam2;animation-duration:52s}@keyframes ts-cam{0%{transform:translate(-5%,-3%)scale(1.02)}to{transform:translate(5%,4%)scale(1.16)}}@keyframes ts-cam2{0%{transform:translate(5%,-2%)scale(1.14)}to{transform:translate(-4%,3%)scale(1.03)}}.ts-light{pointer-events:none;transition:opacity 1.4s;position:absolute;inset:0}.ts-light.sun{background:radial-gradient(70% 90% at 12% -10%,#ffc86e52,#0000 60%),linear-gradient(#ffaa3c14,#2812002e)}.ts-light.night{opacity:0;background:radial-gradient(60% 80% at 88% -10%,#d2b4ff57,#0000 60%),linear-gradient(#3c18784d,#1408345c)}#login[data-f=night] .ts-light.sun{opacity:0}#login[data-f=night] .ts-light.night{opacity:1}.ts-shade{pointer-events:none;background:radial-gradient(34% 52% at 21%,#0a070c80,#0000 100%),linear-gradient(90deg,#0a070c6b 0%,#0a070c1f 34%,#0000 48%,#0a070c38 70%,#0a070c6b 100%),linear-gradient(#0a070c40,#0000 20% 78%,#0a070c73);position:absolute;inset:0}#login .login-card{background:var(--corners), radial-gradient(ellipse 80% 60% at 50% -10%, #e8c37224, transparent 70%), linear-gradient(180deg, #241a1cd6, #0c090de0)}.ts-motes{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#login .ts-wrap{height:100%;padding:max(10px, var(--st)) var(--sr) calc(var(--sb) + 10px) var(--sl);grid-template-columns:minmax(230px,.82fr) minmax(0,1.3fr);align-items:center;gap:16px;display:grid;position:relative}#login .ts-left{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:0;display:flex}#login .ts-brand{flex-direction:column;align-items:center;display:flex}#login .logo{isolation:isolate;letter-spacing:.22em;color:#0000;background:linear-gradient(105deg,#0000 0 40%,#fffffff2 48%,#0000 56% 100%) 0 0/300% 100% no-repeat,linear-gradient(#fffbea 0%,#ffe9a6 30%,#f5c45a 52%,#d8962e 72%,#ffdf8a 88%,#b8771f 100%);filter:none;-webkit-background-clip:text;background-clip:text;margin:0;padding:0 0 0 .22em;font-family:Cinzel,Trajan Pro,Times New Roman,Georgia,serif;font-size:clamp(38px,min(13vh,5.6vw),66px);font-weight:900;line-height:1.02;animation:6s ease-in-out infinite ts-shine;position:relative}#login .logo-wrap{position:relative}#login .logo.logo-glow{color:#5a3408;text-shadow:0 2px #2e1a04,0 4px 8px #000000d9,0 0 24px #ffc45abf,0 0 60px #ff962880;background:0 0;animation:none;display:block;position:absolute;inset:0}#login h1.logo{position:relative}@keyframes ts-shine{0%{background-position:100% 0,0 0}60%,to{background-position:-50% 0,0 0}}#login .logo-sub{letter-spacing:.5em;color:#ffe8b4b3;margin:2px 0 0;padding-left:.5em;font-size:10px;font-weight:700}#login .tagline{color:var(--gold-hi);letter-spacing:.04em;text-shadow:0 1px 2px #000,0 0 12px #e8c37273;align-items:center;gap:8px;margin:4px 0 0;font-size:14px;font-weight:700;display:flex}#login .tagline i{background:linear-gradient(90deg, transparent, var(--gold));width:34px;height:1px;display:block;position:relative}#login .tagline i:last-child{transform:scaleX(-1)}#login .tagline i:after{content:"";background:var(--gold-hi);width:5px;height:5px;position:absolute;top:-2.5px;right:-3px;transform:rotate(45deg);box-shadow:0 0 6px #ffdc8ce6}#login .ts-form{flex-direction:column;gap:6px;width:min(290px,100%);display:flex}#login .acct{margin:0}#login .acct small{text-shadow:0 1px 2px #000}#login .field{margin:0}#login .field span{color:var(--gold);text-shadow:0 1px 2px #000;font-weight:700}#login .field span small{color:var(--ink-dim);font-weight:500}#login .field input{border:1px solid var(--trim);background:#08060ab3;border-radius:10px;padding:9px 12px;box-shadow:inset 0 2px 6px #00000080}#login .field input:focus{border-color:var(--gold-hi);box-shadow:inset 0 2px 6px #00000080,0 0 0 3px #e8c3722e}#login .field input[readonly]{color:var(--gold-hi)}#login .enter{letter-spacing:.08em;border-radius:12px;width:100%;min-height:48px;margin-top:2px;font-size:18px;animation:2.6s ease-in-out infinite ts-breathe;position:relative;overflow:hidden}#login .enter:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);width:30%;animation:3.6s ease-in-out infinite ts-sweep;position:absolute;top:0;bottom:0;left:-40%;transform:skew(-20deg)translate(0)}#login .enter:disabled{animation:none}#login .enter:disabled:after{display:none}@keyframes ts-sweep{0%,55%{transform:skew(-20deg)translate(0)}to{transform:skew(-20deg)translate(560%)}}@keyframes ts-breathe{0%,to{box-shadow:0 2px #5e3c12,0 4px 12px #0000006b,0 0 10px #e8c37233,inset 0 1px #ffffffa6}50%{box-shadow:0 2px #5e3c12,0 4px 12px #0000006b,0 0 26px #ffcd6e8c,inset 0 1px #ffffffa6}}#login .err{text-shadow:0 1px 2px #000;min-height:1.2em;margin:0;font-size:12px}#login .login-card{text-align:left;flex-direction:column;gap:6px;width:100%;max-height:100%;padding:10px 12px;display:flex;overflow:auto}#login .pick-title{color:var(--gold-hi);letter-spacing:.04em;align-items:baseline;gap:6px;margin:0;font-size:12px;font-weight:800;display:flex}#login .pick-title:before{content:"";background:var(--gold);flex:none;width:6px;height:6px;transform:rotate(45deg)translateY(-1px);box-shadow:0 0 6px #e8c372b3}#login .pick-title small{color:var(--ink-dim);font-size:10px;font-weight:500}#login .factions{grid-template-columns:1fr 1fr;gap:8px;margin:0 0 2px;display:grid}#login .faction{--fc:240, 197, 90;text-align:left;opacity:.72;filter:saturate(.6);background:linear-gradient(#281e20cc,#0e0a0ed9);border:1px solid #ffffff1a;border-radius:11px;flex-direction:row;align-items:center;gap:9px;min-height:52px;padding:7px 9px;transition:opacity .2s,filter .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}#login .faction.night{--fc:190, 140, 255}#login .faction span{flex-direction:column;min-width:0;display:flex}#login .faction b{color:rgb(var(--fc));text-shadow:0 1px #000;font-size:13.5px;line-height:1.25}#login .faction small{color:var(--ink-dim);font-size:10.5px;line-height:1.3}#login .faction.active{opacity:1;filter:none;border-color:rgba(var(--fc), .9);background:radial-gradient(ellipse 90% 120% at 0% 50%, rgba(var(--fc), .3), transparent 70%), linear-gradient(180deg, #281e20d9, #0e0a0ee6);box-shadow:0 0 16px rgba(var(--fc), .35), inset 0 1px 0 #ffffff1f}#login .faction.active:after{content:"✓";color:rgb(var(--fc));font-size:11px;font-weight:900;position:absolute;top:4px;right:7px}#login .emb{border-radius:50%;flex:none;width:36px;height:36px;position:relative}#login .sun .emb{background:radial-gradient(circle, #fffbe6 0 22%, #ffd36a 30%, #e89a2a 42%, transparent 46%), repeating-conic-gradient(from 0deg, #ffd26ef2 0 9deg, transparent 9deg 30deg);filter:drop-shadow(0 0 6px #ffbe50cc);-webkit-mask:radial-gradient(circle,#000 64%,#0000 66%);mask:radial-gradient(circle,#000 64%,#0000 66%)}#login .sun.active .emb{animation:18s linear infinite ts-spin}#login .night .emb{background:radial-gradient(circle,#be8cff59,#0000 70%)}#login .night .emb:before{content:"";filter:drop-shadow(0 0 6px #c8a0fff2);border-radius:50%;width:24px;height:24px;position:absolute;top:6px;left:7px;transform:rotate(-20deg);box-shadow:inset -7px 3px #e6d4ff}#login .night .emb:after{content:"";background:#fff;border-radius:50%;width:3px;height:3px;position:absolute;top:7px;right:5px;box-shadow:-4px 17px 0 -.5px #e6d4ff,2px 9px 0 -1px #cdb2ff}#login .night.active .emb{animation:3s ease-in-out infinite ts-glow}@keyframes ts-spin{to{transform:rotate(360deg)}}@keyframes ts-glow{50%{transform:scale(1.08)}}#login .classes{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}#login .cls{--cc:232, 195, 114;text-align:center;background:radial-gradient(ellipse 80% 45% at 50% 70%, rgba(var(--cc), .12), transparent 70%), linear-gradient(180deg, #241b1dbf, #0c090cd9);border:1px solid #ffffff17;border-radius:11px;flex-direction:column;align-items:center;min-width:0;padding:2px 2px 5px;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex;position:relative}#login .cls canvas{aspect-ratio:1;width:100%;max-width:96px;height:auto;display:block}#login .cls b{color:var(--ink);justify-content:center;align-items:center;min-height:2.4em;font-size:11px;line-height:1.2;display:flex}#login .cls small{color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:9.5px;line-height:1.2;display:block;overflow:hidden}#login .cls.active{border-color:rgba(var(--cc), .95);background:radial-gradient(ellipse 80% 50% at 50% 66%, rgba(var(--cc), .32), transparent 72%), linear-gradient(180deg, #2c2121d9, #0e0a0ee6);box-shadow:0 0 14px rgba(var(--cc), .4), inset 0 1px 0 #ffffff1f;transform:translateY(-2px)}#login .cls.active b{color:rgb(var(--cc));text-shadow:0 0 8px rgba(var(--cc), .5)}#login .cls-info{border:1px solid var(--trim-soft);background:linear-gradient(#e8c37214,#00000040);border-radius:10px;align-items:center;gap:10px;min-height:46px;padding:6px 9px;display:flex}#login .cls-info .txt{min-width:0;color:var(--ink);flex:1;font-size:11.5px;line-height:1.4}#login .cls-info .txt b{color:var(--gold-hi);margin-right:4px;font-size:12.5px}#login .cls-info .txt em{color:var(--gold);font-style:normal;font-weight:700}#login .meters{color:var(--ink-dim);flex:none;grid-template-columns:auto auto;align-items:center;gap:1px 6px;font-size:9.5px;display:grid}#login .meters i{gap:2px;display:flex}#login .meters i u{background:#ffffff21;border-radius:1px;width:7px;height:4px}#login .meters i u.on{background:linear-gradient(#fff0c4,#d6a24f);box-shadow:0 0 4px #ffd27899}@media (max-height:400px){#login .ts-wrap{gap:12px}#login .logo{font-size:clamp(38px,min(12vh,6vw),52px)}#login .login-card{gap:5px;padding:8px 10px}#login .faction{min-height:46px;padding:5px 8px}#login .emb{width:30px;height:30px}#login .night .emb:before{width:21px;height:21px;top:4px;left:5px;box-shadow:inset -6px 3px #e6d4ff}#login .cls-info{min-height:40px;padding:4px 8px}#login .cls-info .txt{font-size:11px;line-height:1.32}#login .enter{min-height:44px;font-size:17px}}@media (max-height:340px){#login .logo-sub,#login .cls-info .meters,#login .cls small{display:none}}@media (max-width:640px){#login .ts-wrap{grid-template-columns:1fr;align-items:start;overflow:auto}#login .login-card{max-height:none}}#loading .ld-brand{top:max(10px, var(--st));left:var(--sl);letter-spacing:.22em;color:#0000;background:linear-gradient(#fff7dc,#e8c372 50%,#a8752f);filter:drop-shadow(0 1px 1px #000)drop-shadow(0 0 8px #ffbe5a66);-webkit-background-clip:text;background-clip:text;font:900 22px/1 Trajan Pro,Cinzel,Times New Roman,Georgia,serif;position:absolute}#loading .ld-mid{text-align:center;padding:0 var(--sr) 0 var(--sl);position:absolute;top:30%;left:0;right:0}#loading .ld-map{color:var(--gold-hi);letter-spacing:.06em;text-shadow:0 2px #2a1804,0 3px 10px #000000e6,0 0 24px #ffc45a80;font-size:clamp(26px,9vh,40px);font-weight:900;display:block}#loading .ld-sub{color:var(--ink);text-shadow:0 1px 3px #000;letter-spacing:.06em;margin-top:4px;font-size:13px;display:block}#loading .ld-bottom{left:var(--sl);right:var(--sr);bottom:calc(var(--sb) + 14px);flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute}#loading .ld-tip{border:1px solid var(--trim-soft);text-align:center;max-width:min(640px,100%);color:var(--ink);background:linear-gradient(#1e1618db,#0a080be6);border-radius:10px;padding:7px 14px;font-size:12.5px;line-height:1.45;transition:opacity .35s;box-shadow:0 6px 18px #00000080}#loading .ld-tip b{color:var(--gold);margin-right:6px}#loading .ld-tip.fade{opacity:0}#loading .ld-barrow{align-items:center;gap:10px;width:min(620px,100%);display:flex;position:relative}#loading .ld-bar{border:1px solid var(--trim);background:#060408cc;border-radius:6px;flex:1;height:10px;position:relative;box-shadow:inset 0 2px 4px #000000b3,0 0 10px #00000080}#loading .ld-bar i{transform-origin:0;background:linear-gradient(#fff2c6 0%,#f0cf80 40%,#c88b3a 100%);border-radius:5px;width:0;position:absolute;top:1px;bottom:1px;left:1px;box-shadow:0 0 10px #ffc864a6}#loading .ld-bar i:after{content:"";background:radial-gradient(circle,#fff 0 25%,#ffdc8ccc 40%,#0000 70%);border-radius:50%;width:12px;height:12px;margin-top:-6px;position:absolute;top:50%;right:-3px}#loading .ld-hero{pointer-events:none;width:64px;height:64px;margin-left:-32px;position:absolute;bottom:4px}#loading .ld-pct{text-align:right;width:44px;color:var(--gold-hi);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000;flex:none;font-weight:800}@media (max-height:400px){#loading .ld-mid{top:24%}#loading .ld-tip{padding:6px 12px;font-size:12px}}#login .own,#login.owned .login-card>:not(.own){display:none}#login.owned .own{--cc:232, 195, 114;flex:1;align-items:center;gap:14px;min-height:0;padding:6px 8px;display:flex}#login .own canvas{aspect-ratio:1;background:radial-gradient(circle at 50% 75%, rgba(var(--cc), .22), #00000059 70%);width:min(190px,46vh);height:auto;box-shadow:inset 0 0 0 1px rgba(var(--cc), .45);border-radius:14px;flex:none}#login .own-txt{flex-direction:column;gap:4px;min-width:0;display:flex}#login .own-txt small{color:var(--ink-dim);font-size:11px}#login .own-txt b{color:rgb(var(--cc));text-shadow:0 0 10px rgba(var(--cc), .45);overflow-wrap:anywhere;font-size:24px;line-height:1.15}#login .own-txt span{color:var(--ink);font-size:14px;font-weight:700}#login .own-txt .side{color:var(--gold);font-size:12px;font-weight:600}#login .own-txt .dim{margin-top:4px}#newsbox{z-index:40;padding-top:max(8px, var(--st,8px));padding-bottom:max(8px, var(--sb,0px));position:fixed;inset:0}#newsbox[hidden]{display:none}#newsbox .news-card{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:min(560px,100%);max-height:100%;overflow:auto}#newsbox .news-empty{text-align:center;color:var(--ink-dim);margin:14px 0;font-size:13px}#newsbox .news-list{flex-direction:column;gap:10px;display:flex}#newsbox .news-note{border:1px solid var(--trim-soft);background:linear-gradient(#e8c37212,#00000038);border-radius:10px;padding:8px 12px 6px}#newsbox .news-note.fresh{border-color:var(--trim);box-shadow:0 0 12px #e8c37229,inset 0 1px #ffecbe1a}#newsbox .news-note header{align-items:center;gap:7px;display:flex}#newsbox .news-tag{letter-spacing:.02em;border-radius:6px;flex:none;padding:1px 8px;font-size:11px;font-style:normal;font-weight:800;box-shadow:inset 0 0 0 1px #ffffff24}#newsbox .news-tag.new{color:#2a1804;background:var(--btn1)}#newsbox .news-tag.up{color:#d8ecff;background:linear-gradient(#3d73b8,#1d3d6e)}#newsbox .news-tag.fix{color:#d6ffd8;background:linear-gradient(#2f8a4a,#164a28)}#newsbox .news-date{color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:11.5px}#newsbox .news-new{letter-spacing:.06em;color:#fff;background:#e8382a;border-radius:5px;margin-left:auto;padding:0 6px;font-size:10px;font-weight:900;animation:1.6s ease-in-out infinite news-pulse;box-shadow:0 0 8px #ff503c99}@keyframes news-pulse{50%{opacity:.55}}#newsbox .news-note h4{color:var(--gold-hi);text-shadow:0 1px #000,0 0 12px #e8c3724d;margin:4px 0;font-size:15px;font-weight:800;line-height:1.3}#newsbox .news-note ul{margin:0;padding:0;list-style:none}#newsbox .news-note li{color:var(--ink);padding:4px 0;font-size:13px;line-height:1.5}#newsbox .news-note li+li{border-top:1px solid #e2ba6c1a}#newsbox .away-btns{background:linear-gradient(#0d0a0e00,#0d0a0ef5 35%);margin:10px -18px -14px;padding:8px 18px 10px;position:sticky;bottom:-14px}@media (max-height:460px){#newsbox .news-note{padding:6px 10px 4px}#newsbox .news-note h4{font-size:14px}#newsbox .news-note li{padding:3px 0;font-size:12.5px;line-height:1.45}#newsbox .away-btns{padding:6px 18px 8px}#newsbox .away-btns button{min-height:36px;padding:6px}}#btnNews.unread small:after{content:"";vertical-align:1px;background:#ff4b3a;border-radius:50%;width:7px;height:7px;margin-left:5px;display:inline-block;box-shadow:0 0 6px #ff503ce6}#menu:has(#btnNews.unread) #btnMore:after{content:"";background:#ff4b3a;border-radius:50%;width:9px;height:9px;position:absolute;top:-3px;right:-3px;box-shadow:0 0 0 1.5px #1a0c0c,0 0 7px #ff503ce6}#tsNews{z-index:3;top:max(10px, var(--st,10px));left:var(--sl,12px);border:1px solid var(--trim);height:32px;color:var(--gold-hi);font:700 12.5px/1 var(--font,sans-serif);text-shadow:0 1px 2px #000;cursor:pointer;background:linear-gradient(#322624db,#100c0fe6);border-radius:16px;align-items:center;gap:6px;padding:0 12px;display:inline-flex;position:absolute;box-shadow:0 3px 10px #00000073,inset 0 1px #ffecbe24}#tsNews:before{content:"";position:absolute;inset:-6px -4px}#tsNews small{color:var(--ink-dim);font-size:10px;font-weight:600}#tsNews:active{filter:brightness(1.2);transform:translateY(1px)}#tsNews.unread:after{content:"";background:#ff4b3a;border-radius:50%;width:9px;height:9px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 0 1.5px #1a0c0c,0 0 7px #ff503ce6}#login[hidden] #tsNews{display:none}@media (max-height:400px){#tsNews small{display:none}}#bossbar{background:var(--panel);pointer-events:auto;z-index:3;border:1px solid #ff7a4abf;border-radius:12px;width:min(300px,38vw);padding:4px 8px 5px;position:absolute;top:8px;left:50%;transform:translate(-50%)}#bossbar[hidden]{display:none}#bossbar.enr{box-shadow:0 0 14px #ff50288c}.bb-head{white-space:nowrap;align-items:baseline;gap:6px;font-size:12px;display:flex}.bb-head b{color:#ffb37a;text-overflow:ellipsis;min-width:0;font-weight:800;overflow:hidden}.bb-ph{color:#ff5a3a;font-size:10px;font-weight:800}.bb-left{color:var(--ink-dim);margin-left:auto;font-size:10px}.bb-hp{background:#0009;border-radius:6px;height:11px;margin-top:2px;position:relative;overflow:hidden}.bb-hp i{position:absolute;top:0;bottom:0;left:0}.bb-hp .bb-fill{z-index:2;background:linear-gradient(90deg,#b8241a,#ff7a2a);transition:width .3s}.bb-hp .bb-lag{z-index:1;opacity:.55;background:#ffd9a0;transition:width 1.2s .3s}.bb-hp .bb-mk{z-index:3;background:#fff9;width:1px}.bb-hp em{z-index:4;text-align:center;text-shadow:0 1px 2px #000;font-size:9px;font-style:normal;font-weight:800;line-height:11px;position:absolute;inset:0}.bb-lb{margin:3px 0 0;padding:0;font-size:10.5px;line-height:1.35;list-style:none}.bb-lb li{justify-content:space-between;gap:6px;display:flex}.bb-lb li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bb-lb li b{color:var(--ink);font-weight:700}.bb-lb li.me,.bb-lb li.me b{color:#8dff9a}.bb-lb li.pt,.bb-lb li.pt b{color:#8dd7ff}.bb-lb li.dim{color:var(--ink-dim)}#bossbar.closed .bb-lb{display:none}#hud:has(#bossbar:not([hidden])) #toast{top:132px}#bossann{color:#ffe2c8;text-align:center;opacity:0;pointer-events:none;z-index:5;background:linear-gradient(#781e0aeb,#320c06eb);border:1px solid #ff9a5a;border-radius:12px;width:max-content;max-width:min(560px,82vw);padding:6px 14px;font-size:13px;font-weight:700;line-height:1.4;transition:opacity .4s,transform .4s;position:absolute;top:30%;left:50%;transform:translate(-50%,-16px);box-shadow:0 0 20px #ff6e3266}#bossann.show{opacity:1;transform:translate(-50%)}.boss-card .bf-reward em{font-style:normal;font-weight:700}.boss-party{text-align:center;color:#8dd7ff;margin:2px 0;font-size:12px}.bf-table tr.mine td{color:#8dff9a;font-weight:700}.mk.boss{color:#ffd0a8;flex-direction:column;align-items:center;gap:1px;display:flex}.mk.boss i{filter:drop-shadow(0 0 5px #ff5a2a);font-size:18px;font-style:normal;line-height:1;animation:1.6s ease-in-out infinite bfglow}.mk.boss span{background:#3c0e06cc;border-radius:99px;padding:0 5px;font-size:10px}#worldchart text.boss{font-size:15px}@media (max-width:760px){#bossbar{width:230px;top:74px}#hud:has(#bossbar:not([hidden])) #toast{top:196px}}@media (max-height:460px){.bb-lb{font-size:10px;line-height:1.25}#bossann{font-size:12px}}:root{--font:"Kanit", "Sukhumvit Set", "Noto Sans Thai", "Leelawadee UI", "Thonburi", "Tahoma", sans-serif;--ink:#f4ecdc;--ink-dim:#b8ab98;--gold-hi:#fff0c4;--gold:#e8c372;--gold-deep:#a8752f;--trim:#e2ba6c9e;--trim-soft:#e2ba6c4d;--edge:#e2ba6c6b;--lac-top:#281d1ff7;--lac-bot:#0d0a0efa;--panel:linear-gradient(180deg, #241a1cdb, #0c090ce6);--btn2:linear-gradient(180deg, #4a3934f2, #1e1719f7);--btn1:linear-gradient(180deg, #fff2c6 0%, #f0cf80 36%, #d4a253 62%, #a87230 100%);--btn-red:linear-gradient(180deg, #c8463b 0%, #8e2219 60%, #5e120c 100%);--orn:#f0cd82d9;--corners:linear-gradient(var(--orn), var(--orn)) left 5px top 5px / 12px 1.5px no-repeat, linear-gradient(var(--orn), var(--orn)) left 5px top 5px / 1.5px 12px no-repeat, linear-gradient(var(--orn), var(--orn)) right 5px top 5px / 12px 1.5px no-repeat, linear-gradient(var(--orn), var(--orn)) right 5px top 5px / 1.5px 12px no-repeat, linear-gradient(var(--orn), var(--orn)) left 5px bottom 5px / 12px 1.5px no-repeat, linear-gradient(var(--orn), var(--orn)) left 5px bottom 5px / 1.5px 12px no-repeat, linear-gradient(var(--orn), var(--orn)) right 5px bottom 5px / 12px 1.5px no-repeat, linear-gradient(var(--orn), var(--orn)) right 5px bottom 5px / 1.5px 12px no-repeat;--frame-bg:var(--corners), radial-gradient(ellipse 80% 60% at 50% -10%, #e8c37221, transparent 70%), linear-gradient(180deg, var(--lac-top), var(--lac-bot));--frame-sh:0 18px 50px #0000009e, inset 0 0 0 1px #0000008c, inset 0 1px 0 #ffecbe1a;--sl:max(12px, calc(env(safe-area-inset-left,0px) - 12px));--sr:max(12px, calc(env(safe-area-inset-right,0px) - 12px));--st:max(8px, env(safe-area-inset-top,0px));--sb:env(safe-area-inset-bottom,0px)}html,body{background:#0c0a0e}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.panel-card,.map-card,.away-card,.login-card,.closed-card,.pop,#tutor{background:var(--frame-bg);border:1px solid var(--trim);box-shadow:var(--frame-sh);border-radius:12px}.away-card{padding:14px 18px}#itemtip{background:var(--corners), linear-gradient(180deg, #22191bfa, #0a080bfc);border:1px solid var(--trim);border-radius:12px;box-shadow:0 12px 34px #000000b3,inset 0 0 0 1px #00000080}#tutor{--orn:#ffe2a0;border-color:var(--gold);box-shadow:var(--frame-sh), 0 0 18px #e8c3724d}#panel,#mapscreen,.bf-modal,#awaybox,#facbox{padding-left:var(--sl);padding-right:var(--sr);background:radial-gradient(#0604086b,#040306bd)}.panel-card header,.map-card header{background:linear-gradient(180deg, #e8c37217, #e8c37200) top / 100% 100% no-repeat, linear-gradient(90deg, transparent, var(--trim) 20%, var(--trim) 80%, transparent) bottom / 100% 1px no-repeat;border-bottom:0;padding:7px 10px 8px}.away-card>h3,.pp-head h3,.cs-head h3{color:var(--gold-hi);letter-spacing:.02em;text-shadow:0 1px #000,0 0 14px #e8c37259;font-weight:800}.away-card>h3:not(.bf-res){background:linear-gradient(90deg, var(--trim), #e2ba6c1f 70%, transparent) bottom / 100% 1px no-repeat;margin-bottom:8px;padding-bottom:6px}.away-card>h3.win-h{z-index:2;background:linear-gradient(90deg, var(--trim), #e2ba6c1f 70%, transparent) bottom / 100% 1px no-repeat, linear-gradient(180deg, var(--lac-top), #1e1619fa);border-radius:13px 13px 0 0;align-items:center;gap:6px;margin:-14px -18px 8px;padding:7px 10px 6px 18px;display:flex;position:sticky;top:-14px}.away-card>h3.win-h small{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.away-card>h3.win-h .close{text-shadow:none;margin-left:auto;font-size:15px}.away-card>h3.bf-res{background:linear-gradient(90deg, transparent, var(--trim), transparent) bottom / 100% 1px no-repeat;padding-bottom:4px}.war-h{color:#ffd9a8}.war-h:before{content:"";background:var(--gold);width:6px;height:6px;margin:0 6px 2px 0;display:inline-block;transform:rotate(45deg);box-shadow:0 0 6px #e8c372b3}.map-card header b,#maptitle{color:var(--gold-hi);text-shadow:0 0 12px #e8c37259;font-size:15px}.away-btns button,.bf-row button,.ar-mode button,.fr-add button,.fr-acts button,.fr-more button,.tut-btns button,.cs-go,.shop-item .buy,#itemtip .btns button,.sp-acts button,.mk-row button,.pp-top button,.mk-pager button,.sp-btns button,.cs-good .buy,.cs-pets button,#party .ph button,.hn-item .buy{color:var(--ink);border:1px solid var(--trim-soft);background:var(--btn2);border-radius:10px;font-weight:700;transition:transform 60ms,filter 60ms;box-shadow:0 2px #0009,0 3px 8px #0000004d,inset 0 1px #ffecbe21}.away-btns button,.bf-row button,.ar-mode button,.cs-go,#itemtip .btns button,.sp-acts button{min-height:40px}.away-btns button:active,.bf-row button:active,.ar-mode button:active,.fr-add button:active,.fr-acts button:active,.fr-more button:active,.tut-btns button:active,.cs-go:active,.shop-item .buy:active,#itemtip .btns button:active,.sp-acts button:active,.mk-row button:active,.pp-top button:active,.mk-pager button:active,.sp-btns button:active,.cs-good .buy:active,.cs-pets button:active,#party .ph button:active,.hn-item .buy:active{filter:brightness(1.18);transform:translateY(1px);box-shadow:0 1px #0009,inset 0 1px 3px #00000073}.away-btns button.ok,.enter,.sm-go,.mk-go,#mkclaim button,.pp-top .pp-buy,.bf-row button.ok,.ar-mode button.ok,.fr-acts button.ok,.tut-btns button.ok,.adv-branch button,.cs-go.ok,.mk-row button.conf{color:#2a1804;background:var(--btn1);text-shadow:0 1px #fff4d28c;border:1px solid #f7d993;font-weight:800;box-shadow:0 2px #5e3c12,0 4px 12px #0000006b,0 0 14px #e8c3722e,inset 0 1px #ffffffa6}.away-btns button.ok:active,.enter:active,.sm-go:active,.mk-go:active,#mkclaim button:active,.pp-top .pp-buy:active,.bf-row button.ok:active,.ar-mode button.ok:active,.fr-acts button.ok:active,.tut-btns button.ok:active,.adv-branch button:active,.cs-go.ok:active,.mk-row button.conf:active{filter:brightness(1.06);transform:translateY(2px);box-shadow:0 0 #5e3c12,0 2px 6px #0000006b,inset 0 1px #fff6}.away-btns button:disabled,.away-btns button[disabled],.enter:disabled,.sm-go:disabled,.mk-go:disabled,.cs-go:disabled,.pp-top button:disabled,.sp-acts button:disabled,.mk-row button:disabled,.hn-item .buy:disabled,.cs-good .buy:disabled{filter:grayscale(.85)brightness(.62);box-shadow:none;text-shadow:none;transform:none}#itemtip .btns button.danger,.sp-acts button.warn{color:#ffe4dc;background:var(--btn-red);text-shadow:0 1px #00000080;border:1px solid #ff9682b3;box-shadow:0 2px #3a0905,0 3px 10px #0006,inset 0 1px #ffc8be59}.cs-go.buy{color:#062006;background:linear-gradient(#b8ffb0,#5fd25f 45%,#2f8a33);border:1px solid #a8f5a8;box-shadow:0 2px #134a16,0 4px 12px #0000006b,inset 0 1px #fff9}.close,.cs-head .close{border:1px solid var(--trim);width:36px;height:36px;color:var(--gold-hi);background:radial-gradient(circle at 50% 32%,#544038f5,#140f11fa 75%);border-radius:50%;flex:none;padding:0;font-size:15px;position:relative;box-shadow:0 2px 6px #00000080,inset 0 1px #ffecbe2e}.close:before,.cs-head .close:before{content:"";position:absolute;inset:-5px}.close:active,.cs-head .close:active{transform:scale(.93)}.tabs{gap:2px}.tabs button{min-height:36px;color:var(--ink-dim);background:0 0;border:0;border-radius:9px 9px 4px 4px;padding:7px 13px;font-weight:700;position:relative}.tabs button.active{color:var(--gold-hi);text-shadow:0 0 10px #e8c37273;background:linear-gradient(#e8c37233,#e8c37205);border:0}.tabs button.active:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-hi), transparent);border-radius:2px;height:2px;position:absolute;bottom:0;left:14%;right:14%;box-shadow:0 0 8px #ffdc8ccc}.cs-tabs button,.rank-tabs button,.mk-views button,.mk-filters button,.cs-dyes button{border:1px solid var(--trim-soft);background:var(--btn2);color:var(--ink-dim);font-weight:700;box-shadow:inset 0 1px #ffecbe1a}.cs-tabs button,.rank-tabs button{min-height:32px;padding:4px 13px}.cs-tabs button.active,.rank-tabs button.active,.mk-views button.active,.mk-filters button.active,.cs-dyes button.active{color:#2a1804;background:var(--btn1);text-shadow:0 1px #fff4d280;border-color:#f7d993;box-shadow:0 0 10px #e8c3724d,inset 0 1px #fff9}.badge{letter-spacing:.01em;border-radius:6px;padding:1px 7px;font-weight:800;box-shadow:inset 0 0 0 1px #ffffff1f}.badge.pk-safe{color:#c8f7dc;background:linear-gradient(#2a7a50,#164a30)}.badge.pk-faction{color:#ffe0b0;background:linear-gradient(#9a5e1a,#5e360c)}.badge.pk-lawless,.badge.pk-battle{color:#ffd0c8;background:linear-gradient(#a02a22,#5e100c)}.badge.yellow{background:linear-gradient(#b08a18,#6a520a)}.badge.red{background:linear-gradient(#b0281f,#6a120d)}.badge.darkred{background:linear-gradient(#5a0c0c,#2a0404);box-shadow:inset 0 0 0 1px #ff503c80}#ppchip b,#tabStat[data-n]:not([data-n=""]):after,#btnBag.pts:after,.mbtn.more.dot:after{background:#ff4b3a;box-shadow:0 0 0 1.5px #1a0c0c,0 0 7px #ff503ce6}#tabStat[data-n]:not([data-n=""]):after,#btnBag.pts:after{background:#ffd34d;box-shadow:0 0 0 1.5px #1a140a,0 0 7px #ffd34de6}.mbtn.fr .frbadge{background:#e8382a;font-weight:800;box-shadow:0 0 0 1.5px #1a0c0c}#pframe{top:var(--st);left:var(--sl);border:1px solid var(--trim);background: linear-gradient(var(--orn), var(--orn)) left 5px top 5px / 12px 1.5px no-repeat, linear-gradient(var(--orn), var(--orn)) left 5px top 5px / 1.5px 12px no-repeat, linear-gradient(var(--orn), var(--orn)) right 5px top 5px / 12px 1.5px no-repeat, linear-gradient(var(--orn), var(--orn)) right 5px top 5px / 1.5px 12px no-repeat, linear-gradient(180deg, #261c1edb, #0c090ce6);-webkit-backdrop-filter:none;border-radius:12px;width:214px;padding:7px 10px 6px;box-shadow:0 6px 18px #00000073,inset 0 1px #ffecbe1a}#pframe .row1{white-space:nowrap;min-width:0;margin-bottom:5px;font-size:14px}#pname{text-overflow:ellipsis;min-width:0;color:var(--ink);text-shadow:0 1px 2px #000;overflow:hidden}#plv{color:var(--gold-hi);background:#e8c37224;border-radius:6px;flex:none;padding:0 6px;font-size:12px;font-weight:800;box-shadow:inset 0 0 0 1px #e8c37259}#pcol{flex:none}.bar{background:linear-gradient(#000000b8,#1c1416a8);border:1px solid #000000bf;border-radius:7px;height:13px;margin-bottom:4px;box-shadow:0 0 0 1px #e2ba6c3d,inset 0 1px 3px #000000b3}.bar i{border-radius:6px}.bar i:after{content:"";background:linear-gradient(#ffffff73,#ffffff0a);border-radius:6px 6px 3px 3px;height:42%;position:absolute;top:1px;left:2px;right:2px}.bar.hp i{background:linear-gradient(#ff8f80 0%,#ec4a42 42%,#b3202a 78%,#8a1220 100%)}.bar.hp #hplag{background:#ffe8c4c7;border-radius:6px;width:100%;transition:width .55s ease-in .35s;position:absolute;inset:0 auto 0 0}.bar em{color:#fff;text-shadow:0 0 2px #000,0 1px 2px #000;letter-spacing:.02em;font-weight:800;line-height:13px}.bar.mp{height:10px}.bar.mp em{font-size:8.5px;line-height:10px}.bar.mp i{background:linear-gradient(#a8d6ff 0%,#4a8cf0 45%,#2552b0 80%,#183a80 100%)}.bar.exp{border-radius:5px;height:10px;margin-bottom:5px}.bar.exp #exppct{color:#fff6dc;font-variant-numeric:tabular-nums;font-size:8.5px;line-height:10px;display:block;inset:0}.bar.exp i{background:linear-gradient(90deg,#b0741e,#f0c95a 70%,#fff0b0);border-radius:4px}.bar.exp i:after{display:none}.bar.exp em:not(:empty){color:#ffe3a0;font-weight:700}#pframe.low{border-color:#ff6e5abf}#pframe.low .bar.hp{animation:.9s ease-in-out infinite lowhp}@keyframes lowhp{50%{box-shadow:0 0 0 1px #ff5a46f2,0 0 10px #ff3c28d9,inset 0 1px 3px #000000b3}}#pframe .row2{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:0 5px;font-size:12px;display:grid}#gold{white-space:nowrap;flex-wrap:wrap;align-items:center;gap:0 8px;min-width:0;line-height:1.35;display:flex}#gold .g{color:var(--gold-hi);font-variant-numeric:tabular-nums;font-weight:800}#gold .g:before{content:"";vertical-align:-1px;background:radial-gradient(circle at 35% 30%,#fff6cc,#f0c040 50%,#9a6410);border-radius:50%;width:11px;height:11px;margin-right:4px;display:inline-block;box-shadow:0 0 0 1px #0000008c,0 0 5px #f0c04080}#gold .hn{color:#ffcf9a;font-style:normal;font-weight:800}#gold .hn:before{content:"";background:linear-gradient(135deg,#ffe0b0,#e07a2a);width:7px;height:7px;margin:0 5px 1px 1px;display:inline-block;transform:rotate(45deg);box-shadow:0 0 0 1px #0000008c}#qchip,#ppchip{background:var(--btn2);border-radius:7px;align-items:center;gap:3px;height:22px;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffecbe1f,0 1px 3px #00000080}#qchip{color:var(--gold-hi);border:1px solid #e8c37299}#qchip.all{color:#b8ffb8;border-color:#6fe36f;box-shadow:0 0 8px #6fe36f59}#ppchip{color:#d6e8ff;border:1px solid #9fc8ff99}#qchip:before,#ppchip:before{content:"";position:absolute;inset:-9px -3px}#qchip:active,#ppchip:active{filter:brightness(1.25)}#party{left:var(--sl)}#party .pm{background:var(--panel);border:1px solid #8dff9a4d;border-radius:9px}#party .pm-bar{height:5px;box-shadow:inset 0 1px 2px #0009}#party .pm-bar i{background:linear-gradient(#b8ffb0,#4fc25a 55%,#2a8a36)}#topright{top:var(--st);right:var(--sr);gap:6px}#mapinfo{border:1px solid var(--trim-soft);background:var(--panel);white-space:nowrap;border-radius:10px;gap:7px;min-height:30px;padding:4px 10px;box-shadow:0 4px 12px #00000059,inset 0 1px #ffecbe14}#mapname{color:var(--gold-hi);letter-spacing:.02em;text-shadow:0 0 10px #e8c37259,0 1px 2px #000;font-size:13px}#netinfo{font-variant-numeric:tabular-nums;font-size:10px}#menu{align-items:center;gap:5px;position:relative}.mbtn{border:1px solid var(--trim-soft);background:var(--btn2);height:34px;color:var(--ink);white-space:nowrap;text-shadow:0 1px 2px #000;border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:0 12px;font-size:12.5px;font-weight:700;display:inline-flex;position:relative;box-shadow:0 3px 8px #0000006b,inset 0 1px #ffecbe21}.mbtn:before{content:"";position:absolute;inset:-4px -2px}.mbtn:active{filter:brightness(1.22);transform:translateY(1px)}.mbtn.cash{color:#ffe8b0;background:linear-gradient(#7a5418,#3a2508 70%,#2a1a06);border-color:#e8c372;box-shadow:0 3px 8px #0000006b,0 0 10px #e8c37240,inset 0 1px #ffe6a04d}.mbtn.cash span:before{content:"";background:linear-gradient(135deg,#fff6d0,#f0c040 55%,#b07a20);width:8px;height:8px;margin:0 5px 1px 0;display:inline-block;transform:rotate(45deg);box-shadow:0 0 6px #ffd264cc}.mbtn.shop{color:#d0ffd0;background:linear-gradient(#285a2cf2,#0e2410f5);border-color:#7fe07f;box-shadow:0 3px 8px #0000006b,0 0 12px #6fe36f59}.mbtn.more{width:40px;padding:0}.mbtn.more.on{border-color:var(--gold);background:linear-gradient(#6e5022f2,#281c0cf7)}.burger,.burger:before,.burger:after,.burger i{background:var(--gold-hi);border-radius:2px;width:16px;height:2px;display:block}.burger{background:0 0;position:relative}.burger:before,.burger:after{content:"";position:absolute;left:0}.burger:before{top:-5px}.burger:after{top:5px}#menu:has(#menuMore .frbadge:not([hidden])) #btnMore:after{content:"";background:#ff4b3a;border-radius:50%;width:9px;height:9px;position:absolute;top:-3px;right:-3px;box-shadow:0 0 0 1.5px #1a0c0c,0 0 7px #ff503ce6}#menuMore{z-index:8;background:var(--frame-bg);border:1px solid var(--trim);min-width:176px;box-shadow:var(--frame-sh);border-radius:12px;flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;top:calc(100% + 6px);right:0}#menuMore[hidden]{display:none}#menuMore{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;overflow-y:auto}#menuMore>*{flex:none}#menuMore .mbtn{justify-content:flex-start;width:100%;height:42px;padding:0 12px;font-size:13px}#menuMore .mbtn span{align-items:center;gap:2px;display:inline-flex}#menuMore .mbtn small{color:var(--ink-dim);margin-left:auto;padding-left:8px;font-size:10px;font-weight:600}#menuMore .mbtn.fr .frlbl{display:inline}#menuMore .mbtn.fr .frbadge{margin-left:auto;position:static}.mbtn.away{color:#cdeaff;border-color:#59b8f080}.mbtn.bf{border-radius:16px;height:32px;padding:0 14px;font-size:12px}.mbtn.bf:not(.queued):not(.leave):not(.idle){color:#ffe6cc;background:linear-gradient(#8a3416,#3e1408 75%);border-color:#ffab70}#log{left:var(--sl);gap:2px}#log p{text-shadow:0 1px 2px #000;background:#0a080c75;border-radius:7px;align-self:flex-start;max-width:100%;margin:0;padding:1px 8px;line-height:1.45}#chatbar{left:var(--sl)}#chatin,#chatch{border-color:var(--trim-soft);background:linear-gradient(#140f12eb,#080609f0);min-height:38px}#chatin:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e8c3722e}#lootfeed,#hud.inbf #lootfeed{top:calc(var(--st) + 120px);left:var(--sl);align-items:flex-start;gap:4px;transform:none}#hud:has(#party:not([hidden])) #lootfeed{left:calc(var(--sl) + 152px)}#lootfeed p:nth-last-child(n+4){display:none}#lootfeed p{border:1px solid var(--trim-soft);text-shadow:0 1px 2px #000;background:linear-gradient(#281e1fed,#0c090ced);padding:3px 12px 3px 4px;font-weight:700;box-shadow:0 4px 12px #00000073}#lootfeed img{background:#0006;border-radius:5px;width:22px;height:22px}#toast,#hud.inbf #toast,#hud.inar #toast{top:calc(var(--st) + 108px);border:1px solid var(--gold);color:var(--gold-hi);text-shadow:0 1px 2px #000;white-space:normal;text-align:center;z-index:7;background:linear-gradient(#3a2a18f2,#120d0af5);border-radius:12px;width:max-content;max-width:min(560px,100vw - 40px);padding:7px 18px;font-weight:800;box-shadow:0 8px 24px #0000008c,0 0 16px #e8c37240}#death b{letter-spacing:.06em;color:#ff8a7a;text-shadow:0 2px #3a0505,0 0 20px #ff3c2899,0 2px 12px #000;font-size:30px}#joy{left:calc(var(--sl) + 10px);background:radial-gradient(circle,#ffecbe1a,#ffecbe05 70%);border:1px solid #e8c3724d;box-shadow:inset 0 0 18px #00000040}#joy.active{left:0}#knob{box-shadow:0 4px 12px #00000080,inset 0 -3px 6px #78460a80,inset 0 2px 3px #fff9}#actions{right:calc(var(--sr) + 2px)}.act{color:var(--gold-hi);text-shadow:0 1px 2px #000;background:radial-gradient(circle at 50% 28%,#54403af7,#161013f7 72%);border:1.5px solid #e2ba6cb8;box-shadow:0 0 0 2px #0000006b,0 5px 12px #00000080,inset 0 1px #ffecbe33}.act:active,.act.down{filter:brightness(1.22);transform:scale(.93)}.act.big{letter-spacing:.04em;color:#fff3d0;background:radial-gradient(circle at 50% 26%,#946426,#43280c 58%,#1e1206);border:2px solid #f2cf80;font-size:18px;box-shadow:0 0 0 3px #00000080,0 0 0 5px #e8c37238,0 0 22px #e8c3724d,0 6px 16px #0000008c,inset 0 2px #ffecbe59}.act.big:before{content:"";pointer-events:none;border:1px solid #ffe2a052;border-radius:50%;position:absolute;inset:7px}.act.dodge{color:#dff4ff;background:radial-gradient(circle at 50% 28%,#2e526ef7,#0a1622f7 72%);border-color:#8cd7ffbf}.skill{border:2px solid #e8c372d9;overflow:visible}.skill img{width:calc(100% - 4px);height:calc(100% - 4px);inset:2px}.skill:not(.cool):not(.locked):not(.nomp){box-shadow:0 0 0 2px #0000006b,0 0 12px #ffd6786b,0 5px 12px #00000080}.skill.cool{border-color:#a08c6e99}.skill.cool .cd{background:conic-gradient(#06050ac2 calc(var(--p,0) * 1turn), #ffe496f2 0 calc(var(--p,0) * 1turn + 4deg), transparent 0)}.skill .cdt{font:800 19px/1 var(--font);color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000,0 0 10px #000000e6}.skill.nomp{border-color:#5a8cdcbf}.skill.locked{border-color:#786e6480}.skill .lock{color:#d8ccb8;text-shadow:0 1px 2px #000;font-weight:800}.skill.ult{background:radial-gradient(circle at 50% 28%,#783412f7,#240c06f7 72%);border:2px solid #ffb84f;box-shadow:0 0 0 2px #321000e6,0 0 0 4px #ffaa4680,0 0 16px #ff8c2873,0 6px 14px #00000080}.skill.ult:before{content:"";pointer-events:none;opacity:0;border:1px dashed #ffc46ed9;border-radius:50%;position:absolute;inset:-8px}.skill.ult:not(.cool):not(.locked):not(.nomp):before{animation:1.8s ease-in-out infinite ultready}@keyframes ultready{50%{opacity:1}}#pots{right:calc(var(--sr) + 250px)}.pot{border:1.5px solid #e2ba6c99;border-radius:12px;width:46px;height:46px;box-shadow:0 4px 10px #00000073,inset 0 1px #ffecbe26}.pot.hp{background:radial-gradient(circle at 50% 75%,#c8282861,#0000 70%),linear-gradient(#301e1ef0,#100a0cf2)}.pot.mp{background:radial-gradient(circle at 50% 75%,#326ee661,#0000 70%),linear-gradient(#1c2032f0,#0a0c14f2)}.pot:active{transform:scale(.93)}.pot b{text-shadow:0 0 2px #000,0 1px 2px #000;font-weight:800}.auto{right:calc(var(--sr) + 250px);color:var(--gold-hi);background:radial-gradient(circle at 50% 28%,#54403af7,#161013f7 72%);border:1.5px solid #e2ba6c99}.auto.on{color:#d8ffd8;background:radial-gradient(circle at 50% 28%,#28642ef7,#0a200ef7 72%);border-color:#7fef7f}#advchip{background:radial-gradient(circle at 50% 28%,#284056f2,#0a101af5 72%);border:1.5px solid #9fe8ff99;width:42px;height:42px;box-shadow:0 4px 10px #00000073}.portal{bottom:max(24px, calc(var(--sb) + 10px));text-shadow:0 1px 2px #000;background:linear-gradient(#183c5cf0,#081626f2);border-width:1.5px;min-height:42px;font-size:14px}@media (max-height:460px){#pframe{width:214px;padding:6px 9px 5px}#actions{right:calc(var(--sr) - 2px)}#pots,.auto{right:calc(var(--sr) + 240px)}}@media (pointer:fine){#log{bottom:24px}}.slot{background:radial-gradient(circle at 50% 40%,#ffffff0d,#0000 70%),linear-gradient(#161115e6,#060508eb);border:1px solid #e2ba6c29;border-radius:9px;box-shadow:inset 0 1px 3px #000000bf,inset 0 0 0 1px #ffffff05}.slot.r1{background:radial-gradient(circle at 50% 58%,#6fe36f3d,#0000 70%),linear-gradient(#101e12eb,#050a06f0);border-color:#6fe36fb8}.slot.r2{background:radial-gradient(circle at 50% 58%,#59b8f04d,#0000 70%),linear-gradient(#0e1a2aeb,#04080ef0);border-color:#59b8f0e0;box-shadow:inset 0 0 10px #59b8f04d,0 0 6px #59b8f047}.slot.r3{background:radial-gradient(circle at 50% 58%,#ff9f405c,#0000 70%),linear-gradient(#2e1b0af0,#0e0803f2);border-color:#ffac48f2;box-shadow:inset 0 0 12px #ff9f4061,0 0 9px #ff9f4061}.slot.sel{outline:2px solid var(--gold-hi);outline-offset:1px}.slot .ph{color:#e8c3724d;font-weight:700}.slot b{text-shadow:0 0 2px #000,0 1px 2px #000;font-weight:800}.slot.new:before{background:#ffd34d;box-shadow:0 0 5px #ffd34d}.mk-row img,.mk-sel img,.hn-item img,.shop-item img{border-radius:7px}.stats{color:var(--ink-dim)}.stats b{color:var(--gold-hi)}#itemtip h4{text-shadow:0 1px 2px #000}#itemtip p.opt{color:#a8e6ff}.slot.up:after{content:"▲";color:#6dff7a;text-shadow:0 0 3px #000,0 0 6px #50ff6e99;pointer-events:none;font-size:11px;line-height:1;position:absolute;top:1px;right:3px}#itemtip{overscroll-behavior:contain;max-height:calc(100% - 20px);overflow-y:auto}#itemtip .cmp{border-top:1px dashed #e2ba6c4d;margin-top:6px;padding-top:5px;font-size:12px}#itemtip .cmp h5{color:#ffecc8b3;margin:0 0 2px;font-size:11px;font-weight:600}#itemtip .cmp .up{color:#7dff8a}#itemtip .cmp .down{color:#ff8a7a}.shop-item,.mk-row,.hn-item,.cs-item,.cs-good,.cs-title,.q-row,.ar-mode,.pp-r,.pp-lv,.sp-row,.adv-branch,.adv-skill,.fac-card,.adv-slot{background-color:#0000;background-image:linear-gradient(#221a1cd1,#0c090cdb);border-color:#e2ba6c29;box-shadow:inset 0 1px #ffecbe0f}.sp-row{border-left:3px solid var(--c)}.cs-item.sel,.cs-title.sel,.adv-slot.sel,.adv-branch.mine{border-color:var(--gold);box-shadow:0 0 12px #e8c3724d,inset 0 1px #ffecbe1a}.pp-r.prem{background-image:linear-gradient(#463010bf,#1a1106d9);border-color:#e8c37266}.adv-skill.on{background-image:linear-gradient(#285a328c,#0e2212b3);border-color:#8dff9a99}.fac-card.mine.sun{border-color:var(--sun)}.fac-card.mine.night{border-color:var(--night)}.q-row i,.pp-bar u{box-shadow:0 0 6px #e8c37280}.pp-bar i,.sp-bar{box-shadow:inset 0 1px 2px #000000b3,0 0 0 1px #e2ba6c2e}.rank-list,.fr-list,.bf-table,.sp-right{background:#0000004d;box-shadow:inset 0 1px 4px #0009,inset 0 0 0 1px #e2ba6c1a}.bf-table th{color:var(--gold);background:linear-gradient(#302420fc,#1a1414fc)}.bf-reward{background:radial-gradient(at 50% 0,#ffd34d29,#ffd34d0a);border:1px solid #ffd34d40}.field input,#mksearch,.mk-inputs input,.fr-add input{border-color:var(--trim-soft);background:linear-gradient(#080609b3,#140f1299)}.cs-prev canvas{box-shadow:inset 0 0 0 1px #e2ba6c40}#mapframe{border-radius:6px;box-shadow:0 0 0 1px #e2ba6c8c,0 0 0 4px #00000073,0 8px 24px #00000080}#worldchart .node rect{fill:#1e1619f7;stroke:#e2ba6c4d}#worldchart .links line{stroke:#e8c37280}#worldchart .node.here rect{stroke:#ffd34d;stroke-width:3px}.mk.zone{background:#0e0a0cb8;border:1px solid #e2ba6c40}#bossbar,#bfscore,#arhud,#warscore{top:var(--st);box-shadow:0 6px 18px #00000073,inset 0 1px #ffecbe14}#hud #pkbar>div{background:var(--panel);border-color:var(--trim-soft)}.bb-hp,.bfs-bar,.ar-p i{box-shadow:inset 0 1px 2px #000000b3,0 0 0 1px #e2ba6c33}@media (max-width:760px),(max-height:460px){#bossbar,#bfscore,#arhud,#warscore,#sgscore{top:calc(var(--st) + 84px);left:calc(50% + 56px)}#hud:has(#bossbar:not([hidden])) #toast{top:calc(var(--st) + 206px)}#hud:has(#bossbar:not([hidden])) #bossann{top:58%}#hud.inbf #toast,#hud.inar #toast{top:calc(var(--st) + 150px)}}@media (max-width:700px){#menu{gap:4px}#menu .mbtn{padding:0 9px;font-size:12px}#menu .mbtn.more{padding:0}#mapinfo{gap:5px;padding:4px 8px}#mapname{font-size:12.5px}}#chatbar{width:min(400px, calc(100vw - var(--sl) - var(--sr) - 316px))}#hud:has(#chatbar:not([hidden])) #log{max-height:86px;bottom:164px}#hud:has(#party:not([hidden])) #log{left:calc(var(--sl) + 158px);width:min(300px, calc(100vw - var(--sl) - var(--sr) - 480px))}@media (max-height:460px){#party .pm{padding:2px 7px 3px}#party .pm-top{font-size:10.5px}}#party .ph button{min-height:22px;padding:2px 12px;position:relative}#party .ph button:before{content:"";position:absolute;inset:-6px -4px}#death{background:radial-gradient(60% 45%,#28000094,#0000004d 70%,#0000009e)}#death small{color:#f3e3c8;text-shadow:0 1px 2px #000,0 0 10px #000;font-size:14px;font-weight:700}.tut-btns button{min-height:34px;padding:4px 12px}.mk-views button,.mk-filters button{min-height:32px}.mk-pager button{min-width:44px;min-height:32px}.shop-item .buy{min-height:32px}.soc-tabs button,.pp-top button{min-height:34px}.fac-card button{min-height:36px}.sp-btns button,.cs-dyes button{position:relative}.sp-btns button:before{content:"";position:absolute;inset:-3px -2px}.cs-dyes button{min-height:26px}.cs-dyes button:before{content:"";position:absolute;inset:-4px -2px}#advchip small{font-size:9px}@media (max-width:700px){.shop-list{grid-template-columns:repeat(2,minmax(0,1fr))}}#mapworld{justify-content:flex-start;overflow:auto hidden}#worldchart{flex:none;min-width:940px;margin:auto}#worldchart .s{font-size:12px}#gdbox button,#frbox button{min-height:32px}.bf-modal,#awaybox,#facbox{padding-bottom:max(8px, var(--sb))}#actions{bottom:max(8px, calc(var(--sb) - 1px))}#pots{bottom:max(10px, calc(var(--sb) - 1px))}#joy{bottom:max(14px, var(--sb))}#joy.active{bottom:auto}@media (max-height:460px) and (pointer:coarse){#chatbar{bottom:max(100px, calc(var(--sb) + 104px))}}#gask{z-index:7;border-color:#9fe3c880;position:absolute;top:56px;left:50%;transform:translate(-50%)}#gask[hidden]{display:none}@media (max-width:760px),(max-height:460px){#pask,#fask,#gask{top:calc(var(--st) + 76px);left:calc(var(--sl) + 222px);right:calc(var(--sr) + 150px);width:auto;max-width:300px;margin:0 auto;padding:5px 10px 6px;font-size:12px;transform:none}#pask p,#fask p,#gask p{line-height:1.3}#pask .away-btns,#fask .away-btns,#gask .away-btns{gap:6px;margin-top:4px}#pask .away-btns button,#fask .away-btns button,#gask .away-btns button{min-height:34px;padding:3px 6px}#bossann{top:calc(var(--st) + 80px);left:calc(var(--sl) + 222px);right:calc(var(--sr) + 150px);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;width:-moz-fit-content;width:fit-content;max-width:none;margin:0 auto;padding:4px 12px;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden;transform:translateY(-12px)}#hud:has(#bossbar:not([hidden])) #bossann{top:calc(var(--st) + 80px);left:calc(var(--sl) + 222px);right:calc(var(--sr) + 150px);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;width:-moz-fit-content;width:fit-content;max-width:none;margin:0 auto;padding:4px 12px;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden;transform:translateY(-12px)}#bossann.show{transform:none}#hud:has(#bossbar:not([hidden])) #bossann.show{transform:none}}#actions{width:219px;height:217px}#actions:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 100%,#08050652,#08050624 45%,#0000 70%);width:300px;height:300px;position:absolute;bottom:-40px;right:-40px}.act.big{width:84px;height:84px;bottom:0;right:0}#sk0,#sk1,#sk2,#sk3{width:52px;height:52px}#sk0{bottom:102px;right:16px}#sk1{bottom:77px;right:77px}#sk2{bottom:16px;right:102px}#sk3{bottom:165px;right:34px}#sk4.skill.ult{width:62px;height:62px;bottom:120px;right:120px}.act.dodge{width:56px;height:56px;font-size:14px;bottom:32px;right:163px;overflow:hidden}.act.dodge.cool{border-color:#78a0be8c}.act.dodge span{z-index:1;position:relative}.act.dodge.cool span{color:#9fb8c8}.act.dodge.cool .cd{background:conic-gradient(#040a109e calc(var(--p,0) * 1turn), #aae6fff2 0 calc(var(--p,0) * 1turn + 4deg), transparent 0)}.skill.locked img{filter:grayscale(.9)brightness(.48)}.skill.locked{box-shadow:0 0 0 2px #0000006b,0 4px 10px #00000073}.skill .lock{white-space:nowrap;font:800 10px/1.3 var(--font);color:#f0e2c4;background:linear-gradient(#302420fa,#100b0cfa);border:1px solid #e2ba6c8c;border-radius:99px;align-items:center;gap:2px;padding:1px 6px 1px 4px;display:none;inset:auto auto -7px 50%;transform:translate(-50%);box-shadow:0 2px 4px #00000080}.skill.locked .lock{display:flex}.skill .lock:before{content:"";background:currentColor;width:8px;height:9px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9'%3E%3Cpath d='M2 4V2.6a2 2 0 0 1 4 0V4h.6c.2 0 .4.2.4.4v4.2c0 .2-.2.4-.4.4H1.4a.4.4 0 0 1-.4-.4V4.4c0-.2.2-.4.4-.4zm1 0h2V2.6a1 1 0 0 0-2 0z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9'%3E%3Cpath d='M2 4V2.6a2 2 0 0 1 4 0V4h.6c.2 0 .4.2.4.4v4.2c0 .2-.2.4-.4.4H1.4a.4.4 0 0 1-.4-.4V4.4c0-.2.2-.4.4-.4zm1 0h2V2.6a1 1 0 0 0-2 0z'/%3E%3C/svg%3E") 50%/contain no-repeat}.skill.ult.locked{background:radial-gradient(circle at 50% 28%,#462818f7,#180c08f7 72%);border-color:#c88c4699}.skill.ult.locked .lock{border-color:#ffb84fb3}.act kbd{z-index:1}.skill kbd{top:-3px;bottom:auto;right:-2px}#pots{gap:6px}.auto,#advchip{touch-action:manipulation;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:46px;height:46px;padding:0;display:flex;position:absolute;box-shadow:0 4px 10px #00000073,inset 0 1px #ffecbe26}.auto{bottom:calc(max(10px, calc(var(--sb) - 1px)) + 104px)}.auto span{font-size:12px;line-height:1.1}.auto small{font-size:8.5px;line-height:1}#advchip{right:calc(var(--sr) + 250px);bottom:calc(max(10px, calc(var(--sb) - 1px)) + 156px);color:#cfefff;background:radial-gradient(circle at 50% 28%,#284056f5,#0a101af5 72%);border:1.5px solid #9fe8ff99;font-size:14px;line-height:1}#advchip small{letter-spacing:-.01em;font-size:9px;font-weight:800}#advchip:active,.auto:active{transform:scale(.93)}#advchip[hidden]{display:none}#btnPK{bottom:calc(max(10px, calc(var(--sb) - 1px)) + 208px);color:#ffcfc4;border-color:#ff8c788c}#btnPK.on{color:#fff;background:radial-gradient(circle at 50% 28%,#aa221ef7,#3c0808f7 72%);border-color:#ff5a4a;animation:none;box-shadow:0 0 12px #ff463299}#btnPK.on small{color:#ffd0c8}@media (max-height:460px){#advchip{right:calc(var(--sr) + 240px)}}#menuMore .mbtn.snd.off{opacity:.55}#pframe,#topright,#actions,#pots,.auto,#advchip{zoom:var(--hudz,1)}#hud #chat,#party{zoom:var(--uis,1)}@media (max-height:340px){#pframe,#topright,#actions,#pots,.auto,#advchip{zoom:var(--hudz,.8)}#joy{width:96px;height:96px}}@media (max-height:300px){#pframe,#topright,#actions,#pots,.auto,#advchip{zoom:var(--hudz,.7)}#joy{width:88px;height:88px}}@media (max-height:255px){#pframe,#topright,#actions,#pots,.auto,#advchip{zoom:var(--hudz,.62)}}@media (max-height:460px) and (pointer:coarse){.skill.locked{display:none}}@media (max-height:400px) and (min-height:341px){#pframe,#topright,#actions,#pots,.auto,#advchip{zoom:var(--hudz,.86)}}#hud #chat{left:calc(var(--sl) + 150px);right:calc(var(--sr) + 300px);bottom:max(6px, var(--sb));color:#fff8e8;text-shadow:0 1px 2px #000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(90deg,#1814109e,#1814106b);border:1px solid #ead7a32b;border-radius:9px;flex-direction:column;gap:2px;min-width:200px;max-width:460px;margin-inline:auto;padding:3px 7px 4px;display:flex;position:absolute}#chtabs{align-items:center;gap:2px;min-width:0;display:flex}#chtabs button{color:#cdbf9f;font:600 10.5px/1.4 var(--font,sans-serif);text-shadow:inherit;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:1px 6px}#chtabs button.on{color:#ffe395;border-bottom-color:#e5bc66}#chtabs #chsize{margin-left:auto;padding:1px 7px}#chtabs #chopen{color:#ffe3a0;border:1px solid #e8c37273;border-radius:7px;padding:1px 8px}#hud #chat #log{overscroll-behavior:contain;touch-action:pan-y;pointer-events:auto;scrollbar-width:none;width:auto;height:66px;max-height:none;font-size:12px;line-height:1.35;display:block;position:static;inset:auto;overflow-y:auto}#hud #chat #log::-webkit-scrollbar{display:none}#hud #chat #log p{opacity:1;white-space:normal;overflow-wrap:anywhere;background:0 0;border-radius:0;max-width:none;margin:0;padding:0 1px}#chat #log p.exp{color:#b6ef7e}#chat #log p.loot{font-weight:700}#chat.big #log{height:150px}#chat[data-f=sys] #log p:not([data-g=sys]),#chat[data-f=party] #log p:not([data-g=party]),#chat[data-f=guild] #log p:not([data-g=guild]),#chat[data-f=whisper] #log p:not([data-g=whisper]){display:none}#hud #chat #chatbar{width:auto;margin-top:2px;position:static}#hud:has(#chatbar:not([hidden])) #chat #log{height:110px;max-height:none}#hud .portal{bottom:calc(max(6px, var(--sb)) + 104px)}@media (pointer:fine){#hud #chat{left:calc(var(--sl) + 120px)}}@media (max-height:340px){#hud #chat{right:calc(var(--sr) + 250px);left:calc(var(--sl) + 128px)}#hud #chat #log{height:50px}#chat.big #log{height:110px}#hud .portal{bottom:calc(max(6px, var(--sb)) + 84px)}}@media (max-height:300px){#hud #chat{right:calc(var(--sr) + 220px);left:calc(var(--sl) + 116px)}#hud #chat #log{height:34px}#chat.big #log{height:90px}#hud:has(#chatbar:not([hidden])) #chat #log{height:60px}#hud .portal{bottom:calc(max(6px, var(--sb)) + 66px)}}.auto .gear{color:#ffe3a0;background:#2a2216;border:1px solid #c9a35a;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font:700 12px/1 sans-serif;display:flex;position:absolute;top:-7px;right:-7px;box-shadow:0 1px 3px #0009}.auto .gear:before{content:"";position:absolute;inset:-9px}:is(#autoCfg,#petCfg){z-index:60;background:#00000059;justify-content:center;align-items:center;padding:8px;display:flex;position:fixed;inset:0}:is(#autoCfg,#petCfg) .ac-card{color:#f3e6c8;width:min(560px,100%);max-height:calc(100dvh - 16px);font:600 13px var(--font,sans-serif);background:#100d10f5;border:1px solid #c9a35a;border-radius:12px;flex-direction:column;display:flex}:is(#autoCfg,#petCfg) header{border-bottom:1px solid #c9a35a4d;justify-content:space-between;align-items:center;padding:7px 10px;display:flex}:is(#autoCfg,#petCfg) .ac-x{color:#f3e6c8;width:32px;height:32px;font:inherit;background:#2a2216;border:1px solid #c9a35a;border-radius:50%}:is(#autoCfg,#petCfg) .ac-body{grid-template-columns:1fr 1fr;gap:4px 16px;padding:6px 12px 10px;display:grid;overflow-y:auto}:is(#autoCfg,#petCfg) section:first-child{grid-column:1/-1}:is(#autoCfg,#petCfg) h4{color:#e8c372;margin:6px 0 4px;font-size:12px}:is(#autoCfg,#petCfg) h4 small{color:#a99c84;font-weight:500}:is(#autoCfg,#petCfg) .ac-skills{flex-wrap:wrap;gap:8px;display:flex}:is(#autoCfg,#petCfg) .ac-skills button{background:#111 50%/cover no-repeat;border:2px solid #e8c060;border-radius:10px;width:44px;height:44px;padding:0}:is(#autoCfg,#petCfg) .ac-skills button.off{opacity:.35;filter:grayscale();border-color:#555}:is(#autoCfg,#petCfg) .ac-row{flex-wrap:wrap;align-items:center;gap:6px;margin:3px 0;display:flex}:is(#autoCfg,#petCfg) .ac-row input[type=range]{accent-color:#e8c372;flex:1;min-width:90px}:is(#autoCfg,#petCfg) .ac-row b{text-align:right;color:#ffe3a0;min-width:44px}#autoCfg .ac-note{color:#ffecc899;margin:0 0 4px;font-size:11px}:is(#autoCfg,#petCfg) .ac-l{font-size:12px}:is(#autoCfg,#petCfg) .ac-seg{border:1px solid #c9a35a;border-radius:8px;display:flex;overflow:hidden}:is(#autoCfg,#petCfg) .ac-seg button{color:#cdbf9f;font:inherit;background:0 0;border:0;padding:5px 9px;font-size:12px}:is(#autoCfg,#petCfg) .ac-seg button.on{color:#ffe3a0;background:#e8c37240}:is(#autoCfg,#petCfg) .ac-sw{cursor:pointer;align-items:center;gap:8px;margin:4px 0;display:flex}:is(#autoCfg,#petCfg) .ac-sw input{opacity:0;pointer-events:none;position:absolute}:is(#autoCfg,#petCfg) .ac-sw i{background:#3a3230;border:1px solid #6a5a44;border-radius:10px;flex:none;width:34px;height:20px;transition:background .15s;position:relative}:is(#autoCfg,#petCfg) .ac-sw i:after{content:"";background:#cdbf9f;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px}:is(#autoCfg,#petCfg) .ac-sw input:checked+i{background:#6a8a3a;border-color:#a8d070}:is(#autoCfg,#petCfg) .ac-sw input:checked+i:after{background:#fff;transform:translate(14px)}:is(#autoCfg,#petCfg) .ac-sw span{font-size:12px;line-height:1.25}:is(#autoCfg,#petCfg) .ac-sw small{color:#a99c84;font-size:10.5px;font-weight:500;display:block}@media (max-width:560px){:is(#autoCfg,#petCfg) .ac-body{grid-template-columns:1fr}}#petCfg .ac-card{width:min(480px,100%)}#petCfg .ac-body.one{grid-template-columns:1fr}#petCfg .ac-body p{margin:4px 0;font-size:12.5px;font-weight:500}#petCfg .dim{color:#a99c84}#petCfg .ac-sw.big span{font-size:13px}#petCfg h4{justify-content:space-between;align-items:center;display:flex}#petCfg .pc-q{gap:6px;display:flex}#petCfg .pc-q button{color:#f3e6c8;font:600 11px var(--font,sans-serif);background:#2a2216;border:1px solid #c9a35a;border-radius:7px;padding:3px 9px}#petCfg .pc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}#petCfg .pc-grid.dim{opacity:.45;pointer-events:none}#petCfg .pc-grid button{color:#f3e6c8;text-align:left;min-height:48px;font:600 12px var(--font,sans-serif);opacity:.55;background:#ffffff0a;border:1px solid #555;border-radius:9px;flex-direction:column;align-items:flex-start;gap:2px;padding:5px 7px;display:flex}#petCfg .pc-grid button small{color:#a99c84;font-size:10px;font-weight:500;line-height:1.2}#petCfg .pc-grid button.on{opacity:1;background:#6a8a3a38;border-color:#a8d070;box-shadow:inset 0 0 0 1px #a8d0704d}@media (max-width:560px){#petCfg .pc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}#stats .pcfg{color:#ffe3a0;font:700 11px var(--font,sans-serif);background:#e8c37226;border:1px solid #c9a35a;border-radius:8px;margin-left:auto;padding:3px 9px}#menuMore .zoomrow{justify-content:space-between;align-items:center;gap:8px;display:flex}#panel.solo .tabs button:not(#tabStat),#panel:not(.solo) #tabStat{display:none}#btnStat.pts:after{content:"";background:#ff5a4a;border-radius:50%;width:9px;height:9px;position:absolute;top:-3px;right:-3px;box-shadow:0 0 4px #ff5a4a}#btnMap{display:none!important}#menuMore .zoomrow:before{display:none}#menuMore .zoomrow div{gap:4px;display:flex}#menuMore .zoomrow button{color:#ffe3a0;min-width:38px;height:34px;font:800 15px var(--font,sans-serif);background:#2a2216;border:1px solid #c9a35a;border-radius:8px;padding:0 8px}#menuMore .zoomrow #zoomPct{min-width:56px;font-size:13px}#petCfg .pc-head{border-bottom:1px solid #c9a35a40;align-items:center;gap:10px;padding:4px 0 6px;display:flex}#petCfg .pc-head>div{flex:1;min-width:0}#petCfg .pc-head b{color:#ffe3a0;font-size:14px}#petCfg .pc-head p{margin:2px 0}#petCfg .pc-head p.ok{color:#9be27a}#petCfg .pc-face{background-color:#0000;background-image:radial-gradient(circle,#ffecbe2e,#0000004d);background-position:50%;background-repeat:no-repeat;background-size:50px,cover;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #c9a35a;border-radius:12px;flex:none;width:58px;height:58px;font-style:normal}#petCfg .pc-head .ac-sw{flex:none}#petCfg .pc-grid button{flex-direction:row;align-items:center;gap:7px;min-height:52px;position:relative}#petCfg .pc-grid button img{background:#00000059;border:2px solid #ffffff26;border-radius:8px;flex:none;width:34px;height:34px}#petCfg .pc-grid button span{flex-direction:column;min-width:0;display:flex}#petCfg .pc-grid button em{color:#a8d070;font-style:normal;font-weight:900;position:absolute;top:3px;right:6px}@media (max-height:420px){#petCfg .pc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#petCfg .pc-grid button small{display:none}}#petHud{color:#ffe3a0;font:700 11px var(--font,sans-serif);pointer-events:auto;background:#100d10d1;border:1px solid #e8c060bf;border-radius:99px;align-self:flex-end;align-items:center;gap:4px;margin-top:4px;padding:2px 8px 2px 2px;display:flex}#petHud[hidden]{display:none}#petHud i{background:#ffecbe26 50%/22px no-repeat;border-radius:50%;width:26px;height:26px}#petHud.off{opacity:.6}#petHud.off span:after{content:" (พัก)"}#btnSaveHud{color:#d8e0ff;font:700 11px var(--font,sans-serif);pointer-events:auto;background:#0e0e1cd9;border:1px solid #a0b4ff99;border-radius:99px;align-self:flex-end;margin-top:4px;padding:5px 10px}#saveMode{z-index:90;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-family:var(--font,sans-serif);background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#saveMode[hidden]{display:none}#saveMode .sm-card{color:#c9c3b6;text-align:center;opacity:.85;width:min(360px,100vw - 32px)}#saveMode .sm-top{justify-content:center;align-items:baseline;gap:8px;font-size:15px;display:flex}#saveMode .sm-top b{color:#f0e2bd}#saveMode .sm-lv{color:#e8c372;font-weight:800}#saveMode .sm-clock{color:#8f8a80;letter-spacing:.04em;margin:4px 0 8px;font-size:40px;font-weight:300;line-height:1.1}#saveMode .sm-bars{gap:4px;margin-bottom:10px;display:grid}#saveMode .sm-bars i{background:#1b1b1f;border-radius:4px;height:6px;display:block;position:relative;overflow:hidden}#saveMode .sm-bars u{border-radius:4px;width:0;transition:width .4s;position:absolute;inset:0 auto 0 0}#saveMode .sm-bars .hp u{background:#a3302c}#saveMode .sm-bars .mp u{background:#2d55a0}#saveMode .sm-bars .xp{height:12px}#saveMode .sm-bars .xp u{background:#8a6420}#saveMode .sm-bars .xp em{font:700 9px/12px var(--font,sans-serif);color:#e8dcc0;font-style:normal;position:absolute;inset:0}#saveMode .sm-grid{grid-template-columns:1fr 1fr;gap:6px 14px;font-size:12px;display:grid}#saveMode .sm-grid span{border-bottom:1px solid #1d1d1d;justify-content:space-between;padding-bottom:3px;display:flex}#saveMode .sm-grid b{color:#e6dcc6;font-variant-numeric:tabular-nums}#saveMode .sm-grid b.ok{color:#7fcf86}#saveMode .sm-grid b.bad{color:#e0786a}#saveMode .sm-warn{color:#f08a70;margin:10px 0 0;font-size:12px;font-weight:700}#saveMode .sm-hold{border:1px solid #3a3528;border-radius:99px;height:30px;margin-top:16px;position:relative;overflow:hidden}#saveMode .sm-hold i{background:#e8c37259;width:0;position:absolute;inset:0 auto 0 0}#saveMode .sm-hold span{color:#9a927f;font-size:11px;line-height:30px;position:relative}#reconn{z-index:90;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#reconn>div{color:#f3e6c8;font:600 14px var(--font,sans-serif);background:#100d10f0;border:1px solid #c9a35a;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:14px 22px;display:flex}#reconn small{color:#cdbf9f;font-weight:500}#reconn i{border:3px solid #e8c37240;border-top-color:#e8c372;border-radius:50%;width:22px;height:22px;animation:.9s linear infinite rcspin}@keyframes rcspin{to{transform:rotate(360deg)}}.sp-acts .sp-reset small{opacity:.7;font-size:10px;font-weight:600;display:block}#warpBox{z-index:60;background:#00000059;justify-content:center;align-items:center;padding:8px;display:flex;position:fixed;inset:0}#warpBox .wp-card{color:#e8f6ff;width:min(460px,100%);max-height:calc(100dvh - 16px);font:600 13px var(--font,sans-serif);background:#0c1016f5;border:1px solid #7fe8ff;border-radius:12px;flex-direction:column;display:flex;box-shadow:0 0 24px #7fe8ff40}#warpBox header{border-bottom:1px solid #7fe8ff40;justify-content:space-between;align-items:center;padding:7px 10px;display:flex}#warpBox .wp-x{color:#e8f6ff;width:32px;height:32px;font:inherit;background:#10242c;border:1px solid #7fe8ff;border-radius:50%}#warpBox .wp-list{grid-template-columns:1fr 1fr;gap:6px;padding:6px 10px;display:grid;overflow-y:auto}#warpBox .wp-list button{color:#e8f6ff;text-align:left;font:inherit;background:#7fe8ff12;border:1px solid #7fe8ff59;border-radius:9px;flex-direction:column;align-items:flex-start;gap:2px;padding:7px 9px;display:flex;position:relative}#warpBox .wp-list button:disabled{opacity:.5;border-color:#444}#warpBox .wp-list small{color:#a9c4cf;font-size:11px;font-weight:500}#warpBox .wp-list small i{font-style:normal}#warpBox .wp-list em{color:#ffcf8a;font-size:11px;font-style:normal;position:absolute;top:7px;right:8px}#warpBox .wp-list em.go{color:#7fe8ff}#warpBox .wp-note{color:#a9c4cf;margin:2px 10px 8px;font-size:11px;font-weight:500}@media (max-width:420px){#warpBox .wp-list{grid-template-columns:1fr}}#bagtools{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}#bagtools button{color:#ffe3a0;min-height:36px;font:700 12px var(--font,sans-serif);background:#e8c3721f;border:1px solid #e2ba6c8c;border-radius:9px;flex:auto;padding:0 10px}#bagtools button:disabled{opacity:.45}#bagtools .bt-sell{color:#fff4cc;background:linear-gradient(#c896288c,#6e460a99);border-color:#f0c040}#bagtools .bt-hint{color:#ffecc8bf;flex-basis:100%;margin:0;font-size:11px}#baggrid.picking .slot:not(:has(img)){opacity:.4}.slot.pick{outline-offset:1px;outline:2px solid #f0c040}.slot.pick:after{content:"✓";font:900 13px/1 var(--font,sans-serif);color:#ffd34d;text-shadow:0 0 3px #000,0 0 3px #000;pointer-events:none;position:absolute;top:1px;right:3px}