/* TCQ v0.10.2 — Player UI Revamp Phase 1
   Intentional overrides of legacy phase27–36 selectors, loaded LAST.
   Scoped to shop-v2 and tcq-player-v2 to avoid affecting gameplay/collision. */
#shopModal.shop-v2{
  inset:clamp(7px,1.2vw,16px)!important;
  height:auto!important;width:auto!important;max-height:none!important;
  display:grid!important;grid-template-rows:auto auto auto minmax(0,1fr) auto!important;
  gap:10px!important;padding:14px!important;overflow:hidden!important;
  color:var(--tcq-ui-ink)!important;
  border:2px solid #f5e5d0!important;border-radius:26px!important;
  background:radial-gradient(ellipse at 90% 0%,#f9e3d0 0,transparent 43%),linear-gradient(158deg,#fffbf4 0%,#fff0db 54%,#f8e3c5 100%)!important;
  box-shadow:0 22px 65px #1a241a70,0 0 0 4px #5e513d66!important;
}
#shopModal.shop-v2[hidden]{display:none!important}
#shopModal.shop-v2::before{inset:5px;border:1px solid rgba(255,255,255,.8);border-radius:21px}
#shopModal.shop-v2 .shop-head{padding:8px 10px 5px!important;align-items:center!important;gap:12px!important}
#shopModal.shop-v2 .shop-kicker{color:var(--tcq-ui-pink-dark);font-size:10px!important;letter-spacing:.14em;font-weight:950}
#shopModal.shop-v2 .shop-head strong{font-size:clamp(23px,2.5vw,31px)!important;line-height:1.1!important;color:#754335!important;letter-spacing:-.02em;text-shadow:none!important}
#shopModal.shop-v2 .shop-head small{font-size:11px!important;color:#987363!important;white-space:normal}
#shopModal.shop-v2 .shop-head>button{width:42px!important;height:42px!important;flex:0 0 42px!important;border:1px solid #e2a4b6!important;border-radius:15px!important;background:#fff4f5!important;color:#be4976!important;font-size:28px!important;box-shadow:0 3px 9px #94526925!important}
#shopModal.shop-v2 .shop-head>button:hover{background:#ffe2ed!important}
#shopModal.shop-v2 .shop-wallet-currencies{gap:8px!important}
#shopModal.shop-v2 .wallet-chip{min-height:55px!important;background:#fffdf8!important;border:1px solid #ead8c2!important;border-radius:16px!important;padding:8px 12px!important;box-shadow:0 3px 10px #90664a0d!important}
#shopModal.shop-v2 .wallet-chip .wallet-icon{width:36px;height:36px;font-size:19px;background:#fff0c7}
#shopModal.shop-v2 .wallet-chip.luong .wallet-icon{background:#ffe2ec}
#shopModal.shop-v2 .wallet-chip.owned .wallet-icon{background:#e4efd7}
#shopModal.shop-v2 .wallet-chip b{font-size:15px!important;font-variant-numeric:tabular-nums;color:#603f30!important}
#shopModal.shop-v2 .wallet-chip small{font-size:10px!important;color:#9d7c6a}
#shopModal.shop-v2 .shop-primary-nav{gap:10px!important}
#shopModal.shop-v2 .shop-primary-nav button{min-height:46px!important;padding:10px 12px!important;border:1px solid #e7c1aa!important;border-radius:15px!important;background:#fffbf3!important;color:#87634e!important;box-shadow:none!important;font-size:13px!important;letter-spacing:.015em}
#shopModal.shop-v2 .shop-primary-nav button.active{background:linear-gradient(180deg,#fa83ae,#e8558c)!important;border-color:#d94f83!important;color:#fff!important;box-shadow:0 5px 13px #db578a33!important}
#shopModal.shop-v2 .shop-content-layout{grid-template-columns:minmax(280px,340px) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;gap:12px!important;min-height:0!important}
#shopModal.shop-v2 .shop-detail{grid-template-rows:minmax(150px,43%) auto minmax(0,1fr) auto!important;min-height:0!important;padding:12px!important;gap:9px!important;border:1px solid #ebd3b6!important;border-radius:22px!important;background:rgba(255,255,255,.85)!important;box-shadow:0 5px 16px #74533c14!important;overflow:auto!important}
#shopModal.shop-v2 .shop-detail-preview{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;height:100%!important;min-height:145px!important;padding:10px 8px!important;border:1px solid #b4cfaa!important;border-radius:18px!important;background:radial-gradient(ellipse at 50% 35%,#edf5df,#bfdbb5 75%),linear-gradient(#cae5c6,#d4b184)!important}
#shopModal.shop-v2 .shop-detail-preview::after{content:'✿  ✧  ✿';position:absolute;top:12px;right:12px;color:#f6fff4a8;font-size:22px;letter-spacing:16px;pointer-events:none}
#shopModal.shop-v2 .shop-detail-preview-frame{display:grid!important;place-items:center!important;flex:1 1 auto!important;min-height:0!important;width:100%!important}
#shopModal.shop-v2 .shop-detail-preview canvas{display:block!important;max-width:100%!important;max-height:100%!important;width:180px!important;height:180px!important}
#shopModal.shop-v2 .shop-preview-caption{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:6px 10px;border:0;border-radius:999px;background:#ed6798;color:#fff;font-size:10px;line-height:1;box-shadow:0 3px 9px #c7487866;white-space:nowrap;max-width:100%;text-align:center}
#shopModal.shop-v2 .shop-detail-copy{min-width:0!important}
#shopModal.shop-v2 .shop-detail-copy h3{font-size:19px!important;color:var(--tcq-ui-ink)!important}
#shopModal.shop-v2 .shop-detail-eyebrow{color:#d17086;font-size:10px}
#shopModal.shop-v2 .shop-detail-copy p{font-size:12px!important;line-height:1.45!important;color:#8a6858!important}
#shopModal.shop-v2 .shop-selected-icon{background:#f3f5e8!important;border:1px solid #c7d7b4!important;border-radius:15px!important}
#shopModal.shop-v2 .shop-selected-summary{grid-template-columns:72px minmax(0,1fr)!important}
#shopModal.shop-v2 .shop-detail-meta{gap:5px!important;margin:7px 0!important}
#shopModal.shop-v2 .shop-badge{min-height:24px!important;padding:5px 9px!important;font-size:10px!important;background:#f5eadd!important;border:0!important;color:#73533e!important}
#shopModal.shop-v2 .shop-badge.equipped{background:#ed5b91!important;color:#fff!important}
#shopModal.shop-v2 .shop-badge.owned{background:#e4f3db!important;color:#416d3e!important}
#shopModal.shop-v2 .shop-detail-price{font-size:20px!important;color:#b46c35!important}
#shopModal.shop-v2 .shop-detail-actions{gap:7px!important}
#shopModal.shop-v2 .shop-detail-actions button{min-height:45px!important;border:1px solid #da5185!important;border-radius:14px!important;background:linear-gradient(180deg,#fa7eab,#e9568d)!important;color:#fff!important;box-shadow:0 3px 0 #b93f6a!important;font-size:12px!important}
#shopModal.shop-v2 .shop-detail-actions button.secondary{background:#fff1dc!important;border-color:#e6c7aa!important;color:#875944!important;box-shadow:none!important}
#shopModal.shop-v2 .shop-detail-actions button:disabled{opacity:.5!important;box-shadow:none!important}
#shopModal.shop-v2 .shop-browser{gap:8px!important;min-height:0!important;grid-template-rows:auto auto minmax(0,1fr)!important}
.shop-collection-heading{display:flex;align-items:end;justify-content:space-between;gap:8px;padding:3px 5px 0}
.shop-collection-kicker{font-size:9px;letter-spacing:.15em;font-weight:950;color:#bc7580}
.shop-collection-heading h3{margin:2px 0 0;color:#704a39;font-size:19px;line-height:1.14}
.shop-collection-heading h3 span{color:#dba65b}
.shop-collection-heading>strong{white-space:nowrap;padding:7px 11px;background:#eef5e7;border-radius:999px;color:#658954;font-size:11px}
#shopModal.shop-v2 .shop-toolbar{gap:7px!important}
#shopModal.shop-v2 .shop-filters button,#shopModal.shop-v2 .shop-state-filters button{min-height:36px!important;display:inline-flex;align-items:center;gap:4px;padding:7px 12px!important;font-size:11px!important;border:1px solid #e6cfb4!important;border-radius:999px!important;background:#fffaf1!important;color:#7b5c49!important;box-shadow:none!important;white-space:nowrap}
#shopModal.shop-v2 .shop-state-filters{gap:5px!important;padding:1px 0 5px!important}
#shopModal.shop-v2 .shop-state-filters button span{font-size:10px!important}
#shopModal.shop-v2 .shop-filters button.active{color:white!important;background:#ef6598!important;border-color:#ed6598!important}
#shopModal.shop-v2 .shop-state-filters button.active{color:#fff!important;background:#69965d!important;border-color:#69965d!important}
#shopModal.shop-v2 .shop-query{grid-template-columns:minmax(0,1fr) minmax(100px,140px)!important;gap:7px!important}
#shopModal.shop-v2 .shop-search-wrap,#shopModal.shop-v2 .shop-query select{height:43px!important;min-height:43px!important;border:1px solid #e7cdb4!important;background:#fffefa!important;border-radius:13px!important;box-shadow:none!important}
#shopModal.shop-v2 .shop-query input{height:40px!important;min-height:40px!important;color:#634b3c!important;font-size:13px!important}
#shopModal.shop-v2 .shop-query select{font-size:12px!important}
#shopModal.shop-v2 .shop-grid{gap:10px!important;padding:2px 4px 8px!important;grid-auto-rows:minmax(126px,auto)!important;align-content:start!important;scrollbar-width:thin}
#shopModal.shop-v2 .shop-card{min-height:126px!important;border:1px solid #ead6c2!important;border-radius:17px!important;padding:9px!important;gap:7px!important;background:#fffcf7!important;box-shadow:0 4px 12px #966c4b12!important;transition:transform .14s ease,border-color .14s ease!important}
#shopModal.shop-v2 .shop-card:hover{transform:translateY(-2px)!important;border-color:#e18cac!important}
#shopModal.shop-v2 .shop-card.is-selected{border-color:#e9568d!important;box-shadow:0 0 0 2px #ffe0ec,0 6px 14px #de699424!important}
#shopModal.shop-v2 .shop-card.fashion-equipped{border-color:#91b47c!important}
#shopModal.shop-v2 .shop-thumb{background:linear-gradient(145deg,#edf3e2,#d4e5bf)!important;border:1px solid #c7d9b5!important;border-radius:14px!important}
#shopModal.shop-v2 .shop-thumb canvas{object-fit:contain!important;image-rendering:pixelated}
#shopModal.shop-v2 .shop-card-type{font-size:9px!important;background:#f8e9d9!important;color:#a56f55!important;border-radius:999px!important;padding:3px 7px!important}
#shopModal.shop-v2 .fashion-item-copy>strong{font-size:13px!important;line-height:1.23!important;color:#553b31!important}
#shopModal.shop-v2 .shop-card-source{font-size:10px!important;color:#9c806c!important;line-height:1.25!important}
#shopModal.shop-v2 .web-price{font-size:12px!important;color:#ac6a34!important;margin-top:auto!important}
#shopModal.shop-v2 .shop-card-action{min-height:36px!important;border:1px solid #e3adba!important;border-radius:11px!important;padding:7px!important;background:#fff0f5!important;color:#bb4a74!important;box-shadow:none!important;font-size:11px!important;font-weight:900!important}
#shopModal.shop-v2 .shop-card-action:not(:disabled){background:#fce2e9!important}
#shopModal.shop-v2 .shop-card-action:disabled{opacity:.45!important}
#shopModal.shop-v2 .shop-card-state{max-width:90px!important;font-size:9px!important;padding:4px 7px!important;border-radius:999px!important}
#shopModal.shop-v2 .shop-pager{min-height:44px!important;padding:7px 0 0!important;gap:10px!important;color:#7b5b49!important}
#shopModal.shop-v2 .shop-pager button{width:39px!important;height:39px!important;border-radius:12px!important;border:1px solid #dfbc9a!important;background:#fffaef!important;box-shadow:none!important;color:#855c48!important}
#shopModal.shop-v2 .shop-pager span{font-size:13px!important}
#shopModal.shop-v2 #shopWorkshopLink{justify-self:start!important;margin:0 0 1px 4px!important;padding:9px 14px!important;min-height:35px!important;border:1px solid #ebd1b3!important;border-radius:999px!important;background:#fff8ec!important;color:#a56b52!important;box-shadow:none!important;font-size:10px!important}
#shopModal.shop-v2 #shopNote{display:none!important}
/* Wardrobe: preserve dynamic equipment list but make it coherent */
#shopModal.shop-v2 .wardrobe-equipped-row{border:1px solid #efdecb;border-radius:10px;background:#fff9f0;color:#684734}
#shopModal.shop-v2 .wardrobe-equipped-row.selected{background:#e8f2dc;border-color:#95b78b}
#shopModal.shop-v2 .wardrobe-selected-line{border-radius:12px;background:#fff3df}
/* Workshop + daily gift keep same verified server actions, only UI changes. */
.tcq-player-v2.workshop-sheet{background:rgba(28,28,24,.54)!important;backdrop-filter:blur(5px)!important}
.tcq-player-v2 .workshop-panel{width:min(980px,calc(100vw - 26px))!important;max-height:min(94dvh,970px)!important;min-height:0!important;padding:20px!important;overflow:auto!important;border:2px solid #f4e0c8!important;border-radius:26px!important;background:radial-gradient(ellipse at 90% 0%,#fce6db,transparent 45%),linear-gradient(#fff8ec,#f7e5ca)!important;box-shadow:0 22px 65px #18252280!important;color:var(--tcq-ui-ink)!important}
.tcq-player-v2 .workshop-panel::before{border:1px solid #fff8ed;inset:5px;border-radius:20px}
.tcq-player-v2 .tcq-panel-head{margin-bottom:10px!important}
.tcq-player-v2 .tcq-panel-head small{font-size:10px!important;font-weight:900!important;letter-spacing:.14em!important;color:#cb7792!important}
.tcq-player-v2 .tcq-panel-head h2{font-size:clamp(21px,3vw,29px)!important;color:#76483d!important;line-height:1.2}
.tcq-player-v2 .tcq-close{min-width:42px;min-height:42px;border:1px solid #e8abc0!important;border-radius:14px!important;background:#fff3f5!important;color:#d45082!important;box-shadow:none!important}
.tcq-player-v2 #workshopBody{padding:4px 2px!important;position:relative;z-index:1}
.tcq-player-v2 .workshop-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important;margin:4px 0 16px!important}
.tcq-player-v2 .workshop-tabs button{min-height:48px;border:1px solid #e8cdb2!important;border-radius:15px!important;padding:12px!important;background:#fffdf6!important;color:#86664f!important;box-shadow:none!important;font-size:13px!important}
.tcq-player-v2 .workshop-tabs button.selected{border-color:#e65e92!important;background:linear-gradient(#fb87ae,#e9598f)!important;color:white!important;box-shadow:0 5px 13px #de609333!important}
.tcq-player-v2 .workshop-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0!important;margin:0 0 12px!important;border:0!important;background:transparent!important}
.tcq-player-v2 .workshop-summary>div{display:grid;gap:6px;min-width:0;padding:14px 13px;border:1px solid #ebd8c3;border-radius:16px;background:#fffcf6;box-shadow:0 3px 10px #9674560c}
.tcq-player-v2 .workshop-summary span{font-size:10px;font-weight:900;letter-spacing:.08em;color:#b48270}
.tcq-player-v2 .workshop-summary b{font-size:clamp(18px,2vw,24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6a483a;font-variant-numeric:tabular-nums}
.tcq-player-v2 .workshop-promise{margin:0 0 14px;padding:11px 14px;border-radius:14px;background:#edf4de;color:#57704c;font-size:12px;line-height:1.5}
.tcq-player-v2 .workshop-list-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:13px}
.tcq-player-v2 .workshop-search-label{flex:1;min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;min-height:45px;border:1px solid #ebd1b5;background:#fffcf5;border-radius:14px}
.tcq-player-v2 .workshop-search-label>span{font-size:25px;text-align:center;color:#bc8d79}
.tcq-player-v2 .workshop-search-label input{width:100%;min-width:0;height:42px;padding:0 10px 0 0;border:0;outline:0;background:transparent;color:#614536;font-size:14px}
.tcq-player-v2 #workshopReadyFilter{flex:0 0 auto;min-height:45px;padding:8px 13px;border:1px solid #d3dcc6!important;background:#f4f7ee!important;color:#61835e!important;border-radius:14px!important;font-size:12px!important;box-shadow:none!important}
.tcq-player-v2 #workshopReadyFilter.selected{background:#648f60!important;color:#fff!important;border-color:#648f60!important}
.tcq-player-v2 .workshop-list-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;color:#674636;font-size:15px}
.tcq-player-v2 .workshop-list-heading small{font-size:11px;color:#a18473}
.tcq-player-v2 .workshop-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:min(52dvh,580px)!important;gap:12px!important;padding:0 3px 7px!important;overflow:auto!important;overscroll-behavior:contain!important}
.tcq-player-v2 .workshop-recipe{min-width:0;display:flex;flex-direction:column;gap:10px!important;padding:13px!important;border:1px solid #ead4bd!important;border-radius:17px!important;background:#fffdf8!important;box-shadow:0 4px 14px #9a734614!important}
.tcq-player-v2 .workshop-recipe.ready{border-color:#b9d6ab!important}
.tcq-player-v2 .workshop-recipe[hidden]{display:none!important}
.tcq-player-v2 .workshop-recipe-top{display:flex;gap:5px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.tcq-player-v2 .workshop-recipe-caption{font-size:10px!important;font-weight:900!important;color:#ad7a61!important;letter-spacing:.045em}
.tcq-player-v2 .workshop-recipe-tag{padding:5px 8px;border-radius:999px;background:#f3e5d4;color:#9a795f;font-size:10px;font-weight:850}
.tcq-player-v2 .workshop-recipe-tag.ok{background:#e4f2da;color:#4b8a4a}.tcq-player-v2 .workshop-recipe-tag.owned{background:#ffe0ed;color:#bc5275}
.tcq-player-v2 .workshop-recipe-flow{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:5px;align-items:center}
.tcq-player-v2 .workshop-recipe-item{min-width:0;min-height:96px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:10px;border:1px solid #ead9c2;border-radius:13px;background:linear-gradient(#fff8eb,#fff3e0)}
.tcq-player-v2 .workshop-recipe-item.result{border-color:#d0dec2;background:linear-gradient(#f4f8e7,#eaf2da)}
.tcq-player-v2 .workshop-recipe-item-type{font-size:8px;letter-spacing:.075em;color:#b38f75;font-weight:900}
.tcq-player-v2 .workshop-recipe-item b{font-size:12px;line-height:1.3;color:#684433;overflow-wrap:anywhere}
.tcq-player-v2 .workshop-recipe-item small{font-size:10px;color:#a38771}
.tcq-player-v2 .workshop-arrow{font-size:23px!important;color:#eba15f!important;text-align:center}
.tcq-player-v2 .workshop-resources{margin-top:auto;display:flex!important;justify-content:space-between;gap:7px;font-size:11px!important;color:#927461!important}
.tcq-player-v2 .workshop-resources strong{white-space:nowrap;color:#986239}
.tcq-player-v2 .workshop-recipe button{min-height:43px!important;border:1px solid #d34c81!important;border-radius:12px!important;background:linear-gradient(#fc83af,#eb598f)!important;color:white!important;box-shadow:0 3px 0 #bc426e!important;font-size:12px!important}
.tcq-player-v2 .workshop-recipe button:disabled{border-color:#ead3bc!important;background:#f2e8da!important;color:#a7927d!important;box-shadow:none!important;opacity:1!important}
.tcq-player-v2 .workshop-gift-intro{text-align:center;padding:18px 10px 12px}
.tcq-player-v2 .workshop-gift-intro span{font-size:11px;font-weight:950;letter-spacing:.15em;color:#df7196}
.tcq-player-v2 .workshop-gift-intro h3{margin:7px 0;font-size:clamp(23px,3.6vw,32px);color:#7b4838}
.tcq-player-v2 .workshop-gift-intro p{max-width:500px;margin:0 auto;color:#947361;line-height:1.5;font-size:13px}
.tcq-player-v2 .workshop-gift{max-width:740px;min-height:240px;margin:8px auto 16px!important;padding:20px!important;gap:25px!important;border:1px solid #eed3a0!important;border-radius:22px!important;background:radial-gradient(circle at 10% 30%,#fff8d4,transparent 48%),linear-gradient(140deg,#fff7e8,#fff0dc)!important;box-shadow:0 10px 25px #9b6c4b1a}
.tcq-player-v2 .workshop-gift-image{position:relative;min-width:160px;min-height:160px;border-radius:24px;background:radial-gradient(circle,#fff8c1,#ffdddc 70%);font-size:95px;box-shadow:inset 0 0 0 1px #f0d6a5}
.tcq-player-v2 .workshop-gift-image i{position:absolute;right:12px;top:2px;font-size:30px;color:#e5ae51;font-style:normal}
.tcq-player-v2 .workshop-gift-content{display:grid;gap:8px;justify-items:start}
.tcq-player-v2 .workshop-gift-content h3{margin:0;color:#734835;font-size:24px}
.tcq-player-v2 .workshop-gift-itemid{display:inline-block;padding:6px 10px;border-radius:999px;background:#fff;color:#a87d61;font-size:11px}
.tcq-player-v2 .workshop-gift-content p{margin:4px 0;color:#957463;font-size:13px;line-height:1.5}
.tcq-player-v2 .workshop-gift-content button{min-height:48px;padding:10px 20px;border:1px solid #d74b7a;border-radius:14px;background:linear-gradient(#f983ab,#ed5e93);color:#fff;font-size:13px;font-weight:950;box-shadow:0 4px 0 #b83d65}
.tcq-player-v2 .workshop-gift.is-claimed .workshop-gift-content button{background:#edf2e3;border-color:#c9dec0;color:#5c8054;box-shadow:none}
.tcq-player-v2 .workshop-gift-footnote{margin:auto;text-align:center;color:#967b64;font-size:12px}
.tcq-player-v2 .workshop-gift-footnote span{color:#e66090}
@media(max-width:760px){
  #shopModal.shop-v2{inset:3px!important;height:calc(100% - 6px)!important;padding:7px!important;gap:5px!important;border-width:1px!important;border-radius:19px!important;grid-template-rows:auto auto auto minmax(0,1fr) auto!important}
  #shopModal.shop-v2::before{display:none}
  #shopModal.shop-v2 .shop-head{padding:5px 8px 2px!important;min-height:40px!important}
  #shopModal.shop-v2 .shop-head strong{font-size:20px!important}
  #shopModal.shop-v2 .shop-head small{font-size:9px!important}
  #shopModal.shop-v2 .shop-kicker{font-size:8px!important}
  #shopModal.shop-v2 .shop-head>button{width:37px!important;height:37px!important;flex:0 0 37px!important;font-size:24px!important}
  #shopModal.shop-v2 .shop-wallet-currencies{gap:4px!important}
  #shopModal.shop-v2 .wallet-chip{min-height:44px!important;padding:5px 7px!important;gap:4px!important;border-radius:11px!important}
  #shopModal.shop-v2 .wallet-chip .wallet-icon{width:25px;height:25px;font-size:14px}
  #shopModal.shop-v2 .wallet-chip b{font-size:11px!important}
  #shopModal.shop-v2 .wallet-chip small{font-size:8px!important}
  #shopModal.shop-v2 .shop-primary-nav{gap:6px!important}
  #shopModal.shop-v2 .shop-primary-nav button{min-height:40px!important;padding:8px 3px!important;border-radius:11px!important;font-size:10px!important}
  #shopModal.shop-v2 .shop-content-layout{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(150px,28%) minmax(0,1fr)!important;gap:7px!important}
  #shopModal.shop-v2 .shop-detail{grid-template-columns:116px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto!important;padding:7px!important;gap:4px 8px!important;border-radius:14px!important;overflow:hidden!important}
  #shopModal.shop-v2 .shop-detail-preview{grid-row:1/3!important;grid-column:1!important;width:116px!important;height:100%!important;min-height:120px!important;padding:7px 6px!important;border-radius:12px!important}
  #shopModal.shop-v2 .shop-detail-preview-frame{width:100%!important;min-height:0!important}
  #shopModal.shop-v2 .shop-detail-preview canvas{width:104px!important;height:104px!important}
  #shopModal.shop-v2 .shop-preview-caption{font-size:7px!important;padding:4px 6px!important}
  #shopModal.shop-v2 .shop-detail-copy{grid-column:2!important;grid-row:1!important;overflow:hidden!important}
  #shopModal.shop-v2 .shop-selected-summary{grid-template-columns:39px minmax(0,1fr)!important;gap:5px!important}
  #shopModal.shop-v2 .shop-selected-icon{width:39px!important;height:39px!important}
  #shopModal.shop-v2 .shop-detail-copy h3{font-size:12px!important}
  #shopModal.shop-v2 .shop-detail-copy p{font-size:9px!important;line-height:1.3!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  #shopModal.shop-v2 .shop-detail-meta{gap:3px!important;margin:3px 0!important}
  #shopModal.shop-v2 .shop-badge{min-height:17px!important;padding:2px 5px!important;font-size:8px!important}
  #shopModal.shop-v2 .shop-detail-price{font-size:15px!important;margin-top:3px!important}
  #shopModal.shop-v2 .shop-detail-actions{grid-column:2!important;grid-row:2!important;display:flex!important;gap:5px!important}
  #shopModal.shop-v2 .shop-detail-actions button{flex:1;min-height:36px!important;padding:5px 4px!important;border-width:1px!important;border-radius:9px!important;font-size:9px!important;box-shadow:none!important}
  #shopModal.shop-v2 .shop-browser{grid-template-rows:auto auto minmax(0,1fr)!important;gap:4px!important}
  .shop-collection-heading{padding:2px 3px 0}.shop-collection-kicker{font-size:8px}.shop-collection-heading h3{font-size:14px}.shop-collection-heading>strong{font-size:9px;padding:5px 7px}
  #shopModal.shop-v2 .shop-toolbar{gap:4px!important}
  #shopModal.shop-v2 .shop-filters button,#shopModal.shop-v2 .shop-state-filters button{min-height:30px!important;padding:5px 9px!important;font-size:10px!important}
  #shopModal.shop-v2 .shop-query{grid-template-columns:minmax(0,1fr) 112px!important;gap:5px!important}
  #shopModal.shop-v2 .shop-search-wrap,#shopModal.shop-v2 .shop-query select{height:37px!important;min-height:37px!important;border-radius:10px!important}
  #shopModal.shop-v2 .shop-query input{height:35px!important;min-height:35px!important;font-size:11px!important}
  #shopModal.shop-v2 .shop-query select{font-size:10px!important}
  #shopModal.shop-v2 .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:minmax(162px,auto)!important;gap:7px!important;padding:2px 1px 6px!important}
  #shopModal.shop-v2 .shop-card{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:75px minmax(0,1fr) auto!important;gap:4px!important;min-height:162px!important;padding:6px!important;border-radius:13px!important}
  #shopModal.shop-v2 .shop-thumb{grid-row:1!important;grid-column:1!important;width:100%!important;height:75px!important;padding:2px!important;border-radius:10px!important;align-self:stretch!important}
  #shopModal.shop-v2 .shop-thumb canvas{width:100%!important;height:100%!important;object-fit:contain!important}
  #shopModal.shop-v2 .shop-card-state{font-size:7px!important;padding:3px 5px!important;max-width:95px!important}
  #shopModal.shop-v2 .fashion-item-copy{grid-column:1!important;grid-row:2!important;gap:2px!important;overflow:hidden!important}
  #shopModal.shop-v2 .shop-card-type{font-size:8px!important;padding:2px 5px!important}
  #shopModal.shop-v2 .fashion-item-copy>strong{min-height:auto!important;font-size:11px!important;line-height:1.2!important;display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  #shopModal.shop-v2 .shop-card-source{display:none!important}
  #shopModal.shop-v2 .web-price{font-size:10px!important}
  #shopModal.shop-v2 .shop-card-action{grid-column:1!important;grid-row:3!important;min-height:31px!important;padding:5px!important;font-size:10px!important}
  #shopModal.shop-v2 .shop-pager{min-height:37px!important;padding:3px!important}
  #shopModal.shop-v2 .shop-pager button{width:33px!important;height:33px!important}
  #shopModal.shop-v2 #shopWorkshopLink{margin:0 3px!important;min-height:29px!important;padding:5px 10px!important;font-size:9px!important}
  .tcq-player-v2 .workshop-panel{width:calc(100vw - 14px)!important;max-height:calc(100dvh - 18px)!important;padding:12px!important;border-radius:18px!important}
  .tcq-player-v2 .workshop-panel::before{border-radius:12px}
  .tcq-player-v2 .tcq-panel-head h2{font-size:20px!important}
  .tcq-player-v2 .workshop-tabs button{min-height:43px;font-size:11px!important;padding:9px 5px!important;border-radius:12px!important}
  .tcq-player-v2 .workshop-summary{gap:5px!important;margin-bottom:8px!important}
  .tcq-player-v2 .workshop-summary>div{padding:9px 8px!important;border-radius:12px!important;gap:4px}
  .tcq-player-v2 .workshop-summary span{font-size:8px!important}
  .tcq-player-v2 .workshop-summary b{font-size:14px!important}
  .tcq-player-v2 .workshop-promise{padding:9px!important;font-size:10px!important}
  .tcq-player-v2 .workshop-list{grid-template-columns:1fr!important;max-height:min(52dvh,570px)!important;gap:8px!important}
  .tcq-player-v2 .workshop-recipe{padding:10px!important;gap:8px!important}
  .tcq-player-v2 .workshop-recipe-item{min-height:80px!important;padding:8px!important}
  .tcq-player-v2 .workshop-recipe-item b{font-size:12px!important}
  .tcq-player-v2 .workshop-gift{flex-direction:column!important;gap:12px!important;padding:14px!important;text-align:center}
  .tcq-player-v2 .workshop-gift-image{min-width:120px!important;min-height:120px!important;font-size:70px!important}
  .tcq-player-v2 .workshop-gift-content{justify-items:center!important}
  .tcq-player-v2 .workshop-gift-content h3{font-size:20px!important}
  .tcq-player-v2 .workshop-gift-content button{width:100%!important}
}
@media(max-width:360px){
  #shopModal.shop-v2 .shop-wallet .wallet-icon{display:none}
  #shopModal.shop-v2 .shop-detail{grid-template-columns:100px minmax(0,1fr)!important}
  #shopModal.shop-v2 .shop-detail-preview{width:100px!important;padding:6px 5px!important}
  #shopModal.shop-v2 .shop-grid{gap:5px!important}
  #shopModal.shop-v2 .shop-card{min-height:156px!important}
}
@media(max-height:600px) and (max-width:760px){
  #shopModal.shop-v2 .shop-content-layout{grid-template-rows:130px minmax(0,1fr)!important}
  #shopModal.shop-v2 .shop-detail-preview{min-height:112px!important}
  #shopModal.shop-v2 .shop-head small{display:none!important}
}
