/* v2.20.0 — page navigation shared by the independent boss practice rooms. */
.practice-boss-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:620px;margin:0 0 26px;padding:5px;background:var(--panel,#181a1f);border:1px solid var(--line,#2c2e35);border-radius:12px}
.practice-boss-tab{--boss-tab-color:#e9bd78;position:relative;display:flex;align-items:center;gap:12px;min-width:0;min-height:66px;padding:11px 15px;border:1px solid transparent;border-radius:8px;color:var(--muted,#9397a1);text-decoration:none;transition:background .15s,border-color .15s,color .15s;touch-action:manipulation}
.practice-boss-tab[data-boss=deltras]{--boss-tab-color:#85d9f6}
.practice-boss-tab:hover{background:var(--panel2,#202228);color:var(--ink,#f2f0ec)}
.practice-boss-tab[aria-current=page]{border-color:color-mix(in srgb,var(--boss-tab-color) 42%,transparent);background:color-mix(in srgb,var(--boss-tab-color) 10%,transparent);color:var(--boss-tab-color)}
.practice-boss-tab:focus-visible{outline:2px solid var(--boss-tab-color);outline-offset:3px}
.boss-tab-mark{display:grid;place-items:center;flex:none;width:32px;height:32px;color:var(--boss-tab-color);opacity:.8}
.boss-tab-mark svg{display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.practice-boss-tab[aria-current=page] .boss-tab-mark{opacity:1}
.boss-tab-copy{display:block;min-width:0}
.boss-tab-copy strong{display:block;font-size:14px;line-height:1.4;font-weight:700;letter-spacing:-.3px}
.boss-tab-copy small{display:block;margin-top:3px;color:var(--muted,#9397a1);font-size:10px;line-height:1.5;white-space:nowrap}
html[data-theme=light] .practice-boss-tab[data-boss=kaldrix]{--boss-tab-color:#8b5c1e}
html[data-theme=light] .practice-boss-tab[data-boss=deltras]{--boss-tab-color:#166681}
@media(max-width:600px){.practice-boss-tabs{gap:5px;padding:4px;margin-bottom:22px;border-radius:10px}.practice-boss-tab{gap:8px;min-height:64px;padding:10px 9px}.boss-tab-mark{width:26px;height:28px}.boss-tab-mark svg{width:23px;height:23px}.boss-tab-copy strong{font-size:13px}.boss-tab-copy small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.practice-boss-tab{transition:none}}
@media print{.practice-boss-tabs{display:none}}