.bf-scope.combat-hotbar.bf-skill-hotbar{width:100%;max-width:100%;margin:0;box-shadow:none!important;backdrop-filter:none!important;background:0 0!important;border:0!important;border-radius:0!important;gap:0!important;padding:0!important;display:block!important}.bf-scope.bf-skill-hotbar>.bf-panel{flex-flow:wrap;align-items:stretch;width:100%}.bf-scope.bf-skill-hotbar .bf-panel__header{justify-content:center;align-items:stretch;gap:var(--rf-space-2);min-height:0;padding:var(--rf-space-2);border-bottom:0;border-right:var(--rf-border-hairline) solid var(--rf-color-border-structural);flex-direction:column;flex:0 11rem;margin:0}.bf-scope.bf-skill-hotbar .bf-panel__title{font-size:var(--rf-text-sm);line-height:var(--rf-leading-sm)}.bf-scope.bf-skill-hotbar .bf-panel__actions{flex-direction:column;align-items:stretch}.bf-scope.bf-skill-hotbar .bf-panel__actions .bf-btn{width:100%;min-width:0}.bf-scope.bf-skill-hotbar .bf-skill-hotbar__slots{justify-content:center;align-items:center;gap:var(--rf-space-2);flex-wrap:wrap;flex:auto;display:flex}.bf-scope.bf-skill-hotbar .combat-hotbar__cd-overlay{font-family:var(--rf-font-number);font-size:var(--rf-text-lg);font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--rf-color-text);text-shadow:none;font-weight:700}@media (max-width:520px){.bf-scope.bf-skill-hotbar>.bf-panel{flex-direction:column}.bf-scope.bf-skill-hotbar .bf-panel__header{border-right:0;border-bottom:var(--rf-border-hairline) solid var(--rf-color-border-structural);flex-flow:wrap;flex:none;align-items:center;width:auto}.bf-scope.bf-skill-hotbar .bf-panel__actions{flex-direction:row;flex:auto;justify-content:flex-end}.bf-scope.bf-skill-hotbar .bf-panel__actions .bf-btn{width:auto}}.bf-scope.bf-skill-swap{z-index:80010}.bf-scope .bf-skill-swap__bar{align-items:center;gap:var(--rf-space-2);padding:var(--rf-space-2);background:var(--rf-color-surface-inset);border:var(--rf-border-hairline) solid var(--rf-color-border-decorative);flex-wrap:wrap;display:flex}.bf-scope .bf-skill-swap__bar-label{font-family:var(--rf-font-control);font-size:var(--rf-text-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--rf-color-text-muted);font-weight:600}.bf-scope .bf-skill-swap__pills{gap:var(--rf-space-2);flex-wrap:wrap;flex:auto;display:flex}.bf-scope .bf-skill-swap__pill{align-items:center;gap:var(--rf-space-2);min-height:var(--bf-target);max-width:100%;padding:0 var(--rf-space-2) 0 var(--rf-space-2);background:var(--rf-color-surface);border:var(--rf-border-hairline) solid var(--rf-color-border-structural);color:var(--rf-color-text);font-size:var(--rf-text-sm);line-height:var(--rf-leading-sm);display:flex}.bf-scope .bf-skill-swap__pill.is-empty{color:var(--rf-color-text-muted);border-style:dashed}.bf-scope .bf-skill-swap__thumb{object-fit:cover;image-rendering:auto;flex:none;width:28px;height:28px}.bf-scope .bf-skill-swap__pill-name{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;overflow:hidden}.bf-scope .bf-skill-swap__list{gap:var(--rf-space-2);flex-direction:column;display:flex}.bf-scope .bf-skill-swap__card{align-items:flex-start;gap:var(--rf-space-3);padding:var(--rf-space-3);background:var(--rf-color-surface-inset);border:var(--rf-border-hairline) solid var(--rf-color-border-decorative);display:flex}.bf-scope .bf-skill-swap__card.is-equipped{border-color:var(--rf-color-success);background:var(--rf-color-success-surface)}.bf-scope .bf-skill-swap__card.is-locked{opacity:.72}.bf-scope .bf-skill-swap__art{object-fit:cover;background:var(--rf-color-canvas);image-rendering:auto;flex:none;width:64px;height:64px}.bf-scope .bf-skill-swap__info{gap:var(--rf-space-1);flex-direction:column;flex:auto;min-width:0;display:flex}.bf-scope .bf-skill-swap__name-row{align-items:center;gap:var(--rf-space-2);flex-wrap:wrap;display:flex}.bf-scope .bf-skill-swap__name{font-family:var(--rf-font-display);font-size:var(--rf-text-md);font-weight:600;line-height:var(--rf-leading-md);color:var(--rf-color-text)}.bf-scope .bf-skill-swap__desc{color:var(--rf-color-text-muted);font-size:var(--rf-text-sm);line-height:var(--rf-leading-sm);margin:0}.bf-scope .bf-skill-swap__card>.bf-btn{flex:none;align-self:center;margin-left:auto}.bf-scope .bf-skill-swap__hint.bf-message{padding:var(--rf-space-3)}@media (max-width:520px){.bf-scope .bf-skill-swap__card{flex-wrap:wrap}.bf-scope .bf-skill-swap__card>.bf-btn{width:100%;margin-left:0}}.bf-scope.bf-skill-tip{z-index:13000;pointer-events:none;box-sizing:border-box;gap:var(--rf-space-2);width:260px;max-width:calc(100vw - 16px);padding:var(--rf-space-3);background:var(--rf-color-surface);border:var(--rf-border-emphasis) solid var(--rf-color-border-structural);box-shadow:var(--rf-shadow-panel);color:var(--rf-color-text);font-family:var(--rf-font-body);font-size:var(--rf-text-sm);line-height:var(--rf-leading-sm);flex-direction:column;display:flex;position:fixed}.bf-scope .bf-skill-tip__head{align-items:center;gap:var(--rf-space-2);padding-bottom:var(--rf-space-2);border-bottom:var(--rf-border-hairline) solid var(--rf-color-border-decorative);display:flex}.bf-scope .bf-skill-tip__icon{object-fit:cover;image-rendering:auto;flex:none;width:30px;height:30px}.bf-scope .bf-skill-tip__title-wrap{align-items:flex-start;gap:var(--rf-space-1);flex-direction:column;flex:auto;min-width:0;display:flex}.bf-scope .bf-skill-tip__title{font-family:var(--rf-font-display);font-size:var(--rf-text-md);font-weight:600;line-height:var(--rf-leading-md);color:var(--rf-color-text)}.bf-scope .bf-skill-tip__body{color:var(--rf-color-text);font-size:var(--rf-text-sm);line-height:var(--rf-leading-sm);margin:0}.bf-scope .bf-skill-tip__meta{align-items:center;gap:var(--rf-space-1);flex-wrap:wrap;display:flex}.combat-hotbar-row{container:hotbar/inline-size}.bf-scope.bf-hotbar-dock{flex-wrap:wrap;align-items:stretch;gap:8px;width:100%;min-width:0;display:flex}@container hotbar (width>=640px){.bf-scope.bf-hotbar-dock{isolation:isolate;--bf-c:var(--rf-chamfer-frame);--bf-plate-border:var(--rf-color-border-structural);--bf-plate-fill:linear-gradient(180deg, var(--rf-iron-850) 0%, var(--rf-iron-900) 120px);filter:drop-shadow(var(--rf-shadow-panel));flex-wrap:nowrap;gap:0;position:relative}.bf-scope.bf-hotbar-dock:before,.bf-scope.bf-hotbar-dock:after{content:"";pointer-events:none;position:absolute}.bf-scope.bf-hotbar-dock:before{z-index:-2;background:var(--bf-plate-border);clip-path:polygon(var(--bf-c) 0, calc(100% - var(--bf-c)) 0, 100% var(--bf-c), 100% calc(100% - var(--bf-c)), calc(100% - var(--bf-c)) 100%, var(--bf-c) 100%, 0 calc(100% - var(--bf-c)), 0 var(--bf-c));top:0;bottom:0;left:0;right:0}.bf-scope.bf-hotbar-dock:after{z-index:-1;background:var(--bf-plate-fill);--bf-ci:calc(var(--bf-c) - .41px);clip-path:polygon(var(--bf-ci) 0, calc(100% - var(--bf-ci)) 0, 100% var(--bf-ci), 100% calc(100% - var(--bf-ci)), calc(100% - var(--bf-ci)) 100%, var(--bf-ci) 100%, 0 calc(100% - var(--bf-ci)), 0 var(--bf-ci));top:1px;bottom:1px;left:1px;right:1px}.bf-scope.bf-hotbar-dock>.bf-skill-hotbar,.bf-scope.bf-hotbar-dock>.bf-consumable-hotbar{flex:1 1 0;width:auto;min-width:0;position:relative}.bf-scope.bf-hotbar-dock>.bf-consumable-hotbar{box-shadow:inset 1px 0 0 var(--rf-color-border-structural)}.bf-scope.bf-hotbar-dock>.bf-skill-hotbar>.bf-panel,.bf-scope.bf-hotbar-dock>.bf-consumable-hotbar>.bf-panel{filter:none;background:0 0}.bf-scope.bf-hotbar-dock>.bf-skill-hotbar>.bf-panel:before,.bf-scope.bf-hotbar-dock>.bf-skill-hotbar>.bf-panel:after,.bf-scope.bf-hotbar-dock>.bf-consumable-hotbar>.bf-panel:before,.bf-scope.bf-hotbar-dock>.bf-consumable-hotbar>.bf-panel:after,.bf-scope.bf-hotbar-dock .bf-panel__inline,.bf-scope.bf-hotbar-dock .bf-panel__inline-fill,.bf-scope.bf-hotbar-dock .bf-rivet{display:none}}@container hotbar (width<=639px){.bf-scope.bf-hotbar-dock{flex-direction:column}.bf-scope.bf-hotbar-dock>.bf-skill-hotbar,.bf-scope.bf-hotbar-dock>.bf-consumable-hotbar{flex:auto;width:100%}}