.fashion-layout{align-items:center;display:grid;gap:16px;grid-template-columns:200px 1fr;min-width:0}.fashion-layout>*,.fashion-table-wrap,.fashion-table-wrap .gear-table-wrapper{max-width:100%;min-width:0}.character-shot{align-items:flex-start;display:flex;justify-content:center;padding:24px;position:relative}.character-shot:after,.character-shot:before{border-color:#eab308;border-style:solid;content:"";height:18px;position:absolute;width:18px}.character-shot:before{border-width:2px 0 0 2px;left:0;top:0}.character-shot:after{border-width:2px 2px 0 0;right:0;top:0}.corner-bl,.corner-br{border-color:#eab308;border-style:solid;height:18px;position:absolute;width:18px}.corner-bl{border-width:0 0 2px 2px;bottom:0;left:0}.corner-br{border-width:0 2px 2px 0;bottom:0;right:0}.character-shot img{display:block;filter:drop-shadow(0 0 12px rgba(0,0,0,.95)) drop-shadow(0 0 4px rgba(0,0,0,1));object-fit:contain;object-position:top;width:100%}.character-placeholder{align-items:center;display:flex;flex-direction:column;gap:8px;opacity:.2}.char-head{background:#eab308;border-radius:50%;height:28px;width:28px}.char-body{background:#eab308;border-radius:3px 3px 0 0;height:72px;width:52px}.char-legs{display:flex;gap:4px;margin-top:-2px}.char-leg{background:#eab308;border-radius:0 0 2px 2px;height:36px;width:22px}.fashion-icon{border-radius:4px;display:inline;height:1.25rem;margin-right:4px;transition:filter .15s,transform .15s;width:auto}.style-link:hover .fashion-icon{filter:drop-shadow(0 0 5px rgba(234,179,8,.7));transform:scale(1.3)}.shot-label{color:#3a3530;font-size:11px;letter-spacing:.12em;padding:0 12px;text-align:center}.shot-label,.style-link{font-weight:700;text-transform:uppercase}.style-link{color:#ccc;font-size:12px;letter-spacing:.08em;text-decoration:none;transition:color .15s}.style-link:hover{color:#fde68a}.slot-col{color:#888;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.dye-circles{gap:6px}.dye-circles,.dye-item{align-items:center;display:flex}.dye-item{flex-direction:column;gap:3px}.dye-circle{border:1px solid #ffffff1f;border-radius:50%;cursor:default;flex-shrink:0;height:18px;position:relative;transition:transform .12s;width:18px}.dye-circle:hover{border-color:#ffffff59;transform:scale(1.25);z-index:10}.dye-circle-empty{background:repeating-conic-gradient(#444 0 25%,#222 0 50%) 0 0 /8px 8px!important;border-color:#ffffff2e}.dye-tooltip{background:#0a0906;border:1px solid #2a2520;border-radius:2px;color:#ccc;font-family:Source Sans\ 3,sans-serif;font-size:11px;padding:3px 8px;pointer-events:none;position:fixed;z-index:9999}.dye-name,.dye-tooltip{display:none;white-space:nowrap}.dye-name{color:#666;font-size:10px;font-weight:600;letter-spacing:.05em}#fashion .gear-table td:last-child{white-space:normal}#fashion .gear-table tbody tr:nth-child(2n) td{background:#0e0c0a}#fashion .gear-table tbody tr:nth-child(odd) td{background:#161412}#fashion .gear-table tbody tr:hover td{background:#1a1610}#fashion .gear-table tr.divider-row td{background:#0000!important;border-bottom:1px solid #2a2520;border-top:none;padding:4px 0}.dye-names-mobile{display:none}.fashion-toggle{border:1px solid #2a2520;border-radius:2px;display:none;gap:0;margin-bottom:12px;overflow:hidden}.fashion-toggle-btn{background:#0e0c0a;border:none;color:#555;cursor:pointer;flex:1;font-size:12px;font-weight:700;letter-spacing:.12em;padding:8px 14px;text-transform:uppercase;transition:background .15s,color .15s}.fashion-toggle-btn:first-child{border-right:1px solid #2a2520}.fashion-toggle-btn.active{background:#1a1408;color:#eab308}.fashion-mobile-screenshot{align-items:center;aspect-ratio:9/16;background:#161412;border:1px solid #2a2520;border-radius:2px;display:none;flex-direction:column;gap:12px;justify-content:center;padding:12px;width:100%}@media (max-width:640px){.fashion-layout{grid-template-columns:minmax(0,1fr);max-width:100%;width:100%}.character-shot{display:none}.fashion-toggle{display:flex}.dye-tooltip{display:none!important}.fashion-mobile-screenshot.visible{display:flex}#fashion .gear-table,#fashion .gear-table-wrapper,.fashion-table-wrap,.fashion-toggle{max-width:100%;min-width:0;width:100%}#fashion .gear-table thead{display:none}#fashion .gear-table tr.divider-row{display:none!important}#fashion .gear-table tbody tr{display:flex;flex-direction:column}#fashion .gear-table tbody tr.divider-row{border:none!important;display:none!important;margin:0!important}#fashion .gear-table tbody tr:nth-child(2n) td{background:#0e0c0a!important}#fashion .gear-table tbody tr:nth-child(odd) td{background:#161412!important}#fashion .gear-table tbody tr td{padding:2px 12px!important}#fashion .gear-table tbody tr td:first-child{padding-top:10px!important}#fashion .gear-table tbody tr td:last-child{padding-bottom:10px!important}#fashion .gear-table td:last-child{display:none}#fashion .gear-table td.slot-col{border-bottom:none!important;color:#555;font-size:10px;letter-spacing:.1em;margin-bottom:0;padding-bottom:0!important;white-space:nowrap}#fashion .gear-table td:nth-child(2){display:block;padding-bottom:10px!important;padding-top:0!important;white-space:normal}.style-link{display:inline;font-size:13px}.fashion-icon{display:inline;height:1rem;margin-right:5px;vertical-align:middle}.dye-names-mobile{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.dye-name-mobile{color:#555;font-size:10px;font-weight:600;letter-spacing:.05em;white-space:nowrap}.dye-name-mobile:after{content:""}.dye-dot-mobile{border:1px solid #ffffff26;border-radius:50%;display:inline-block;height:8px;margin-right:4px;vertical-align:middle;width:8px}}