.dex-icon{--s:40px;width:var(--s);height:var(--s);background:var(--ot-stone,#f3ebdb);border:2px solid var(--ot-ink,#1a2340);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.dex-icon img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;display:block}.dex-no{font:600 13px/1 var(--readout,ui-monospace, monospace);letter-spacing:.06em;color:var(--ot-muted,#5b6178);white-space:nowrap}.modal header .dex-icon{--s:32px}.df-agent>header{flex-wrap:wrap;row-gap:6px;padding-right:56px}.dex-entry{background:var(--ot-card,#fff);border:2px solid var(--ot-ink,#1a2340);border-top:8px solid var(--pk-red,#e3350d);border-radius:14px;grid-template-columns:auto 1fr;align-items:start;gap:18px;margin:14px 0 8px;padding:14px 16px;display:grid}.dex-entry-art .dex-icon{box-shadow:0 0 0 4px var(--ot-card,#fff), 0 0 0 7px var(--pk-red,#e3350d);border-width:3px;margin:7px}.dex-entry-id{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.dex-species{font:800 22px/1.1 var(--display,"M PLUS Rounded 1c", sans-serif)}.dex-entry-types{flex-wrap:wrap;gap:6px;margin:8px 0 10px;display:flex}.dex-entry-role{margin:0 0 4px;font-size:14px;font-weight:700}.dex-entry-text{color:var(--ot-muted,#5b6178);margin:0;font-size:14px;line-height:1.5}@media (width<=560px){.dex-entry{grid-template-columns:1fr}}.df-agent-btn{align-items:center;gap:12px;display:flex}.df-agent-main{flex:1;min-width:0}.df-agent-species{color:var(--ot-muted,#5b6178);font-weight:600}.df-task-meta .type-chip{padding:3px 7px;font-size:10px}.df-task-kind{margin:6px 0 0}.df-task-detail .df-task-kind{margin:0 0 4px}.df-template .type-chip{justify-self:start}.dex-head{flex-wrap:wrap;align-items:baseline;gap:12px;margin:4px 0 10px;display:flex}.dex-count{font:800 20px/1.1 var(--display,"M PLUS Rounded 1c", sans-serif)}.dex-grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:10px;margin:0 0 8px;padding:0;list-style:none;display:grid}.dex-card-btn{text-align:left;background:var(--ot-card,#fff);border:2px solid var(--ot-ink,#1a2340);border-top:6px solid var(--pk-red,#e3350d);width:100%;height:100%;font:inherit;color:var(--ot-ink,#1a2340);cursor:pointer;border-radius:12px;align-content:start;justify-items:start;gap:6px;padding:10px 12px;display:grid;box-shadow:0 2px #1a234026}.dex-grid>li{min-width:0}.dex-card-btn .type-chip{white-space:normal;max-width:100%;line-height:1.25}.dex-card-btn:hover{background:var(--ot-well,#f7f1e4)}.dex-card-btn:focus-visible{outline:3px solid var(--pk-yellow,#ffcb05);outline-offset:2px}.dex-card-top{justify-content:space-between;align-items:center;width:100%;display:flex}.dex-card-title{overflow-wrap:anywhere;font-size:14px;line-height:1.25}.dex-card-by{color:var(--ot-muted,#5b6178);font-size:12px}.df-region{border:2px solid var(--ot-ink,#1a2340);background:radial-gradient(ellipse 70px 30px at 30% 72%, #c9ddf2 99%, transparent 100%), radial-gradient(ellipse 120px 44px at 78% 30%, #d9e9c6 99%, transparent 100%), radial-gradient(ellipse 90px 40px at 12% 30%, #d9e9c6 99%, transparent 100%), radial-gradient(ellipse 60px 22px at 60% 86%, #e8dcc0 99%, transparent 100%), var(--ot-stone,#f3ebdb);border-radius:12px;height:104px;margin:2px 0 8px;position:relative;overflow:hidden}.df-region:before{content:"";border-top:2px dashed #1a23404d;position:absolute;top:55%;left:4%;right:4%;transform:rotate(-3deg)}.df-region-label{z-index:2;background:var(--ot-paper,#fbf7ee);border:2px solid var(--ot-ink,#1a2340);font:800 13px/1.4 var(--display,"M PLUS Rounded 1c", sans-serif);border-radius:999px;align-items:baseline;gap:8px;padding:2px 10px;display:flex;position:absolute;top:8px;left:10px}.df-region-label b{font:600 12px var(--readout,ui-monospace, monospace);color:var(--ot-muted,#5b6178)}.df-pin{--b:var(--t-normal);z-index:1;border:2px solid var(--ot-ink,#1a2340);background:var(--b);cursor:pointer;border-radius:50% 50% 50% 0;width:18px;height:18px;margin:-20px 0 0 -9px;padding:0;position:absolute;transform:rotate(-45deg);box-shadow:-1px 2px #1a234059}.df-pin:after{content:"";background:var(--ot-paper,#fbf7ee);border-radius:50%;position:absolute;inset:4px}.df-pin:hover,.df-pin:focus-visible{outline:3px solid var(--pk-yellow,#ffcb05);outline-offset:1px;z-index:3}.df-pin.t-bug{--b:var(--t-bug)}.df-pin.t-fire{--b:var(--t-fire)}.df-pin.t-water{--b:var(--t-water)}.df-pin.t-psychic{--b:var(--t-psychic)}.df-pin.t-normal{--b:var(--t-normal)}.dex-card{width:148px;height:148px;box-shadow:0 0 0 3px var(--pk-navy,#1a2340);border-radius:10px;display:block}
