.pwb-page{
    --pwb-ember:#e5483b;
    --pwb-ember-wash:color-mix(in srgb,#e5483b 14%,transparent);
    max-width:980px;
}
.pwb-hero{
    margin:8px 0 18px;
}
.pwb-title{
    font-family:var(--font-display);
    font-size:clamp(30px,6vw,46px);
    letter-spacing:.02em;
    margin:0;
    color:var(--fg);
}
.pwb-title::after{
    content:"";
    display:block;
    width:56px;
    height:3px;
    margin-top:10px;
    background:var(--pwb-ember);
    border-radius:2px;
}
.pwb-page h2{
    font-size:18px;
    margin:26px 0 12px;
    color:var(--fg);
}
.pwb-card{
    margin-bottom:8px;
}
.pwb-form{
    display:grid;
    gap:14px;
}
.pwb-form label{
    display:grid;
    gap:6px;
    font-size:13px;
    color:var(--fg-dim);
}
.pwb-form input,.pwb-form select,.pwb-form textarea{
    width:100%;
    box-sizing:border-box;
    padding:11px 12px;
    border-radius:var(--r-s);
    border:1px solid var(--border-2);
    background:var(--bg-deep);
    color:var(--fg);
    font:15px/1.35 var(--font-ui);
}
.pwb-form textarea{
    resize:vertical;
    min-height:58px;
}
.pwb-form input:focus,.pwb-form select:focus,.pwb-form textarea:focus{
    outline:none;
    border-color:var(--pwb-ember);
    box-shadow:0 0 0 3px var(--pwb-ember-wash);
}
.pwb-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.pwb-players{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    max-height:176px;
    overflow:auto;
    padding:2px;
}
.pwb-pl{
    appearance:none;
    border:1px solid var(--border-2);
    background:var(--surface-2);
    color:var(--fg);
    border-radius:999px;
    padding:7px 13px;
    font:600 13.5px/1.1 var(--font-ui);
    cursor:pointer;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.pwb-pl[aria-selected="true"]{
    border-color:var(--pwb-ember);
    background:var(--pwb-ember-wash);
    color:var(--fg);
}
.pwb-pl:disabled{
    opacity:.42;
    cursor:not-allowed;
}
.pwb-empty{
    font-size:13px;
    color:var(--fg-mute);
}
.pwb-out{
    min-height:1.3em;
    margin:0;
    font-size:14px;
    color:var(--fg-dim);
}
.pwb-out.bad{
    color:var(--bad);
}
.pwb-out.good{
    color:var(--fg);
}
.pwb-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
    gap:14px;
}
.pwb-b{
    display:grid;
    gap:8px;
    border-top:3px solid var(--pwb-ember);
}
.pwb-b.on-me{
    box-shadow:0 0 0 1px var(--pwb-ember),var(--lift-1);
}
.pwb-b h3{
    margin:0;
    font-size:19px;
    color:var(--fg);
    overflow-wrap:anywhere;
}
.pwb-reward{
    font:700 22px/1 var(--font-display);
    color:var(--pwb-ember);
    letter-spacing:.02em;
}
.pwb-left{
    font:600 14px/1 var(--font-mono);
    color:var(--fg);
}
.pwb-reason{
    margin:0;
    font-size:14px;
    color:var(--fg-dim);
    overflow-wrap:anywhere;
}
.pwb-by{
    margin:0;
    font-size:12.5px;
    color:var(--fg-mute);
}
.pwb-acts{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}
.pwb-acts .btn{
    margin-top:0;
    padding:8px 14px;
    font-size:13px;
}
.pwb-list{
    display:grid;
    gap:8px;
}
.pwb-line{
    display:flex;
    flex-wrap:wrap;
    gap:6px 14px;
    align-items:center;
    padding:10px 12px;
    border:1px solid var(--border);
    border-radius:var(--r-s);
    background:var(--surface);
    font-size:14px;
    color:var(--fg-dim);
}
.pwb-line b{
    color:var(--fg);
}
.pwb-line .pwb-reason{
    flex-basis:100%;
}
@media (max-width:560px){
    .pwb-row{
        grid-template-columns:1fr;
    }
    .pwb-grid{
        grid-template-columns:1fr;
    }
}
@media (prefers-reduced-motion:reduce){
    .pwb-pl{
        transition:none;
    }
}