/* /Components/Avatar.razor.rz.scp.css */
.avatar[b-sgscyi5bjt] {
    display: grid;
    place-items: center;
    flex: none;
    width: 31px;
    height: 31px;
    border-radius: var(--pbp-av-rad);
    background: var(--pbp-avatar-bg);
    color: var(--pbp-send-ink);
    font-family: var(--pbp-font-display);
    font-weight: 700;
    font-size: 14px;
}

.avatar.lg[b-sgscyi5bjt] {
    width: 52px;
    height: 52px;
    font-size: 22px;
}
/* /Components/Btn.razor.rz.scp.css */
.btn[b-cigtur3zdy] {
    display: inline-block;
    padding: 6px 14px;
    border: 1px solid var(--pbp-bd);
    border-radius: var(--pbp-rad2);
    background: transparent;
    color: var(--pbp-ink);
    font: inherit;
    font-size: 12px;
    text-decoration: none;
    cursor: pointer;
    transition: border-color .15s, color .15s;
}

.btn:hover[b-cigtur3zdy] {
    border-color: var(--pbp-acc);
    color: var(--pbp-acc);
}

.btn.primary[b-cigtur3zdy] {
    background: var(--pbp-acc);
    border-color: var(--pbp-acc);
    color: var(--pbp-send-ink);
    font-weight: 600;
}

.btn.primary:hover[b-cigtur3zdy] {
    color: var(--pbp-send-ink);
    filter: brightness(1.06);
}
/* /Components/CanonArticle.razor.rz.scp.css */
.article[b-6dfyb1jqpt] {
    margin-bottom: 12px;
    padding: 14px 16px;
    background: var(--pbp-sur);
    border: 1px solid var(--pbp-bd);
    border-radius: var(--pbp-rad);
    box-shadow: var(--pbp-card-sh);
}

h4[b-6dfyb1jqpt] {
    margin: 0 0 2px;
    font-family: var(--pbp-font-display);
    font-size: 16px;
    font-weight: 600;
}

.meta[b-6dfyb1jqpt] {
    margin-bottom: 8px;
    font-size: 10.5px;
    color: var(--pbp-mut);
}

.meta em[b-6dfyb1jqpt] {
    color: var(--pbp-acc);
    font-style: normal;
    cursor: pointer;
}

p[b-6dfyb1jqpt] {
    margin: 0 0 7px;
    font-size: 13px;
}

p:last-child[b-6dfyb1jqpt] {
    margin-bottom: 0;
}

/* Paragraph bodies arrive as markup strings, so reach into them with ::deep. */
p[b-6dfyb1jqpt]  .local {
    color: var(--pbp-mut);
    font-style: normal;
    cursor: pointer;
}
/* /Components/Chip.razor.rz.scp.css */
.chip[b-eyozln6qaw] {
    display: inline-block;
    font-size: 11px;
    padding: 2.5px 10px;
    border-radius: 999px;
    border: 1px solid var(--pbp-bd);
    color: var(--pbp-mut);
    white-space: nowrap;
}

.chip.state[b-eyozln6qaw] {
    color: var(--pbp-acc);
    border-color: currentColor;
    font-weight: 600;
}
/* /Components/Composer.razor.rz.scp.css */
.composer[b-wtxbeu8jrz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 14px;
    padding: 12px;
    border: 1px solid var(--pbp-bd);
    border-radius: var(--pbp-rad);
    background: var(--pbp-sur);
}

.top[b-wtxbeu8jrz] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: 11px;
    color: var(--pbp-mut);
}

.c-title[b-wtxbeu8jrz] {
    font-family: var(--pbp-font-display);
    font-size: 13.5px;
    color: var(--pbp-ink);
}

.draft[b-wtxbeu8jrz] {
    color: var(--pbp-ok);
}

.toolbar[b-wtxbeu8jrz] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.toolbar button[b-wtxbeu8jrz] {
    padding: 5px 11px;
    border: 1px solid var(--pbp-bd);
    border-radius: var(--pbp-rad2);
    background: transparent;
    color: var(--pbp-ink);
    font: inherit;
    font-size: 12px;
    cursor: pointer;
    transition: border-color .15s, color .15s;
}

