.game-icon{display:inline-flex;flex:0 0 46px;width:46px;height:46px;justify-content:center;align-items:center;background:#e6e8de url('../game/item-slot.png') center/44px 44px no-repeat;border-radius:6px;overflow:hidden;vertical-align:middle;margin-right:12px}
.game-icon>span{display:block;background-repeat:no-repeat}
.fallback-icon{font-size:24px;color:#8c9c89}
.task-item-card{display:flex;align-items:center;padding:6px 0;min-height:48px}
.task-item-card>div{min-width:0}
.task-item-card strong{display:block;font-size:14px;font-weight:600}
.task-item-card small{display:block;font-size:11px;color:#6b7a71;margin-top:3px}
.task-item-card a{color:#0759bd}
.element-preview-heading{display:flex;align-items:center}
.element-preview-heading h3{margin:0 0 3px;font-size:20px}
.element-description{margin-top:20px;padding:18px 22px;background:#f8faf5;border:1px solid #e2e9dc;border-radius:8px;line-height:1.9}
.name-with-icon{display:flex;align-items:center}
.name-with-icon .game-icon{margin-right:10px;flex-basis:44px;width:44px;height:44px}
@media(max-width:700px){.task-item-card{align-items:flex-start}.task-item-card strong{font-size:12px}.task-item-card small{font-size:10px}.game-icon{flex-basis:42px;width:42px;height:42px;margin-right:8px}.element-preview-heading h3{font-size:17px}.element-description{padding:14px}}
.item-tooltip{display:inline-block;max-width:100%;padding:16px 20px;background:#fff9e9;border:3px double #a78031;border-radius:3px;box-shadow:inset 0 0 0 2px #f0daa0;line-height:1.8}
.source-entry{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:3px 0}.source-entry>a{color:#0759bd}.drop-rate{color:#647166;font-variant-numeric:tabular-nums}.source-more{margin-top:8px}.source-more>summary{cursor:pointer;color:#0759bd;text-align:center;padding:4px}.source-more[open]>summary{margin-bottom:8px}
.spawn-map-section{background:white;border:1px solid #a7c8ed;margin:0 0 22px;box-shadow:0 2px 5px #28416b20}.spawn-map-section>summary{padding:12px 16px;background:#eaf6f6;color:#172b30;font-weight:700;cursor:pointer}.spawn-map-section>summary .muted{font-size:12px;font-weight:400}.spawn-map-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px}.spawn-map-toolbar button{padding:6px 10px;font-size:12px}.spawn-map-toolbar span{font-size:12px;color:#748078}.spawn-map{display:block;width:100%;max-height:650px;touch-action:none;cursor:grab;user-select:none}.spawn-map:active{cursor:grabbing}.spawn-point{fill:#ed3434;stroke:white;stroke-width:1.5;vector-effect:non-scaling-stroke;cursor:pointer}.spawn-point:hover,.spawn-point:focus{fill:#ffe34b;stroke:#172b30;outline:none}.spawn-spread{fill:#ed343429;stroke:#ed3434;stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:none}.spawn-map-caption{font-size:12px;padding:10px 16px;margin:0;background:#f7faf5;color:#596a5a}.spawn-location-table{font-size:13px}.spawn-location-table th{white-space:nowrap}.spawn-location-table small{display:block;color:#748078;font-size:11px}.spawn-location-table tr.map-selected{background:#fff0b7}.spawn-map-section .table-scroll{max-height:440px;overflow:auto}.spawn-location-table thead{position:sticky;top:0;background:#eaf6f6;z-index:1}

.spawn-map-modes{display:flex;flex-wrap:wrap;gap:8px;padding:12px 12px 0}.spawn-map-modes button{font-size:12px;padding:7px 12px}.spawn-map-modes button:disabled{opacity:1;background:#eaf6f6;color:#172b30;box-shadow:inset 0 0 0 1px #a7c8ed;cursor:default}