.wpn-dungeon{width:100%;min-width:0}.wpn-dungeon .wpn-dungeon{max-width:none}.wpn-dg-form{flex-direction:column;gap:16px;min-width:0;display:flex}.wpn-dungeon .wpn-ok{color:#d8f5b4;background:#14200ab3;border:1px solid #9ccb5599;border-radius:12px;margin:0;padding:10px 12px;font-weight:700}.wpn-dungeon .wpn-note b{color:#fff}.wpn-dg-pickhead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}html body .wpn-dungeon .wpn-dg-search{width:220px;max-width:100%;min-height:38px;font-size:13.5px}.wpn-dg-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}html body .wpn-dungeon .wpn-dg-tile{gap:2px;min-height:104px;padding:10px 12px}html body .wpn-dungeon .wpn-dg-tile:before{background:linear-gradient(0deg,#0c0a04f2 22%,#0c0a0426 80%),var(--art,none) center/cover no-repeat}html body .wpn-dungeon .wpn-dg-tile.is-noart:before{background:linear-gradient(#0c0a048c 20%,#0c0a04f2 78%),url(/game-art/wow-dverg-bjorn.webp) 50% 30%/cover no-repeat}html body .wpn-dungeon .wpn-dg-tile strong{font-size:15.5px;line-height:1.2}html body .wpn-dungeon .wpn-dg-tile small{font-size:12px}html body .wpn-dungeon .wpn-dg-tile[aria-checked=true]{border:2px solid var(--g);color:#fff;background:#120f06;box-shadow:0 0 18px #f2c14e73}html body .wpn-dungeon .wpn-dg-tile:disabled{opacity:.55;cursor:not-allowed}.wpn-dg-badge{color:#2a1e04;letter-spacing:.04em;background:#f2c14ee6;border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:900;position:absolute;top:8px;left:8px}html body .wpn-dungeon .wpn-dg-more{color:var(--g2);align-self:flex-start;font-size:13px}.wpn-dg-when{flex-wrap:wrap}html body .wpn-dungeon .wpn-dg-when .wpn-opt{padding:0 10px;font-size:14px}.wpn-dungeon .wpn-dg-tag{cursor:pointer;margin:0;display:inline-flex;position:relative}.wpn-dungeon .wpn-dg-tag input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.wpn-dungeon .wpn-dg-tag span{border:1px solid var(--line);color:#fff;background:#120f06d9;border-radius:999px;align-items:center;min-height:38px;padding:0 14px;font-size:13.5px;font-weight:800;display:inline-flex}.wpn-dungeon .wpn-dg-tag input:checked+span{border:2px solid var(--g);background:#f2c14e33}.wpn-dungeon .wpn-dg-tag input:focus-visible+span{outline-offset:2px;outline:2px solid #fff}.wpn-dg-me{background:#17130a;border:1px solid #3a321c;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.wpn-dg-me.is-set{background:#f2c14e1f;border-color:#f2c14e8c}.wpn-dg-avatar{border:2px solid var(--g);width:34px;height:34px;color:var(--g2);background:#3a2c10;border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.wpn-dg-who{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.wpn-dg-who strong{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:14.5px;display:flex;overflow:hidden}.wpn-dg-who small{color:#d8cfb6;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.wpn-dg-chars{flex-direction:column;gap:8px;min-width:0;display:flex}.wpn-dg-char{flex-direction:column;gap:6px;min-width:0;display:flex}.wpn-dg-char.is-on{background:#f2c14e0f;border-radius:14px;padding:6px}html body .wpn-dungeon .wpn-dg-charbtn{text-align:left;justify-content:flex-start;width:100%;min-width:0;padding:6px 10px}.wpn-dg-charbtn>span{flex-direction:column;min-width:0;display:flex}.wpn-dg-charbtn strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.wpn-dg-charbtn small{color:#d8cfb6;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}html body .wpn-dungeon .wpn-dg-role{border-radius:10px;gap:5px;min-height:38px;padding:0 6px;font-size:13px}html body .wpn-dungeon .wpn-dg-add{align-self:flex-start;align-items:center;gap:4px;display:inline-flex}.wpn-dg-slots{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.wpn-dg-slots li{background:#17130a;border:1px solid #3a321c;border-radius:12px;align-items:center;gap:10px;min-width:0;min-height:44px;padding:4px 10px;display:flex}.wpn-dg-slots li.is-open{color:#c9bfa3;background:0 0;border:1px dashed #4a3f22;font-size:14px;font-weight:700}.wpn-dg-slots li.is-open .wpn-dg-who strong{color:#b7ab8b}.wpn-dg-slots li.is-open .wpn-dg-who small{color:#7d7258}.wpn-dg-slots em{color:var(--g2);background:#f2c14e2e;border:1px solid #f2c14e80;border-radius:999px;flex:none;padding:2px 8px;font-size:11.5px;font-style:normal;font-weight:800}.wpn-dungeon .wpn-dg-gap{margin-top:4px}.wpn-dungeon .wpn-boxhead strong.is-look{color:#ffb27a}.wpn-dg-open{flex-direction:column;gap:10px;display:flex}.wpn-dungeon .wpn-dg-open h2.wpn-lbl{margin:0;font-family:inherit;font-size:13px}.wpn-dg-opengrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.wpn-dg-card{isolation:isolate;border:1px solid var(--line);background:#120f06;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;min-height:72px;padding:10px 12px;display:flex;position:relative;overflow:hidden}.wpn-dg-card:before{content:"";z-index:-1;background:linear-gradient(90deg,#0c0a04f5 40%,#0c0a048c 100%),var(--art,url(/game-art/wow-dverg-bjorn.webp)) center/cover no-repeat;position:absolute;inset:0}.wpn-dg-card>span{flex-direction:column;gap:2px;min-width:0;display:flex}.wpn-dg-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.wpn-dg-card small{color:var(--g2);font-size:12.5px;font-weight:700}html body .wpn-dungeon .wpn-dg-back{color:var(--g2);flex:none;margin-left:auto}.wpn-dg-gcols{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.wpn-dg-hero{isolation:isolate;border:1px solid #5a4a24;border-radius:16px;flex-direction:column;justify-content:flex-end;gap:8px;min-height:210px;padding:16px;display:flex;position:relative;overflow:hidden}.wpn-dg-hero:before{content:"";z-index:-1;background:linear-gradient(0deg,#0c0a04f5 18%,#0c0a0426 75%),var(--art) center/cover no-repeat;position:absolute;inset:0}.wpn-dg-facts{flex-wrap:wrap;gap:6px;display:flex}.wpn-dg-facts span{background:#0a0904d9;border:1px solid #5a4a24;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:800}.wpn-dg-discord{color:var(--g2);font-size:12px;font-weight:700}.wpn-dg-from{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.wpn-dg-from .message-mini{max-width:100%}.wpn-dg-hostname{font-size:14.5px}.wpn-dungeon .wpn-dg-under{text-underline-offset:3px;text-decoration:underline}.wpn-dg-note{color:#e9e1c9;white-space:pre-line;overflow-wrap:anywhere;margin:0;font-size:14.5px;line-height:1.5}.wpn-dg-request{background:#17130a;border:1px solid #3a321c;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px;display:flex}html body .wpn-dungeon .wpn-dg-yes{border:2px solid var(--g);background:#f2c14e33}.wpn-dg-groups{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.wpn-dg-groups p{margin:4px 0 0;font-size:13.5px}.wpn-dungeon details.wpn-box>summary{cursor:pointer;list-style:none}.wpn-dungeon details.wpn-box>summary::-webkit-details-marker{display:none}.wpn-dungeon details.wpn-box>summary:after{content:" ↓";color:var(--g)}.wpn-dungeon details.wpn-box[open]>summary:after{content:" ↑"}.wpn-dg-signups .ds-list{margin:4px 0 0}.wpn-dungeon .wpn-dg-joined{background:#14200ad9;border:2px solid #9ccb55}.wpn-dg-joinedtitle{color:#c2f58b;font-size:20px}.wpn-dg-edit>*+*{margin-top:8px}.wpn-dg-edit>summary{cursor:pointer;color:var(--g2);font-size:13px;font-weight:800}html body .wpn-dungeon .wpn-dg-leave,html body .wpn-dungeon .wpn-dg-danger{color:#ffb27a;border-color:#ffaa5a99}html body .wpn-dungeon .wpn-dg-done{color:#c2f58b;border:2px solid #9ccb55}html body .wpn-dungeon .wpn-dg-advanced{max-width:none;color:var(--ink);margin:0;padding:14px}.wpn-dg-advanced>.dl-demo{margin-top:12px}@media (max-width:900px){.wpn-dg-gcols{grid-template-columns:1fr}}@media (max-width:560px){.wpn-dg-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}html body .wpn-dungeon .wpn-dg-tile{min-height:92px}html body .wpn-dungeon .wpn-dg-search{width:100%}.wpn-dg-opengrid{grid-template-columns:1fr}.wpn-dg-hero{min-height:170px}.wpn-dungeon .wpn-head{flex-wrap:wrap}html body .wpn-dungeon .wpn-dg-back{margin-left:0}.wpn-dungeon .wpn-titles h2{overflow-wrap:anywhere}}