.world-boss-section{position:relative;z-index:4;width:min(1320px,calc(100% - 48px));margin:38px auto 0;color:#514550}
.world-boss-shell{overflow:hidden;border:1px solid rgba(191,137,161,.28);border-radius:32px;background:radial-gradient(circle at 93% 0,rgba(255,210,150,.28),transparent 30%),linear-gradient(145deg,#fffdfd,#f8f0f5);box-shadow:0 26px 65px rgba(82,54,71,.12),inset 0 1px #fff}
.world-boss-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 34px 24px;border-bottom:1px solid rgba(191,137,161,.2)}
.world-boss-title{display:flex;align-items:center;gap:16px}
.world-boss-emblem{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:19px;background:linear-gradient(145deg,#fff5dd,#f5d7ec);border:1px solid #e8c6d3;box-shadow:0 9px 22px rgba(193,101,143,.13);font-size:27px;color:#bd638e}
.world-boss-kicker{margin:0 0 2px;font-size:11px;font-weight:850;letter-spacing:.22em;color:#9a7386}
.world-boss-title h2{margin:0;color:#57404f;font-size:clamp(24px,3vw,34px);line-height:1.2}
.world-boss-title p:last-child{margin:7px 0 0;color:#816d78;font-size:14px}
.world-boss-clock{min-width:152px;display:grid;gap:3px;text-align:right;padding:13px 18px;border:1px solid #ead6df;border-radius:17px;background:rgba(255,255,255,.75)}
.world-boss-clock small{font-size:10px;letter-spacing:.13em;color:#9a7589;font-weight:800}
.world-boss-clock strong{font-size:24px;color:#ae5883;line-height:1.1}
.world-boss-clock span{font-size:11px;color:#867582}
.world-boss-clock span.is-stale{color:#b25d59}
.world-boss-body{padding:24px 34px 30px}
.wb-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}
.wb-filters{display:flex;flex-wrap:wrap;gap:8px}
.wb-filter{border:1px solid #e5cbd9;background:#fff;color:#765e6e;border-radius:999px;padding:9px 13px;cursor:pointer;font:inherit;font-size:12px;font-weight:750;transition:background .18s,border-color .18s,transform .18s}
.wb-filter:hover{transform:translateY(-2px);border-color:#cf8eb0}
.wb-filter.is-active{background:#c67099;color:white;border-color:#c67099;box-shadow:0 7px 16px rgba(190,91,141,.22)}
.wb-filter span{opacity:.72;margin-left:5px}
.wb-search{display:flex;align-items:center;gap:8px;min-width:min(300px,100%);padding:0 13px;border:1px solid #e5cbd9;border-radius:12px;background:#fff;color:#a4748b}
.wb-search input{width:100%;height:39px;border:0;outline:0;background:transparent;color:#563d4a;font:inherit;font-size:13px}
.wb-search:focus-within{border-color:#c67099;box-shadow:0 0 0 3px rgba(198,112,153,.11)}
.wb-feature-wrap{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:9px}
.wb-arrow{height:44px;width:44px;border:1px solid #e3cad8;background:#fff;color:#b3618c;border-radius:14px;cursor:pointer;font-size:32px;line-height:1}
.wb-arrow:hover:not(:disabled){background:#fceaf2}
.wb-arrow:disabled{opacity:.45;cursor:default}
.wb-feature{min-height:210px;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,32%);gap:24px;padding:25px 30px;border:1px solid #e3c3d3;border-radius:24px;background:radial-gradient(circle at 10% 15%,rgba(253,241,214,.9),transparent 38%),linear-gradient(120deg,#fffafc,#f8eaf1);box-shadow:0 11px 25px rgba(115,59,85,.08)}
.wb-eyebrow{display:inline-block;padding:5px 9px;border-radius:7px;background:#e8d2df;color:#8b5472;font-size:11px;font-weight:800;letter-spacing:.05em}
.wb-feature h3{margin:12px 0 3px;font-size:clamp(20px,2.5vw,29px);color:#623d52;line-height:1.2;overflow-wrap:anywhere}
.wb-level{font-size:12px;font-weight:900;color:#b2618b}
.wb-place{margin:14px 0 15px;font-size:13px;font-weight:750;color:#6d5b65}
.wb-place span{font-weight:500;color:#947f89}
.wb-drops{display:flex;flex-wrap:wrap;gap:9px}
.wb-drop{display:flex;align-items:center;gap:7px;max-width:100%;padding:4px 10px 4px 4px;border-radius:11px;border:1px solid #ead6e0;background:rgba(255,255,255,.8);font-size:12px;font-weight:700;color:#765268}
.wb-drop img{display:block;width:36px;height:36px;object-fit:contain}
.wb-feature-right{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-left:1px solid #e7ceda;padding-left:24px}
.wb-status{padding:7px 11px;border-radius:9px;font-size:14px;font-weight:900;line-height:1.3}
.wb-status-countdown{background:#e7f7ef;color:#258257}
.wb-status-ready{background:#fdf0d5;color:#a36a18}
.wb-status-unknown{background:#f2ebef;color:#806c78}
.wb-feature-right>p{margin:11px 0 19px;font-size:12px;line-height:1.5;color:#86737f}
.wb-respawn{display:grid;gap:2px}
.wb-respawn strong{font-size:25px;color:#ae5d83;line-height:1}
.wb-respawn span{font-size:11px;color:#8d7783}
.wb-pager{margin:10px 54px 17px;text-align:right;color:#9a7e8e;font-size:11px;font-weight:800}
.wb-list-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;color:#755c6b}
.wb-list-head strong{font-size:15px}
.wb-list-head span{font-size:12px}
.wb-list{max-height:320px;overflow:auto;display:grid;gap:7px;padding-right:5px}
.wb-result{display:grid;grid-template-columns:58px minmax(0,1fr) minmax(150px,auto);align-items:center;gap:12px;width:100%;text-align:left;padding:11px 15px;border-radius:12px;border:1px solid #ead9e2;background:#fff;cursor:pointer;color:#644b5a;font:inherit}
.wb-result:hover,.wb-result.is-active{border-color:#c986aa;background:#fff7fa}
.wb-result-id{font-size:11px;color:#aa8196;font-weight:800}
.wb-result-name{font-size:13px;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wb-result-name small{display:block;font-size:11px;color:#998490;font-weight:500;margin-top:2px}
.wb-result-state{font-size:11px;text-align:right;color:#82727b;font-weight:800}
.wb-result-state-countdown{color:#278459}
.wb-result-state-ready{color:#ab751c}
.wb-empty{margin:0;padding:50px 12px;text-align:center;color:#887483}
.wb-note{display:flex;gap:8px;align-items:flex-start;margin:18px 0 0;font-size:11px;line-height:1.5;color:#897985}
.wb-note b{color:#b1648c;font-size:15px;line-height:1}
.world-boss-section+.daily-alchemy-section{margin-top:36px}
@media(max-width:850px){.wb-feature{grid-template-columns:1fr}.wb-feature-right{border-left:0;border-top:1px solid #e7ceda;padding:18px 0 0}.wb-toolbar{align-items:stretch}.wb-search{flex:1}}
@media(max-width:620px){.world-boss-section{width:calc(100% - 24px);margin-top:22px}.world-boss-head{align-items:flex-start;flex-direction:column;padding:22px 20px}.world-boss-clock{width:100%;text-align:left}.world-boss-body{padding:17px 14px 23px}.wb-feature-wrap{grid-template-columns:1fr}.wb-arrow{position:absolute;top:15px;z-index:1;width:34px;height:34px;border-radius:10px;font-size:24px}.wb-arrow:first-child{right:47px}.wb-arrow:last-child{right:5px}.wb-feature{padding:20px 15px}.wb-eyebrow{max-width:calc(100% - 85px)}.wb-pager{margin-right:5px}.wb-result{grid-template-columns:45px minmax(0,1fr);gap:6px}.wb-result-state{grid-column:2;text-align:left}.wb-filter{font-size:11px;padding:8px 10px}}

.wb-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:20px}
.wb-day{display:flex;align-items:center;justify-content:center;gap:7px;min-height:45px;padding:8px 10px;border:1px solid #e5cbd9;border-radius:12px;background:#fff;color:#765e6e;font:inherit;font-size:13px;font-weight:750;cursor:pointer}
.wb-day small{font-size:9px;padding:2px 5px;border-radius:5px;background:#f5dfeb}
.wb-day.is-active{background:#b35a86;border-color:#b35a86;color:#fff;box-shadow:0 5px 14px #b35a8626}
.wb-day.is-active small{background:#ffffff24;color:#fff}
.wb-day:hover{border-color:#b35a86}
.wb-schedule-time{display:grid;gap:5px;margin-bottom:16px}
.wb-schedule-time small{color:#826877;font-size:13px;font-weight:750}
.wb-schedule-time strong{font-size:clamp(20px,2vw,28px);line-height:1.25;color:#a64f78}
.wb-schedule-time>span{font-size:11px;color:#907786}
.wb-weekly{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding-top:15px;border-top:1px solid #e7ceda;font-size:11px;color:#88717f}
.wb-time-chip{padding:5px 9px;border:1px solid #e5cbd9;border-radius:7px;background:#fff;color:#755768}
.wb-time-chip.is-active{border-color:#c783a4;background:#f8dfed;color:#8a4268}
.wb-status-ended{background:#ede9ed;color:#746772}
.wb-result-state-ended{color:#877883}
.world-boss-section button:focus-visible{outline:3px solid #ac5cdb;outline-offset:3px}
html[data-theme="dark"] .world-boss-section{color:#ece2ed;color-scheme:dark}
html[data-theme="dark"] .world-boss-shell{border-color:#514253;background:radial-gradient(circle at 95% 0,#684a3b38,transparent 34%),linear-gradient(145deg,#25222e,#211f29);box-shadow:0 26px 65px #0005,inset 0 1px #ffffff0c}
html[data-theme="dark"] .world-boss-head{border-color:#4b3d4b}
html[data-theme="dark"] .world-boss-emblem{background:linear-gradient(145deg,#4b384c,#372b40);border-color:#69506a;color:#f3b4d5;box-shadow:none}
html[data-theme="dark"] .world-boss-title h2{color:#f5eaf2}
html[data-theme="dark"] .world-boss-kicker,html[data-theme="dark"] .world-boss-clock small{color:#cba6be}
html[data-theme="dark"] .world-boss-title p:last-child,html[data-theme="dark"] .world-boss-clock span{color:#beb0c3}
html[data-theme="dark"] .world-boss-clock{background:#1d1b25;border-color:#594355}
html[data-theme="dark"] .world-boss-clock strong{color:#f2afd0}
html[data-theme="dark"] .world-boss-clock .is-stale{color:#ffbba1}
html[data-theme="dark"] .wb-filter,html[data-theme="dark"] .wb-day,html[data-theme="dark"] .wb-arrow{background:#302a38;border-color:#625064;color:#ebd4e4}
html[data-theme="dark"] .wb-filter.is-active,html[data-theme="dark"] .wb-day.is-active{background:#a34b7a;border-color:#df94ba;color:#fff}
html[data-theme="dark"] .wb-day small{background:#ffffff18;color:#eed3e4}
html[data-theme="dark"] .wb-search{background:#1d1b25;border-color:#625064;color:#e4b6d0}
html[data-theme="dark"] .wb-search input{color:#f2e7ef}
html[data-theme="dark"] .wb-search input::placeholder{color:#afa0b5;opacity:1}
html[data-theme="dark"] .wb-arrow:hover:not(:disabled){background:#4b344b}
html[data-theme="dark"] .wb-feature{background:radial-gradient(circle at 5% 5%,#77554925,transparent 45%),linear-gradient(120deg,#322833,#272332);border-color:#66506a;box-shadow:0 11px 25px #0002}
html[data-theme="dark"] .wb-eyebrow{background:#493448;color:#f0bdd9}
html[data-theme="dark"] .wb-feature h3{color:#f4deef}
html[data-theme="dark"] .wb-level{color:#edb3d5}
html[data-theme="dark"] .wb-place{color:#e0d0df}
html[data-theme="dark"] .wb-place span,html[data-theme="dark"] .wb-feature-right>p{color:#c2b0c5}
html[data-theme="dark"] .wb-drop{background:#201d29;border-color:#5d465e;color:#eed4e7}
html[data-theme="dark"] .wb-feature-right,html[data-theme="dark"] .wb-weekly{border-color:#564154}
html[data-theme="dark"] .wb-schedule-time strong{color:#ffb5d7}
html[data-theme="dark"] .wb-schedule-time small{color:#e4cadb}
html[data-theme="dark"] .wb-schedule-time>span,html[data-theme="dark"] .wb-weekly,html[data-theme="dark"] .wb-pager{color:#bdadbf}
html[data-theme="dark"] .wb-time-chip{background:#24202d;border-color:#645066;color:#dac7da}
html[data-theme="dark"] .wb-time-chip.is-active{background:#57334f;border-color:#b879a1;color:#ffe1f4}
html[data-theme="dark"] .wb-status-countdown{background:#214639;color:#a5f0c7}
html[data-theme="dark"] .wb-status-ready{background:#544024;color:#ffe0a1}
html[data-theme="dark"] .wb-status-ended{background:#3a3341;color:#cdc0d2}
html[data-theme="dark"] .wb-list-head{color:#e0c9db}
html[data-theme="dark"] .wb-result{background:#24212d;border-color:#493d50;color:#ead8e7}
html[data-theme="dark"] .wb-result:hover,html[data-theme="dark"] .wb-result.is-active{background:#3c2b3e;border-color:#b17b9c}
html[data-theme="dark"] .wb-result-id{color:#e4acce}
html[data-theme="dark"] .wb-result-name small{color:#baa9bf}
html[data-theme="dark"] .wb-result-state-countdown{color:#97ddb9}
html[data-theme="dark"] .wb-result-state-ready{color:#f3d194}
html[data-theme="dark"] .wb-result-state-ended{color:#bcaec4}
html[data-theme="dark"] .wb-empty,html[data-theme="dark"] .wb-note{color:#bfb0c3}
html[data-theme="dark"] .wb-note b{color:#e5a2c4}
@media(max-width:620px){.wb-days{display:flex;flex-wrap:wrap;gap:6px}.wb-day{flex:1 1 21%;font-size:12px;padding:8px 6px}.wb-day small{font-size:8px}.wb-weekly>span:first-child{width:100%}.wb-schedule-time strong{font-size:25px}}
