.dex-window .window-content{overflow:hidden!important}.dex-body{display:grid;grid-template-columns:232px minmax(0,1fr);gap:14px;height:100%;min-height:0;padding:8px;box-sizing:border-box;background:#11171f;color:#e8eaed;font:12px NativePoppins,Verdana,sans-serif}.dex-sidebar{display:flex;flex-direction:column;gap:8px;min-height:0;padding:0!important;width:auto!important}.dex-sidebar>input{width:100%;box-sizing:border-box;font:inherit}.dex-list{overflow:auto;min-height:0;flex:1}.dex-row{display:flex;gap:8px;align-items:center;width:100%;min-height:34px;text-align:left;border:1px solid transparent;background:#1a222c;margin-bottom:4px;padding:7px;border-radius:5px;font:11px NativePoppins,Verdana,sans-serif}.dex-row.selected{border-color:#4c93c7;background:#20354a}.dex-row small{color:#7a8798}.dex-row-name{flex:1}.dex-dot,.dex-caught{color:#7fc7a0}.dex-main{display:flex;flex-direction:column;min-height:0;min-width:0}.dex-hero{--dex-accent:#649ec5;display:flex;gap:14px;min-height:165px;padding:12px;box-sizing:border-box;border:1px solid #263544;border-radius:10px;background:linear-gradient(110deg,color-mix(in srgb,var(--dex-accent) 20%,#15202c),#171d27)}.dex-art{display:flex;flex-direction:column;align-items:center;justify-content:center;width:130px;flex-shrink:0}.dex-art>.portrait{width:120px;height:120px}.dex-summary{flex:1;min-width:0}.dex-summary h2{font:600 22px NativePoppins,Verdana,sans-serif;margin:2px 0 8px}.dex-description{color:#a8b3c1;font-size:11px;line-height:1.5;margin:8px 0;white-space:pre-wrap}.dex-chips,.dex-actions,.dex-segments{display:flex;flex-wrap:wrap;gap:6px}.dex-chip{display:inline-block;background:#273342;border:1px solid #354253;border-radius:5px;padding:3px 7px;font-size:10px;margin:2px;color:#c8d3df}.dex-tabs{display:flex;gap:5px;padding:9px 0}.dex-tabs button{flex:1}.dex-tabs .selected,.dex-segments .selected{background:#284967!important;border-color:#5499c4!important;color:white!important}.dex-content{overflow:auto;flex:1;min-height:0}.dex-card{padding:12px;margin-bottom:10px;border:1px solid #283543;border-radius:8px;background:#19212b}.dex-card h4{font-size:10px;letter-spacing:1px;color:#a2adbb;margin:0 0 10px}.dex-evolutions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.dex-evolutions button{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:105px;flex:1}.dex-evolutions .portrait{width:64px;height:64px}.dex-evolutions .current{border-color:#7fc7a0}.dex-item-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:8px 0}.dex-item{display:flex;align-items:center;gap:4px;font-size:10px}.dex-effectiveness{display:flex;align-items:center;gap:10px;margin:5px 0}.dex-move{display:grid;grid-template-columns:36px minmax(80px,1fr) auto auto;gap:8px;align-items:center;border-top:1px solid #2a3644;padding:8px 0}.dex-move p{grid-column:2/-1;color:#9faebe;margin:0;font-size:11px;white-space:pre-wrap}.dex-loot{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:8px;padding:7px;margin-top:7px;background:#202b38;border-radius:6px}.dex-catch{padding:10px;border-top:1px solid #2d3a49}.dex-catch small{color:#8c9bad}.dex-actions button{font-size:10px!important;padding:4px 7px!important}@media(max-width:760px){.dex-body{grid-template-columns:160px minmax(0,1fr);gap:8px}.dex-art{width:75px}.dex-art>.portrait{width:72px;height:72px}.dex-hero{min-height:130px;gap:6px}.dex-summary h2{font-size:17px}.dex-description{font-size:10px}.dex-loot{grid-template-columns:32px 1fr}.dex-loot small{grid-column:2}}

.dex-hero{background-image:url(/assets/ui/dex-hero),linear-gradient(110deg,color-mix(in srgb,var(--dex-accent) 20%,#15202c),#171d27);background-size:100% 100%}.dex-card{border:9px solid transparent;border-image:url(/assets/ui/dex-card) 10 fill stretch;padding:6px}.dex-row{background-image:url(/assets/ui/dex-row);background-size:100% 100%}.dex-sidebar>input{background-image:url(/assets/ui/dex-input);background-size:100% 100%}

.dex-hero{background-blend-mode:multiply,normal}.dex-hero .portrait,.dex-evolutions .portrait{position:relative;display:inline-grid;place-items:center}
