/* v57 · face-focused trade cards and unified profile settings */
.dashboard-actions,.trade-modal-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.trade-modal-actions form{margin:0}.trade-card-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important;padding:12px 16px 16px!important}.trade-card-actions .trade-primary-action{width:100%;min-height:42px;padding:8px 12px!important;font-size:.9rem}.trade-card-actions .trade-secondary-action{grid-column:span 1;min-height:39px}.trade-card-actions .trade-primary-action:first-child{background:linear-gradient(135deg,#0e6070,#183f69);border-color:#5bdde8;color:#efffff!important}
.trade-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 0;color:#f2f7ff}.trade-card-head>div{display:flex;align-items:center;gap:8px}.trade-card-head form{margin:0}.trade-card-head .danger{padding:6px 10px!important;font-size:.76rem}.trade-name-list{display:grid;gap:9px}.trade-name-quantity{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid #254464;border-radius:11px;background:#071426}.trade-name-quantity span{min-width:0;overflow-wrap:anywhere;font-weight:800}.trade-name-quantity strong{flex:none;color:#ffd15b!important}.trade-text-details>div{align-self:start}.trade-card-head+.trade-card-preview{padding-top:8px!important}
body .trade-image-quantity,body .trade-dragon-chip{grid-template-rows:78px auto;min-width:0;width:100%;padding:6px!important}body .trade-face-window{position:relative;display:block;width:100%;height:78px;overflow:hidden;border-radius:9px;background:#000;isolation:isolate}body .trade-image-quantity img.trade-face-img,body .trade-dragon-chip img.trade-face-img,.trade-face-demo img.trade-face-img,.trade-slot-preview img.trade-face-img{display:block;width:100%!important;height:100%!important;max-width:none;object-fit:contain!important;background:#000!important;transform:scale(1.08);transform-origin:center;transition:transform .25s ease;image-rendering:auto!important}body .trade-dragon-list{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))!important;gap:7px!important}.trade-detail-modal .trade-face-window{height:96px}.trade-detail-modal .trade-dragon-chip{grid-template-rows:96px auto;min-width:0}.trade-detail-modal .trade-dragon-list{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))!important}
.trade-face-demo{margin-top:26px}.trade-face-demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-top:18px}.trade-face-demo-grid article{display:grid;justify-items:stretch;gap:9px;padding:12px;border:1px solid rgba(111,207,255,.22);border-radius:15px;background:#06162c;text-align:center}.trade-face-demo-grid .trade-face-window{height:104px}.trade-face-demo-grid strong{font-size:.86rem}.trade-slot-preview .trade-face-window{width:82px;height:82px}
.profile-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px auto;width:min(1080px,100%)}.profile-account-grid .parchment-card{margin:0}
.profile-trade-score{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;width:min(1080px,100%);margin:0 auto 14px;padding:14px 18px;border:1px solid rgba(255,200,69,.32);border-radius:16px;background:#081b34}.profile-trade-score strong{color:#ffd15b;font-size:1.35rem}.profile-trade-score span{color:#b7c7db}.trade-star-field,.trade-result-field{margin:0;padding:15px;border:1px solid rgba(112,191,255,.24);border-radius:15px}.trade-star-field legend,.trade-result-field legend{padding:0 7px;font-weight:900}.trade-star-field legend small,.trade-result-field legend small{color:#9fb6d2;margin-left:6px}.trade-score-options{display:grid;grid-template-columns:repeat(5,minmax(48px,1fr));gap:8px}.trade-score-options label{display:grid;place-items:center;gap:2px;min-height:72px;border:1px solid rgba(112,191,255,.22);border-radius:12px;background:#071a34;cursor:pointer}.trade-score-options input{position:absolute;opacity:0}.trade-score-options span{color:#607692;font-size:1.75rem;line-height:1}.trade-score-options small{color:#9fb6d2}.trade-score-options label:has(input:checked){border-color:#ffd15b;background:#28304a;box-shadow:0 0 0 2px rgba(255,209,91,.14)}.trade-score-options label:has(input:checked) span{color:#ffd15b}.trade-score-options label:focus-within{outline:3px solid #74dce7;outline-offset:2px}
@media(max-width:760px){.profile-account-grid{grid-template-columns:1fr}.trade-card-actions{padding:10px!important}.trade-card-actions .trade-primary-action{min-width:0}.trade-detail-modal .trade-face-window{height:88px}.trade-detail-modal .trade-dragon-chip{grid-template-rows:88px auto}.trade-modal-actions>*{flex:1 1 150px}.trade-modal-actions form button{width:100%}}
@media(max-width:480px){body .trade-sides{grid-template-columns:1fr!important}body .trade-dragon-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}.trade-card-actions{grid-template-columns:1fr 1fr!important}.trade-card-actions .trade-secondary-action{grid-column:span 2}.trade-card-preview{padding:12px!important}}
@media(max-width:420px){.trade-score-options{gap:5px}.trade-score-options label{min-height:62px}.trade-score-options span{font-size:1.45rem}}
