/* ==========================================================================
   HỆ THỐNG CHAT THẾ GIỚI - KIẾM HIỆP RETRO (CHUẨN ĐỘNG / POPUP GỌN GÀNG)
   ========================================================================== */

/* 1. Container cha định vị ở góc dưới bên trái */
#worldChat {
  z-index: 9999 !important;
  pointer-events: none !important;
  position: fixed !important;
  bottom: 16px !important;
  left: 16px !important;
}

/* 2. Nút tròn mở chat (Luôn nổi và bấm được) */
.wc-toggle {
  pointer-events: auto !important;
  cursor: pointer !important;
  background: radial-gradient(circle, #252e35 0%, #101518 100%) !important;
  border: 1.5px solid #c8a45a !important;
  border-radius: 50% !important;
  width: 42px !important;
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.7), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  transition: transform 0.15s ease-in-out, border-color 0.15s !important;
  user-select: none !important;
}

.wc-toggle:hover {
  transform: scale(1.08) !important;
  border-color: #ffd76a !important;
  box-shadow: 0 0 10px rgba(200, 164, 90, 0.7) !important;
}

.wc-toggle:active {
  transform: scale(0.95) !important;
}

/* Huy hiệu số tin nhắn chưa đọc */
.wc-unread {
  position: absolute !important;
  top: -4px !important;
  right: -4px !important;
  background: #e74c3c !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: bold !important;
  border: 1px solid #fff !important;
  border-radius: 10px !important;
  padding: 1px 5px !important;
  min-width: 16px !important;
  line-height: 14px !important;
  text-align: center !important;
}

/* 3. Khung chat pop-up lớn khi bấm mở */
.wc-panel {
  pointer-events: auto !important;
  position: fixed !important;
  bottom: 68px !important;
  left: 16px !important;
  width: 380px !important;
  max-width: calc(100vw - 32px) !important;
  height: 380px !important;
  max-height: calc(100vh - 120px) !important;
  background: rgba(13, 18, 22, 0.96) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1.5px solid #c8a45a !important;
  border-radius: 6px !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.8), inset 0 1px 1px rgba(255, 255, 255, 0.1) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  transition: opacity 0.2s ease, transform 0.2s ease !important;
  transform-origin: bottom left !important;
}

/* QUAN TRỌNG: Khi đóng (hidden), ẩn sạch sẽ 100% không để lại viền thừa */
.wc-panel[hidden],
#worldChat:not(.wc-open) .wc-panel {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

/* Khi đang mở */
#worldChat.wc-open .wc-panel {
  display: flex !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
  transform: scale(1) !important;
}

