.gem-slots{display:grid;gap:8px;margin:8px 0}.gem-slot{border:1px solid rgba(231,207,105,.45);padding:8px;border-radius:6px}.gem-slot.empty{opacity:.8}.gem-slot strong{display:block;margin-bottom:4px}.gem-list{display:grid;gap:6px;max-height:38vh;overflow:auto}.gem-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border-bottom:1px dashed rgba(231,207,105,.25);padding:6px 0}.gem-rate{font-variant-numeric:tabular-nums}.gem-quality-white{color:#d6e8df}.gem-quality-green{color:#5de263}.gem-quality-blue{color:#459cff}.gem-quality-purple{color:#df73ff}.gem-quality-red{color:#ff6262;font-weight:700}.gem-wash-meter{height:8px;border:1px solid currentColor;border-radius:99px;overflow:hidden;margin:8px 0}.gem-wash-meter>i{display:block;height:100%;background:currentColor}.gem-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.gem-summary{padding:7px;border:1px solid rgba(231,207,105,.3);margin:8px 0}.gem-summary p{margin:3px 0}.gem-socket-bonus{font-size:.94em;opacity:.92}
/* 091: keep gem management last and visually separate from routine equipment actions. */
.equipment-detail-body .gear-buttons .gem-entry{grid-column:1/-1;width:100%;min-height:42px;margin-top:2px;font-weight:700;letter-spacing:.04em}
.equipment-detail-body .gear-buttons .gem-entry::before{content:"◆";margin-right:6px;font-size:.9em}
#modal .bag-actions .gem-entry{order:99;flex-basis:100%;width:100%;margin-top:2px;font-weight:700}
.gem-slot{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;align-items:center}
.gem-slot strong{grid-column:1/-1}
.gem-slot button{min-width:64px;margin:0}
.gem-list .gem-row>span:last-child{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:520px){.gem-row{grid-template-columns:1fr}.gem-list .gem-row>span:last-child{justify-content:flex-start}.gem-slot{grid-template-columns:1fr}.gem-slot button{width:100%;margin-top:6px}}
/* 092: gems reuse the original APK crystal/stone artwork. */
.gem-stone-icon{image-rendering:pixelated}
/* 093 gem interaction refresh: larger touch UI, stacked gems, wash clarity. */
#modal.gem-panel{width:min(96vw,720px)!important;height:min(92dvh,860px)!important;max-height:calc(100dvh - 10px)!important}
#modal.gem-panel .original-content{padding:14px!important}
#modal.gem-panel .original-footer{gap:10px!important}
#modal.gem-panel .original-footer button{min-height:46px!important;flex:1 1 180px;font-size:17px!important}
.gem-screen-head{padding:10px 12px;margin-bottom:12px;border:1px solid rgba(231,207,105,.35);border-radius:10px;background:rgba(255,255,255,.035)}
.gem-screen-head h3{margin:0 0 6px}.gem-screen-head p{opacity:.86}
.gem-socket-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 18px}
.gem-socket-card,.gem-inventory-card{border:1px solid rgba(231,207,105,.36);border-radius:10px;background:rgba(0,0,0,.13);padding:12px;box-sizing:border-box}
.gem-socket-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center;min-height:118px}
.gem-socket-card.empty{display:block;text-align:center;opacity:.85}.gem-socket-empty{padding:26px 8px;font-size:17px}
.gem-card-art{width:44px;height:44px;display:grid;place-items:center}.gem-card-art img,.gem-wash-art img{max-width:100%;max-height:100%;image-rendering:pixelated}
.gem-card-main{min-width:0;display:grid;gap:3px}.gem-card-main strong{font-size:17px;overflow-wrap:anywhere}.gem-card-main small{opacity:.72}
.gem-socket-index{font-size:13px;opacity:.72}.gem-large-action{grid-column:1/-1;width:100%;min-height:40px!important}
.gem-section-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:12px 0 8px;padding-bottom:7px;border-bottom:1px solid rgba(231,207,105,.28)}
.gem-inventory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-bottom:4px}
.gem-inventory-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:9px;align-items:center}
.gem-slot-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:4px}.gem-slot-actions button{min-height:40px!important;padding:6px!important}
.gem-empty-state{grid-column:1/-1;text-align:center;padding:28px 12px;border:1px dashed rgba(231,207,105,.35);border-radius:10px;opacity:.82}
.gem-wash-hero{display:flex;gap:14px;align-items:center;padding:14px;border:1px solid currentColor;border-radius:10px;background:rgba(0,0,0,.12)}
.gem-wash-art{width:64px;height:64px;flex:0 0 64px;display:grid;place-items:center}.gem-wash-hero h3{margin:0 0 5px;font-size:21px}.gem-wash-hero p{margin:0!important}
.gem-wash-meter.large{height:24px;position:relative;margin:14px 0}.gem-wash-meter.large span{position:absolute;inset:0;display:grid;place-items:center;font-weight:700;text-shadow:0 1px 2px #000}
.gem-stack-note,.gem-wash-warning,.gem-safe-note{padding:9px 11px;border-radius:8px;margin:10px 0!important}.gem-stack-note{background:rgba(69,156,255,.12);border:1px solid rgba(69,156,255,.35)}.gem-wash-warning{background:rgba(255,98,98,.13);border:1px solid rgba(255,98,98,.4)}.gem-safe-note{background:rgba(93,226,99,.09);border:1px solid rgba(93,226,99,.25)}
.gem-wash-rate{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}.gem-wash-rate>div,.gem-material-grid>div{padding:10px;border:1px solid rgba(231,207,105,.3);border-radius:8px;text-align:center;display:grid;gap:3px}.gem-wash-rate span,.gem-material-grid span{font-size:13px;opacity:.76}.gem-wash-rate b,.gem-material-grid b{font-size:20px}.gem-material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gem-material-grid .missing{border-color:rgba(255,98,98,.6);background:rgba(255,98,98,.08)}
.gem-advanced-box{margin:12px 0;padding:12px;border:1px solid rgba(231,207,105,.32);border-radius:9px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;align-items:center}.gem-advanced-box p{font-size:14px!important;opacity:.8}.gem-advanced-box>small{grid-column:1/-1}.gem-advanced-stepper{display:grid;grid-template-columns:48px 48px 48px;align-items:center;text-align:center;gap:6px}.gem-advanced-stepper button{min-height:44px!important;font-size:23px!important}.gem-advanced-stepper b{font-size:21px}.gem-wash-submit{font-weight:800!important}.gem-footer-back{opacity:.9}
@media(max-width:640px){#modal.gem-panel{width:calc(100vw - 8px)!important;height:calc(100dvh - 8px)!important}.gem-socket-grid,.gem-inventory-list{grid-template-columns:1fr}.gem-socket-card{min-height:104px}.gem-wash-rate{grid-template-columns:1fr 1fr}.gem-wash-rate>div:last-child{grid-column:1/-1}.gem-advanced-box{grid-template-columns:1fr}.gem-advanced-stepper{justify-content:center}.gem-advanced-box>small{grid-column:1}.gem-slot-actions button{min-height:44px!important}}