.boss-page{background:var(--bg-slate-100-a60);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:80vh;color:var(--text-slate-900);border-radius:24px;padding:24px;box-shadow:0 10px 40px #0000000d}.boss-page *{box-sizing:border-box}.boss-page dd,.boss-page dl,.boss-page h1,.boss-page h2,.boss-page h3,.boss-page p{margin:0}.boss-page p{color:var(--text-slate-500);font-size:14px;line-height:1.65}.boss-page a{text-decoration:none}.boss-page button,.boss-page input,.boss-page select{font:inherit}.boss-page button,.boss-page select{cursor:pointer}.boss-page :focus-visible{outline-offset:4px;outline:3px solid #2563eb}.boss-page-heading{flex-direction:column;gap:6px;margin-bottom:24px;display:flex}.boss-page-heading h1{letter-spacing:-.03em;color:var(--text-slate-900);font-size:26px;font-weight:800;line-height:1.1}.boss-filters{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.boss-search{border:1px solid var(--line-slate-200);background:var(--bg-white);width:320px;max-width:100%;height:42px;color:var(--text-slate-400);border-radius:11px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.boss-search input{min-width:0;min-height:0;color:var(--text-slate-900);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:14px}.boss-search:focus-within{border-color:var(--line-xbfd6f7);box-shadow:0 0 0 3px #2563eb1f}.boss-elements{align-items:center;gap:6px;display:flex}.boss-element-all{border:1px solid var(--line-slate-200);background:var(--bg-white);height:34px;color:var(--text-slate-700);border-radius:999px;padding:0 12px;font-size:12.5px;font-weight:700}.boss-element-all.is-selected{color:#fff;background:#0f172a;border-color:#0f172a}.boss-element{border:1px solid var(--line-slate-200);background:var(--bg-white);border-radius:50%;place-items:center;width:34px;height:34px;padding:0;transition:border-color .15s,transform .15s;display:inline-grid}.boss-element:hover{border-color:var(--line-xbfd6f7);transform:translateY(-1px)}.boss-element.is-selected{border-color:#0f172a;box-shadow:inset 0 0 0 2px #0f172a}.boss-dot{background:var(--boss-accent,var(--bg-slate-500));border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:inline-grid}.boss-dot img{-o-object-fit:contain;object-fit:contain;width:13px;height:13px}.boss-result-count{color:var(--text-slate-500);white-space:nowrap;font-size:13px}.boss-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.boss-card{border:1px solid var(--line-slate-200);background:var(--bg-white);color:inherit;border-radius:16px;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 6px 20px -14px #243b5a59}.boss-card:hover{border-color:color-mix(in srgb,var(--boss-accent) 55%,var(--line-white));transform:translateY(-3px);box-shadow:0 16px 30px -18px #0f172a59}.boss-card-top{background:linear-gradient(180deg,color-mix(in srgb,var(--boss-accent) 10%,var(--bg-white)) 0,var(--bg-white) 100%);justify-content:center;padding:16px 12px 8px;display:flex;position:relative}.boss-card-tags{z-index:1;flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute;top:10px;left:10px}.boss-tag{background:var(--bg-slate-100);color:var(--text-slate-700);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:3px 9px 3px 4px;font-size:11px;font-weight:800;display:inline-flex}.boss-tag .boss-dot{background:#334155;width:18px;height:18px}.boss-tag .boss-dot img{width:12px;height:12px}.boss-tag.is-omega{background:var(--bg-xfee2e2);color:#dc2626}.boss-tag.is-omega .boss-dot{background:#dc2626}.boss-level{background:color-mix(in srgb,var(--boss-accent) 16%,var(--bg-white));color:var(--text-slate-900);border-radius:999px;align-items:center;gap:6px;padding:3px 9px 3px 4px;font-size:12px;font-weight:800;display:inline-flex}.boss-level .boss-dot{width:18px;height:18px}.boss-level .boss-dot img{width:11px;height:11px}.boss-hex{width:156px;height:156px;display:block;position:relative}.boss-hex-fill{background:linear-gradient(180deg,color-mix(in srgb,var(--boss-accent) 35%,var(--bg-white)) 0,color-mix(in srgb,var(--boss-accent) 85%,var(--bg-white)) 100%);position:absolute;inset:0;overflow:hidden;-webkit-mask-image:url(/assets/bosses/hex-inner-mask.webp);mask-image:url(/assets/bosses/hex-inner-mask.webp);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.boss-hex-head{-o-object-fit:contain;object-fit:contain;transform:translateY(4%)scale(.82)}.boss-hex-frame,.boss-hex-head{width:100%;height:100%;position:absolute;inset:0}.boss-card-body{flex-direction:column;align-items:center;gap:8px;padding:0 14px 14px;display:flex}.boss-card h2{letter-spacing:-.01em;text-align:center;color:var(--text-slate-900);font-size:16px;line-height:1.3}.boss-card .boss-variant{color:var(--text-slate-500);text-align:center;font-size:12px}.boss-matchups{border-top:1px solid var(--line-slate-200);flex-direction:column;gap:6px;width:100%;margin:4px 0 0;padding-top:10px;display:flex}.boss-matchups>div{align-items:center;gap:6px;display:flex}.boss-matchups dt{width:92px;color:var(--text-slate-500);flex:none;font-size:12px;font-weight:600}.boss-matchups dd{align-items:center;gap:4px;margin:0;display:flex}.boss-matchups .boss-dot{width:20px;height:20px}.boss-matchups .boss-dot img{width:12px;height:12px}.boss-none{color:var(--text-slate-400);font-size:12px}.boss-empty{text-align:center;background:var(--bg-white);border:1px solid var(--line-slate-200);border-radius:16px;padding:64px 20px}.boss-empty h2{margin-bottom:10px;font-size:21px}.boss-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root[data-theme=dark] .boss-element-all.is-selected{color:#0f172a;background:#e6ebf3;border-color:#e6ebf3}:root[data-theme=dark] .boss-element.is-selected{border-color:#e6ebf3;box-shadow:inset 0 0 0 2px #e6ebf3}@media (width<=1100px){.boss-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=960px){.boss-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=960px){.boss-filters{flex-wrap:wrap}}@media (width<=960px){.boss-search{width:100%}}@media (width<=960px){.boss-result-count{margin-left:auto}}@media (width<=768px){.boss-page{border-radius:16px;padding:16px 12px}}@media (width<=700px){.boss-page-heading{margin-bottom:16px}}@media (width<=700px){.boss-elements{max-width:100%;padding-bottom:2px;overflow-x:auto}}@media (width<=700px){.boss-grid{gap:10px}}@media (width<=700px){.boss-card-top{flex-direction:column;align-items:center;padding:10px 10px 4px}}@media (width<=700px){.boss-card-tags{align-self:flex-start;position:static}}@media (width<=700px){.boss-hex{width:124px;height:124px;margin-top:-10px}}@media (width<=700px){.boss-card-body{padding:0 10px 12px}}@media (width<=700px){.boss-card h2{font-size:15px}}@media (width<=700px){.boss-matchups dt{width:84px;font-size:11.5px}}@media (width<=700px){.boss-matchups .boss-dot{width:18px;height:18px}}@media (width<=360px){.boss-grid{grid-template-columns:1fr}}

.bosses-page {
    width: min(1200px, 100%);
    margin: 0 auto;
}

@media (max-width: 700px) {
    .boss-search { height: 44px; }
    .boss-element-all { flex: 0 0 auto; min-height: 44px; white-space: nowrap; }
    .boss-element { flex: 0 0 44px; width: 44px; height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
    .boss-card, .boss-element { transition: none; }
}