.toolbar button:hover[b-wtxbeu8jrz] {
    border-color: var(--pbp-acc);
    color: var(--pbp-acc);
}

.langpick[b-wtxbeu8jrz] {
    margin-left: auto;
}

.langpick select[b-wtxbeu8jrz] {
    padding: 4.5px 8px;
    border: 1px solid var(--pbp-bd);
    border-radius: var(--pbp-rad2);
    background: var(--pbp-field);
    color: var(--pbp-ink);
    font: inherit;
    font-size: 12px;
    outline: none;
}

textarea[b-wtxbeu8jrz],
.oocbox[b-wtxbeu8jrz] {
    width: 100%;
    padding: 8px 11px;
    border: 1px solid var(--pbp-bd);
    border-radius: var(--pbp-rad2);
    background: var(--pbp-field);
    color: var(--pbp-ink);
    font: inherit;
    font-size: 13.5px;
    resize: none;
    outline: none;
}

textarea[b-wtxbeu8jrz] {
    min-height: 64px;
}

textarea:focus[b-wtxbeu8jrz],
.oocbox:focus[b-wtxbeu8jrz] {
    border-color: var(--pbp-acc);
}

.oocbox[b-wtxbeu8jrz] {
    font-size: 12px;
    color: var(--pbp-mut);
}

.foot[b-wtxbeu8jrz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.counter[b-wtxbeu8jrz] {
    font-size: 11px;
    color: var(--pbp-mut);
    font-variant-numeric: tabular-nums;
}

.send[b-wtxbeu8jrz] {
    padding: 7px 20px;
    border: 1px solid var(--pbp-acc);
    border-radius: var(--pbp-rad2);
    background: var(--pbp-acc);
    color: var(--pbp-send-ink);
    font-family: var(--pbp-font-display);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: transform .1s;
}

.send:active[b-wtxbeu8jrz] {
    transform: scale(.96);
}
/* /Components/FameRow.razor.rz.scp.css */
.row[b-aro77fj4nl] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 9px 4px;
    border-bottom: 1px solid var(--pbp-bd);
    font-size: 13px;
}

.pos[b-aro77fj4nl] {
    flex: none;
    width: 28px;
    text-align: center;
    font-family: var(--pbp-font-display);
    font-weight: 700;
    color: var(--pbp-mut);
}

.row.top .pos[b-aro77fj4nl] {
    color: var(--pbp-acc);
    font-size: 15px;
}

.name[b-aro77fj4nl] {
    flex: 1;
    min-width: 0;
}

.name small[b-aro77fj4nl] {
    display: block;
    font-size: 9.5px;
    color: var(--pbp-mut);
    text-transform: uppercase;
    letter-spacing: .5px;
}

.score[b-aro77fj4nl] {
    font-size: 11px;
    color: var(--pbp-mut);
    white-space: nowrap;
}
/* /Components/Feed.razor.rz.scp.css */
.feed[b-mi1tlu8hpo] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-left: var(--pbp-feed-pad-left);
}

.feed[b-mi1tlu8hpo]::before {
    content: "";
    display: var(--pbp-timeline);
    position: absolute;
    left: 8px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, transparent, var(--pbp-bd) 5%, var(--pbp-bd) 95%, transparent);
}
/* /Components/Field.razor.rz.scp.css */
.field[b-pyqvpmi08c] {
    display: block;
}

.field span[b-pyqvpmi08c] {
    display: block;
    margin: 10px 0 5px;
    font-size: 12px;
    color: var(--pbp-mut);
}

input[b-pyqvpmi08c],
textarea[b-pyqvpmi08c] {
    width: 100%;
    padding: 8px 11px;
    border: 1px solid var(--pbp-bd);
    border-radius: var(--pbp-rad2);
    background: var(--pbp-field);
    color: var(--pbp-ink);
    font: inherit;
    font-size: 13px;
    outline: none;
    resize: none;
}

textarea[b-pyqvpmi08c] {
    min-height: 48px;
}

