.hottiwelt{max-width:1240px;margin:0 auto;padding:32px 20px;display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start;font-family:'DM Sans',sans-serif;color:#111;box-sizing:border-box}
.hottiwelt *{box-sizing:border-box}
.hw-head{flex:1 1 100%;display:flex;flex-direction:column;gap:8px}
.hottiwelt .hw-eyebrow{margin:0;font:300 15px 'DM Sans',sans-serif;letter-spacing:2px;text-transform:uppercase;color:#E00918}
.hottiwelt .hw-title{margin:0;font:400 clamp(32px,5vw,52px)/1.1 'DM Sans',sans-serif;color:#111}
.hw-mapwrap{flex:1 1 560px;min-width:0;position:relative}
.hw-svg{width:100%;aspect-ratio:1/1;display:block;touch-action:none;user-select:none;-webkit-user-select:none}
.hw-svg .hw-world{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.hw-svg.is-dragging .hw-world{transition:none}
.hw-svg.is-zoomed{cursor:grab}.hw-svg.is-dragging{cursor:grabbing}
.hw-hit{cursor:pointer;transition:opacity .25s}
.hw-hit.is-dim{opacity:.2}
.hw-zoom{position:absolute;right:8px;bottom:8px;display:flex;flex-direction:column;gap:8px}
.hottiwelt .hw-zoom button{width:44px;height:44px;padding:0;border-radius:50%;border:0;background:#E00918;color:#fff;font:700 24px/1 'DM Sans',sans-serif;cursor:pointer;transition:background .2s}
.hottiwelt .hw-zoom button:hover{background:#111}
.hottiwelt .hw-zoom button.hw-reset{border:2px solid #E00918;background:#fff;color:#E00918;font-size:13px}
.hottiwelt .hw-zoom button.hw-reset:hover{background:#F4CED9}
.hw-side{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:24px;padding-top:8px}
.hw-filters{display:flex;flex-wrap:wrap;gap:4px 20px;align-items:center}
.hottiwelt .hw-filters button{padding:10px 0;border:0;background:none;color:#777;font:500 15px 'DM Sans',sans-serif;letter-spacing:.5px;cursor:pointer;min-height:44px;text-decoration:none;text-decoration-color:#E00918;text-decoration-thickness:2px;text-underline-offset:6px}
.hottiwelt .hw-filters button:hover{color:#111;background:none}
.hottiwelt .hw-filters button.is-active{color:#111;text-decoration-line:underline}
.hw-card{background:#F4CED9;border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:16px}
.hw-card[hidden],.hw-legend[hidden],.hw-row[hidden]{display:none}
.hw-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.hw-cat{font:800 14px 'DM Sans',sans-serif;letter-spacing:2px;text-transform:uppercase;color:#E00918;margin-bottom:4px}
.hw-name{font:800 30px/1.1 'DM Sans',sans-serif;letter-spacing:.5px;text-wrap:pretty}
.hottiwelt .hw-close{flex:none;width:44px;height:44px;padding:0;border-radius:50%;border:0;background:#fff;color:#111;font:500 22px/1 'DM Sans',sans-serif;cursor:pointer}
.hottiwelt .hw-close:hover{background:#111;color:#fff}
.hw-desc{font:400 17px/1.5 'DM Sans',sans-serif;text-wrap:pretty;margin:0}
.hw-facts{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font:400 16px/1.45 'DM Sans',sans-serif;margin:0}
.hw-facts dt{font-weight:700;margin:0}.hw-facts dd{margin:0;white-space:pre-line}
.hottiwelt a.hw-link{align-self:flex-start;display:flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;background:#E00918;color:#fff;font:700 16px 'DM Sans',sans-serif;text-decoration:none;transition:background .2s}
.hottiwelt a.hw-link:hover{background:#111;color:#fff}
.hw-legend{display:flex;flex-direction:column;gap:18px}
.hw-hint{font:400 16px/1.5 'DM Sans',sans-serif;color:#555;margin:0}
.hw-legend-list{display:flex;flex-direction:column;gap:6px}
.hottiwelt .hw-legend-item{display:flex;align-items:center;gap:16px;text-align:left;background:none;border:0;border-radius:16px;padding:10px 12px;margin:0 -12px;min-height:44px;cursor:pointer;color:#111;font:500 17px/1.35 'DM Sans',sans-serif;letter-spacing:.3px;transition:background .2s}
.hottiwelt .hw-legend-item:hover{background:#FBEEF2;color:#111}
.hw-house{flex:none;position:relative;width:36px;height:40px;display:flex;align-items:flex-end;justify-content:center}
.hw-house svg{position:absolute;inset:0}
.hw-house span{position:relative;font:900 17px/1 'DM Sans',sans-serif;color:#fff;padding-bottom:5px}