@media (orientation:portrait) and (height>=800px){.wc-panel:not(.wc-maximized){bottom:132px}}.wc-panel[hidden]{display:none}.wc-topline{z-index:2;text-shadow:0 1px 3px #000;flex:none;justify-content:space-between;align-items:center;gap:5px;min-height:25px;padding:2px 5px 0;font-size:9px;display:flex;position:relative}.wc-topline,.wc-form{transition:opacity .4s,visibility linear}.wc-panel.wc-idle .wc-topline,.wc-panel.wc-idle .wc-form{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s,visibility 0s linear .4s}.wc-panel.wc-idle .wc-list,.wc-panel.wc-idle .wc-system-list{scrollbar-width:none}.wc-panel.wc-idle .wc-list::-webkit-scrollbar{display:none}.wc-panel.wc-idle .wc-system-list::-webkit-scrollbar{display:none}.wc-header-right{justify-content:flex-end;align-items:center;gap:6px;min-width:0;font-size:8px;line-height:20px;display:flex}.wc-online{color:#8de98c;font-size:10px}.wc-status{color:#f1d06e}.wc-status[data-state=ok]{color:#8de98c}.wc-status[data-state=error]{color:#ff9c8b}.wc-status[data-state=wait]{color:#e1c477}.wc-maximize{pointer-events:auto;color:#fff7dc;background:#07100a66;border:1px solid #d5c08b88;border-radius:4px;flex:none;width:20px;height:20px;font-size:13px;line-height:1;transition:background .4s,border-color .4s}.wc-maximize:hover{background:#07100a99;border-color:#e6c67a}.wc-idle .wc-form{background:0 0;border-top-color:#0000}.wc-idle .wc-input,.wc-idle .wc-send,.wc-idle .wc-maximize{box-shadow:none;background:0 0;border-color:#0000}.wc-panel.wc-maximized{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0308069e;border-color:#d5c08b99;border-radius:5px;width:min(430px,100%);height:auto;min-height:0;position:absolute;inset:40px auto 86px 0;transform:none;box-shadow:0 4px 18px #0009}.wc-panel.wc-reduced-transparency,.wc-panel.wc-maximized.wc-reduced-transparency{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:#030806a3;border-right-color:#0000}.wc-panel.wc-reduced-transparency:not(.wc-idle),.wc-panel.wc-maximized.wc-reduced-transparency:not(.wc-idle){-webkit-backdrop-filter:none;backdrop-filter:none;background:#020504f0}#worldChat .wc-panel.wc-idle{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border-color:#0000}.wc-panel.wc-maximized .wc-topline{min-height:44px;padding:4px 5px}.wc-panel.wc-maximized .wc-header-right .wc-online,.wc-panel.wc-maximized .wc-header-right .wc-status{display:none}.wc-panel.wc-maximized .wc-maximize{z-index:3;color:#f5e8c4;background:#07100a94;border:1px solid #e6c67a88;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;font-size:20px;font-weight:400;line-height:1;transition:background .16s,border-color .16s,color .16s,box-shadow .16s;display:grid;position:absolute;top:7px;right:7px;box-shadow:0 1px 5px #0008}.wc-panel.wc-maximized .wc-maximize:hover{color:#fff6d8;background:#e6c67a22;border-color:#e6c67a;box-shadow:0 2px 8px #0009,0 0 0 2px #e6c67a1a}.wc-panel.wc-maximized .wc-maximize:focus-visible{outline-offset:2px;outline:2px solid #e6c67a}.wc-panel.wc-maximized.wc-idle .wc-topline{opacity:1;visibility:visible;pointer-events:none;transition:none}.wc-panel.wc-maximized.wc-idle .wc-tabs,.wc-panel.wc-maximized.wc-idle .wc-header-right{visibility:hidden}.wc-panel.wc-maximized.wc-idle .wc-maximize{opacity:1;visibility:visible;pointer-events:auto}#worldChat.wc-maximized{top:0;bottom:10px}#worldChat.wc-maximized .wc-toggle{position:absolute;bottom:0;left:104px}.wc-list,.wc-system-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#81907855 transparent;text-shadow:0 1px 3px #000,0 0 2px #000;-webkit-user-select:none;user-select:none;flex:1;min-height:0;padding:3px 7px 5px;overflow:auto}.wc-list[hidden],.wc-system-list[hidden]{display:none}.wc-line{color:#f1f0d7;overflow-wrap:anywhere;font-size:clamp(10px,2.7vw,12px);line-height:1.5}.wc-time{color:#ddd9c2}.wc-name{color:#9ff18a;-webkit-text-stroke:1px #000;paint-order:stroke fill;text-shadow:-1px -1px #000,0 -1px #000,1px -1px #000,-1px 0 #000,1px 0 #000,-1px 1px #000,0 1px #000,1px 1px #000;font-weight:700}.wc-name.wc-profile-link{font:inherit;font-weight:700;line-height:inherit;text-align:inherit;cursor:default;background:0 0;border:0;padding:0;text-decoration:none;display:inline}.wc-name.wc-profile-link:hover{color:#d5ffc8;text-underline-offset:2px;text-decoration:underline}.wc-name.wc-boyo-name{color:#69aaff}.wc-name.wc-hard-name{color:#ff7070}.wc-name.wc-gm-name{color:#ffbf00;-webkit-text-stroke:.45px #000;paint-order:stroke fill;text-shadow:-1px -1px #000,0 -1px #000,1px -1px #000,-1px 0 #000,1px 0 #000,-1px 1px #000,0 1px #000,1px 1px #000}.wc-faction{color:#a8edb2}.wc-level{color:#d6f2b6}.wc-message-text{color:#f5f2db}.wc-shared-item-link{color:#ffd24a;font:inherit;text-shadow:0 1px 3px #000,0 0 2px #000;cursor:default;background:0 0;border:0;padding:0;text-decoration:none;display:inline}.wc-shared-item-link:hover{color:#fff0a0;text-underline-offset:2px;text-decoration:underline}.wc-system-list{color:#f1f0d7;font-size:11px;line-height:1.45}.wc-system-list>div{padding:1px 0}.log-item-link{color:inherit;font:inherit;text-shadow:0 1px 3px #000,0 0 2px #000;cursor:default;background:0 0;border:0;padding:0;text-decoration:none;display:inline}.log-item-link:hover{filter:brightness(1.25);text-underline-offset:2px;text-decoration:underline}.wc-form{background:#07100a20;border-top:1px solid #e0d5a633;flex:none;padding:4px 6px;transition:background .4s,border-color .4s}.wc-compose{gap:5px;display:flex}.wc-emoji-toggle{color:#fff1c5;background:#fff1c20c;border:1px solid #d5c68c77;border-radius:3px;flex:none;place-items:center;width:27px;height:27px;min-height:0;padding:0;display:grid}.wc-emoji-toggle img{object-fit:contain;width:17px;height:17px;display:block}.wc-emoji-toggle:hover{background:#f0d28618;border-color:#f0d286aa}.wc-emoji-picker{z-index:9999;color:#f3ead3;background:#070d0af7;border:1px solid #d5c08b99;border-radius:5px;flex-direction:column;width:min(320px,100% - 12px);height:min(250px,100% - 54px);min-height:90px;display:flex;position:absolute;bottom:43px;left:auto;right:6px;overflow:hidden;box-shadow:0 5px 18px #000b}.wc-emoji-picker[hidden]{display:none}.wc-panel.wc-emoji-open:not(.wc-maximized){min-height:min(300px,100dvh - 80px)}.wc-emoji-toolbar{color:#ffe894;border-bottom:1px solid #d5c08b55;flex:none;justify-content:space-between;align-items:center;height:27px;padding:0 6px;font-size:10px;display:flex}.wc-emoji-close{color:#fff2c8;border:1px solid #d5c08b66;border-radius:50%;width:21px;height:21px;min-height:0;padding:0;font-size:15px;line-height:1}.wc-emoji-grid{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#81907866 transparent;flex:1;grid-template-columns:repeat(auto-fill,minmax(29px,1fr));align-content:start;gap:2px;min-height:0;padding:4px;display:grid;overflow:auto}.wc-emoji-item{background:0 0;border:1px solid #0000;border-radius:3px;width:100%;height:29px;min-height:0;padding:0;font:19px/1 system-ui,Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif}.wc-emoji-item:hover{background:#d5c08b22;border-color:#d5c08b88}.wc-input{color:#f3ead3;min-width:0;height:27px;font:11px var(--font);box-shadow:none;-webkit-user-select:text;user-select:text;background:#0000000d;border:1px solid #e0d6ad55;border-radius:3px;flex:1;padding:0 7px;transition:background .4s,border-color .4s,box-shadow .4s}.wc-input::placeholder{color:#e1ddce99}.wc-send{color:#fff1c5;background:#fff1c20c;border:1px solid #d5c68c77;border-radius:3px;flex:none;height:27px;min-height:0;padding:0 9px;font-size:10px;line-height:1;transition:background .4s,border-color .4s}.wc-send:hover:not(:disabled){color:#fff5d0;background:#f0d28618;border-color:#f0d286aa}.wc-send:disabled{opacity:.5}.wc-line.wc-pending{opacity:.78}.wc-delivery{color:#f0b88e;font-size:.9em}.wc-tabs{background:0 0;border:0;flex:none;gap:5px;padding:0;display:flex;position:static}.wc-tab{color:#7fe1d2;text-shadow:0 1px 2px #000;border:0;border-bottom:1px solid #0000;border-radius:0;flex:none;min-height:18px;padding:1px 3px;font-size:10px;line-height:1.3}.wc-tab.wc-zalo{color:#a4f0a8;border:1px solid #56b76b88;border-radius:4px;padding:1px 5px;font-weight:700}.wc-tab.wc-ranking{color:#ffe894;border:1px solid #d9bd6e77;border-radius:4px;padding:1px 5px;font-weight:700}.wc-tab.wc-ranking:hover{color:#fff1b8;background:#8e762522;border-color:#f4d77d}.wc-tab.wc-zalo:hover{color:#d0ffd0;background:#22633166;border-color:#78e889}.wc-tab.active{color:#ffe894;background:0 0;border-color:#d9bd6e99;font-weight:700}.wc-tab:active{background:#88732d99}#miniFloat{z-index:9;touch-action:none;cursor:grab;display:none;position:absolute}#miniFloat.open{display:block}#miniFloat:active{cursor:grabbing}#miniCanvas{display:block}#bg{filter:saturate(.85)brightness(.8);background-position:50%;background-size:cover;transition:background-image .6s;position:absolute;inset:0}#battle:after{content:"";pointer-events:none;z-index:2;background:radial-gradient(at 50% 55%,#0000 45%,#0009 100%);position:absolute;inset:0}#arena{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.enh{color:#7fe3ff;text-shadow:0 0 4px #2aa8ff;font-size:.85em}#svHud{pointer-events:none}#svTopBar{z-index:5;pointer-events:auto;justify-content:space-between;align-items:center;display:flex;position:absolute;top:6px;left:6px;right:6px}#svGoldWrap{color:#ffd24a;background:#000a;border:1px solid #e6c67a44;border-radius:10px;padding:2px 8px;font-size:12px}#svHud #svPauseBtn{padding:3px 10px;font-size:13px;position:static}#svPad{z-index:5;pointer-events:auto;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:10px;right:10px}#svPad .pbtn{color:#fff;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#1c2520dd;border:2px solid #e6c67a88;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:46px;height:46px;font-size:11px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 6px #0009}#svPad .pbtn:active{transform:scale(.95)}#svPad .pbtn.ult{background:radial-gradient(circle,#2d3e33,#131a16);border-color:#e6c67a;width:58px;height:58px}#svPad .pbtn.ult .lock{color:#ff9865;font-size:8px;font-weight:400;line-height:1}#svPad .pbtn.bomb{background:#261814dd;border-color:#ff7a45}#svPad .pbtn.bomb .bomb-icon{z-index:1;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 2px #000);width:32px;height:32px;position:relative}#svPad .pbtn.bomb .bomb-count{z-index:5;box-sizing:border-box;color:#fff4df;min-width:13px;height:13px;font:600 8px/1 var(--font);text-shadow:0 1px 2px #000;pointer-events:none;background:#241713;border:1px solid #ff9a68;border-radius:9px;place-items:center;padding:0 2px;display:grid;position:absolute;bottom:2px;right:2px;box-shadow:0 1px 3px #000b}#svPad .pbtn.pot .potion-icon{width:30px;height:30px;inset:2px auto auto 50%;transform:translate(-50%)}#svPad .pbtn:disabled{opacity:.45;filter:grayscale(.8);cursor:not-allowed}#svPad .pbtn .cd{pointer-events:none;background:conic-gradient(#000b var(--p,0%), transparent 0);position:absolute;inset:0}body.sv #panel,body.sv #tabs,body.sv #pad,body.sv #autoControls,body.sv #townBar,body.sv #mainSk{display:none!important}body.sv #hud .bar.hp,body.sv #hud .bar.mp{display:none}body.sv #hud{grid-template-columns:minmax(0,1fr)}body.sv #hud .bar.xp{grid-column:auto}body.sv #battle{flex:auto}.svopts{gap:6px;display:grid}.svopt{text-align:left;border:1px solid var(--gold2);background:linear-gradient(#1f2a25,#121a16);border-radius:8px;grid-template-rows:auto auto;grid-template-columns:40px 1fr auto;align-items:center;gap:0 8px;padding:8px;display:grid}.svopt:hover{border-color:var(--gold);box-shadow:0 0 8px #e6c67a55}.svopt img{object-fit:contain;grid-row:1/3;width:40px;height:40px}.svopt b{color:var(--gold)}.svopt .new{background:var(--red);color:#fff;vertical-align:1px;border-radius:3px;padding:1px 4px;font-size:9px;font-style:normal}.svopt em{color:#ffd24a;letter-spacing:1px;font-style:normal}.svopt small{color:var(--dim);grid-column:2/4;font-size:11px}.sv-pause{gap:7px;display:grid}.sv-pause>.btnrow{margin-top:0}.sv-pause-title{color:#f3d68c;margin:0 24px 0 0;font-size:16px}.sv-pause-title small{font:12px var(--font);color:var(--dim)}.sv-run-meta{flex-wrap:wrap;gap:6px;margin:0 0 2px;display:flex}.sv-run-meta span{color:#ded6bd;white-space:nowrap;background:linear-gradient(#27271c,#151a16);border:1px solid #c1a35b44;border-radius:999px;padding:5px 9px;font-size:12px}.sv-run-meta span:first-child{color:#ffe08a}.sv-stats-panel{background:linear-gradient(145deg,#111a15ef,#0b110ee8);border:1px solid #82928055;border-radius:10px;padding:7px 8px;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.sv-stats-heading{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.sv-stats-heading b,.sv-passives>b{color:#e7d39a;font-size:12px}.sv-stats-heading small{color:var(--dim);font-size:12px}.sv-table-wrap{overflow-x:auto}.svtab{table-layout:fixed;border-collapse:collapse;width:100%;margin:0;font-size:12px}.svtab th,.svtab td{text-align:right;white-space:nowrap;border-bottom:1px solid #b9c9b21b;padding:4px 6px}.svtab th{color:#a9b6aa;letter-spacing:.06em;text-transform:uppercase;font-size:12px}.svtab th:first-child,.svtab td:first-child{text-align:left;width:55%}.svtab tbody tr:first-child{background:linear-gradient(90deg,#d6b55713,#0000)}.svtab tbody tr:last-child td{border-bottom:0}.svtab td:nth-child(3){color:#bce6d9}.sv-skill{align-items:center;gap:7px;min-width:0;display:flex}.sv-skill-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sv-stars{color:#ffd24a;letter-spacing:1px;text-shadow:0 0 5px #ffbd3377;white-space:nowrap;flex:none;font-size:12px}.sv-passives{border-top:1px solid #b9c9b222;gap:5px;margin-top:6px;padding-top:6px;display:grid}.sv-perk-list{flex-wrap:wrap;gap:4px;display:flex}.sv-perk-chip{color:#c4cbbd;background:#101914;border:1px solid #697c6844;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:3px 6px;font-size:12px;display:inline-flex}.sv-perk-chip .sv-stars{letter-spacing:0;font-size:12px}@media (width<=520px){.sv-stats-panel{padding:7px}.svtab th,.svtab td{padding:5px 4px}.svtab th:first-child,.svtab td:first-child{width:51%}.sv-skill{gap:4px}.sv-stars{letter-spacing:0;font-size:12px}.sv-run-meta{gap:4px}.sv-run-meta span{padding:4px 7px;font-size:12px}}#svBar{z-index:4;pointer-events:none;position:absolute;top:28px;left:4px;right:4px}.svrow{grid-template-columns:repeat(6,38px);justify-content:center;gap:4px;margin-bottom:4px;display:grid}.svcell{border:1px solid var(--gold2);pointer-events:auto;background:#0b100ea8;border-radius:6px;width:38px;height:38px;position:relative;overflow:hidden}.svcell img{object-fit:contain;width:100%;height:100%;display:block}.svcell .star{letter-spacing:-1px;color:#ffd24a;text-shadow:0 0 3px #000;font-size:9px;position:absolute;bottom:0;left:1px}.svcell .cd{background:conic-gradient(#000c calc(var(--cd,0)*360deg),transparent 0);position:absolute;inset:0}.svcell-evo{z-index:2;color:#ffd24a;text-shadow:0 0 4px #000,0 0 5px #ffd24a88;font-size:11px;font-style:normal;line-height:1;position:absolute;top:0;right:2px}.sv-evo-tag{color:#ffd24a;text-shadow:0 0 4px #ffd24a88;flex:none;font-size:11px;font-style:normal}.sv-evo-note{color:#ffd24a}.svrow.pas .svcell{border-color:var(--line2)}.svrow.pas .svcell img{opacity:.85}#giftBtn{border:1px solid var(--gold2);background:radial-gradient(#3a2f1c,#120d06);border-radius:50%;flex:none;width:32px;height:32px;font-size:16px;line-height:30px;position:relative}#giftBtn.on:after{content:"";background:#e0402a;border-radius:50%;width:9px;height:9px;animation:1.2s infinite gpulse;position:absolute;top:0;right:0;box-shadow:0 0 0 2px #0f1613}@keyframes gpulse{50%{transform:scale(1.3)}}.days{grid-template-columns:repeat(7,1fr);gap:4px;margin:8px 0;display:grid}.day{border:1px solid var(--line);background:var(--panel2);text-align:center;border-radius:6px;padding:6px 3px;font-size:11px}.day b{color:var(--gold);font-size:11px;display:block}.day small{color:var(--dim);font-size:9.5px;line-height:1.2;display:block}.day.cur{border-color:var(--gold);box-shadow:0 0 6px #e6c67a55}.day.got{opacity:.5}.day.got b:after{content:" ✓"}.qrow{border:1px solid var(--line);background:var(--panel2);border-radius:6px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;margin:4px 0;padding:6px 8px;display:grid}.qrow small{color:var(--dim);font-size:11px}.qrow span small{display:block}.qrow.lock{opacity:.5}.achievement-page{gap:9px;display:grid}.achievement-overview{background:radial-gradient(at 0 0,#b8953a28,#0000 58%),linear-gradient(135deg,#22291f,#101713);border:1px solid #806b3e;border-radius:10px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid;box-shadow:inset 0 1px #ffffff0a}.achievement-overview-sigil{color:#f3d47e;text-shadow:0 0 9px #f3d47e66;background:radial-gradient(circle,#594925,#1b2119 72%);border:1px solid #b99952;border-radius:50%;place-items:center;width:40px;height:40px;font-size:23px;display:grid}.achievement-overview-copy{gap:4px;min-width:0;display:grid}.achievement-overview-copy>small,.achievement-current-title small{color:#bba66e;letter-spacing:.1em;font-size:8px;font-weight:700}.achievement-overview-copy>b{color:#f1e4c2;font-size:13px}.achievement-overview-copy>b>span{color:#92998b;font-size:11px;font-weight:400}.achievement-progress{background:#080d0a;border:1px solid #615534;border-radius:5px;height:5px;overflow:hidden}.achievement-progress>i{border-radius:inherit;background:linear-gradient(90deg,#8b6d2e,#f0d27c);height:100%;transition:width .25s;display:block;box-shadow:0 0 8px #e7c66766}.achievement-percent{color:#f0d27c;font-variant-numeric:tabular-nums;font-size:19px}.achievement-percent small{font-size:10px}.achievement-current-title{background:linear-gradient(110deg,#17231b,#111713);border:1px solid #35483c;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.achievement-current-title>span{gap:3px;min-width:0;display:grid}.achievement-current-title>span>b{color:#a9b4a8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.achievement-current-title>span>b.is-wearing{color:#f0d27c}.achievement-title-count{text-align:right;flex:none}.achievement-title-count>b{color:#d5c58e;font-variant-numeric:tabular-nums;font-size:11px}.achievement-intro{color:var(--dim);margin:0;font-size:10px;line-height:1.4}.achievement-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:7px;display:grid}.achievement-card{background:linear-gradient(145deg,#1c2821,#111713 76%);border:1px solid #384a40;border-radius:9px;align-content:start;gap:7px;min-width:0;padding:10px;display:grid;box-shadow:inset 0 1px #ffffff08}.achievement-card.is-earned{background:radial-gradient(at 100% 0,#a07e3120,#0000 54%),linear-gradient(145deg,#24271d,#111713 76%);border-color:#75633d}.achievement-card.is-locked{background:linear-gradient(145deg,#19211c,#101512 76%);border-color:#344139}.achievement-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.achievement-card-seal{color:#788579;font-variant-numeric:tabular-nums;background:#121a15;border:1px solid #48574a;border-radius:50%;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.achievement-card.is-earned .achievement-card-seal{color:#f0d27c;background:radial-gradient(circle,#554622,#201f17);border-color:#aa8a45;font-size:13px}.achievement-card-state{color:#879387;letter-spacing:.07em;border:1px solid #3d4d42;border-radius:10px;padding:3px 7px;font-size:8px;font-weight:700}.achievement-card.is-earned .achievement-card-state{color:#c8d28d;background:#293021;border-color:#5e633e}.achievement-card>h4{color:#e9e0cb;margin:0;font-size:12px;font-weight:600;line-height:1.35}.achievement-card.is-earned>h4{color:#f2e6c7}.achievement-reward{background:#090f0c66;border-radius:6px;justify-content:space-between;align-items:baseline;gap:8px;padding:5px 7px;display:flex}.achievement-reward>small{color:#818d81;letter-spacing:.08em;flex:none;font-size:7px;font-weight:700}.achievement-reward>b{color:#d1c7ad;text-align:right;font-size:9px;font-weight:500}.achievement-title-line{border-top:1px solid #ffffff12;align-items:center;gap:7px;min-width:0;padding-top:6px;display:flex}.achievement-title-sigil{color:#e7ca76;background:#2b271b;border:1px solid #79653d;border-radius:6px;flex:none;place-items:center;width:25px;height:25px;font-size:13px;display:grid}.achievement-title-copy{gap:2px;min-width:0;display:grid}.achievement-title-copy>small{color:#849084;letter-spacing:.05em;font-size:7px}.achievement-title-copy>b{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.achievement-card-foot{justify-content:flex-end;align-items:center;min-height:27px;display:flex}.achievement-title-action{min-width:96px}.achievement-title-locked{color:#7e897e;font-size:8px}.achievement-how-to{background:#090f0c55;border-left:2px solid #806b3e;border-radius:0 5px 5px 0;gap:3px;padding:6px 7px;display:grid}.achievement-how-to>small{color:#bba66e;letter-spacing:.08em;font-size:7px;font-weight:700}.achievement-how-to>span{color:#b7beb3;font-size:9px;line-height:1.45}.petpick{max-height:40vh;padding-right:2px;display:block;overflow:auto}.petgroup{margin:7px 0 9px}.petgroup h4{color:var(--gold);align-items:center;gap:7px;margin:0 0 4px;font-size:10px;font-weight:600;display:flex}.petgroup h4:after{content:"";background:var(--line);flex:1;height:1px}.petgroup h4 small{color:var(--dim);white-space:nowrap;order:1;font-size:8px;font-weight:400}.petgroup-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.petgroup-grid button{border:1px solid var(--line);background:var(--panel2);border-radius:6px;padding:4px;font-size:10px}.petgroup-grid button.on{border-color:var(--gold)}.petgroup-grid button.active:not(.on){border-color:#648e70}.petgroup-grid img{object-fit:contain;width:100%;height:44px;display:block}.petgroup-grid b{font-weight:500;display:block}.petgroup-grid .pet-active-hint{color:#9fe36a;min-height:10px;margin-top:1px;font-size:8px;line-height:1.2;display:block}.petgroup-grid .pet-skill-hint{color:var(--dim);margin-top:3px;font-size:8px;line-height:1.3;display:block}.pet-card-tags,.pet-role-tags{flex-wrap:wrap;gap:2px;display:flex}.pet-card-tags{justify-content:center;min-height:13px;margin-top:2px}.pet-role-tag{color:#c9e5b9;white-space:nowrap;background:#24332b;border:1px solid #536b5d;border-radius:8px;align-items:center;padding:1px 4px;font-size:8px;line-height:1.35;display:inline-flex}.pet-role-block{background:#19251f;border:1px solid #536b5d;border-radius:6px;margin-top:5px;padding:5px 7px}.pet-role-block>b{color:var(--gold);letter-spacing:.04em;font-size:9px;display:block}.pet-role-block p{color:#d0d9cb;margin-top:4px;font-size:10px;line-height:1.4}.pet-role-block p b{color:#9fe36a}.pet-preview{border:1px solid var(--line);background:var(--panel2);border-radius:7px;margin:5px 0 8px;padding:6px 8px}.pet-preview-head{align-items:center;gap:8px;display:flex}.pet-preview-head img{object-fit:contain;width:40px;height:40px}.pet-preview-head span{flex:1;gap:2px;min-width:0;display:grid}.pet-preview-head span small{color:var(--dim);font-size:9px}.pet-preview-head span b{color:var(--gold);font-size:12px}.petskills{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:6px 0 10px;display:grid}.petskill{border:1px solid var(--line);background:var(--panel2);border-radius:6px;padding:5px 7px}.petskill-head{align-items:center;gap:7px;min-height:34px;display:flex}.petskill-head img{object-fit:contain;width:34px;height:34px;image-rendering:pixelated;background:#101713;border-radius:4px;flex:none}.petskill b,.petskill small{display:block}.petskill b{color:var(--gold);font-size:11px}.petskill small{color:var(--dim);margin-top:2px;font-size:10px;line-height:1.35}.petskill.lock{opacity:.58}#hud{pointer-events:none;background:linear-gradient(#111a16,#080e0b);border:1px solid #927847;border-radius:5px;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 5px;padding:3px;display:grid;position:static;box-shadow:inset 0 1px #fff2,0 1px 3px #0008}#hud .bar.xp{grid-column:1/3}#mainSk{z-index:1;color:var(--gold);text-shadow:0 0 3px #000;font-size:11px;position:absolute;top:3px;left:8px}#skBuffs{z-index:5;pointer-events:none;gap:3px;display:flex;position:absolute;top:24px;left:12px}#skBuffs .sti{text-align:center;background:#0009;border-radius:3px;flex-direction:column;align-items:center;min-width:26px;padding:1px 2px;display:flex}#skBuffs .sti img{object-fit:contain;width:20px;height:20px;image-rendering:pixelated;display:block}#skBuffs .sti b{color:#62ff72;font:700 9px/11px var(--font);text-shadow:0 1px 2px #000}body.sv #skBuffs{z-index:3;flex-wrap:wrap;align-content:flex-start;top:116px;left:8px;right:8px}