input:focus[b-pyqvpmi08c],
textarea:focus[b-pyqvpmi08c] {
    border-color: var(--pbp-acc);
}
/* /Components/Notice.razor.rz.scp.css */
.notice[b-kc54ql0gd4] {
    margin-bottom: 13px;
    padding: 9px 12px;
    border: 1px dashed var(--pbp-acc);
    border-radius: var(--pbp-rad2);
    font-size: 12px;
    color: var(--pbp-acc);
    background: color-mix(in srgb, var(--pbp-acc) 7%, transparent);
}

.notice.muted[b-kc54ql0gd4] {
    border-color: var(--pbp-bd);
    color: var(--pbp-mut);
    background: transparent;
}
/* /Components/PanelCard.razor.rz.scp.css */
.panel[b-dofyapw2jc] {
    margin-bottom: 10px;
    padding: 12px 14px;
    background: var(--pbp-sur);
    border: 1px solid var(--pbp-bd);
    border-radius: var(--pbp-rad);
    box-shadow: var(--pbp-card-sh);
}

h5[b-dofyapw2jc] {
    margin: 0 0 6px;
    font-family: var(--pbp-font-display);
    font-size: 13.5px;
    font-weight: 600;
}

/* Content is supplied by the caller, so reach into it with ::deep. */
.panel[b-dofyapw2jc]  p,
.panel[b-dofyapw2jc]  li {
    margin: 0 0 4px;
    font-size: 12.5px;
    color: var(--pbp-mut);
}

.panel[b-dofyapw2jc]  ul {
    margin: 4px 0;
    padding-left: 17px;
}

.panel[b-dofyapw2jc]  b {
    color: var(--pbp-ink);
}

.panel[b-dofyapw2jc]  .actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}
/* /Components/PlaceCard.razor.rz.scp.css */
.card[b-9qcu88coj5] {
    display: block;
    margin-bottom: 10px;
    padding: 12px 14px;
    background: var(--pbp-sur);
    border: 1px solid var(--pbp-bd);
    border-radius: var(--pbp-rad);
    box-shadow: var(--pbp-card-sh);
    color: inherit;
    text-decoration: none;
}

.card.locked[b-9qcu88coj5] {
    opacity: .7;
}

.name[b-9qcu88coj5] {
    font-family: var(--pbp-font-display);
    font-size: 15.5px;
}

.desc[b-9qcu88coj5] {
    margin: 3px 0 7px;
    font-size: 12px;
    color: var(--pbp-mut);
}

.meta[b-9qcu88coj5] {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    font-size: 10.5px;
    color: var(--pbp-mut);
}

.meta b[b-9qcu88coj5] {
    color: var(--pbp-acc);
}
/* /Components/PlaceHeader.razor.rz.scp.css */
.place-head[b-twj5gsgamg] {
    padding: 2px 0 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--pbp-bd);
}

.name[b-twj5gsgamg] {
    font-family: var(--pbp-font-display);
    font-size: 21px;
    line-height: 1.15;
}

.meta[b-twj5gsgamg] {
    margin-top: 3px;
    font-size: 11.5px;
    color: var(--pbp-mut);
}

.viewas[b-twj5gsgamg] {
    padding: 0 7px;
    border: 1px dashed var(--pbp-mut);
    border-radius: 999px;
    font-size: 10.5px;
}
/* /Components/PostCard.razor.rz.scp.css */
.post[b-0s8roqcfsk] {
    position: relative;
    padding: 12px 14px;
    background: var(--pbp-sur);
    border: var(--pbp-post-border);
    border-radius: var(--pbp-rad);
    box-shadow: var(--pbp-card-sh);
}

.post.flagged[b-0s8roqcfsk] {
    box-shadow: var(--pbp-card-sh), inset 3px 0 0 var(--pbp-acc);
}

/* Timeline node — visible only when --pbp-timeline resolves to block (Osa). */
.post[b-0s8roqcfsk]::before {
    content: "";
    display: var(--pbp-timeline);
    position: absolute;
    left: -20px;
    top: 19px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--pbp-mut);
    box-shadow: 0 0 0 3px var(--pbp-bg);
}

