.wpn{--g:#f2c14e;--g2:#f7dfa0;--line:#4a3f22;--ink:#f4efe2;--muted:#c9bfa3;--box:#0c0a04cc;max-width:1180px;color:var(--ink);flex-direction:column;gap:16px;margin:0 auto;font-size:15px;display:flex}.wpn-head{align-items:center;gap:14px;display:flex}.wpn-icon{filter:drop-shadow(0 0 10px #f2c14e73);border-radius:14px;flex:none;place-items:center;width:54px;height:54px;display:grid}.wpn-icon img{border-radius:14px;width:54px;height:54px}.wpn-titles{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.wpn-titles small{letter-spacing:.12em;color:var(--g);font-size:12px;font-weight:800}.wpn .wpn-titles h2{font-family:var(--font-display,"Barlow Condensed"),Manrope,sans-serif;color:#fff;margin:0;font-size:44px;line-height:1}.wpn .wpn-titles h2 em{color:var(--g);font-style:normal}.wpn-titles i{background:linear-gradient(90deg,var(--g),#f2c14e00);width:180px;height:2px;display:block}.wpn .wpn-close{width:42px;height:42px;color:var(--g2);background:#1d180c;border:1px solid #5a4a24;border-radius:12px;padding:0;font-size:22px;font-weight:900}.wpn-panel{isolation:isolate;border:2px solid var(--g);border-radius:20px;padding:22px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #f2c14e40,0 0 30px #f2c14e33}.wpn-panel:before{content:"";z-index:-1;background:linear-gradient(165deg,#ffffff0f 0%,#fff0 26%),linear-gradient(100deg,#141108 0%,#141108f7 46%,#1411089e 100%),url(/game-art/wow-dverg-bjorn.webp) right 30%/cover no-repeat,#141108;position:absolute;inset:0}.wpn-cols{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:22px;display:grid}.wpn-main,.wpn-side{flex-direction:column;gap:16px;min-width:0;display:flex}.wpn-side{gap:14px}.wpn-sec{border:0;flex-direction:column;gap:9px;min-width:0;margin:0;padding:0;display:flex}.wpn-sec>legend,.wpn-lbl{letter-spacing:.06em;text-transform:uppercase;color:var(--g2);margin:0 0 9px;padding:0;font-size:13px;font-weight:800}.wpn-lbl{margin:0}.wpn-sec>legend small,.wpn-lbl small{text-transform:none;letter-spacing:0;color:var(--muted);font-weight:700}.wpn-two{grid-template-columns:1fr 1fr;gap:16px;display:grid}.wpn-row{gap:8px;min-width:0;display:flex}.wpn-grow{flex:1;min-width:0}.wpn-raids{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.wpn .wpn-raid{isolation:isolate;border:1px solid var(--line);color:#fff;text-align:left;min-height:140px;box-shadow:none;background:#120f06;border-radius:14px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:3px;padding:12px;display:flex;position:relative;overflow:hidden}.wpn .wpn-raid:before{content:"";z-index:-1;background:linear-gradient(0deg,#0c0a04f2 20%,#0c0a0433 78%),var(--art) center/cover no-repeat;position:absolute;inset:0}.wpn .wpn-raid strong{font-size:17px}.wpn .wpn-raid small{color:var(--g2);font-size:12.5px;font-weight:700}.wpn .wpn-raid[aria-pressed=true]{border:2px solid var(--g);color:#fff;background:#120f06;box-shadow:0 0 18px #f2c14e73}.wpn .wpn-opt,.wpn .wpn-chip{border:1px solid var(--line);color:#fff;min-height:44px;box-shadow:none;background:#120f06d9;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14.5px;font-weight:800;display:inline-flex}.wpn .wpn-chip{border-radius:999px;min-height:38px;font-size:13.5px}.wpn .wpn-opt img{object-fit:contain}.wpn .wpn-opt[aria-pressed=true],.wpn .wpn-chip[aria-pressed=true]{border:2px solid var(--g);color:#fff;background:#f2c14e33}.wpn-chips{flex-wrap:wrap;gap:6px;display:flex}.wpn-sep{background:#f2c14e4d;width:1px;margin:0 6px}.wpn .wpn-input{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0a0904d9;border:1.5px solid #f2c14e80;border-radius:11px;min-width:0;min-height:44px;padding:0 12px;font-size:15px;font-weight:700}.wpn .wpn-time{flex:none;width:110px}.wpn .wpn-text{resize:vertical;min-height:84px;padding:10px 12px;font-weight:600;line-height:1.45}.wpn-box{background:var(--box);border:1px solid #f2c14e66;border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.wpn-boxhead{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.wpn-boxhead strong{color:#ffb27a;font-size:14px}.wpn-boxhead strong.is-ok{color:#c2f58b}.wpn-role{background:#17130a;border:1px solid #3a321c;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.wpn-role strong{flex:1;font-size:15px}.wpn-role small{color:#c2f58b;font-size:12px;font-weight:800}.wpn-role b{text-align:center;width:32px;font-size:18px}.wpn .wpn-role button{width:34px;height:34px;min-height:0;color:var(--g2);box-shadow:none;background:#1d180c;border:1px solid #5a4a24;border-radius:10px;padding:0;font-size:18px;font-weight:800}.wpn-note{color:var(--muted);font-size:12.5px;line-height:1.45}.wpn-center{text-align:center}.wpn .wpn-link{min-height:0;color:var(--g);box-shadow:none;background:0 0;border:0;padding:0;font-size:12.5px;font-weight:800;text-decoration:underline}.wpn-repeat{padding:4px}.wpn-repeat .wr-recurrence{margin:0}.wpn-preview{background:#0c0a0499;border:1px dashed #f2c14e8c;border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.wpn-thumb{background:var(--art) center/cover no-repeat;border-radius:10px;flex:none;width:92px;height:64px}.wpn-preview>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.wpn-preview small{letter-spacing:.08em;color:var(--g);font-size:11.5px;font-weight:800}.wpn-preview strong{font-size:16px}.wpn-preview em{color:#d8cfb6;font-size:12.5px;font-style:normal}.wpn-error{color:#ffd2c4;background:#50140a80;border:1px solid #ff8c6e99;border-radius:12px;margin:0;padding:10px 12px;font-weight:700}.wpn .wpn-gold{color:#2a1e04;background:linear-gradient(175deg,#fbe7ad 0%,#f2c14e 48%,#c99526 100%);border:1px solid #fbe3a0;border-radius:15px;justify-content:center;align-items:center;gap:10px;min-height:60px;font-size:19px;font-weight:900;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffa6,0 4px #8a6414,0 0 22px #f2c14e66,0 10px 20px #00000059}.wpn .wpn-gold:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#0000 28%,#ffffff4d 44%,#0000 60%);position:absolute;inset:0}.wpn .wpn-gold:disabled{opacity:.6}.wpn button:focus-visible,.wpn .wpn-input:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (max-width:900px){.wpn-cols{grid-template-columns:1fr}.wpn .wpn-titles h2{font-size:34px}}@media (max-width:560px){.wpn-panel{border-radius:16px;padding:14px}.wpn-raids{grid-template-columns:1fr}.wpn .wpn-raid{min-height:96px}.wpn-two{grid-template-columns:1fr}.wpn-sep{display:none}}