.outfit-window{width:min(520px,calc(100vw - 22px))!important;height:min(600px,calc(100dvh - 22px))!important;border:1px solid #5fd4c3!important;border-radius:16px!important;background:radial-gradient(circle at 50% 0,#16454b 0,transparent 34%),linear-gradient(155deg,#0c1b24,#071218 75%)!important;box-shadow:0 24px 80px #000d,0 0 0 1px #8affea1c inset!important;overflow:hidden}
.outfit-window>header{min-height:65px!important;padding:12px 15px!important;border-bottom:1px solid #315b62!important;background:#10242dd9!important}.outfit-window>header>div{display:grid;gap:2px}.outfit-window>header small{color:#69e4d0;font-size:7px;font-weight:1000;letter-spacing:1.7px}.outfit-window>header h2{margin:0;color:#fff0a6;font:900 22px/1 Georgia,serif;letter-spacing:1px}
.outfit-hero{display:grid;grid-template-columns:34px 112px 34px 1fr;align-items:center;gap:8px;min-height:142px;padding:12px 16px;border-bottom:1px solid #294751;background:linear-gradient(90deg,#0d222b,#112f35 50%,#0b1b23)}.outfit-hero>button{width:32px;height:46px;border:1px solid #41747a;border-radius:8px;background:#0a1820;color:#7cebd8;font-size:27px;cursor:pointer}.outfit-hero>button:hover{border-color:#73eedb;background:#12323a}.outfit-hero canvas{width:112px;height:112px;border:1px solid #4b7c7e;border-radius:13px;background:radial-gradient(circle,#1b4145,#09171e 70%);image-rendering:pixelated;box-shadow:0 8px 24px #0007}.outfit-hero>div{display:grid;align-content:center;gap:4px;min-width:0}.outfit-hero small{color:#63e6d1;font-size:7px;font-weight:1000;letter-spacing:1.5px}.outfit-hero strong{overflow:hidden;color:#f7e8ac;font:900 17px/1.1 Georgia,serif;text-overflow:ellipsis;white-space:nowrap}.outfit-hero span{color:#8fa9b1;font-size:8px;line-height:1.35}
.outfit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:7px;min-height:0;padding:11px;overflow:auto}.outfit-card{display:grid;place-items:center;gap:3px;min-height:92px;padding:5px;border:1px solid #304c59;border-radius:9px;background:linear-gradient(145deg,#142731,#0a161d);color:#c8d8dc;cursor:pointer}.outfit-card:hover{border-color:#58b7b3;transform:translateY(-1px)}.outfit-card.selected{border-color:#f0c94f;background:linear-gradient(145deg,#302a17,#13282c);box-shadow:0 0 0 1px #f0c94f42}.outfit-card canvas{width:58px;height:58px;image-rendering:pixelated}.outfit-card b{max-width:100%;overflow:hidden;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.outfit-card small{color:#6f9098;font-size:6px}
.outfit-footer{display:grid!important;grid-template-columns:34px 58px 34px 1fr;align-items:center;gap:7px;padding:9px 11px!important;border-top:1px solid #31535c!important;background:#0d2028!important}.outfit-footer>button:not(.broker-primary){height:31px;border:1px solid #3c606a;border-radius:7px;background:#0a161c;color:#b9d2d4;font-size:17px;cursor:pointer}.outfit-footer>span{text-align:center;color:#8da9af;font-size:8px;font-weight:900}.outfit-footer .broker-primary{height:34px}
.broker-result-bar .broker-sell-top{border-color:#43caa8;background:linear-gradient(#1b8e70,#12664f);color:#fff}.broker-result-bar .broker-sell-top:disabled{border-color:#30434a;background:#132027;color:#60777c}.broker-poke-card{grid-template-rows:1fr auto}.broker-poke-card>canvas{grid-row:1/3}.broker-poke-card>div{grid-row:1}.broker-poke-card .broker-sell-one{grid-row:2;grid-column:2;height:24px;border:1px solid #3fc6a3;border-radius:5px;background:#135f4c;color:#fff;font-size:7px;font-weight:1000;letter-spacing:.3px;cursor:pointer}.broker-poke-card .broker-sell-one:hover{background:#18866a}.broker-poke-card.locked .broker-sell-one{display:none}
@media(max-width:560px){.outfit-window{height:min(610px,calc(100dvh - 12px))!important}.outfit-hero{grid-template-columns:28px 92px 28px 1fr;padding:9px}.outfit-hero canvas{width:92px;height:92px}.outfit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.broker-result-bar{flex-wrap:wrap}.broker-result-bar>span{flex:1 0 100%}.broker-result-bar .broker-sell-top{margin-left:auto}}