.post.flagged[b-0s8roqcfsk]::before {
    left: -22px;
    top: 17px;
    width: 13px;
    height: 13px;
    background: var(--pbp-acc);
    box-shadow: 0 0 0 3px var(--pbp-bg), 0 0 14px color-mix(in srgb, var(--pbp-acc) 55%, transparent);
}

.head[b-0s8roqcfsk] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.who[b-0s8roqcfsk] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    margin-right: auto;
    min-width: 0;
}

.author[b-0s8roqcfsk] {
    font-weight: 600;
    font-size: 13.5px;
}

.rank[b-0s8roqcfsk] {
    font-size: 10px;
    color: var(--pbp-acc2);
    letter-spacing: .6px;
    text-transform: uppercase;
}

.pmeta[b-0s8roqcfsk] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.3;
    flex: none;
}

.lang[b-0s8roqcfsk] {
    font-size: 10.5px;
    color: var(--pbp-mut);
    white-space: nowrap;
}

.ptime[b-0s8roqcfsk] {
    font-size: 10.5px;
    color: var(--pbp-time-color);
    font-weight: var(--pbp-time-weight);
    white-space: nowrap;
}

.flag[b-0s8roqcfsk] {
    padding: 0 0 0 4px;
    border: 0;
    background: none;
    color: var(--pbp-mut);
    opacity: .4;
    font-size: 16px;
    cursor: pointer;
    transition: color .15s, opacity .15s;
}

.flag.on[b-0s8roqcfsk] {
    color: var(--pbp-acc);
    opacity: 1;
}

.body[b-0s8roqcfsk] {
    margin-top: 9px;
    font-size: 13.8px;
}

.body[b-0s8roqcfsk]  p {
    margin: 0 0 6px;
}

.body[b-0s8roqcfsk]  p:last-child {
    margin-bottom: 0;
}

.body[b-0s8roqcfsk]  .act {
    font-style: italic;
    color: var(--pbp-acc);
}

.body[b-0s8roqcfsk]  .think {
    font-style: italic;
    color: var(--pbp-mut);
}

.ooc[b-0s8roqcfsk] {
    margin-top: 9px;
    padding: 4px 9px;
    border-left: 3px solid var(--pbp-acc2);
    font-size: 12px;
    color: var(--pbp-mut);
}

.foot[b-0s8roqcfsk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 9px;
    font-size: 11px;
    color: var(--pbp-mut);
}

.pflag[b-0s8roqcfsk] {
    padding: 1.5px 9px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: none;
    color: var(--pbp-mut);
    font: inherit;
    font-size: 11px;
    cursor: pointer;
}

.pflag.on[b-0s8roqcfsk] {
    color: var(--pbp-acc2);
    border-color: currentColor;
}

.wtime[b-0s8roqcfsk] {
    border-bottom: 1px dotted var(--pbp-mut);
    white-space: nowrap;
}
/* /Components/ScreenHeader.razor.rz.scp.css */
.screen-head[b-gmk06q1f3w] {
    margin-bottom: 14px;
}

.title[b-gmk06q1f3w] {
    margin: 0;
    font-family: var(--pbp-font-display);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
}

.sub[b-gmk06q1f3w] {
    margin: 3px 0 0;
    font-size: 12px;
    color: var(--pbp-mut);
}
/* /Components/Segmented.razor.rz.scp.css */
.seg[b-ll3djt0632] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 13px;
}

span[b-ll3djt0632] {
    padding: 4px 11px;
    border: 1px solid var(--pbp-bd);
    border-radius: 999px;
    font-size: 11px;
    color: var(--pbp-mut);
    white-space: nowrap;
    cursor: pointer;
}

span.on[b-ll3djt0632] {
    color: var(--pbp-acc);
    border-color: var(--pbp-acc);
}
/* /Components/StatCell.razor.rz.scp.css */
.cell[b-mh50u68a6f] {
    padding: 9px 8px;
    text-align: center;
    background: var(--pbp-sur);
    border: 1px solid var(--pbp-bd);
    border-radius: var(--pbp-rad2);
}

