/* Player panel system: original pixel font, cream/pink/leaf palette. */
body.tcq-pixel-skin :is(.tcq-sheet .tcq-panel,#shopModal,#dialog,.tcq-ranch){border-radius:0!important;border:3px solid #765337!important;background:#fff1d5!important;color:#49341f!important;box-shadow:0 0 0 2px #e6c58e!important;box-sizing:border-box}
body.tcq-pixel-skin .tcq-sheet{backdrop-filter:none!important;padding:12px!important}
body.tcq-pixel-skin .tcq-sheet .tcq-panel{width:min(920px,100%)!important;max-height:calc(100dvh - 32px)!important;padding:14px!important;overscroll-behavior:contain}
body.tcq-pixel-skin .tcq-panel::before{display:none!important}
body.tcq-pixel-skin :is(.tcq-panel-head,.shop-head){position:sticky;top:-14px;z-index:8;background:#fff1d5!important;border-bottom:2px solid #b49464;padding:8px 0!important;gap:8px;margin-bottom:12px}
body.tcq-pixel-skin :is(.tcq-sheet,#shopModal,#dialog,.tcq-ranch) :is(button,input,select){font-family:TCQPixel,monospace!important;font-size:18px!important;min-height:42px;box-sizing:border-box;border-radius:0!important;touch-action:manipulation}
body.tcq-pixel-skin :is(.tcq-sheet,#shopModal,#dialog,.tcq-ranch) button{box-shadow:none!important;white-space:normal}
body.tcq-pixel-skin :is(.tcq-sheet,#shopModal,#dialog,.tcq-ranch) :is(button,input,select):focus-visible{outline:3px solid #a64e71!important;outline-offset:2px}
body.tcq-pixel-skin :is(.tcq-panel-head,.shop-head) :is(h2,h3){font-size:26px!important;margin:0!important;color:#49341f!important}
body.tcq-pixel-skin :is(.tcq-close,#shopClose){flex:0 0 44px!important;width:44px!important;height:44px!important;min-height:44px!important;background:#ca6585!important;color:#fff7df!important}
body.tcq-pixel-skin #dialog{width:min(600px,calc(100% - 24px))!important;max-height:calc(100dvh - 32px)!important;overflow:auto;padding:16px!important}
#dialog #dialogName{font:26px TCQPixel,monospace!important}#dialog #dialogText{font:20px/1.3 TCQPixel,monospace!important;white-space:pre-line;color:#49341f!important}#dialog #dialogMeta{font:16px/1.25 TCQPixel,monospace!important;color:#6a5034!important}
#dialog #dialogActions{gap:8px!important}#dialog #dialogActions>button{padding:9px 12px!important;background:#e2eac3!important;color:#49341f!important;border:2px solid #9b8156!important}
.tcq-help-link{background:#e2eac3!important;color:#49341f!important;border:2px solid #9b8156!important;padding:6px 10px!important;margin-left:auto}
.tcq-panel-head .tcq-help-link{font-size:16px!important;min-height:36px!important}
.tcq-ux-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}.tcq-ux-tabs button{flex:1;background:#e2eac3;border:2px solid #9b8156;color:#49341f;padding:7px}.tcq-ux-tabs [aria-pressed=true]{background:#edb3c3!important}
#inventorySheetBody .tcq-bag-character,.tcq-unified-bag .tcq-bag-character{display:none!important}
#inventorySheetBody .tcq-bag-layout,.tcq-unified-bag .tcq-bag-layout{display:block!important;height:auto!important;overflow:visible!important}
#inventorySheetBody .tcq-bag-content,.tcq-unified-bag .tcq-bag-content{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important}
#inventorySheetBody .tcq-bag-grid,.tcq-unified-bag .tcq-bag-grid{flex:none!important;height:clamp(180px,42dvh,430px)!important;grid-template-columns:repeat(auto-fill,minmax(82px,1fr))!important;grid-auto-rows:100px!important}
body.tcq-pixel-skin :is(#inventorySheet,#shopModal) .tcq-bag-tile{height:100px!important;background:#fff8e8!important;border:2px solid #b79b6c!important;color:#49341f!important}
body.tcq-pixel-skin :is(#inventorySheet,#shopModal) .tcq-bag-tile.selected{background:#e2eac3!important;border-color:#697c40!important}
body.tcq-pixel-skin :is(#inventorySheet,#shopModal) .tcq-bag-tile-name{color:#49341f!important;font:17px/1 TCQPixel,monospace!important;min-height:34px!important}
body.tcq-pixel-skin :is(#inventorySheet,#shopModal) .tcq-bag-tile-art{width:42px!important;height:42px!important;flex-basis:42px!important}
.tcq-bag-inspector{background:#fff8e8!important;color:#49341f!important;box-shadow:none!important}.tcq-bag-inspector-copy :is(strong,p,small){color:#49341f!important;font-size:18px!important}.tcq-bag-inspector-copy p{max-height:none!important}
.tcq-bag-search{display:block;margin:6px 0}.tcq-bag-search input{width:100%;padding:8px;background:#fff8e8;color:#49341f;border:2px solid #b79b6c}
.life-quest-dashboard{display:none!important}.life-quest-card{padding:12px!important;border:2px solid #b79b6c!important;background:#fff8e8!important;box-shadow:none!important;border-radius:0!important}.life-quest-card :is(p,small,em,span){font-size:18px!important;color:#5b442d!important}.life-quest-card strong{font-size:22px!important}.life-quest-card header,.life-quest-card footer{gap:10px;flex-wrap:wrap}.life-quest-card button{background:#e2eac3!important;color:#49341f!important}
.tcq-event-navigation{position:sticky;top:0;z-index:3;background:#fff1d5!important;padding:8px!important}.tcq-event-navigation [role=tablist]{display:flex!important;overflow-x:auto;gap:6px!important}.tcq-event-navigation [role=tab]{flex:0 0 auto;min-width:84px;padding:8px!important}.tcq-event-reward,.tcq-journey-task{background:#fff8e8!important;border:2px solid #b79b6c!important;border-radius:0!important}.tcq-journey-task :is(small,strong),.tcq-event-reward :is(small,b){font-size:18px!important}
#shopModal .shop-collection-heading{display:none!important}#shopModal .shop-note{font:17px/1.2 TCQPixel,monospace!important}#shopModal .shop-card-action{min-height:36px!important}#shopModal .shop-query{gap:6px!important}
#tcqGuide{z-index:280}#tcqGuide .tcq-panel{max-width:820px!important}#tcqGuide label{display:block;font:18px TCQPixel,monospace;margin:8px 0}#tcqGuide input,#tcqGuide select{width:100%;padding:8px;background:#fff8e8;color:#49341f;border:2px solid #b79b6c}#tcqGuide article{background:#fff8e8;border:2px solid #b79b6c;padding:16px;margin-top:12px}#tcqGuide h3{font:26px TCQPixel,monospace;margin:0 0 10px}#tcqGuide li,#tcqGuide p{font:20px/1.4 TCQPixel,monospace;margin:10px 0}#tcqGuide ol{padding-left:24px}#tcqGuide article button{padding:9px 16px;background:#e2eac3;border:2px solid #9b8156;color:#49341f}
@media(max-width:760px){body.tcq-pixel-skin .tcq-sheet{padding:6px!important}body.tcq-pixel-skin .tcq-sheet .tcq-panel{max-height:calc(100dvh - 12px)!important;padding:10px!important}body.tcq-pixel-skin .tcq-panel-head{top:-10px!important}#shopModal .shop-content-layout{display:flex!important;flex-direction:column!important;overflow:auto!important}#shopModal .shop-browser{order:0;flex:none!important;min-height:260px!important}#shopModal .shop-detail{order:1;flex:none!important;width:100%!important;max-height:none!important}#shopModal.tcq-wood-bag #shopBagPanel{display:block;order:0}#shopModal .shop-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))!important}#shopModal .shop-toolbar{height:auto!important;grid-template-rows:auto!important}#shopModal .shop-filters,#shopModal .shop-state-filters{overflow-x:auto!important;flex-wrap:nowrap!important}#shopModal .shop-filters button,#shopModal .shop-state-filters button{flex-shrink:0}#shopModal .shop-detail-preview{min-height:260px!important}.tcq-bag-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tcq-panel-head .tcq-help-link{max-width:76px}.tcq-event-navigation{position:static}.tcq-journey-task{grid-template-columns:1fr!important}.tcq-event-reward button{min-width:100px}.tcq-panel-head h2{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){#tcqGuide *{scroll-behavior:auto!important}}

#inventorySheetBody .show-character .tcq-bag-character,.tcq-unified-bag .show-character .tcq-bag-character{display:flex!important;max-width:440px!important;margin:0 auto 12px!important}
/* Chest/backpack layout replaces conflicting legacy full-height rules. */
html body #shopModal#shopModal{inset:12px!important;width:calc(100% - 24px)!important;height:calc(100% - 24px)!important;max-width:1160px!important;max-height:calc(100dvh - 24px)!important;margin:auto!important;background:#fff1d5!important;color:#49341f!important;border:3px solid #765337!important;box-shadow:none!important;border-radius:0!important;padding:12px!important;box-sizing:border-box!important}
html body #shopModal#shopModal:not([hidden]){display:flex!important;flex-direction:column!important;gap:8px!important;overflow:hidden!important}
html body #shopModal#shopModal .shop-head{display:flex!important;position:static!important;flex:0 0 auto!important;background:#fff1d5!important;border-bottom:2px solid #b49464!important;padding:0 0 8px!important;margin:0!important;gap:8px!important;min-height:48px!important;height:auto!important}
html body #shopModal#shopModal .shop-head-copy{flex:1!important;min-width:0!important}html body #shopModal#shopModal .shop-head-copy strong{font:26px TCQPixel,monospace!important;color:#49341f!important}
html body #shopModal#shopModal :is(.shop-kicker,#shopSubtitle,.shop-collection-heading,.shop-note,#shopWorkshopLink){display:none!important}
html body #shopModal#shopModal .tcq-help-link{width:auto!important;flex:0 0 auto!important;border-radius:0!important;background:#e2eac3!important;border:2px solid #9b8156!important;color:#49341f!important;font:18px TCQPixel,monospace!important;min-height:40px!important;height:auto!important;padding:8px!important;margin:0!important}
html body #shopModal#shopModal #shopClose{position:static!important;flex:0 0 44px!important;width:44px!important;height:44px!important;min-height:44px!important;border-radius:0!important;background:#ca6585!important;color:#fff7df!important}
html body #shopModal#shopModal .shop-wallet-row{flex:0 0 auto!important;margin:0!important;padding:0!important;height:auto!important}html body #shopModal#shopModal .shop-wallet{display:flex!important;gap:12px!important;flex-wrap:wrap!important;background:#e8dfc2!important;padding:6px 8px!important;border:0!important;font:17px TCQPixel,monospace!important;min-height:0!important;height:auto!important}
html body #shopModal#shopModal .shop-wallet>*{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important;height:auto!important;border-radius:0!important;color:#49341f!important;font:17px TCQPixel,monospace!important}
html body #shopModal#shopModal .shop-primary-nav{flex:0 0 auto!important;display:flex!important;height:auto!important;gap:6px!important}html body #shopModal#shopModal .shop-primary-nav button{flex:1!important;height:42px!important;min-height:42px!important;border-radius:0!important;border:2px solid #9b8156!important;background:#e2eac3!important;color:#49341f!important;font:19px TCQPixel,monospace!important}
html body #shopModal#shopModal .shop-primary-nav button.active{background:#edb3c3!important}
html body #shopModal#shopModal .shop-content-layout{flex:1!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)!important;grid-template-rows:minmax(0,1fr)!important;overflow:hidden!important;gap:12px!important}
html body #shopModal#shopModal .shop-browser{grid-column:1!important;grid-row:1!important;display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important;background:#fff8e8!important;border:2px solid #b79b6c!important;padding:8px!important}
html body #shopModal#shopModal .shop-toolbar{display:flex!important;flex-direction:column!important;height:auto!important;gap:6px!important;flex:0 0 auto!important}
html body #shopModal#shopModal :is(.shop-filters,.shop-state-filters){display:flex!important;flex-wrap:nowrap!important;overflow:auto!important;min-height:42px!important;height:auto!important;gap:6px!important;padding:0!important}
html body #shopModal#shopModal :is(.shop-filters,.shop-state-filters) button{min-height:38px!important;flex:0 0 auto!important;font:18px TCQPixel,monospace!important}
html body #shopModal#shopModal .shop-query{display:flex!important;gap:6px!important;height:auto!important}.shop-query .shop-search-wrap{min-width:0}
html body #shopModal#shopModal .shop-list-pane{flex:1!important;min-height:0!important;display:flex!important;flex-direction:column!important}
html body #shopModal#shopModal .shop-grid{flex:1!important;overflow:auto!important;grid-template-columns:repeat(auto-fill,minmax(84px,1fr))!important;grid-auto-rows:104px!important;align-content:start!important;min-height:120px!important;background:#efe4c9!important;padding:6px!important}
html body #shopModal#shopModal .shop-card{height:104px!important;background:#fff8e8!important;border:2px solid #b79b6c!important;box-shadow:none!important;border-radius:0!important;padding:5px!important}
html body #shopModal#shopModal .shop-card.selected{background:#e2eac3!important;border-color:#697c40!important}html body #shopModal#shopModal .shop-thumb{height:48px!important;flex-basis:48px!important}
html body #shopModal#shopModal .shop-card :is(strong,small,span){color:#49341f!important;font-size:16px!important}html body #shopModal#shopModal .shop-card canvas{image-rendering:pixelated!important}
html body #shopModal#shopModal .shop-detail{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;min-height:0!important;max-height:none!important;width:auto!important;overflow:auto!important;background:#fff8e8!important;border:2px solid #b79b6c!important;padding:12px!important;gap:10px!important}
html body #shopModal#shopModal .shop-detail-preview{min-height:210px!important;height:210px!important;flex:0 0 210px!important;background:#e2eac3!important;padding:0!important;border:0!important}
html body #shopModal#shopModal .shop-detail-preview-frame{height:200px!important;min-height:0!important;width:100%!important}html body #shopModal#shopModal #shopDetailPreview{width:160px!important;height:160px!important;max-width:100%!important}
html body #shopModal#shopModal :is(.shop-detail-copy,.shop-detail-actions){height:auto!important;min-height:0!important;flex:0 0 auto!important;color:#49341f!important;background:transparent!important;padding:0!important;border:0!important}
html body #shopModal#shopModal .shop-detail-copy :is(strong,b,p,span,small){color:#49341f!important;font:18px/1.25 TCQPixel,monospace!important}
html body #shopModal#shopModal .shop-detail-actions button{min-height:44px!important;height:auto!important;white-space:normal!important;font:19px TCQPixel,monospace!important;background:#e2eac3!important;color:#49341f!important;border:2px solid #9b8156!important}
html body #shopModal#shopModal.tcq-wood-bag .shop-content-layout{display:block!important;overflow:auto!important}html body #shopModal#shopModal.tcq-wood-bag #shopDetail,html body #shopModal#shopModal.tcq-wood-bag .shop-browser{display:none!important}
html body #shopModal#shopModal #shopBagPanel .tcq-bag-character{display:none!important}html body #shopModal#shopModal #shopBagPanel .show-character .tcq-bag-character{display:flex!important;max-width:440px!important;margin:0 auto 12px!important}
html body #shopModal#shopModal #shopBagPanel .tcq-bag-layout{display:block!important;height:auto!important;overflow:visible!important;background:transparent!important}
html body #shopModal#shopModal #shopBagPanel .tcq-bag-content{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;background:transparent!important}
html body #shopModal#shopModal .tcq-bag-tabs:has([data-inventory-view=storage]:disabled){display:none!important}
html body #shopModal#shopModal .tcq-bag-grid{height:clamp(220px,40dvh,440px)!important;flex:none!important;grid-template-columns:repeat(auto-fill,minmax(86px,1fr))!important;grid-auto-rows:100px!important;background:#efe4c9!important;border:2px solid #b79b6c!important;box-shadow:none!important}
html body #shopModal#shopModal .tcq-bag-tile{height:100px!important;background:#fff8e8!important;border:2px solid #b79b6c!important;box-shadow:none!important;border-radius:0!important}html body #shopModal#shopModal .tcq-bag-tile.selected{background:#e2eac3!important}
html body #shopModal#shopModal .tcq-bag-tile-name{font:17px/1 TCQPixel,monospace!important;color:#49341f!important;white-space:normal!important;min-height:34px!important}
html body #shopModal#shopModal .tcq-bag-inspector{background:#fff8e8!important;color:#49341f!important;box-shadow:none!important;border:2px solid #b79b6c!important;padding:10px!important}
html body #shopModal#shopModal .tcq-bag-inspector-copy :is(strong,p,small){color:#49341f!important;font:18px/1.2 TCQPixel,monospace!important;max-height:none!important}
html body #shopModal#shopModal .tcq-bag-search{color:#49341f!important;font:18px TCQPixel,monospace!important}
@media(max-width:760px){html body #shopModal#shopModal{inset:6px!important;width:calc(100% - 12px)!important;height:calc(100% - 12px)!important;max-height:calc(100dvh - 12px)!important;padding:10px!important}html body #shopModal#shopModal .shop-content-layout{display:flex!important;flex-direction:column!important;overflow:auto!important}html body #shopModal#shopModal .shop-browser{flex:0 0 340px!important;min-height:340px!important;order:0!important}html body #shopModal#shopModal .shop-detail{flex:0 0 auto!important;order:1!important;min-height:0!important}html body #shopModal#shopModal .shop-query{flex-wrap:wrap!important}html body #shopModal#shopModal .shop-query>*{width:100%!important}html body #shopModal#shopModal .tcq-bag-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}html body #shopModal#shopModal .shop-head-copy strong{font-size:23px!important}}
html body #shopModal#shopModal :is(.wardrobe-selected-line,.tcq-item-combat-stats,.tcq-wood-item-desc){background:#f5e8c8!important;color:#49341f!important;border:1px solid #b79b6c!important;padding:10px!important;box-shadow:none!important}
html body #shopModal#shopModal :is(.wardrobe-selected-line,.tcq-item-combat-stats,.tcq-wood-item-desc) *{color:#49341f!important;font-family:TCQPixel,monospace!important;font-size:18px!important;opacity:1!important}
html body #shopModal#shopModal .shop-wallet-currencies{display:flex!important;flex-wrap:wrap!important;gap:12px!important;width:100%!important}
html body #shopModal#shopModal .wallet-chip{display:flex!important;align-items:center!important;gap:5px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;height:auto!important;min-height:0!important;flex:0 1 auto!important}
html body #shopModal#shopModal .wallet-chip div{display:flex!important;align-items:baseline!important;gap:4px!important}
html body #shopModal#shopModal .wallet-chip :is(b,small){font:17px TCQPixel,monospace!important;color:#49341f!important;text-transform:none!important;letter-spacing:0!important}
html body #shopModal#shopModal .wallet-chip .wallet-icon{width:24px!important;height:24px!important;font-size:20px!important;background:transparent!important;border:0!important}
html body #shopModal#shopModal .shop-query :is(input,select){height:42px!important;min-height:42px!important;font:18px TCQPixel,monospace!important;background:#fff8e8!important;color:#49341f!important;border:1px solid #b79b6c!important;padding:5px!important}
html body #shopModal#shopModal .shop-search-wrap{height:auto!important;background:#fff8e8!important;border:1px solid #b79b6c!important}
html body #shopModal#shopModal .tcq-bag-filters button{background:#e2eac3!important;color:#49341f!important;border:2px solid #9b8156!important;font:18px TCQPixel,monospace!important}
html body #shopModal#shopModal .tcq-bag-filters button.active{background:#edb3c3!important}
html body #workshopSheet .workshop-tabs{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;gap:6px!important;height:auto!important;min-height:64px!important;align-items:stretch!important;padding:4px 0!important}
html body #workshopSheet .workshop-tabs button{flex:0 0 104px!important;min-width:104px!important;height:auto!important;min-height:56px!important;white-space:normal!important;font:18px/1.15 TCQPixel,monospace!important;padding:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important}
html body #workshopSheet .workshop-tabs .pixel-icon{flex:0 0 20px!important;width:20px!important;height:20px!important}
/* Store cards have three explicit rows; chest tiles keep their separate layout. */
html body #shopModal#shopModal:not(.tcq-wood-wardrobe) .shop-grid{grid-template-columns:repeat(auto-fill,minmax(138px,1fr))!important;grid-auto-rows:196px!important;gap:8px!important}
html body #shopModal#shopModal:not(.tcq-wood-wardrobe) .shop-card{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:64px 68px 36px!important;height:196px!important;min-height:196px!important;min-width:0!important;gap:6px!important;padding:6px!important;overflow:hidden!important;box-sizing:border-box!important;position:relative!important}
html body #shopModal#shopModal:not(.tcq-wood-wardrobe) .shop-thumb{grid-column:1!important;grid-row:1!important;width:100%!important;height:64px!important;min-height:0!important;position:relative!important;inset:auto!important;padding:0!important;border-radius:0!important;overflow:hidden!important;background:#e2eac3!important}
html body #shopModal#shopModal:not(.tcq-wood-wardrobe) .shop-thumb canvas{display:block!important;width:64px!important;height:64px!important;margin:auto!important;position:static!important;transform:none!important;max-width:100%!important}
html body #shopModal#shopModal:not(.tcq-wood-wardrobe) .fashion-item-copy{display:flex!important;flex-direction:column!important;grid-column:1!important;grid-row:2!important;position:static!important;inset:auto!important;transform:none!important;width:100%!important;min-width:0!important;height:68px!important;min-height:0!important;gap:4px!important;overflow:hidden!important;padding:0!important}
html body #shopModal#shopModal:not(.tcq-wood-wardrobe) .fashion-item-copy strong{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;white-space:normal!important;overflow:hidden!important;overflow-wrap:anywhere!important;font:18px/20px TCQPixel,monospace!important;height:40px!important;min-height:40px!important;max-height:40px!important;position:static!important;margin:0!important}
html body #shopModal#shopModal:not(.tcq-wood-wardrobe) :is(.shop-card-type,.shop-card-source,.tcq-item-card-stat){display:none!important}
html body #shopModal#shopModal:not(.tcq-wood-wardrobe) .web-price{display:block!important;position:static!important;inset:auto!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;height:22px!important;min-height:22px!important;font:18px/22px TCQPixel,monospace!important;margin:0!important}
html body #shopModal#shopModal:not(.tcq-wood-wardrobe) .shop-card-action{display:block!important;position:static!important;inset:auto!important;transform:none!important;grid-column:1!important;grid-row:3!important;height:36px!important;min-height:36px!important;width:100%!important;padding:4px!important;border:1px solid #9b8156!important;border-radius:0!important;font:18px/22px TCQPixel,monospace!important;background:#e2eac3!important;color:#49341f!important;margin:0!important}
html body #shopModal#shopModal:not(.tcq-wood-wardrobe) .shop-card-state{position:absolute!important;top:2px!important;left:2px!important;right:auto!important;max-width:calc(100% - 4px)!important;font:12px/14px TCQPixel,monospace!important;border-radius:0!important;padding:2px!important}
html body #shopModal#shopModal:not(.tcq-wood-wardrobe) .shop-detail-preview{height:370px!important;min-height:370px!important;flex-basis:370px!important;border-radius:0!important;overflow:visible!important}
html body #shopModal#shopModal:not(.tcq-wood-wardrobe) .shop-detail-preview-frame{height:350px!important;min-height:350px!important;--stage-height:350px;--slot:44px;--slot-gap:4px;overflow:hidden!important;border-radius:0!important}
html body #shopModal#shopModal:not(.tcq-wood-wardrobe) #shopDetailPreview{width:180px!important;height:180px!important;max-width:calc(100% - 110px)!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body #shopModal#shopModal:not(.tcq-wood-wardrobe) .shop-query .shop-search-wrap{flex:1 1 60%!important;min-width:0!important}html body #shopModal#shopModal:not(.tcq-wood-wardrobe) #shopSort{flex:1 1 40%!important;min-width:0!important;width:auto!important}
@media(max-width:760px){html body #shopModal#shopModal:not(.tcq-wood-wardrobe) .shop-browser{flex:0 0 480px!important;min-height:480px!important}html body #shopModal#shopModal:not(.tcq-wood-wardrobe) .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Keep stat badges readable on the cream detail panel. */
html body #shopModal#shopModal .tcq-item-stat-tags{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:10px!important}
html body #shopModal#shopModal .tcq-item-stat-tags>span{display:inline-flex!important;flex-wrap:wrap!important;gap:5px!important;background:#e2eac3!important;color:#293b24!important;border:1px solid #879568!important;padding:8px 10px!important;font:18px/1.4 TCQPixel,monospace!important;white-space:normal!important;opacity:1!important}
html body #shopModal#shopModal .tcq-item-stat-tags>span b{color:#293b24!important;font:inherit!important}
html body #shopModal#shopModal:not(.tcq-wood-wardrobe) .shop-detail-preview-frame{position:relative!important;display:block!important;width:100%!important;box-sizing:border-box!important}
html body #shopModal#shopModal:not(.tcq-wood-wardrobe) #shopEquipmentSlots{position:absolute!important;inset:8px!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;grid-template-rows:repeat(6,44px)!important;gap:4px!important}
html body #shopModal#shopModal:not(.tcq-wood-wardrobe) #shopDetailPreview{position:absolute!important;left:50%!important;top:45%!important;transform:translate(-50%,-50%)!important}

@media(max-width:760px){html body #shopModal#shopModal:not(.tcq-wood-wardrobe) .shop-detail{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important}html body #shopModal#shopModal:not(.tcq-wood-wardrobe) .shop-detail-preview{width:100%!important;max-width:none!important;flex-shrink:0!important}}

/* Upgraded copies use the same readable palette at every viewport size. */
html body #shopModal#shopModal .tcq-wood-forge{display:grid!important;gap:10px!important;margin-top:12px!important;padding-top:12px!important;border-top:1px solid #b79b6c!important}
html body #shopModal#shopModal .tcq-wood-forge>div{display:grid!important;gap:8px!important;padding:12px!important;background:#f5e8c8!important;border:1px solid #b79b6c!important;min-width:0!important}
html body #shopModal#shopModal .tcq-wood-forge :is(b,small,strong,span,em),html body #shopModal#shopModal .tcq-wood-forge-none{color:#49341f!important;font:18px/1.4 TCQPixel,monospace!important;opacity:1!important;white-space:normal!important;overflow-wrap:anywhere!important}
html body #shopModal#shopModal .tcq-wood-forge strong{color:#293b24!important}
html body #shopModal#shopModal .tcq-wood-forge em{display:block!important;background:#e2eac3!important;color:#293b24!important;border-left:3px solid #879568!important;padding:6px 8px!important}

.tcq-item-fx{--fx-edge:#5f9471;--fx-spark:#fff9ce;position:relative;display:inline-grid;place-items:center;flex:0 0 auto;padding:5px;border:2px solid var(--fx-edge);isolation:isolate;vertical-align:middle}
.tcq-item-fx canvas{image-rendering:pixelated}
.tcq-item-fx>i{position:absolute;width:4px;height:4px;background:var(--fx-spark);pointer-events:none;animation:tcq-pixel-edge 2.8s steps(1,end) infinite}
.tcq-item-fx>i:nth-last-child(4){top:-2px;left:15%}.tcq-item-fx>i:nth-last-child(3){top:25%;right:-2px;animation-delay:-.7s}.tcq-item-fx>i:nth-last-child(2){bottom:-2px;right:20%;animation-delay:-1.4s}.tcq-item-fx>i:last-child{bottom:20%;left:-2px;animation-delay:-2.1s}
.fx-e1{--fx-edge:#6c986d}.fx-e2{--fx-edge:#408aab}.fx-e3{--fx-edge:#8665bb}.fx-e4{--fx-edge:#c18336}.fx-e5{--fx-edge:#bd577f}
.fx-e1>i:nth-last-child(-n+2){display:none}.fx-e2>i:last-child{display:none}
.fx-d1{outline:1px solid #81a7c5;outline-offset:2px}.fx-d2{outline:1px solid #ad83c9;outline-offset:2px}.fx-d3{outline:2px solid #bd6e9d;outline-offset:2px}.fx-d4{outline:2px solid #d2a553;outline-offset:2px}.fx-d5{outline:2px solid #d17c54;outline-offset:2px;--fx-spark:#fff}
.fx-d3>i,.fx-d4>i,.fx-d5>i{animation-duration:1.8s}
@keyframes tcq-pixel-edge{0%,100%{opacity:.35;transform:translate(0,0)}25%{opacity:1;transform:translate(3px,0)}50%{opacity:1;transform:translate(3px,3px)}75%{opacity:.65;transform:translate(0,3px)}}
@media(prefers-reduced-motion:reduce){.tcq-item-fx>i{animation:none!important;opacity:1!important}}
html body #shopModal#shopModal .tcq-wood-forge .tcq-item-fx{justify-self:start;background:#e2eac3!important}
html body #shopModal#shopModal .tcq-copy-expiry{display:block!important;font:18px/1.4 TCQPixel,monospace!important;color:#49341f!important;padding:8px!important;border:1px solid #b79b6c!important;background:#f5e8c8!important}

.tcq-item-fx.is-expired{border-color:transparent!important;outline:none!important}.tcq-item-fx.is-expired>i{display:none!important;animation:none!important}

/* v80: clear item art and consistent per-copy borders. */
html body #shopModal#shopModal.tcq-wood-wardrobe .shop-thumb{background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important}
html body #shopModal#shopModal.tcq-wood-wardrobe .shop-thumb .tcq-item-fx{padding:2px!important;width:40px!important;height:40px!important;box-sizing:border-box!important}
html body #shopModal#shopModal.tcq-wood-wardrobe .shop-thumb .tcq-item-fx canvas{width:32px!important;height:32px!important;position:static!important;transform:none!important}
html body #shopModal#shopModal .tcq-selected-fx{display:flex;justify-content:center;padding:8px}
html body #shopModal#shopModal .tcq-selected-fx canvas{margin:0!important}

html body #shopModal#shopModal.tcq-wood-wardrobe .shop-thumb .tcq-item-fx{display:inline-grid!important;position:relative!important;inset:auto!important}

/* v81: stepped orbit, corner ornaments and independent breakthrough perimeter. */
.tcq-item-fx{--fx-outer:#81a7c5;--fx-speed:3.6s}
.tcq-item-fx.fx-d2{--fx-outer:#ad83c9}.tcq-item-fx.fx-d3{--fx-outer:#bd6e9d}.tcq-item-fx.fx-d4{--fx-outer:#d2a553}.tcq-item-fx.fx-d5{--fx-outer:#d17c54}
.tcq-item-fx>i:nth-child(n){inset:auto;width:3px;height:3px;transform:none;animation:tcq-pixel-orbit var(--fx-speed) steps(20,end) infinite;box-shadow:2px 0 0 var(--fx-edge),0 2px 0 var(--fx-edge);z-index:2}
.tcq-item-fx>i:nth-last-child(3){animation-delay:calc(var(--fx-speed)*-.25)}
.tcq-item-fx>i:nth-last-child(2){animation-delay:calc(var(--fx-speed)*-.5)}
.tcq-item-fx>i:last-child{animation-delay:calc(var(--fx-speed)*-.75)}
@keyframes tcq-pixel-orbit{0%{top:-2px;left:-2px;opacity:1}25%{top:-2px;left:calc(100% - 1px);opacity:1}50%{top:calc(100% - 1px);left:calc(100% - 1px);opacity:.6}75%{top:calc(100% - 1px);left:-2px;opacity:1}100%{top:-2px;left:-2px;opacity:1}}
.tcq-item-fx::before,.tcq-item-fx::after{content:"";position:absolute;pointer-events:none;box-sizing:border-box}
.tcq-item-fx::before{inset:-3px;border:3px solid var(--fx-edge);clip-path:polygon(0 0,20% 0,20% 7%,7% 7%,7% 20%,0 20%,0 0,100% 0,100% 20%,93% 20%,93% 7%,80% 7%,80% 0,100% 0,100% 100%,80% 100%,80% 93%,93% 93%,93% 80%,100% 80%,100% 100%,0 100%,0 80%,7% 80%,7% 93%,20% 93%,20% 100%,0 100%)}
.tcq-item-fx.fx-e1::before{display:none}
.tcq-item-fx.fx-e4::before,.tcq-item-fx.fx-e5::before{inset:-4px;border-width:4px}
.tcq-item-fx::after{inset:-5px;border:2px dashed var(--fx-outer);animation:tcq-pixel-runes 3.2s steps(1,end) infinite}
.tcq-item-fx.fx-d0::after{display:none}
.tcq-item-fx.fx-d1::after,.tcq-item-fx.fx-d2::after{border-width:1px}
.tcq-item-fx.fx-d3::after,.tcq-item-fx.fx-d4::after,.tcq-item-fx.fx-d5::after{inset:-6px}
@keyframes tcq-pixel-runes{0%,100%{opacity:.35}35%{opacity:1}70%{opacity:.65}}
.tcq-item-fx.fx-emax::before{animation:tcq-pixel-crown 2.4s steps(1,end) infinite}
@keyframes tcq-pixel-crown{0%,100%{border-color:var(--fx-edge)}50%{border-color:#fff0ad}}
.tcq-item-fx.fx-dmax::after{border-style:double;border-width:3px;animation-duration:1.8s}
.tcq-item-fx.is-expired::before,.tcq-item-fx.is-expired::after{display:none!important;animation:none!important}
@media(prefers-reduced-motion:reduce){.tcq-item-fx>i:nth-child(n),.tcq-item-fx::before,.tcq-item-fx::after{animation:none!important;opacity:1!important}.tcq-item-fx>i:nth-last-child(4){top:-2px;left:15%}.tcq-item-fx>i:nth-last-child(3){top:25%;left:calc(100% - 1px)}.tcq-item-fx>i:nth-last-child(2){top:calc(100% - 1px);left:70%}.tcq-item-fx>i:last-child{top:70%;left:-2px}}

/* v82: max tiers use steady frames and two constant-brightness runners. */
.tcq-item-fx.fx-emax{--fx-edge:#ad5073;--fx-spark:#fff2b3}
.tcq-item-fx.fx-emax::before{animation:none!important;border-color:#c49b4b;opacity:1}
.tcq-item-fx.fx-emax>i:nth-child(n){animation:tcq-pixel-max-orbit 4.8s steps(32,end) infinite;opacity:1;box-shadow:2px 0 0 #ad5073,0 2px 0 #ad5073}
.tcq-item-fx.fx-emax>i:nth-last-child(3),.tcq-item-fx.fx-emax>i:last-child{display:none}
.tcq-item-fx.fx-emax>i:nth-last-child(2){animation-delay:-2.4s}
.tcq-item-fx.fx-emax.fx-dmax{outline-color:#92713e;--fx-outer:#c49b4b}
.tcq-item-fx.fx-emax.fx-dmax::after{animation:none!important;opacity:1;border-color:#c49b4b;border-style:double;border-width:3px}
@keyframes tcq-pixel-max-orbit{0%{top:-2px;left:-2px}25%{top:-2px;left:calc(100% - 1px)}50%{top:calc(100% - 1px);left:calc(100% - 1px)}75%{top:calc(100% - 1px);left:-2px}100%{top:-2px;left:-2px}}
@media(prefers-reduced-motion:reduce){.tcq-item-fx.fx-emax>i:nth-child(n){animation:none!important}}

/* v83: recognizable silhouettes at 10 / 20 / 30 / 40 / 45. */
.tcq-item-fx.fx-m10{--fx-edge:#367e9e;border-style:solid}
.tcq-item-fx.fx-m10::before{inset:-4px;border:3px solid #9dc8cf;animation:none!important}
.tcq-item-fx.fx-m20{--fx-edge:#7754a4;border:3px double #7754a4}
.tcq-item-fx.fx-m20::before{display:none}
.tcq-item-fx.fx-m30{--fx-edge:#7651a3;border:2px solid #7651a3}
.tcq-item-fx.fx-m30::before{display:none}
.tcq-item-fx.fx-m40{--fx-edge:#ac772e;border:3px double #ac772e}
.tcq-item-fx.fx-m40::before{inset:-4px;border:3px solid #d6b16a;animation:none!important}
.tcq-item-fx.fx-m45{--fx-edge:#ad5073;border:3px double #ad5073}
.tcq-item-fx .fx-milestone-mark,html body #shopModal#shopModal .shop-thumb .tcq-item-fx .fx-milestone-mark{display:block!important;position:absolute!important;top:-6px!important;left:calc(50% - 5px)!important;width:10px!important;height:8px!important;background:#b18ad6!important;clip-path:polygon(40% 0,60% 0,60% 20%,80% 20%,80% 40%,100% 40%,100% 60%,80% 60%,80% 80%,60% 80%,60% 100%,40% 100%,40% 80%,20% 80%,20% 60%,0 60%,0 40%,20% 40%,20% 20%,40% 20%);pointer-events:none;z-index:3}
.tcq-item-fx.fx-m40 .fx-milestone-mark,html body #shopModal#shopModal .shop-thumb .tcq-item-fx.fx-m40 .fx-milestone-mark{left:calc(50% - 9px)!important;width:18px!important;background:#d6b16a!important;clip-path:polygon(0 0,30% 0,30% 25%,40% 25%,40% 50%,60% 50%,60% 25%,70% 25%,70% 0,100% 0,100% 50%,80% 50%,80% 75%,65% 75%,65% 100%,35% 100%,35% 75%,20% 75%,20% 50%,0 50%)}
.tcq-item-fx.fx-m45 .fx-milestone-mark,html body #shopModal#shopModal .shop-thumb .tcq-item-fx.fx-m45 .fx-milestone-mark{top:-7px!important;left:calc(50% - 8px)!important;width:16px!important;height:9px!important;background:#e0bd6a!important;clip-path:polygon(0 15%,20% 15%,20% 45%,35% 45%,35% 0,65% 0,65% 45%,80% 45%,80% 15%,100% 15%,100% 100%,0 100%)}
.tcq-item-fx.is-expired .fx-milestone-mark,html body #shopModal#shopModal .shop-thumb .tcq-item-fx.is-expired .fx-milestone-mark{display:none!important}
/* dot1 V15: Bag tab body must scroll so "Đồ câu · Mồi & cá" (sell fish) below the grid stays reachable. */
html body #inventorySheetBody{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
html body #inventorySheetBody .tcq-bag-grid{overscroll-behavior-y:auto!important}