/* Pixel geometry is defined in recovered layout.xml. Keep global app styles out. */
.original-panel{border:0!important;box-shadow:none!important;background-color:transparent!important;background-repeat:no-repeat!important;background-size:100% 100%!important;max-height:none!important;overflow:visible!important;color:#000;font:12px SimSun,'宋体',serif;animation:none!important}
.original-panel header{position:absolute;left:0;top:0;width:100%;height:36px;background:none;border:0;line-height:normal;z-index:2;font-weight:normal}
.original-panel .ui-title{position:absolute;left:0;right:0;top:0;height:30px;display:flex;align-items:center;justify-content:center;color:#ffdb44;font-size:14px;pointer-events:none}
.original-panel .ui-title img{width:auto;height:auto;max-width:none}
.original-panel header button{background:none;border:0;padding:0;min-height:0;border-radius:0;box-shadow:none;transform:none;transition:none}
.original-panel header .ui-close{left:auto;right:13px;top:6px;width:16px;height:16px}
.original-panel header .ui-help{left:12px;right:auto;top:5px;width:50px;height:20px}
.original-panel header button img{display:block;width:auto;height:auto;max-width:100%;max-height:100%}
.original-panel .panelbody{position:absolute;inset:0;padding:0;max-height:none;overflow:visible;pointer-events:none}
.original-panel .panelbody>*{pointer-events:auto}
.original-panel button{font:12px SimSun,'宋体',serif;text-shadow:none;transition:none;border-radius:0;min-height:0;padding:0;box-shadow:none;transform:none}
.original-panel button:hover{filter:brightness(1.12)}
.original-panel button:active{transform:none;filter:brightness(.9)}
.original-panel button:disabled{cursor:default}
.ui-pos{position:absolute;box-sizing:border-box}
.ui-text{white-space:pre-line;line-height:16px;pointer-events:none!important}
.ui-art{pointer-events:none!important}.ui-art img{display:block;width:100%;height:100%;object-fit:contain}.ui-art:not([style*="width"]) img{width:auto;height:auto}
.ui-frame{border:1px solid #a78234;pointer-events:none!important}
.ui-button{background:#a95b18 url('/original-art/Resource/1472_panelbtnbg4.png') center/100% 100%;border:0;color:#fff8d0;display:flex;align-items:center;justify-content:center}
.ui-button img{max-width:100%;max-height:100%;width:auto;height:auto}
.ui-icon-button{border:0!important;background:none!important;display:flex;align-items:center;justify-content:center}
.ui-icon-button img{max-width:100%;max-height:100%}
.ui-tab{background:url('/original-art/GameWorld/10.png') center/100% 100%;color:#fff8d3;border:0;display:flex;align-items:center;justify-content:center}
.ui-tab.selected{background-image:url('/original-art/GameWorld/19.png')}
.ui-tab img{width:auto;height:auto;max-width:100%;max-height:100%}
.ui-grid img{display:block;width:36px;height:36px}
.ui-item{background:none!important;border:0!important;min-height:0!important;padding:0!important;overflow:visible}
.ui-item img{width:32px;height:32px;display:block}
.ui-item small{position:absolute;right:0;bottom:-1px;color:#fff;font:10px Arial;text-shadow:1px 1px #000}
.ui-item.selected{outline:1px solid #ffec46;outline-offset:1px}
.ui-item .equipped-mark{position:absolute;inset:0;outline:1px solid #9bdf57;pointer-events:none}
.ui-money{display:flex;align-items:center;gap:1px;color:#000;font:11px SimSun,'宋体',serif;white-space:nowrap}
.ui-money>span{width:33px;background:#a88a65;border:1px solid #ffefc4;color:white;padding:1px;text-align:center;margin-right:1px}
.ui-money>b{width:26px;text-align:right;background:#294e4f;color:#fff;font:11px SimSun,'宋体',serif;height:17px;padding:1px 3px}
.ui-field{background:#315b5e;color:#b6ded7;border:1px solid #bea466;line-height:17px;padding:0 4px;white-space:nowrap;overflow:hidden;font-size:12px}
.ui-field span{color:#79d9d5}
.ui-school{background:transparent;border:1px solid transparent;display:flex;align-items:center;justify-content:center}
.ui-school img{width:32px;height:32px}.ui-school.selected{background:#95662c;border:1px solid #533500;box-shadow:inset 0 0 0 1px #ffed93}
.ui-school-title{background:#794315;border:1px solid #000;display:flex;align-items:center;justify-content:center;color:#ffe498}
.ui-school-title img{width:auto;height:auto}
.ui-skill-list{overflow-y:auto;scrollbar-color:#af8f66 #d2b58b;scrollbar-width:thin}
.ui-skill-row{display:block;position:relative;width:194px;height:61px;margin:3px 3px 4px;background:transparent;border:1px solid #947348;color:#16100b;text-align:left}
.ui-skill-row .skill-icon{position:absolute;left:8px;top:14px;width:32px;height:32px}
.skill-name{position:absolute;left:41px;top:10px;font-weight:bold}.skill-level{position:absolute;left:150px;top:10px}.skill-rank{position:absolute;left:58px;top:31px}.skill-exp{position:absolute;left:100px;top:31px;z-index:1;color:#fff}
.skill-progress{position:absolute;left:48px;top:35px;width:138px;height:17px;border:1px solid #79582b;background:#405348}.skill-progress i{display:block;height:100%;background:#5f9b67}.skill-rank{z-index:1;color:#fff}
.ui-pet-list{border:1px solid #73512e;background:#cba780;overflow:auto;scrollbar-color:#a58659 #cba780;scrollbar-width:thin}
.ui-pet-list button{display:block;background:#d9d9d9;border:1px solid #999;color:#000;width:calc(100% - 12px);height:24px;text-align:left;padding:2px 5px}
.ui-pet-avatar,.ui-role-avatar{display:flex;align-items:flex-end;justify-content:center;pointer-events:none!important}.ui-pet-avatar img,.ui-role-avatar img{width:auto;height:auto;max-height:100%;max-width:100%}
.original-panel select{appearance:auto;border:1px solid #a4864e;border-radius:0;background:#305152;color:#fff4cf;font:12px SimSun,'宋体',serif;height:20px;width:100%;padding:0}
.original-panel input{border:1px solid #b29360;border-radius:0;background:#fff;color:#000;font:12px SimSun,'宋体',serif;height:22px;width:100%;padding:2px 4px}
.ui-paragraph{font-size:12px;line-height:18px;overflow:auto;white-space:pre-line}
.ui-link{color:#06c!important;text-decoration:underline;background:none!important;border:0!important;padding:0!important;height:auto!important}
.ui-tree{overflow:auto;background:#b99a62;color:#fff1ba;padding:4px;font-size:12px}.ui-tree button{display:block;background:transparent;color:#e9ffd1;border:0;text-align:left;margin:6px 0;padding:2px 10px}
.ui-products{display:grid;grid-template-columns:repeat(3,130px);grid-auto-rows:44px;gap:4px;overflow:auto;align-content:start;scrollbar-width:thin}
.ui-product{position:relative;width:130px;height:44px;background:#746446;border:1px solid #b89954;color:#ffec8d;text-align:left}
.ui-product img{position:absolute;left:3px;top:4px;width:32px;height:32px}.ui-product span{position:absolute;left:38px;top:4px;right:1px;white-space:nowrap;overflow:hidden;font-size:12px}.ui-product small{position:absolute;left:38px;bottom:4px;font-size:12px}.ui-product.selected{outline:3px solid #a3210c;outline-offset:1px}
.ui-pool-item img{width:32px;height:32px}.ui-gourd-result{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.ui-gourd-result img{width:32px;height:32px}.ui-gourd-result p{margin:6px;font-size:12px}
.original-tooltip{position:absolute;z-index:99999;max-width:260px;min-width:110px;color:#fff9bf;background:#231e12ed;border:1px solid #e0c26d;box-shadow:1px 1px 0 #000;font:12px/17px SimSun,'宋体',serif;padding:5px 7px;pointer-events:none;white-space:normal}
.original-tooltip.is-item-card{width:282px;max-width:282px;min-width:0;max-height:586px;padding:0;background:transparent;border:0;box-shadow:0 8px 26px #000b;overflow:auto;scrollbar-width:thin;scrollbar-color:#776547 #141516}
.item-card{--item-color:#e2e5e7;position:relative;width:100%;box-sizing:border-box;isolation:isolate;overflow:hidden;color:#d5d8d5;background:linear-gradient(135deg,#2b261bf7,#171810fa 65%);border:1px solid #69644c;box-shadow:inset 0 0 0 2px #101616,inset 0 0 0 3px #46473766;font:12px/1.45 SimSun,'宋体',serif;text-align:left;text-shadow:none;white-space:normal;word-break:break-word}
.item-card::before{content:'';position:absolute;left:13px;right:13px;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--item-color),transparent);opacity:.9}
.item-card.ic-legendary{background:radial-gradient(ellipse at 50% 0,#5b3c1e60,transparent 55%),linear-gradient(135deg,#2b251afa,#17160ffc);border-color:#987044}
.item-card .ic-header{display:flex;gap:8px;align-items:center;position:relative;padding:12px 11px 9px;min-height:60px;margin:0;background:none;color:inherit}
.item-card .ic-icon{flex:none;display:grid;place-items:center;width:36px;height:36px;background:radial-gradient(#4d4b39aa,#0a1012);border:1px solid var(--item-color);box-shadow:inset 0 0 0 2px #070d0c,0 2px 6px #0007}
.item-card .ic-icon img{display:block;width:32px;height:32px;max-width:none;margin:0;image-rendering:pixelated}
.item-card .ic-heading{min-width:0;flex:1}
.item-card .ic-heading h3{display:block;position:static;margin:0 0 3px;padding:0;background:none;border:0;font:bold 14px/1.3 SimSun,'宋体',serif;letter-spacing:0;color:var(--item-color);text-shadow:0 1px 2px #000;word-break:break-word}
.item-card .ic-subtitle{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:12px;color:#a7ada5}
.item-card .ic-subtitle span:first-child{color:var(--item-color)}
.item-card .ic-subtitle i{font-style:normal;color:#777968}
.item-card .ic-worn{position:absolute;right:12px;top:3px;color:#91bc8b;font-size:10px;letter-spacing:1px}
.item-card .ic-stars{display:flex;align-items:center;gap:2px;padding:0 11px 8px;min-height:18px}
.item-card .ic-star{display:block;width:9px;height:10px;background:#edc76c;mask-repeat:no-repeat;mask-position:center;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:100% 100%}
.item-card .ic-star.empty{background:#8f8b78}
.item-card .ic-star.filled{filter:drop-shadow(0 0 2px #d69b3980)}
.item-card .ic-stars>span{margin-left:auto;font:10px/1.2 Arial,sans-serif;color:#989c91;white-space:nowrap}
.item-card .ic-section{position:relative;margin:0 10px;padding:7px 0 8px;border:0;border-top:1px solid #5e66563d;background:none;box-shadow:none}
.item-card .ic-section h4{display:flex;align-items:center;gap:7px;margin:0 0 4px;font-size:12px;font-weight:400;letter-spacing:0;color:#929a8e;line-height:1.5}
.item-card .ic-section h4::before{content:'';width:3px;height:9px;background:#818d71;opacity:.7}
.item-card .ic-requirements{display:flex;flex-wrap:wrap;column-gap:15px;row-gap:3px;color:#a6ada4;font-size:12px}
.item-card .ic-requirements b{font-weight:400;color:#e1e4d9;margin-left:4px;font-variant-numeric:tabular-nums}
.item-card .ic-requirements .ic-unmet,.item-card .ic-requirements .ic-unmet b{color:#f28579}
.item-card .ic-stat{display:flex;justify-content:space-between;gap:14px;min-height:20px;align-items:baseline;line-height:20px;font-size:12px}
.item-card .ic-stat b{font-weight:400;font-variant-numeric:tabular-nums;font-size:12px}
.item-card .ic-stat-base{color:#e5e7df}
.item-card .ic-stat-base b{color:#f2f1e7}
.item-card .ic-stat-affix{color:#87b9f5}
.item-card .ic-stat-affix b{color:#a5d0ff}
.item-card .ic-affixes h4::before{background:#87b9f5}
.item-card .ic-power h4{color:#d6a55e}
.item-card .ic-power h4::before{background:#dfa955}
.item-card .ic-effect,.item-card .ic-unique{margin:0 0 5px;padding:0;font-size:12px;line-height:1.55;color:#d5d9cc;background:none}
.item-card .ic-effect:last-child,.item-card .ic-unique:last-child{margin-bottom:0}
.item-card .ic-number{font-weight:600;color:#d9edaf;font-variant-numeric:tabular-nums}
.item-card .ic-unique{position:relative;padding-left:13px;color:#efc78d;line-height:1.55}
.item-card .ic-unique .ic-number{color:#ffd589}
.item-card .ic-diamond{position:absolute;left:0;top:0;font-size:9px;line-height:22px;color:#d49c4e}
.item-card .ic-stack{display:flex;justify-content:space-between;padding:0 11px 7px;color:#8c978c;font-size:12px}
.item-card .ic-stack b{color:#c3cabe;font-weight:400}
.item-card .ic-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;background:#0d0b0666;border-top:1px solid #72745d55;font-size:12px;color:#a9afa2;line-height:18px}
.item-card .ic-binding{display:flex;align-items:center;gap:5px;white-space:nowrap}
.item-card .ic-binding i{font-style:normal;font-size:12px;opacity:.8}
.item-card .ic-binding.free{color:#9ac49b}
.item-card .ic-sale{display:flex;gap:8px;align-items:center;white-space:nowrap}
.item-card .ic-sale>span{color:#929988}
.item-card .ic-sale b{font-weight:500;color:#e5c47a;font-variant-numeric:tabular-nums}
.original-panel .ui-shared-item{padding:0;background:none;overflow:auto;border:0;scrollbar-width:thin;scrollbar-color:#776547 #141516}
.original-panel .ui-craft-gear{padding:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#776547 #141516}
.ic-operation-cost{padding:10px;color:#5b3517;background:#e9d69c;font:12px/1.5 SimSun,'宋体',serif}
.item-card.ic-tier-1,.item-card.ic-tier-2,.item-card.ic-tier-3,.item-card.ic-tier-4,.item-card.ic-tier-5{border-color:var(--item-color);border-width:2px;box-shadow:inset 0 0 0 2px #091111,inset 0 0 23px color-mix(in srgb,var(--item-color) 10%,transparent)}
.item-card[class*="ic-tier-"]:not(.ic-tier-0) .ic-header{background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--item-color) 19%,transparent),transparent 85%)}
.item-card.ic-tier-3 .ic-header,.item-card.ic-tier-4 .ic-header,.item-card.ic-tier-5 .ic-header{background:radial-gradient(ellipse at 20% 0,color-mix(in srgb,var(--item-color) 29%,transparent),transparent 83%);padding-top:12px;padding-bottom:10px}
.item-card.ic-tier-3::before,.item-card.ic-tier-4::before,.item-card.ic-tier-5::before{height:4px;left:7px;right:7px;box-shadow:0 0 13px color-mix(in srgb,var(--item-color) 90%,transparent)}
.item-card .ic-corners{position:absolute;inset:4px;z-index:3;pointer-events:none;background:linear-gradient(var(--item-color),var(--item-color)) left top/12px 1px no-repeat,linear-gradient(var(--item-color),var(--item-color)) left top/1px 12px no-repeat,linear-gradient(var(--item-color),var(--item-color)) right top/12px 1px no-repeat,linear-gradient(var(--item-color),var(--item-color)) right top/1px 12px no-repeat,linear-gradient(var(--item-color),var(--item-color)) left bottom/12px 1px no-repeat,linear-gradient(var(--item-color),var(--item-color)) left bottom/1px 12px no-repeat,linear-gradient(var(--item-color),var(--item-color)) right bottom/12px 1px no-repeat,linear-gradient(var(--item-color),var(--item-color)) right bottom/1px 12px no-repeat;opacity:.5}
.item-card.ic-tier-0 .ic-corners{display:none}
.item-card.ic-tier-4 .ic-corners,.item-card.ic-tier-5 .ic-corners{inset:5px;opacity:1;filter:drop-shadow(0 0 3px var(--item-color))}
.item-card.ic-tier-5::after{content:'◆';position:absolute;left:calc(50% - 8px);top:-7px;color:#ffe8a4;font-size:16px;text-shadow:0 0 8px #ffbd45,0 0 16px #ff8e23;pointer-events:none}
.item-card:not(.ic-tier-0) .ic-icon{box-shadow:inset 0 0 0 2px #0c100e,0 0 15px color-mix(in srgb,var(--item-color) 35%,transparent)}
.item-card .ic-rarity-label{font-weight:600;letter-spacing:1px}
.item-card .ic-rarity-label::before{content:'◆';margin-right:4px;font-size:8px;vertical-align:1px;opacity:.85}
.item-card.ic-tier-3 .ic-rarity-label::before{content:'✦'}
.item-card.ic-tier-4 .ic-rarity-label::before,.item-card.ic-tier-5 .ic-rarity-label::before{content:'✦✦';font-size:9px}
.item-card.ic-tier-5 .ic-heading h3{color:#ffd186;text-shadow:1px 1px #000}
.item-card .ic-stat>span{display:flex;align-items:center;gap:7px}
.item-card .ic-stat-mark{display:inline-block;flex:none;width:4px;height:4px;background:currentColor;transform:rotate(45deg);opacity:.75}
.item-card .ic-stat-base .ic-stat-mark{opacity:.35}
.item-card .ic-stat-affix{--stat-color:#9dc7ff;color:var(--stat-color)}
.item-card .ic-stat-affix b{color:var(--stat-color);font-weight:600}
.item-card .ic-stat-affix.ic-attr-attack,.item-card .ic-stat-affix.ic-attr-strong{--stat-color:#ffb38e}
.item-card .ic-stat-affix.ic-attr-magicAttack,.item-card .ic-stat-affix.ic-attr-intellect{--stat-color:#d3acff}
.item-card .ic-stat-affix.ic-attr-defense,.item-card .ic-stat-affix.ic-attr-magicDef{--stat-color:#93c8ff}
.item-card .ic-stat-affix.ic-attr-hpMax,.item-card .ic-stat-affix.ic-attr-vitality{--stat-color:#f6a6b2}
.item-card .ic-stat-affix.ic-attr-mpMax,.item-card .ic-stat-affix.ic-attr-belief{--stat-color:#88deeb}
.item-card .ic-stat-affix.ic-attr-speed,.item-card .ic-stat-affix.ic-attr-agile{--stat-color:#b6e893}
.item-card .ic-stat-affix.ic-attr-restore{--stat-color:#8ee4bf}
.item-card.ic-tier-5 .ic-power{margin:0 7px 6px;padding:8px 6px;border:1px solid #ca923b77;background:linear-gradient(115deg,#9c5a152f,#d4a94b0d);box-shadow:inset 0 0 18px #e898140c}
.item-card.ic-tier-5 .ic-power h4{color:#ffc76f;font-size:12px;font-weight:bold;letter-spacing:0}
.item-card.ic-tier-5 .ic-unique{color:#ffce8e;line-height:1.55}
.item-card.ic-tier-5 .ic-unique .ic-number{color:#fff1b5;font-size:12px;text-shadow:1px 1px #000}
.item-card.ic-tier-1 .ic-effect{color:#b8dfbc}
.item-card.ic-tier-2 .ic-effect{color:#b3d2ff}
.item-card.ic-tier-3 .ic-effect{color:#d6bbff}
.item-card.ic-tier-4 .ic-effect{color:#f0d598}
.item-card.ic-tier-2 .ic-effects .ic-number{color:#e0efff}
.item-card.ic-tier-3 .ic-effects .ic-number{color:#f0dcff}
.item-card.ic-tier-4 .ic-effects .ic-number{color:#fff0ba}
.item-card .ic-binding svg{display:block;width:11px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.original-tooltip.is-item-card:has(.ic-tier-1){box-shadow:0 0 20px #55c87833,0 10px 28px #000c}
.original-tooltip.is-item-card:has(.ic-tier-2){box-shadow:0 0 25px #66aaff44,0 10px 28px #000c}
.original-tooltip.is-item-card:has(.ic-tier-3){box-shadow:0 0 30px #ac7bfa66,0 10px 28px #000c}
.original-tooltip.is-item-card:has(.ic-tier-4){box-shadow:0 0 32px #efbe4d66,0 10px 28px #000c}
.original-tooltip.is-item-card:has(.ic-tier-5){box-shadow:0 0 13px #ffb34b77,0 0 38px #f88b2644,0 12px 30px #000e}
@media(prefers-reduced-motion:no-preference){.item-card.ic-tier-5 .ic-icon{animation:ic-ember-glow 3.5s ease-in-out infinite}@keyframes ic-ember-glow{0%,100%{box-shadow:inset 0 0 0 2px #0c100e,0 0 12px #ffbd4555}50%{box-shadow:inset 0 0 0 2px #0c100e,0 0 21px #ffbd4599}}}
/* Original stage and MessageFace geometry: 800px world + 205px message strip. */
#game{width:1005px}#sidebar{left:800px;right:auto;top:0;width:205px;height:600px;background:#afcfda;border:0;display:block;font:12px SimSun,'宋体',serif}
#sidebar:before,#sidebar:after{content:'';position:absolute;top:27px;bottom:14px;width:5px;background:var(--facemessageborder) repeat-y;pointer-events:none;z-index:2}#sidebar:before{left:0}#sidebar:after{right:0}
#sidebar h3{position:absolute;left:0;width:205px;height:27px;padding:0;margin:0;border:0;background:var(--facemessagebg) no-repeat;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:normal}#systemHeading{top:0}#chatHeading{top:222px}#sidebar h3 img{width:auto;height:auto}
#messages{position:absolute;left:4px;top:27px;width:198px;height:195px;padding:2px;color:#285c70;overflow:auto;font:12px/16px SimSun,'宋体',serif;scrollbar-width:thin}#messages p{margin:0 0 4px}
#chatTabs{position:absolute;left:6px;top:252px;display:flex;gap:0;height:19px}#chatTabs button{width:32px;height:19px;min-height:0;padding:0;border:0;border-radius:0;background:var(--facemessagenoselect);color:#0076a4;font:12px SimSun,'宋体',serif;text-shadow:none;transition:none;transform:none}#chatTabs button[aria-pressed=true]{background:var(--facemessageselect);color:white}
#chatLog{position:absolute;left:4px;top:271px;width:198px;height:278px;padding:0 2px;overflow:auto;color:#1789ad;line-height:16px}
#chatTools{position:absolute;left:5px;top:551px;display:flex;gap:2px}#chatTools button{width:32px;height:19px;min-height:0;padding:0;border:0;border-radius:0;background:var(--facechannelbg2) center/100% 100%;font:12px SimSun,'宋体',serif;color:#fff;text-shadow:none;transform:none}#chatTools button[data-chat-tool=answer]{color:#ffed00}
#chatForm{position:absolute;left:0;top:571px;width:205px;height:29px;background:var(--facemessagechat);margin:0}#chatChannel{position:absolute;left:7px;top:5px;width:34px;height:20px;min-height:0;padding:0;border:0;background:none;color:white;font-size:12px;text-shadow:none}#chatInput{position:absolute;left:44px;top:5px;width:140px;height:20px;border:0;padding:0;background:transparent;color:white;font-size:13px}#chatForm>span{position:absolute;right:8px;top:7px;color:#ddd}
#place{left:0;top:0;width:228px;height:61px;padding:4px 16px;background:var(--facetopleft1) no-repeat;border:0;box-shadow:none;color:#075425}#mapName{display:block;width:91px;text-align:center;font-size:12px;font-weight:normal}#coords{position:absolute;left:130px;top:5px;width:88px;text-align:center;color:#06298e}#place small{position:absolute;left:132px;top:28px;width:85px;height:33px;padding-top:7px;background:var(--facelineframe);color:#1e5a2b}
#quick{left:0;top:0;width:120px;height:148px;display:block}#quick button{position:absolute;display:block}#quick img{width:100%;height:100%}#quick button:hover,#toolbar button:hover{transform:none;filter:brightness(1.12)}
#toolbar{left:144px;top:546px;bottom:auto;right:auto;width:656px;height:54px;display:flex;justify-content:flex-start;gap:1px;align-items:flex-end}#toolbar button{width:40px;height:54px;flex-shrink:0;align-items:flex-end}#toolbar img{width:40px;max-height:54px}
#hotbar{left:427px;bottom:auto;top:510px;height:34px;background:none}#hotbar button{width:34px;height:34px;padding:0;border:1px solid #ac9636;background:#1d2117b0}
#player{left:655px;right:auto;top:0;width:145px;height:61px;padding:0;border:0;background:transparent;gap:3px}#player img{width:43px;height:46px;border:1px solid #a68e3d}#player .bars{width:99px;flex:none}#player strong{height:19px;margin:0;background:#7b9a3d;font-size:12px;line-height:19px;overflow:hidden;white-space:nowrap}#player .meter{height:10px;margin:0;border:1px solid #807637}#player .meter span{font-size:9px;line-height:8px}
#trackingPopup,#npcPopup,#systemPopup{position:absolute;z-index:5;pointer-events:auto;background:#e8c26b var(--texture);border:2px solid #806021;color:#38240c}#trackingPopup{left:568px;top:80px;width:210px}#npcPopup{left:30px;top:150px;width:200px}#systemPopup{left:8px;top:95px;padding:6px}#tracker{min-height:0;border:0;padding:8px}#npcs{max-height:300px}
.original-panel[data-window=dialog] .panelbody{top:42px;left:18px;right:18px;bottom:16px;overflow:auto;pointer-events:auto}.original-panel[data-window=dialog] .portrait{width:65px;height:80px}.original-panel[data-window=dialog] .choices{gap:3px;margin:8px 0}.original-panel[data-window=dialog] .choices button{background:none;color:#064da4;text-align:left;border:0;line-height:20px}
#place{background:var(--facecity) 0 1px no-repeat,var(--facetopleft1) 0 0 no-repeat,var(--facetopleft2) 23px 0 no-repeat,var(--facetopleft3) 99px 0 no-repeat,var(--facetopleft4) 119px 7px no-repeat}
.skill-progress{background:#172d29 url('/original-art/GameWorld/34.png') center/100% 100%;height:15px;border:0}.skill-progress i{background:#9d913c;opacity:.5}
.ui-pet-quality{background:#578247;border:1px solid #684d26}.ui-pet-skill-slot img{width:36px;height:36px;filter:grayscale(1)}.ui-map-image{cursor:crosshair}.ui-map-dot{border:1px solid #303;background:#f6f047;padding:0;min-height:0;border-radius:50%;z-index:2}.ui-map-options{display:grid;grid-template-columns:60px 70px;font-size:12px}.original-panel input[type=checkbox]{width:12px;height:12px;vertical-align:middle;margin:0 5px 0 0}.ui-pool-item>img:first-child{position:absolute;left:-2px;top:-2px;width:36px;height:36px}.ui-pool-item>img:nth-child(2){position:relative}.ui-pool-item small{position:absolute;right:0;bottom:0;color:#fff;font-size:10px;text-shadow:1px 1px #000}
#welcome{right:205px;background-size:800px 600px;display:block}#login{left:268px;top:210px;width:264px;height:200px;border:0;box-shadow:none;background:url('/assets/ui/login.png');color:#000}#login header{position:absolute;left:20px;top:20px;width:224px;height:23px;background:none;border:0;cursor:default}#login header img{max-width:220px;height:auto}#login .panelbody{position:absolute;inset:0;padding:0;overflow:visible}#login .intro,#login .muted{display:none}#login label{position:absolute;left:45px;top:56px;height:20px;margin:0;gap:8px;color:#432b11;font-size:16px;font-weight:bold;white-space:nowrap}#login label:nth-of-type(2){top:83px;letter-spacing:10px}#login input{position:absolute;left:80px;top:0;width:114px;height:20px;padding:0 3px;background:white;color:#000;border:1px solid #86642b;font:13px SimSun;letter-spacing:0}#login button[type=submit]{position:absolute;left:78px;top:140px;width:108px;height:40px;background:url('/original-art/LoginResource/163_loginbtn1.png') center/100% 100%;border:0}#loginError{position:absolute;left:15px;right:15px;top:107px;margin:0;text-align:center;font-size:12px}
.login-roles{left:0!important;top:0!important;width:800px!important;height:600px!important;background:none!important;border:0;box-shadow:none;max-height:none}.login-roles>header{display:none}.login-roles>.panelbody{position:absolute;inset:0;padding:0;max-height:none;overflow:visible}.login-roles .create{margin:0;display:block}.create-heading{position:absolute;left:320px;top:75px;padding:10px;background:#fff5c6;border:4px ridge #ad6627;border-radius:8px}.class-selector{position:absolute;left:300px;top:120px;width:225px;height:328px;background:url('/assets/ui/pet.png') center/100% 100%;padding:14px}.class-selector>div{position:relative;height:77px}.class-selector img{width:202px;height:74px}.class-selector button{position:absolute;left:0;top:0;width:100px;height:74px;background:none;border:1px solid transparent}.class-selector button+button{left:101px}.class-selector button:hover{border-color:#ffed00}.create-preview{position:absolute;left:67px;top:122px;width:188px;height:319px;background:url('/original-art/LoginResource/166_loginbg8.png');display:flex;align-items:center;justify-content:center}.create-preview img{max-width:150px;max-height:270px;transform:scale(2)}.create-description{position:absolute;left:560px;top:166px;width:192px;height:250px;padding:30px 15px;background:url('/original-art/LoginResource/167_loginbg7.png');color:#fae6a4}.role-name{position:absolute;left:300px;top:456px;display:flex;align-items:center;gap:15px;background:#f3ddac;padding:6px;border:3px ridge #b46c2e}.role-name input{width:115px!important;height:22px;padding:0 4px}.login-roles .create select{position:absolute;left:560px;top:425px;width:190px}.create-confirm{position:absolute;left:342px;top:501px;width:143px;height:63px;background:#078e98;border:5px ridge #bd8c3f}.login-roles #logout{position:absolute;left:503px;top:503px;height:38px}.login-roles .rolecards{position:absolute;left:25px;right:25px;top:10px;display:flex;gap:6px}.login-roles .rolecards button{display:flex;width:142px;height:54px;padding:3px;background:#765020}.login-roles .rolecards img{width:40px;height:46px;margin:0}.login-roles .rolecards span{font-size:12px;line-height:20px}
.original-panel[data-window=map] header{height:0}.original-panel[data-window=map] header .ui-title,.original-panel[data-window=map] header .ui-help{display:none}.original-panel[data-window=map] header .ui-close{top:-20px;right:0}.original-panel[data-window=map] .ui-map-image{z-index:0}
.select-heading{position:absolute;left:320px;top:75px;width:188px;height:42px;background:url('/original-art/LoginResource/140_loginselectbg.png') center/100% 100%;display:flex;align-items:center;justify-content:center}.select-list{position:absolute;left:300px;top:120px;width:225px;height:328px;background:url('/assets/ui/pet.png') center/100% 100%;padding:13px 20px}.select-card{position:relative;display:flex;align-items:center;width:185px;height:53px;min-height:0;margin:0 0 7px;padding:4px;background:url('/original-art/LoginResource/170_loginbg3.png') center/100% 100%;border:0;color:#24170b;text-shadow:none;justify-content:center}.select-card.selected{outline:2px solid #ffed00}.select-card img{max-width:100%;max-height:44px}.select-card[data-role] img{width:73px;height:44px;object-fit:cover;margin-right:8px}.select-card span{font-size:12px;line-height:14px;text-align:left;width:100px}.select-enter{position:absolute;left:342px;top:493px;width:143px;height:67px;background:#078e98;border:5px ridge #bd8c3f}.login-roles .create-preview img{width:160px;height:290px;max-width:none;max-height:none;transform:none;object-fit:contain}.create-description{white-space:pre-line}
.select-list,.class-selector{background:linear-gradient(#194f50a0,#194f50a0) center/90% 93% no-repeat,url('/original-art/LoginResource/168_loginbg6.png') center/100% 100%;padding:13px 20px}.select-enter,.create-confirm{background:url('/original-art/LoginResource/163_loginbtn1.png') center/100% 100%;border:0}.select-enter{display:flex;align-items:center;justify-content:center}.select-enter:before{content:'';position:absolute;width:102px;height:29px;background:#ffedb8;border:2px ridge #b79046;border-radius:7px}.select-enter img{position:relative}.select-card:not(.selected){filter:brightness(.75)}#hud.login-hud{visibility:hidden}#hud.login-hud #sidebar{visibility:visible}#hud.login-hud #sidebar button,#hud.login-hud #sidebar input{pointer-events:auto}

.ui-pet-quality{background:#334b2f;border:1px solid #8c773e}.ui-pet-quality i{display:block;height:100%;background:#668d54}.ui-pet-skill{padding:0!important;border:0;background:transparent}.ui-pet-skill img{width:32px;height:32px}.ui-pet-skill.selected{outline:2px solid #ffe100}.ui-pet-select{display:flex;background:#315b5e;color:#fff}.ui-pet-select label{width:80px;font-size:12px}.ui-pet-select select{width:77px;font:12px SimSun;padding:0;height:20px}.original-panel input[type=number]{width:100%;height:20px;padding:0;font:12px SimSun}

/* Companion status sits directly to the left of the player status. */
#petStatus{position:absolute;left:500px;top:0;width:145px;height:61px;display:flex;align-items:flex-start;gap:3px;padding:0;border:0;background:transparent;color:#fffec6;text-align:left;text-shadow:none;box-shadow:none}
#petStatus img,#petStatus .pet-placeholder{width:43px;height:46px;flex:none;border:1px solid #a68e3d}
#petStatus .pet-placeholder{display:grid;place-items:center;background:#294a36;color:#d4c784;font-size:24px}
#petStatus .bars{width:99px;min-width:0}
#petStatus strong{display:block;height:19px;margin:0;background:#7b9a3d;font-size:12px;line-height:19px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#petStatus .meter{height:10px;margin:0;border:1px solid #807637}
#petStatus .meter span{font-size:9px;line-height:8px}
#petStatus .pet-prompt{display:block;font-size:11px;line-height:20px;color:#e2deb7}
#petStatus:hover{filter:brightness(1.12)}
#petStatus:active{transform:none}

@keyframes panel-appear{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
.panel{animation:panel-appear .14s ease-out}
.ui-button,.ui-tab,.ui-item{transition:filter .1s ease,box-shadow .1s ease}
.ui-item:hover{filter:brightness(1.12);box-shadow:inset 0 0 0 1px #ffe8a0}
@media(prefers-reduced-motion:reduce){.panel{animation:none}button,.ui-button,.ui-tab,.ui-item{transition:none}}

.ui-pet-locked{background:#403f36cc;border:1px solid #b69a60;color:#e5c781;font:14px SimSun!important}.ui-pet-locked small{position:absolute;right:2px;bottom:0;font:10px SimSun;color:#cab57f}.ui-pet-empty,.ui-pet-reserved{display:flex;align-items:center;justify-content:center;font:11px SimSun;color:#b9b296;background:#3e494133}.ui-pet-reserved{color:#8b897a;background:#3338;pointer-events:none!important}

.ui-pet-list button small{display:block;font-size:10px;line-height:13px;opacity:.8}

.mutant-pet{border-radius:50%;box-shadow:inset 0 -8px 12px #c39fff66,0 0 10px #bcefff55}.mutant-pet img{filter:drop-shadow(0 0 4px #e4bdff)}

.mutant-pet:after{content:"✦";position:absolute;left:8px;bottom:8px;color:#d1b5ff;text-shadow:24px -20px #a5f4ff,44px -6px #ffecaa;animation:mutant-sparks 2.5s ease-in-out infinite;pointer-events:none}@keyframes mutant-sparks{0%,100%{opacity:.2;transform:translateY(0)}50%{opacity:.85;transform:translateY(-14px)}}@media(prefers-reduced-motion:reduce){.mutant-pet:after{animation:none}}

.quest-warning{color:#a84524;font-weight:bold;line-height:1.6}

.ui-pet-list button{height:34px;line-height:14px;padding:2px 5px}

.ui-pet-list button{height:24px;line-height:18px}.ui-pet-bound{z-index:2;cursor:help}.ui-pet-bound img{width:17px;height:17px}.ui-pet-stat-select{z-index:2}.ui-growth-field{background:#e7c991;color:#111}.ui-growth-field>span{color:#393020}.ui-purchase-error{color:#ad160a;font-size:12px;line-height:18px}
/* Native TalkPanel, FriendsPanel and RaidPanel keep their recovered panel skins. */
.ui-npc-talk-portrait{display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.ui-npc-talk-portrait img{max-width:170px;max-height:110px;object-fit:contain}.ui-npc-talk-text{white-space:pre-line;overflow-y:auto;line-height:1.75}.ui-npc-choices{overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px}.original-panel .ui-npc-choices button{flex:none;text-align:left;white-space:normal;line-height:1.6;padding:5px 7px;background:#fff0c46e;color:#31577a;text-shadow:none;border:1px solid #c7a364}.original-panel .ui-npc-choices button.available{color:#89620a}.original-panel .ui-npc-choices button.complete{color:#a33b16}.ui-friends-list{overflow-y:auto;color:#332616;font-size:12px}.ui-friends-list h4{font-weight:normal;background:#b9c9bc;margin:3px 0;padding:5px 4px}.original-panel .ui-friends-list button{display:block;width:100%;min-height:23px;height:auto;text-align:left;color:#244b53;text-shadow:none;background:none;border:0;padding:3px 5px;white-space:normal}.ui-friends-list .presence{display:inline-block;width:7px;height:7px;background:#89918b;margin-right:5px;border:1px solid #717769}.ui-friends-list .presence.online{background:#67ab4e}.ui-social-results{overflow-y:auto;line-height:1.8;padding:7px;background:#fff1c438;border:1px solid #bb9759}.original-panel .ui-social-results button,.original-panel .ui-team-members button{color:#27515d;text-shadow:none;background:#e6d8b0;border:1px solid #a58d5c;min-height:23px;padding:2px 6px;margin:3px;font-size:12px}.ui-social-results>button{display:block;width:95%;text-align:left}.ui-member-portrait{display:flex;align-items:center;justify-content:center}.ui-member-portrait img{max-width:96px;max-height:120px}.ui-whisper-history{overflow-y:auto;border:1px solid #ae9158;padding:4px;background:#fff3ce55;font-size:12px;line-height:1.5}.ui-whisper-history p{margin:2px 0}.ui-team-members{overflow-y:auto;border:1px solid #aa8b50;background:#fff1c440;padding:4px}.ui-team-members>div{display:flex;align-items:center;gap:8px;min-height:43px;border-bottom:1px solid #b9a474}.ui-team-members img{width:34px;height:38px}.ui-team-members span{flex:1}.ui-team-members small{display:block;font-size:11px;line-height:18px;color:#4f665b}.ui-team-members>div:last-child{border:0}.original-panel .ui-pos>input{width:100%;height:100%}
.ui-friend-accordion{overflow-y:auto;color:#332616;font-size:12px}.ui-friend-accordion h4{font-weight:normal;background:#b9c9bc;margin:3px 0;padding:5px 3px;font-size:12px}.original-panel .ui-friend-accordion button{display:block;width:100%;min-height:23px;height:auto;text-align:left;color:#244b53;text-shadow:none;background:none;border:0;padding:3px 4px;white-space:normal}.ui-friend-accordion .presence{display:inline-block;width:7px;height:7px;background:#89918b;margin-right:5px;border:1px solid #717769}.ui-friend-accordion .presence.online{background:#67ab4e}.ui-friend-request{padding:3px 2px;display:flex;flex-wrap:wrap;align-items:center}.ui-friend-request span{width:100%;font-size:11px}.original-panel .ui-friend-request button{display:inline;width:38px;text-align:center;border:1px solid #ac9864;margin:2px}
.original-panel[data-window=dialog] .panelbody{inset:0;overflow:visible;pointer-events:none}.original-panel[data-window=dialog] .panelbody>*{pointer-events:auto}
/* The recovered map artwork stays visible beneath selectable destination nodes. */
.original-panel .ui-world-node{background:transparent;border:1px solid #715f3c77;border-radius:7px;min-height:0;padding:0;box-shadow:0 0 0 1px #fff5 inset;cursor:pointer}.original-panel .ui-world-node i{position:absolute;right:-2px;top:-3px;width:8px;height:8px;display:block}.ui-world-node img{width:8px;height:8px}.original-panel .ui-world-node.unlocked{border-color:#208936}.original-panel .ui-world-node.selected{border:2px solid #ffdc40;box-shadow:0 0 7px #ffdc40,inset 0 0 4px #fffa3c}.ui-map-player{z-index:6;pointer-events:none!important;filter:drop-shadow(0 0 2px #fff)}.ui-map-player img{width:18px;height:18px}.original-panel .ui-map-dot{padding:0;border:0;border-radius:0;background:transparent;width:10px;height:10px;color:#fff000;text-shadow:0 1px 2px #000;font-weight:bold}.ui-map-dot img{max-width:10px;max-height:10px}.ui-map-kind-2{box-shadow:0 0 0 1px #69e8ff,0 0 4px #2fdaff;border-radius:50%!important}.ui-map-peer{background:#5ee9ff;border:1px solid #064974;border-radius:50%;z-index:3}
#trackingPopup{background:rgba(14,31,27,.62);border:1px solid #c9d7ae70;color:#fff2ca;box-shadow:0 2px 9px #0005;backdrop-filter:blur(1px)}#trackingPopup #tracker{color:#f5edcd;text-shadow:0 1px 2px #102218}#trackingPopup #tracker b{color:#fff08c}#trackingPopup #tracker button{color:#9cecff}#trackingPopup .detail{color:#d4e6cb}#trackingPopup .quest-warning{color:#ffcf91}
.ui-item-lock{position:absolute;left:-1px;top:-1px;width:11px;height:11px;pointer-events:none}.ui-item-lock img{width:11px;height:11px}
#crystalStatus{position:absolute;left:500px;top:47px;width:300px;height:20px;pointer-events:none}#crystalStatus button{position:absolute;width:19px;height:19px;min-height:0;padding:0;border:1px solid #c3b568;background:#344c2bbb;pointer-events:auto}#crystalStatus img{width:17px;height:17px}#crystalStatus .inactive{filter:grayscale(1);opacity:.55}.ui-bulletin-news{overflow-y:auto;line-height:1.85;padding-right:8px}.ui-bulletin-news h3{color:#814817;text-align:center;margin:3px 0 14px}.ui-bulletin-news h4{color:#684221;margin:12px 0 2px}.ui-bulletin-news p{margin:5px 0 12px}.ui-reward-list{overflow-y:auto;padding:3px 5px}.ui-reward-list article{padding:10px 5px;border-bottom:1px solid #b59a62;position:relative;min-height:86px}.ui-reward-list article>div:first-child{display:flex;justify-content:space-between;margin-bottom:8px}.ui-reward-list article>div:first-child small{font-size:11px;color:#6e683e;padding-right:5px}.ui-reward-items{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding-right:62px;line-height:20px}.ui-reward-loot{display:inline-block;width:34px;height:34px;position:relative;border:1px solid #a9874c;background:#d7bb7e}.ui-reward-loot img{width:32px;height:32px}.ui-reward-loot small{position:absolute;right:0;bottom:-1px;font-size:10px;color:white;text-shadow:1px 1px #2d2012}.original-panel .ui-reward-list article>button{position:absolute;bottom:13px;right:4px;padding:4px 8px;min-height:24px;color:#fff2b5;background:#a15f23;border:1px solid #986323}.ui-crystal-list{overflow:auto}.ui-crystal-list>div{display:flex;align-items:center;gap:9px;padding:5px 0;border-bottom:1px solid #af915c}.ui-crystal-list img{width:27px;height:27px}.ui-crystal-list span{flex:1}.ui-crystal-list small{display:block;font-size:11px;line-height:18px}.original-panel .ui-crystal-list button{padding:4px 8px;min-height:22px;background:#ad7531;color:#fff6ca;border:1px solid #8f5d2b}
.ui-pet-pool-list{overflow-y:auto}.ui-pet-pool-list article{display:flex;align-items:flex-start;gap:8px;border-bottom:1px solid #a78c59;padding:9px 3px}.ui-pet-pool-list img{width:32px;height:32px;margin-top:2px}.ui-pet-pool-list article>div{flex:1}.ui-pet-pool-list b{font-weight:normal;color:#4f3311}.ui-pet-pool-list small{display:block;font-size:11px;line-height:18px;color:#507255}.ui-pet-pool-list p{margin:4px 0;font-size:12px;line-height:1.7}.ui-pet-pool-list em{color:#a744b1;font-style:normal;font-size:11px}

.class-selector button img{width:42px;height:70px;object-fit:contain;display:block;margin:auto}.class-selector button.selected{border-color:#ffed00;background:#ffe68022}.select-card span{overflow-wrap:anywhere}

/* Public rare pet field guide. */
.original-panel.wild-guide-panel{background-color:#f4e8c9!important;border:3px solid #806140!important;border-radius:9px;box-shadow:0 8px 35px #0009!important;color:#352717}
.wild-guide-panel .ui-title{font-weight:bold;color:#49331e;font-size:16px}
.wild-guide-intro{color:#78613c;font-size:13px;line-height:28px;border-bottom:1px solid #c9b58b}
.wild-guide-nav{overflow:auto;border-right:1px solid #c9b58b;padding-right:10px;box-sizing:border-box}
.wild-guide-nav button{display:block;width:100%;margin:0 0 9px;padding:12px 8px;text-align:left;background:#e8d8b4;color:#45321c;border:1px solid #bba16c;border-radius:5px;cursor:pointer}
.wild-guide-nav button.selected{background:#d2e4dd;border-color:#497c80}
.wild-guide-nav small{display:block;margin-top:6px;color:#776144}
.wild-guide-detail{overflow:auto;padding-right:10px;box-sizing:border-box}
.wild-guide-hero{display:flex;align-items:center;gap:12px;min-height:145px;background:radial-gradient(ellipse at 22% 80%,#b1cec6,transparent 65%)}
.wild-guide-hero>img{width:165px;height:145px;object-fit:contain;image-rendering:auto}
.wild-guide-hero h2{font-size:20px;margin:0 0 9px}.wild-guide-hero b{color:#337b85;font-size:12px}.wild-guide-hero p{font-size:12px;margin:8px 0;line-height:1.5}
.wild-guide-rule{background:#e9ddbc;border-left:3px solid #9a7742;padding:9px;line-height:1.7;font-size:12px}
.wild-guide-detail h3{font-size:15px;margin:12px 0 6px}.wild-guide-note{font-size:12px;color:#7b694c;line-height:1.6;margin:0 0 9px}
.wild-guide-skills article{display:flex;gap:10px;border-top:1px solid #d0bf98;padding:10px 0}.wild-guide-skills img{width:36px;height:36px;object-fit:contain}.wild-guide-skills small{display:block;color:#86704d;margin:4px 0}.wild-guide-skills p{font-size:12px;line-height:1.6;margin:0}

[data-window="skillUpgrade"] .ui-paragraph{overflow:auto;line-height:1.5}

.panel-help-content{overflow:auto;white-space:pre-wrap;line-height:1.8;padding:0 10px 16px 0;color:#493820}.panel-help-content h3{font-size:16px;margin:0 0 12px}

[data-window="merchant"] .ui-products{grid-template-columns:repeat(2,204px);grid-auto-rows:86px;gap:7px}
[data-window="merchant"] .ui-product{width:204px;height:86px}
[data-window="merchant"] .ui-product small{left:7px;right:7px;bottom:6px;line-height:17px;white-space:normal}
[data-window="merchant"] .ui-product span{top:9px}

.bulletin-nav{overflow:auto;border-right:1px solid #af8b42;padding-right:10px}.bulletin-nav button{display:block;width:100%;padding:10px 5px;margin-bottom:6px;background:#d9bd80;border:1px solid #a47a35;color:#4a321b}.bulletin-nav button.selected{background:#a96724;color:#fff3c6}.bulletin-detail{overflow:auto;padding:0 12px;line-height:1.6;color:#49341d}.bulletin-detail h3{margin:0 0 12px}.bulletin-detail article{border-bottom:1px solid #bd9d62;padding:12px 0}.bulletin-detail button{padding:5px 18px;background:#a96724;color:#fff3c6}.bulletin-detail table{width:100%;border-collapse:collapse}.bulletin-detail td,.bulletin-detail th{padding:8px;border-bottom:1px solid #c8ac72;text-align:left}
[data-window="materialShop"] .ui-products,[data-window="warehouse"] .ui-products{grid-template-columns:repeat(2,204px);grid-auto-rows:68px}
[data-window="materialShop"] .ui-product,[data-window="warehouse"] .ui-product{width:204px;height:68px}

.bulletin-nav button{font:12px SimSun,'宋体',serif;padding:7px 4px;margin-bottom:4px;background:#a95b18 url('/original-art/Resource/1472_panelbtnbg4.png') center/100% 100%;color:#fff8d0;border:0;height:28px}.bulletin-nav button.selected{outline:1px solid #ffe59c;background-color:#91531c}.bulletin-detail{font:12px/1.5 SimSun,'宋体',serif;padding:0 9px}.bulletin-detail h3{font-size:14px;margin:0 0 8px}.bulletin-detail article{padding:8px 0}.bulletin-detail p{margin:4px 0}.bulletin-detail button{font:12px SimSun,'宋体',serif;padding:3px 12px;background:#a95b18 url('/original-art/Resource/1472_panelbtnbg4.png') center/100% 100%;color:#fff8d0;border:0}.bulletin-detail td,.bulletin-detail th{padding:5px 6px}.ranking-tabs{display:flex;gap:4px}.ranking-tabs button{width:94px;height:24px}.ranking-tabs button.selected{outline:1px solid #ffe59c}.bulletin-detail thead{position:sticky;top:0;background:#d9bd80}.original-panel [data-command^="allocate"],.original-panel [data-command^="rolePoint"]{touch-action:none;user-select:none}

.bulletin-nav button.selected{background-image:url('/original-art/Resource/1472_panelbtnbg4.png');background-size:100% 100%;filter:brightness(1.12)}

/* Compact original-skin reward and training widgets. */
.upgrade-heading{display:flex;align-items:center;gap:12px}.upgrade-heading img{width:40px;height:40px}.upgrade-heading div{flex:1}.upgrade-heading b{font-size:15px}.upgrade-heading span{display:block;margin-top:5px;color:#826031}.upgrade-heading strong{color:#76501e}
.upgrade-progress>div,.reward-progress{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px}.upgrade-progress progress,.reward-progress progress{width:100%;height:12px;accent-color:#b6812b}.upgrade-progress progress{margin-top:8px}.upgrade-checks>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cbaa64;height:27px}.upgrade-checks span{width:135px}.upgrade-checks b{font-weight:normal;flex:1;text-align:right}.upgrade-checks em{width:50px;text-align:right;font-style:normal}.upgrade-checks .ready em{color:#38632f}.upgrade-checks .pending{color:#943e22}.upgrade-book{border-top:1px solid #b18a40;padding-top:12px}.upgrade-book p{margin:6px 0;color:#76501e}
.reward-progress{margin:6px 0 10px;color:#6a4b20}.reward-progress b{font-weight:normal}.progress-gift>div:first-child{display:flex;justify-content:space-between;align-items:center}.gift-icons{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin:6px 0}.gift-icons>span{position:relative;display:inline-block;width:30px;height:30px;border:1px solid #ad8a43;background:#d7b671}.gift-icons img{width:28px;height:28px}.gift-icons small{position:absolute;right:0;bottom:0;color:#fff;text-shadow:1px 1px #000;background:#44351c99;line-height:12px}.gift-icons>b{font-size:12px;font-weight:normal;color:#80591d}
.signin-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.signin-daily{color:#7b5d2d;font-size:11px;margin-bottom:6px}.signin-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.signin-calendar>b{text-align:center;background:#ceb075;line-height:18px}.signin-calendar>span{min-height:31px;text-align:center;border:1px solid #c4a15d;background:#ead29d;box-sizing:border-box}.signin-calendar>span>b{font-weight:normal;display:block;line-height:16px}.signin-calendar small{font-size:10px;line-height:12px;display:block}.signin-calendar .signed{background:#ccd3a0;color:#42602b}.signin-calendar .today{border:2px solid #b36c1d;color:#8b3e16;background:#ffe2a0}.signin-calendar .missed,.signin-calendar .future{color:#927a4f}.signin-calendar .blank{border:0;background:none}.signin-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.signin-tiers article{padding:6px!important}.signin-tiers .gift-icons{gap:3px}.signin-tiers .gift-icons>span{width:23px;height:23px}.signin-tiers .gift-icons img{width:21px;height:21px}.signin-tiers button{width:100%}
.news-cover{height:94px;background-size:cover;background-position:center 42%;position:relative;margin-bottom:8px;border:1px solid #9f762e}.news-cover:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#392d17d9,transparent)}.news-cover>b,.news-cover>span{position:absolute;left:16px;color:#fff0b9;text-shadow:1px 1px #302214}.news-cover>b{top:20px;font-size:23px}.news-cover>span{top:57px;font-size:12px}.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.news-grid article{display:flex;gap:7px;align-items:center;border:1px solid #bf9c54;padding:7px!important;background:#e3c68a66}.news-grid img{width:58px;height:64px;object-fit:contain}.news-grid b{font-size:12px}.news-grid p{font-size:11px;color:#735020}.news-grid button{padding:3px 7px}
.gourd-prizes{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:65px;gap:6px;overflow-y:auto;padding:5px;background:#d7af5e66;border:1px solid #a7772d}.gourd-prize{display:flex;gap:8px;align-items:center;background:#fff0b566;border:1px solid #bb8d47;padding:5px;min-width:0}.gourd-prize img{width:38px;height:38px;object-fit:contain;flex-shrink:0}.gourd-prize img.gourd-pet-model{width:52px;height:52px}.gourd-prize b{font-size:12px;display:block;line-height:18px}.gourd-prize small{display:block;color:#7b4518;margin-top:4px}.gourd-types{background:#d2a34e44;border:1px solid #b28336;padding:9px;box-sizing:border-box}.gourd-distribution>div{display:grid;grid-template-columns:1fr auto;gap:4px;margin:0 0 10px}.gourd-distribution b{font-size:11px;color:#91460b}.gourd-distribution progress{grid-column:1/3;width:100%;height:6px;accent-color:#ad6623}.gourd-result-types .gourd-distribution{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 16px}.gourd-winner{display:flex;align-items:center;justify-content:center;gap:12px;color:#8a3609;font-size:17px}.gourd-winner img{width:44px;height:44px;object-fit:contain}
.gourd-compact-rewards.ui-gourd-strip{display:flex;flex-wrap:wrap;align-content:flex-start;gap:1px;overflow:auto;white-space:normal;scrollbar-width:thin}.gourd-compact-rewards.ui-gourd-strip .ui-pool-item{width:20px;height:20px;flex:0 0 20px;box-sizing:border-box}.gourd-compact-rewards.ui-gourd-strip img{width:18px;height:18px;object-fit:contain}.gourd-compact-rewards.ui-gourd-strip small{font-size:9px;line-height:10px}.gourd-lamp-board{position:relative;width:354px;height:354px;margin:6px;border:2px solid #a16b25;box-shadow:inset 0 0 0 2px #e6bb64;background:#e6bd6b55}.lamp-cell{position:absolute;box-sizing:border-box;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:3px 2px;color:#6c3d15}.lamp-item{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;background-size:100% 100%}.lamp-item>img:not(.lamp-glow){width:32px;height:32px;object-fit:contain}.lamp-item .lamp-glow{display:none;position:absolute;inset:-1px;width:44px;height:44px;mix-blend-mode:screen;pointer-events:none}.lamp-cell.lit .lamp-glow{display:block}.lamp-cell.lit .lamp-item{box-shadow:0 0 4px 2px #fff29a,0 0 10px #db8c1b}.lamp-cell.landed .lamp-item{outline:1px solid #d99a1c}.lamp-cell>span{font-size:10px;line-height:12px;max-width:100%;text-align:center;overflow:hidden;max-height:24px;margin-top:2px}.lamp-item small{position:absolute;bottom:0;right:1px;color:white;text-shadow:1px 1px #432301}.lamp-center{position:absolute;left:25%;top:26%;width:50%;height:48%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:1px solid #b48743;background:#f6daa066;box-shadow:inset 0 0 0 2px #ffdf9f55;box-sizing:border-box;padding:12px}.lamp-center .lamp-title{color:#8d4915;font-size:17px}.lamp-center>img{width:42px;height:42px;object-fit:contain}.lamp-center>b{font-size:15px;color:#88400e}.lamp-center>span{font-size:12px;text-align:center;line-height:18px;min-height:36px}.gourd-lamp-types .gourd-distribution>div{margin-bottom:13px}.gourd-lamp-types+.gourd-winner b{font-size:13px;max-width:156px;line-height:20px}.gourd-lamp-types+.gourd-winner img{width:32px;height:32px}
/* Native chestFrame keeps a 260x262 export canvas around its 52px glow. */
.lamp-item .lamp-glow{width:260px;height:262px;left:calc(50% - 130px);top:calc(50% - 131px);right:auto;bottom:auto;max-width:none;max-height:none;z-index:2}.lamp-cell.lit>span{color:#8c3509;font-weight:bold}.lamp-cell.landed .lamp-item{outline:2px solid #f9dd63;box-shadow:0 0 3px 2px #fff5aa,0 0 9px #e7a125}
.gourd-compact-rewards.ui-gourd-strip{flex-wrap:nowrap;align-items:flex-start;gap:3px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.gourd-compact-rewards.ui-gourd-strip .ui-pool-item{width:24px;height:24px;flex:0 0 24px}.gourd-compact-rewards.ui-gourd-strip img{width:22px;height:22px}.lamp-cell.lit .lamp-item{outline:2px solid #fff49a;box-shadow:0 0 2px 3px #ffbe32,0 0 12px 4px #ffd33d;z-index:3}.lamp-cell.lit .lamp-item:after{content:'';position:absolute;inset:-5px;border:2px solid #ffe77c;box-shadow:inset 0 0 5px #fff6b0;pointer-events:none}.lamp-cell.lit>span{color:#8a1e06;text-shadow:0 0 2px #fff4af;font-weight:bold}.lamp-cell.landed .lamp-item:after{border-color:#fff4ad}.lamp-center{gap:8px}.gourd-lamp-wrap{height:358px}
/* Pet appraisal follows the native pet list, item slots and currency fields. */
.buyback-list button{height:54px;display:flex;gap:6px;align-items:center;width:100%;margin:0;border:0;border-bottom:1px solid #a88758;background:#ead0a0;color:#483018;text-shadow:none;padding:5px}
.buyback-list button.selected{background:#f8e6b4;box-shadow:inset 0 0 0 2px #b77c27}
.buyback-list button>img{width:32px;height:40px;flex-shrink:0}.buyback-list button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buyback-list button small{font-size:11px;color:#7c5c35;margin-top:4px}
.buyback-model{display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border:1px solid #ac8751;background:radial-gradient(ellipse at 50% 90%,#bc9a64 0%,#e8cf9b 65%)}
.buyback-model>img{max-width:116px;max-height:151px;object-fit:contain;margin-bottom:5px}
.buyback-skills{display:flex;gap:3px;overflow:hidden}.buyback-skills>span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #9d783f;background:#cab17c;flex-shrink:0}.buyback-skills img{width:28px;height:28px}
.buyback-payment{border:1px solid #ac8751;background:#f5e5bb;display:flex;flex-direction:column;justify-content:center;padding:5px 12px;gap:9px;color:#3a2815}.buyback-payment>div{display:flex;justify-content:space-between;align-items:center}.buyback-payment b{font-size:16px;color:#7c4512;font-family:SimSun,serif}
.buyback-state{display:flex;justify-content:space-between;align-items:center;color:#805b2d;font-size:12px}.buyback-state button{min-height:22px;height:22px;font-size:12px;padding:1px 12px}.buyback-submit button{width:100%;height:28px}
.buyback-quota{font-size:12px;color:#715333;text-align:center;border-top:1px solid #b39763;padding-top:4px}.buyback-empty{text-align:center;color:#92744d;font-size:12px}

/* Use the same recovered panel skin and controls as bag/pet/character. */
.buyback-panel .buyback-list button{background:#d9d9d9;border:1px solid #999;color:#000;box-shadow:none}
.buyback-panel .buyback-list button.selected{background:#95662c;border:1px solid #533500;box-shadow:inset 0 0 0 1px #ffed93;color:#fff8d3}
.buyback-panel .buyback-list button small{color:inherit;opacity:.8}
.buyback-panel .buyback-model{background:transparent;border:1px solid #a78234}
.buyback-panel .buyback-skills>span{background:#315b5e;border:1px solid #bea466}
.buyback-panel .buyback-payment{background:transparent;border:1px solid #a78234;color:#000;padding:8px 12px;gap:8px}
.buyback-panel .buyback-payment>.ui-money{justify-content:flex-start;gap:3px;font:11px SimSun,'宋体',serif}
.buyback-panel .buyback-payment .ui-money>b{width:44px;font:12px SimSun,'宋体',serif;color:#fff;background:#294e4f;height:19px;padding:2px 3px}
.buyback-panel .buyback-payment .ui-money>span{width:40px}
.buyback-panel .buyback-state{color:#38240c}.buyback-panel .buyback-quota{color:#38240c;border-color:#a78234}
.buyback-panel .buyback-submit .ui-button{display:flex}.buyback-panel .buyback-state .ui-button{display:flex}