b[b-mh50u68a6f] {
    display: block;
    font-family: var(--pbp-font-display);
    font-size: 16px;
    color: var(--pbp-acc);
}

span[b-mh50u68a6f] {
    font-size: 9.5px;
    color: var(--pbp-mut);
    letter-spacing: .4px;
}
/* /Layout/AdminPanel.razor.rz.scp.css */
.admin[b-th5ses336p] {
    display: none;
}

@media (min-width: 1280px) {
    .admin[b-th5ses336p] {
        display: block;
        align-self: start;
        position: sticky;
        top: 57px;
        max-height: calc(100dvh - 57px);
        overflow-y: auto;
        padding: 14px 14px 24px;
        border-left: 1px solid var(--pbp-bd);
        scrollbar-width: thin;
    }
}

.label[b-th5ses336p] {
    margin: 18px 2px 8px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: var(--pbp-mut);
}

.label:first-child[b-th5ses336p] {
    margin-top: 0;
}

.state[b-th5ses336p] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.uni[b-th5ses336p] {
    font-size: 10.5px;
    color: var(--pbp-mut);
}

.lifecycle[b-th5ses336p] {
    display: flex;
    gap: 5px;
}

.lifecycle button[b-th5ses336p] {
    flex: 1;
    padding: 6px 3px;
    border: 1px solid var(--pbp-bd);
    border-radius: var(--pbp-rad2);
    background: transparent;
    color: var(--pbp-ink);
    font: inherit;
    font-size: 10.5px;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color .15s, color .15s;
}

.lifecycle button:hover[b-th5ses336p] {
    border-color: var(--pbp-acc);
    color: var(--pbp-acc);
}

.stats[b-th5ses336p] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 9px;
    font-size: 10px;
    color: var(--pbp-mut);
}

.stats span[b-th5ses336p] {
    padding: 3px 8px;
    border: 1px solid var(--pbp-bd);
    border-radius: var(--pbp-rad2);
    white-space: nowrap;
}

.stats b[b-th5ses336p] {
    color: var(--pbp-ink);
}

/* NavLink renders the anchors, so they carry no scope attribute — hence ::deep. */
.admin[b-th5ses336p]  .admin-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding: 6px 9px;
    border-radius: var(--pbp-rad2);
    font-size: 12.5px;
    color: var(--pbp-ink);
    text-decoration: none;
}

.admin[b-th5ses336p]  .admin-link:hover {
    color: var(--pbp-acc);
}

.admin[b-th5ses336p]  .admin-link b {
    font-size: 10.5px;
    font-weight: 500;
    color: var(--pbp-mut);
}

.kw[b-th5ses336p] {
    width: 100%;
    margin: 6px 0;
    padding: 6px 9px;
    border: 1px solid var(--pbp-bd);
    border-radius: var(--pbp-rad2);
    background: var(--pbp-field);
    color: var(--pbp-ink);
    font: inherit;
    font-size: 11.5px;
    outline: none;
}

.kw:focus[b-th5ses336p] {
    border-color: var(--pbp-acc);
}

.exports[b-th5ses336p] {
    display: flex;
    gap: 6px;
    margin-top: 2px;
}

.exports button[b-th5ses336p] {
    flex: 1;
    padding: 6px 4px;
    border: 1px solid var(--pbp-bd);
    border-radius: var(--pbp-rad2);
    background: transparent;
    color: var(--pbp-ink);
    font: inherit;
    font-size: 11px;
    cursor: pointer;
    transition: border-color .15s, color .15s;
}

.exports button:hover[b-th5ses336p] {
    border-color: var(--pbp-acc);
    color: var(--pbp-acc);
}
/* /Layout/MainLayout.razor.rz.scp.css */
.pbp-app[b-avl7lovpvg] {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    background: var(--pbp-bg);
    color: var(--pbp-ink);
    font-family: var(--pbp-font-body);
    line-height: 1.55;
}

.pbp-body[b-avl7lovpvg] {
    flex: 1;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    min-height: 0;
}

