#panelGuild.warboard{--wb-gold:var(--gold-soft, #FFD46A);--wb-gold-deep:var(--gold-deep, #C8A84E);--wb-dim:var(--text-dim, #B0A5D4);--wb-win:var(--win, #2ED573);--wb-loss:var(--loss, #FF4757);--wb-shadow-text:0 2px 10px rgba(0, 0, 0, 0.85), 0 0 2px rgba(0, 0, 0, 0.9);--wb-plaque:radial-gradient(80% 60% at 50% 0%, rgba(200, 168, 78, 0.16), transparent 70%),
               linear-gradient(180deg, rgba(64, 46, 122, 0.62), rgba(18, 11, 38, 0.94) 70%);--wb-plaque-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),
                      inset 0 -16px 24px -18px rgba(0, 0, 0, 0.9),
                      0 8px 26px rgba(6, 3, 16, 0.6);color:var(--text, #F0EAFF);overflow:hidden!important}#panelGuild.warboard > .wb{position:absolute!important;inset:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-family:var(--font-body);z-index:2!important}#panelGuild.warboard > .wb-bg{position:absolute!important;inset:0;overflow:hidden;z-index:1!important;pointer-events:none;background:#0a0418}.wb-bg img{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block;opacity:0.32}.wb-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 45% at 50% 0%, rgba(255, 71, 87, 0.14) 0%, transparent 62%),
    linear-gradient(180deg, rgba(10, 5, 25, 0.92) 0%, rgba(10, 5, 25, 0.72) 24%, rgba(10, 5, 25, 0.86) 62%, rgba(10, 5, 25, 0.92) 100%)}.wb-bg-foot{position:absolute;left:0;right:0;bottom:0;z-index:1;height:calc(var(--gv-nav-h, 128px) + var(--gv-safe-b, env(safe-area-inset-bottom, 0px)) + 120px);background:linear-gradient(180deg,
    rgba(6, 2, 18, 0) 0px, rgba(6, 2, 18, 0.55) 65px, rgba(6, 2, 18, 0.92) 100px, #060212 120px)}.wb-wrap{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:14px 16px calc(var(--gv-nav-h, 128px) + var(--gv-safe-b, env(safe-area-inset-bottom, 0px)) + 28px);display:flex;flex-direction:column}.wb-head{display:flex;align-items:center;gap:12px;margin-bottom:4px}.wb-back{padding:8px 15px;border-radius:999px;cursor:pointer;flex:0 0 auto;background:rgba(6, 3, 14, 0.55);border:1px solid rgba(200, 168, 78, 0.3);color:var(--wb-dim);font:700 12px var(--font-body);transition:border-color .15s ease, color .15s ease, background .15s ease}.wb-back:hover{border-color:var(--wb-gold);color:var(--wb-gold);background:rgba(58, 32, 104, 0.5)}.wb-back:focus-visible{outline:2px solid var(--wb-gold);outline-offset:3px}.wb-head h1{margin:0 auto;padding-right:92px;font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--wb-gold);text-shadow:var(--wb-shadow-text), 0 0 22px rgba(255, 212, 106, 0.25)}.wb-rule{display:flex;align-items:center;justify-content:center;gap:14px;margin:22px 0 12px;text-align:center}.wb-rule::before, .wb-rule::after{content:'';flex:1;height:14px;min-width:30px;background:var(--gv-filigree) right center / 120px 14px no-repeat,
    linear-gradient(90deg, transparent, rgba(200, 168, 78, 0.5)) left center / calc(100% - 118px) 1px no-repeat}.wb-rule::after{transform:scaleX(-1)}.wb-rule > span{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:0.2em;text-transform:uppercase;color:var(--wb-gold);white-space:nowrap}.wb-season{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:20px 22px 18px;margin-top:10px;border:1px solid rgba(200, 168, 78, 0.38);border-radius:24px;background:var(--wb-plaque);box-shadow:var(--wb-plaque-shadow)}.wb-season-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}.wb-season-id{font-family:var(--font-display);font-size:21px;font-weight:700;letter-spacing:1px;color:var(--text-bright, #fff);text-shadow:var(--wb-shadow-text)}.wb-season-clock{display:flex;align-items:baseline;gap:8px}.wb-season-clock b{font-family:var(--font-display);font-size:34px;line-height:1;color:var(--wb-gold);font-variant-numeric:tabular-nums;text-shadow:var(--wb-shadow-text), 0 0 24px rgba(255, 212, 106, 0.35)}.wb-season-clock i{font-style:normal;font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--wb-dim)}.wb-season-bar{position:relative;height:8px;border-radius:999px;overflow:hidden;background:rgba(6, 3, 14, 0.85);border:1px solid rgba(200, 168, 78, 0.28);box-shadow:inset 0 2px 5px rgba(0, 0, 0, 0.8)}.wb-season-bar > i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg, #8C5AFF, var(--wb-gold));box-shadow:0 0 12px rgba(255, 212, 106, 0.55);transition:width 600ms ease}.wb-season-dates{font-size:11px;color:var(--wb-dim);letter-spacing:0.02em}.wb-mine{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px;padding:11px 16px;border-radius:var(--radius, 12px);background:linear-gradient(90deg, rgba(200, 168, 78, 0.14), rgba(200, 168, 78, 0.03) 60%, transparent);border:1px solid rgba(200, 168, 78, 0.3);border-left:3px solid var(--wb-gold-deep)}.wb-mine-tag{font-family:var(--font-display);font-size:15px;color:var(--wb-gold)}.wb-mine-rec, .wb-mine-elo{font-size:11px;color:var(--wb-dim);letter-spacing:0.04em}.wb-mine-rec b, .wb-mine-elo b{color:var(--text-bright, #fff);font-family:var(--font-display);font-size:16px;letter-spacing:0}.wb-mine-need, .wb-mine-ok{margin-left:auto;font-size:11px;font-weight:800;padding:3px 11px;border-radius:999px}.wb-mine-need{color:#ffc08a;background:rgba(255, 140, 0, 0.12);border:1px solid rgba(255, 140, 0, 0.35)}.wb-mine-ok{color:var(--wb-win);background:rgba(46, 213, 115, 0.12);border:1px solid rgba(46, 213, 115, 0.35)}.wb-rewards{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:10px}.wb-rw{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 12px 12px;border:1px solid rgba(200, 168, 78, 0.24);border-radius:16px;background:linear-gradient(180deg, rgba(58, 42, 110, 0.4), rgba(16, 10, 32, 0.9) 70%);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 4px 14px rgba(6, 3, 16, 0.5)}.wb-rw.top{grid-column:1 / -1;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:10px 22px;padding:16px 18px;border-color:rgba(255, 212, 106, 0.55);background:radial-gradient(70% 120% at 50% 0%, rgba(255, 212, 106, 0.18), transparent 70%),
    linear-gradient(180deg, rgba(74, 54, 120, 0.55), rgba(18, 11, 38, 0.94) 70%);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 8px 26px rgba(6, 3, 16, 0.6), 0 0 26px rgba(255, 212, 106, 0.12)}.wb-rw-place{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:26px;padding:0 12px;border-radius:999px;font-family:var(--font-display);font-size:13px;letter-spacing:0.04em;color:var(--wb-gold);background:rgba(6, 3, 14, 0.6);border:1px solid rgba(200, 168, 78, 0.4)}.wb-rw.top .wb-rw-place{font-size:16px;height:32px;color:#1a1208;background:linear-gradient(135deg, var(--wb-gold), #F4B740);border-color:rgba(255, 255, 255, 0.35);box-shadow:0 3px 12px rgba(244, 183, 64, 0.4)}.wb-rw.silver{border-color:rgba(214, 222, 236, 0.42)}.wb-rw.silver .wb-rw-place{color:#10131a;background:linear-gradient(135deg, #E8EEF7, #A9B6C9);border-color:rgba(255, 255, 255, 0.5);box-shadow:0 2px 9px rgba(200, 214, 236, 0.28)}.wb-rw.bronze{border-color:rgba(214, 150, 90, 0.42)}.wb-rw.bronze .wb-rw-place{color:#1c0f06;background:linear-gradient(135deg, #E8A96A, #B46E36);border-color:rgba(255, 220, 190, 0.45);box-shadow:0 2px 9px rgba(210, 140, 80, 0.28)}.wb-rw.rest{border-color:rgba(176, 165, 212, 0.2)}.wb-rw.rest .wb-rw-place{color:var(--wb-dim);border-color:rgba(176, 165, 212, 0.3);letter-spacing:0.1em;font-size:10.5px}.wb-rw-vals{display:inline-flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.wb-rw-vals > span{display:inline-flex;align-items:center;gap:5px}.wb-rw-vals img{width:17px;height:17px;object-fit:contain}.wb-rw-vals b{font-family:var(--font-display);font-size:14px;color:var(--text-bright, #fff)}.wb-rw.top .wb-rw-vals b{font-size:17px}.wb-rw-vals i{font-style:normal;font-size:9.5px;color:var(--wb-dim);letter-spacing:0.08em}.wb-rw-title{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:0.16em;text-transform:uppercase;color:var(--wb-gold);padding:4px 12px;border-radius:999px;background:rgba(255, 212, 106, 0.1);border:1px solid rgba(255, 212, 106, 0.4)}.wb-note{margin:0;font-size:11.5px;line-height:1.6;color:var(--wb-dim);text-align:center;max-width:62ch;margin-left:auto;margin-right:auto}.wb-fair{display:flex;flex-direction:column;gap:8px}.wb-fair-rule{display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:var(--radius, 12px);background:linear-gradient(90deg, rgba(90, 70, 150, 0.18), rgba(16, 10, 32, 0.55) 60%, rgba(16, 10, 32, 0.55));border:1px solid rgba(200, 168, 78, 0.2);border-left:3px solid var(--wb-gold-deep)}.wb-fair-mark{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:84px;padding:8px 10px;border-radius:14px;background:radial-gradient(70% 100% at 50% 0%, rgba(255, 212, 106, 0.16), transparent 70%), rgba(6, 3, 14, 0.6);border:1px solid rgba(200, 168, 78, 0.35);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.08)}.wb-fair-mark b{font-family:var(--font-display);font-size:20px;line-height:1;color:var(--wb-gold);font-variant-numeric:tabular-nums;text-shadow:var(--wb-shadow-text);white-space:nowrap}.wb-fair-mark b em{font-style:normal;font-size:13px;color:rgba(200, 168, 78, 0.5);padding:0 2px}.wb-fair-mark i{font-style:normal;margin-top:3px;font-size:9px;letter-spacing:0.16em;text-transform:uppercase;color:var(--wb-dim)}.wb-fair-txt{display:flex;flex-direction:column;gap:3px;min-width:0}.wb-fair-txt b{font-family:var(--font-display);font-size:14px;letter-spacing:0.02em;color:var(--text-bright, #fff)}.wb-fair-txt i{font-style:normal;font-size:11.5px;line-height:1.55;color:var(--wb-dim)}.wb-badge.dim{color:var(--wb-dim);background:rgba(176, 165, 212, 0.1);border:1px solid rgba(176, 165, 212, 0.28);text-transform:none;letter-spacing:0.04em;font-weight:700}.wb-board{display:flex;flex-direction:column;gap:8px}.wb-empty{padding:26px 16px;text-align:center;font-size:12.5px;line-height:1.6;color:var(--wb-dim);border:1px dashed rgba(200, 168, 78, 0.25);border-radius:16px;background:rgba(6, 3, 14, 0.35)}.wb-row{display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius, 12px);background:linear-gradient(90deg, rgba(90, 70, 150, 0.16), rgba(16, 10, 32, 0.5) 60%, rgba(16, 10, 32, 0.5));border:1px solid rgba(200, 168, 78, 0.18);border-left:3px solid rgba(200, 168, 78, 0.4);transition:border-color .15s ease, background .15s ease}.wb-row:hover{border-color:rgba(200, 168, 78, 0.45)}.wb-row.live{background:linear-gradient(90deg, rgba(255, 71, 87, 0.16), rgba(255, 71, 87, 0.03) 60%, transparent);border-color:rgba(255, 71, 87, 0.35);border-left-color:var(--wb-loss);animation:wbLive 3.4s ease-in-out infinite}.wb-row.live:hover{border-color:rgba(255, 71, 87, 0.7)}.wb-row.mine{border-left-color:var(--wb-gold)}.wb-side{display:flex;align-items:center;gap:10px;min-width:0}.wb-side.right{justify-content:flex-end;text-align:right}.wb-emb{width:34px;height:34px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 2px 6px rgba(0, 0, 0, 0.7))}.wb-emb-none{width:34px;height:34px;border-radius:9px;flex:0 0 auto;background:radial-gradient(60% 60% at 50% 30%, rgba(140, 90, 255, 0.3), rgba(20, 12, 40, 0.6));border:1px solid rgba(200, 168, 78, 0.25)}.wb-side-txt{display:flex;flex-direction:column;min-width:0}.wb-side-txt b{font-family:var(--font-display);font-size:15px;color:var(--text-bright, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0.02em}.wb-side-txt i{font-style:normal;font-size:10px;color:var(--wb-dim);white-space:nowrap;letter-spacing:0.04em}.wb-side.won .wb-side-txt b{color:var(--wb-gold);text-shadow:0 0 16px rgba(255, 212, 106, 0.35)}.wb-side.lost{opacity:0.48}.wb-vs{display:flex;flex-direction:column;align-items:center;gap:3px;flex:0 0 auto;padding:0 4px}.wb-vs-mark{font-family:var(--font-display);font-size:13px;letter-spacing:0.18em;color:var(--wb-loss);text-shadow:0 0 14px rgba(255, 71, 87, 0.55)}.wb-vs-mark.done{color:rgba(200, 168, 78, 0.55);text-shadow:none}.wb-vs-when{font-size:10px;color:var(--wb-dim);white-space:nowrap}.wb-vs-when b{color:var(--wb-gold);font-variant-numeric:tabular-nums;font-size:12px}.wb-foot{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding-top:9px;margin-top:3px;border-top:1px solid rgba(200, 168, 78, 0.14);font-size:10.5px;color:var(--wb-dim)}.wb-foot b{color:var(--text-bright, #fff)}.wb-badge{font-size:9.5px;font-weight:800;letter-spacing:0.14em;text-transform:uppercase;padding:3px 10px;border-radius:999px}.wb-badge.live{color:#ff9aa2;background:rgba(255, 71, 87, 0.16);border:1px solid rgba(255, 71, 87, 0.45)}.wb-badge.win{color:var(--wb-gold);background:rgba(255, 212, 106, 0.1);border:1px solid rgba(255, 212, 106, 0.45)}@keyframes wbLive{0%, 100%{box-shadow:none}50%{box-shadow:0 0 24px rgba(255, 71, 87, 0.2)}}@media (max-width: 719px){.wb-wrap{padding-left:10px;padding-right:10px}.wb-head h1{font-size:16px;letter-spacing:0.14em;padding-right:78px}.wb-season{padding:16px 14px 14px;border-radius:20px}.wb-season-id{font-size:17px}.wb-season-clock b{font-size:26px}.wb-rule{margin:18px 0 10px}.wb-rule::before, .wb-rule::after{min-width:12px;background-size:84px 14px, calc(100% - 82px) 1px}.wb-rule > span{font-size:11px}.wb-rewards{grid-template-columns:1fr}.wb-rw{flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:8px 14px;padding:11px 13px}.wb-rw.top{padding:13px 14px}.wb-note{text-align:left;font-size:11px}.wb-fair-rule{align-items:flex-start;gap:11px;padding:11px 13px}.wb-fair-mark{min-width:68px;padding:7px 8px}.wb-fair-mark b{font-size:17px}.wb-row{grid-template-columns:1fr;gap:7px;padding:11px 13px}.wb-side.right{justify-content:flex-start;text-align:left;flex-direction:row-reverse}.wb-vs{flex-direction:row;align-items:baseline;gap:10px;padding:0}.wb-side-txt b{font-size:14px}}@media (prefers-reduced-motion: reduce){.wb-row.live{animation:none}.wb-row, .wb-season-bar > i, .wb-back{transition:none}}.wsp-hero{position:relative;margin:-12px -12px 0;padding:0;border-radius:12px 12px 0 0;overflow:hidden;border-bottom:1px solid rgba(200, 168, 78, 0.4)}.wsp-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:0.5}.wsp-hero::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg, rgba(10, 6, 20, 0.5) 0%, rgba(10, 6, 20, 0.82) 55%, rgba(10, 6, 20, 0.97) 100%)}.wsp-hero-in{position:relative;z-index:1;padding:20px 16px 16px;text-align:center}.wsp-hero-ico{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(255, 212, 106, 0.65))}.wsp-kicker{margin-top:6px;font-size:10px;letter-spacing:2.4px;text-transform:uppercase;color:#CBC2E8;text-shadow:0 2px 10px rgba(0, 0, 0, 0.85)}.wsp-title{margin:2px 0 0;font-family:var(--font-display), Cinzel, serif;font-size:26px;font-weight:700;letter-spacing:1.5px;color:#FFD46A;text-shadow:0 2px 12px rgba(0, 0, 0, 0.9), 0 0 26px rgba(255, 212, 106, 0.3)}.wsp-dates{margin-top:3px;font-size:12px;color:#DCD4F5;text-shadow:0 2px 10px rgba(0, 0, 0, 0.85)}.wsp-body{padding:14px 2px 4px}.wsp-rule{display:flex;align-items:center;gap:10px;margin:14px 0 9px}.wsp-rule::before, .wsp-rule::after{content:'';flex:1;height:1px;background:linear-gradient(90deg, transparent, rgba(200, 168, 78, 0.5), transparent)}.wsp-rule span{font-size:9.5px;letter-spacing:2px;text-transform:uppercase;color:#C8A84E;white-space:nowrap}.wsp-rewards{display:flex;flex-direction:column;gap:6px}.wsp-rw{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:9px 12px;border-radius:10px;background:rgba(255, 255, 255, 0.03);border:1px solid rgba(255, 255, 255, 0.07)}.wsp-rw.top{background:rgba(255, 212, 106, 0.09);border-color:rgba(255, 212, 106, 0.4)}.wsp-rw.silver{border-color:rgba(210, 216, 232, 0.3)}.wsp-rw.bronze{border-color:rgba(205, 140, 90, 0.3)}.wsp-rw.rest{opacity:0.85}.wsp-rw-place{min-width:62px;font-family:var(--font-display), Cinzel, serif;font-size:15px;font-weight:700;color:#E8E1FF}.wsp-rw.top .wsp-rw-place{color:#FFD46A}.wsp-rw-vals{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px}.wsp-rw-vals > span{display:inline-flex;align-items:center;gap:4px}.wsp-rw-vals img{width:15px;height:15px;object-fit:contain}.wsp-rw-vals b{font-family:var(--font-display), Cinzel, serif;font-size:14px;color:#fff}.wsp-rw-vals i{font-style:normal;font-size:9px;letter-spacing:1px;color:#9d92c0}.wsp-rw-title{margin-left:auto;padding:2px 9px;border-radius:999px;font-size:9.5px;font-weight:800;letter-spacing:0.6px;color:#1a1208;background:linear-gradient(135deg, #FFD46A, #F4B740)}.wsp-fair{display:flex;flex-direction:column;gap:7px}.wsp-fair-rule{display:flex;align-items:flex-start;gap:11px;padding:10px 12px;border-radius:10px;background:rgba(255, 255, 255, 0.03);border:1px solid rgba(255, 255, 255, 0.07)}.wsp-fair-mark{flex:0 0 auto;min-width:66px;padding:6px 8px;border-radius:8px;text-align:center;background:rgba(255, 212, 106, 0.09);border:1px solid rgba(255, 212, 106, 0.32)}.wsp-fair-mark b{display:block;font-family:var(--font-display), Cinzel, serif;font-size:17px;line-height:1.05;color:#FFD46A}.wsp-fair-mark b em{font-style:normal;opacity:0.5;margin:0 1px}.wsp-fair-mark i{font-style:normal;font-size:8px;letter-spacing:1.4px;color:#C8A84E}.wsp-fair-txt{display:flex;flex-direction:column;gap:3px;min-width:0}.wsp-fair-txt b{font-size:12.5px;color:#F0EAFF}.wsp-fair-txt i{font-style:normal;font-size:11px;line-height:1.45;color:#b9b0d8}.wsp-note{margin:9px 2px 0;font-size:11px;line-height:1.5;color:#9d92c0}.wsp-acts{display:flex;gap:9px;margin-top:16px}.wsp-cta{flex:1 1 auto;padding:11px 16px;border-radius:999px;cursor:pointer;font-family:var(--font-display), Cinzel, serif;font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#1a1208;background:linear-gradient(135deg, #FFD46A, #F4B740);border:1px solid #C8A84E;box-shadow:0 6px 20px rgba(244, 183, 64, 0.32);transition:transform .12s ease, box-shadow .2s ease}.wsp-cta:hover{box-shadow:0 8px 26px rgba(244, 183, 64, 0.5)}.wsp-cta:active{transform:scale(0.97)}.wsp-later{flex:0 0 auto;padding:11px 16px;border-radius:999px;cursor:pointer;font-size:12px;color:#b9b0d8;background:rgba(255, 255, 255, 0.04);border:1px solid rgba(255, 255, 255, 0.12);transition:color .15s ease, border-color .15s ease}.wsp-later:hover{color:#fff;border-color:rgba(255, 255, 255, 0.28)}@media (max-width: 719px){.wsp-hero-in{padding:16px 12px 13px}.wsp-title{font-size:21px}.wsp-rw{padding:8px 10px;gap:5px 10px}.wsp-rw-place{min-width:54px;font-size:14px}.wsp-rw-title{margin-left:0}.wsp-fair-rule{padding:9px 10px;gap:9px}.wsp-fair-mark{min-width:58px}.wsp-acts{flex-direction:column-reverse}}
