/* Oficina mobile: referência oficina-mobile-moedas-v1.png. Sprites e ícones originais. */
.workshop-dialog{position:fixed;inset:0;margin:auto;padding:0;width:min(1040px,calc(100vw - 32px));height:min(900px,calc(100dvh - 32px));max-width:none;max-height:none;border:7px solid #89502c;border-radius:14px;overflow:hidden;background:#fff0cb;color:#4c301d;box-shadow:0 0 0 2px #482b1b,inset 0 0 0 2px #edc484,0 18px 65px #0e292973}
.workshop-dialog[open]{display:flex;flex-direction:column}
.workshop-dialog::backdrop{background:#102c31b8}
.workshop-header{display:flex;align-items:center;gap:14px;flex:none;padding:16px 18px;border-bottom:3px solid #89502c;background:linear-gradient(#bd834c,#9e6338);color:#fff2d1;box-shadow:inset 0 2px 0 #e9bc7c}
.workshop-header>div:first-child{min-width:0;flex:1}.workshop-header h2{margin:3px 0 0;font:800 30px/1.1 Georgia,serif;letter-spacing:.5px}.workshop-header>div>small{display:block;font-size:9px;letter-spacing:1.3px;font-weight:750}
.workshop-balance{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #63391e;border-radius:7px;background:#fff0cb;color:#57371e;flex:none}.workshop-balance img{width:28px;height:28px;object-fit:contain}.workshop-balance span{min-width:0}.workshop-balance b{font-size:16px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.workshop-balance small{display:block;font-size:8px;letter-spacing:.5px;margin-top:2px}
.workshop-header #workshop-close{flex:none;min-width:48px;min-height:48px;padding:0;border:2px solid #f1cc8c;border-radius:8px;background:#a53d2d;color:#fff5df;font-size:32px;line-height:1;box-shadow:0 2px 0 #59321c}
.workshop-content{min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:16px 18px 18px;scrollbar-color:#ab7b46 #f4ddb3;scrollbar-gutter:stable}
#workshop-intro{font:700 20px/1.3 Georgia,serif;text-align:center;margin:0 0 16px;color:#56371f}
#workshop-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;margin:0;list-style:none;align-items:stretch}
.companion-card{--rarity-border:#9c9c6a;--rarity-ink:#535a32;--rarity-seal:#e5e2b6;display:flex;flex-direction:column;gap:0;min-width:0;border:2px solid var(--rarity-border);border-radius:10px;padding:12px;background:#fff7dc;box-shadow:inset 0 0 0 2px #eddbb3,0 3px 0 #704b2322}
.rarity-rare{--rarity-border:#5799bd;--rarity-ink:#245b7c;--rarity-seal:#d4edf7}
.rarity-legendary{--rarity-border:#c68b2c;--rarity-ink:#7b4d10;--rarity-seal:#ffe09a}
.companion-identity{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;min-height:104px;margin-bottom:10px}.companion-stage{display:flex;align-items:flex-end;justify-content:center;min-width:0;height:92px;overflow:hidden;border-radius:8px;background:radial-gradient(ellipse at 50% 83%,#a38d6333 0 20%,transparent 23%)}
.companion-sprite{display:block;flex:none;width:128px;height:160px;object-fit:contain;image-rendering:pixelated}.companion-info{min-width:0}.companion-name{font-size:23px;line-height:1.15;margin:0 0 5px;color:#51311d;font-weight:850}.companion-badge{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--rarity-border);border-radius:4px;background:var(--rarity-seal);color:var(--rarity-ink);padding:3px 6px;font-size:10px;line-height:1.2;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.companion-badge::before{content:'';width:6px;height:6px;background:currentColor;border-radius:50%}.rarity-rare .companion-badge::before{border-radius:0;transform:rotate(45deg)}.rarity-legendary .companion-badge::before{width:9px;height:9px;border-radius:0;clip-path:polygon(50% 0,61% 34%,98% 35%,69% 57%,79% 93%,50% 72%,21% 93%,31% 57%,2% 35%,39% 34%)}
.companion-role{font-size:11px;line-height:1.3;color:#756044;margin:4px 0}.companion-area{display:flex;align-items:center;gap:5px;margin:0;color:#5d472e;font-size:11px;line-height:1.35;font-weight:650;overflow-wrap:anywhere}.companion-area-icon{width:22px;height:22px;object-fit:contain;flex:none}
.companion-weekly{display:grid;grid-template-columns:30px auto minmax(0,1fr);gap:7px;align-items:center;min-height:77px;padding:8px;border:2px solid #a99a4d;border-radius:7px;background:linear-gradient(105deg,#183e28,#245c36);box-shadow:inset 0 0 0 1px #416c39;color:#fff6d2}.companion-weekly-coin{width:30px;height:34px;object-fit:contain}.companion-weekly-amount small{display:block;font-size:9px;line-height:1;letter-spacing:1px;font-weight:750}.companion-total{display:block;font-size:40px;line-height:1.06;letter-spacing:-1px;font-weight:900;font-variant-numeric:tabular-nums;color:#ffda69;text-shadow:0 2px 0 #50391b}.companion-weekly-label{font-size:10px;line-height:1.4;font-weight:800;letter-spacing:.4px;overflow-wrap:anywhere}.companion-weekly-caption{margin:7px 0 0;text-align:center;color:#634b2d;font-size:11px;line-height:1.4;font-weight:650}
.companion-description{font-size:11px;line-height:1.5;color:#766047;margin:10px 0 12px;overflow-wrap:anywhere}
.companion-hire{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;width:100%;margin-top:auto;padding:9px 8px;border:1px solid #a89c78;border-bottom:3px solid #8e815e;border-radius:7px;background:#e7e2cb;color:#6c6953;font-size:12px;line-height:1.35;font-weight:750;opacity:1}.companion-hire.available{background:linear-gradient(#367a40,#255b31);border-color:#20512d;border-bottom-color:#193e25;color:#fff5dc;box-shadow:inset 0 1px 0 #85b065}.companion-hire.available:disabled{background:#ece4cd;border-color:#baae8d;color:#7c735d;box-shadow:none}.companion-coin{width:22px;height:22px;object-fit:contain;flex:none}
.workshop-rules{margin-top:18px;border-top:1px solid #cfb385;color:#6d5131;font-size:12px;line-height:1.6}.workshop-rules summary{min-height:48px;display:list-item;align-content:center;cursor:pointer;font-size:13px;font-weight:750;padding:12px 4px;touch-action:manipulation}.workshop-rules p{font-size:12px;margin:0 0 10px}.workshop-job{margin-top:12px;padding:10px;border:1px solid #c7ae81;border-radius:7px;font-size:12px}.workshop-job button{min-height:48px;border:1px solid #7e6038;border-radius:5px;background:#ecd09d;color:#553b25}
.workshop-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;padding:8px 16px;border-top:2px solid #d6b784;background:#f0d8a9}.workshop-footer>span{font-size:10px;color:#725333}.workshop-footer button{min-height:48px;padding:8px 14px;border:1px solid #a77942;border-radius:7px;background:#fff0cd;color:#634322;font-size:12px;font-weight:700}
.workshop-dialog button:focus-visible,.workshop-dialog summary:focus-visible{outline:3px solid #c07c22;outline-offset:3px}
@media(max-width:740px){.workshop-dialog{width:calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-width:5px;border-radius:11px}.workshop-header{padding:10px;gap:8px}.workshop-header h2{font-size:26px}.workshop-header>div>small{font-size:7px;letter-spacing:.7px}.workshop-balance{padding:6px;gap:3px}.workshop-balance img{width:24px;height:24px}.workshop-balance b{font-size:14px}.workshop-balance small{font-size:8px}.workshop-content{padding:13px 10px 14px;scrollbar-gutter:auto}#workshop-intro{font-size:18px;margin-bottom:12px}#workshop-cards{grid-template-columns:minmax(0,1fr);gap:13px}.companion-card{padding:12px}.companion-identity{grid-template-columns:72px minmax(0,1fr);min-height:88px;gap:12px;margin-bottom:9px}.companion-stage{height:88px}.companion-name{font-size:24px}.companion-area{font-size:12px}.companion-role{font-size:11px}.companion-weekly{grid-template-columns:34px auto minmax(0,1fr);gap:9px;padding:9px 12px;min-height:78px}.companion-weekly-coin{width:34px;height:38px}.companion-total{font-size:44px}.companion-weekly-label{font-size:11px;letter-spacing:.6px}.companion-weekly-caption{font-size:11px}.companion-description{font-size:12px;line-height:1.45;margin:9px 0 12px}.companion-hire{font-size:13px}.workshop-footer{padding:6px 10px}.workshop-footer>span{max-width:95px;line-height:1.4}.workshop-rules{margin-top:14px}}
@media(max-width:350px){.workshop-header{gap:5px;padding:8px}.workshop-header h2{font-size:24px}.workshop-header>div>small{max-width:90px;line-height:1.4}.workshop-balance{padding:4px}.workshop-balance img{width:20px;height:20px}.companion-card{padding:10px}.companion-weekly{padding:8px;gap:7px}.companion-total{font-size:40px}.companion-weekly-label{font-size:10px}.workshop-footer{gap:6px}}
.companion-price{margin:5px 0 0;text-align:center;font-size:11px;line-height:1.4;color:#806341}
.workshop-training #workshop-intro{font:700 14px/1.45 'Segoe UI',sans-serif;color:#315c37;padding:10px;border:1px solid #c8a352;border-radius:6px;background:#fff7db}
.workshop-training .tutorial-recommended{outline:3px solid #d9a537;outline-offset:2px}