.pbp-main[b-avl7lovpvg] {
    min-width: 0;
    padding: 16px 16px 88px;
}

/* Tablet and up: side navigation rail appears, bottom bar retires. */
@media (min-width: 960px) {
    .pbp-body[b-avl7lovpvg] {
        grid-template-columns: 240px minmax(0, 1fr);
    }

    .pbp-main[b-avl7lovpvg] {
        padding: 20px 24px 32px;
    }
}

/* Desktop: the admin / research column joins on the right. */
@media (min-width: 1280px) {
    .pbp-body[b-avl7lovpvg] {
        grid-template-columns: 240px minmax(0, 1fr) 288px;
    }
}
/* /Layout/NavRail.razor.rz.scp.css */
.rail[b-k6hzg7wyz8] {
    display: none;
}

@media (min-width: 960px) {
    .rail[b-k6hzg7wyz8] {
        display: block;
        align-self: start;
        position: sticky;
        top: 57px;
        max-height: calc(100dvh - 57px);
        overflow-y: auto;
        padding: 14px 12px;
        border-right: 1px solid var(--pbp-bd);
        scrollbar-width: thin;
    }
}

.group[b-k6hzg7wyz8] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 6px;
}

.label[b-k6hzg7wyz8] {
    margin: 16px 4px 6px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: var(--pbp-mut);
}

.label:first-child[b-k6hzg7wyz8] {
    margin-top: 0;
}

/* NavLink renders the anchors, so they carry no scope attribute — hence ::deep. */
.group[b-k6hzg7wyz8]  .link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 7px 10px;
    border-radius: var(--pbp-rad2);
    font-size: 13px;
    color: var(--pbp-ink);
    text-decoration: none;
}

.group[b-k6hzg7wyz8]  .link:hover {
    color: var(--pbp-acc);
}

.group[b-k6hzg7wyz8]  .link.active {
    background: color-mix(in srgb, var(--pbp-acc) 14%, transparent);
    color: var(--pbp-acc);
    font-weight: 600;
}

.group[b-k6hzg7wyz8]  .glyph {
    margin-right: 9px;
    font-size: 15px;
}

.primary[b-k6hzg7wyz8]  .link {
    justify-content: flex-start;
}

.group[b-k6hzg7wyz8]  .link b {
    font-weight: 500;
    font-size: 11px;
    color: var(--pbp-mut);
}

.group[b-k6hzg7wyz8]  .link.add {
    color: var(--pbp-acc);
    font-size: 12px;
}
/* /Layout/TabBar.razor.rz.scp.css */
.tabbar[b-8r6p9881oy] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    display: flex;
    background: var(--pbp-sur);
    border-top: 1px solid var(--pbp-bd);
    padding-bottom: env(safe-area-inset-bottom);
}

/* NavLink renders the anchors, so they carry no scope attribute — hence ::deep. */
.tabbar[b-8r6p9881oy]  .tab {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 8px 0 12px;
    font-size: 10px;
    letter-spacing: .3px;
    text-decoration: none;
    color: var(--pbp-mut);
}

.tabbar[b-8r6p9881oy]  .glyph {
    font-size: 16px;
    line-height: 1;
}

.tabbar[b-8r6p9881oy]  .label {
    max-width: 100%;
    padding: 0 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tabbar[b-8r6p9881oy]  .tab.active {
    color: var(--pbp-acc);
}

@media (min-width: 960px) {
    .tabbar[b-8r6p9881oy] {
        display: none;
    }
}
/* /Layout/TopBar.razor.rz.scp.css */
.topbar[b-e3khzeiuxj] {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    background: var(--pbp-sur);
    border-bottom: 1px solid var(--pbp-bd);
}

.wordmark[b-e3khzeiuxj] {
    font-family: var(--pbp-font-display);
    font-size: 18px;
    font-weight: 600;
    color: var(--pbp-ink);
    text-decoration: none;
    white-space: nowrap;
}

.grow[b-e3khzeiuxj] {
    flex: 1;
}

.icon-btn[b-e3khzeiuxj] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    flex: none;
    border: 1px solid var(--pbp-bd);
    border-radius: 999px;
    background: transparent;
    color: var(--pbp-mut);
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
    transition: border-color .15s, color .15s;
}

.icon-btn:hover[b-e3khzeiuxj] {
    border-color: var(--pbp-acc);
    color: var(--pbp-acc);
}
/* /Pages/Bios.razor.rz.scp.css */
h5[b-ny68r2dpjz] {
    margin: 0 0 6px;
    font-family: var(--pbp-font-display);
    font-size: 13.5px;
    font-weight: 600;
}

.count[b-ny68r2dpjz] {
    color: var(--pbp-acc);
    font-style: normal;
}

.status[b-ny68r2dpjz] {
    align-self: center;
    font-size: 11px;
    color: var(--pbp-mut);
}
/* /Pages/Canon.razor.rz.scp.css */
.canon-list a[b-ijlnkcljsx] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 10px;
    border-bottom: 1px solid var(--pbp-bd);
    font-size: 13px;
    color: var(--pbp-ink);
    text-decoration: none;
    cursor: pointer;
}

.canon-list a:hover[b-ijlnkcljsx] {
    color: var(--pbp-acc);
}

.canon-list b[b-ijlnkcljsx] {
    font-weight: 400;
    font-size: 11px;
    color: var(--pbp-mut);
    white-space: nowrap;
}
/* /Pages/Fame.razor.rz.scp.css */
.join[b-rw3etz6c4t] {
    margin-top: 13px;
}
/* /Pages/Home.razor.rz.scp.css */
.hero[b-pfk8s5spb1] {
    padding: 28px 4px 20px;
}

.kicker[b-pfk8s5spb1] {
    margin: 0 0 14px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--pbp-acc);
}

h1[b-pfk8s5spb1] {
    margin: 0;
    font-family: var(--pbp-font-display);
    font-size: clamp(1.9rem, 5vw, 3rem);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -.01em;
}

h1 em[b-pfk8s5spb1] {
    color: var(--pbp-acc);
    font-style: italic;
    font-weight: 400;
}

.lede[b-pfk8s5spb1] {
    max-width: 56ch;
    margin: 16px 0 0;
    color: var(--pbp-mut);
    font-size: 15px;
}

.cta[b-pfk8s5spb1] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.cards[b-pfk8s5spb1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
    margin-top: 18px;
}
/* /Pages/Marked.razor.rz.scp.css */
.kw[b-2b4cjc8bjq] {
    width: 100%;
    margin-bottom: 13px;
    padding: 6px 9px;
    border: 1px solid var(--pbp-bd);
    border-radius: var(--pbp-rad2);
    background: var(--pbp-field);
    color: var(--pbp-ink);
    font: inherit;
    font-size: 11.5px;
    outline: none;
}

.kw:focus[b-2b4cjc8bjq] {
    border-color: var(--pbp-acc);
}

.export-note[b-2b4cjc8bjq] {
    margin-top: 13px;
}
/* /Pages/Profile.razor.rz.scp.css */
.prof-head[b-d54ki8e4ag] {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 13px;
}

.prof-name[b-d54ki8e4ag] {
    font-family: var(--pbp-font-display);
    font-size: 19px;
    line-height: 1.15;
}

.prof-rank[b-d54ki8e4ag] {
    margin-top: 1px;
    font-size: 11px;
    color: var(--pbp-acc2);
    text-transform: uppercase;
    letter-spacing: .6px;
}

.xpbar[b-d54ki8e4ag] {
    width: 160px;
    height: 6px;
    margin-top: 7px;
    border-radius: 3px;
    background: var(--pbp-sur2);
    overflow: hidden;
}

.xpbar i[b-d54ki8e4ag] {
    display: block;
    width: 68%;
    height: 100%;
    background: var(--pbp-acc);
}

.statgrid[b-d54ki8e4ag] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
    gap: 8px;
    margin-bottom: 13px;
}
/* /Pages/Sandbox.razor.rz.scp.css */
.join[b-06g2aqlpu3] {
    margin-top: 13px;
}