.pd-find-search-form { flex: 1 1 240px; min-width: 200px; display: flex; }
.pd-find-filterbar { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.pd-find-toolbar-tail { display: flex; align-items: center; gap: 8px; margin-left: auto; }

.pd-dd { position: relative; }
.pd-dd__sum {
    list-style: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font: 600 11px/1 system-ui, sans-serif;
    color: var(--pd-text-body);
    border: 1px solid var(--pd-border-strong);
    border-radius: 9px;
    padding: 10px 12px;
    min-height: 40px;
    cursor: pointer;
    white-space: nowrap;
    user-select: none;
}
.pd-dd__sum::-webkit-details-marker { display: none; }
.pd-dd__sum::marker { content: ""; }
.pd-dd.is-active .pd-dd__sum {
    border-color: var(--pd-accent);
    color: var(--pd-accent-text);
    background-color: var(--pd-accent-tint);
}
.pd-dd__chev { font-size: 9px; color: var(--pd-text-muted); transition: transform 0.15s ease; }
.pd-dd[open] .pd-dd__chev { transform: rotate(180deg); }
.pd-dd.is-active .pd-dd__chev { color: var(--pd-accent-text); }

.pd-dd__menu {
    position: absolute;
    z-index: 40;
    top: calc(100% + 6px);
    left: 0;
    min-width: 210px;
    max-height: 300px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 6px;
    background-color: var(--pd-bg-card);
    border: 1px solid var(--pd-border-strong);
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
}
.pd-dd__menu--tall { max-height: 360px; }

.pd-dd__opt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 8px 10px;
    border-radius: 7px;
    font: 500 11.5px/1.2 system-ui, sans-serif;
    color: var(--pd-text-body);
    text-decoration: none;
}
.pd-dd__opt:hover { background-color: var(--pd-bg-card-hd); text-decoration: none; }
.pd-dd__opt.is-on { color: var(--pd-accent-text); background-color: var(--pd-accent-tint); }
.pd-dd__opt-c { font: 600 10px/1 ui-monospace, Menlo, monospace; color: var(--pd-text-muted); flex: none; }

.pd-dd-range { display: flex; align-items: center; gap: 6px; }
.pd-dd-range-in {
    width: 74px;
    border: 1px solid var(--pd-border-strong);
    border-radius: 7px;
    background-color: var(--pd-bg-card-hd);
    color: var(--pd-text-body);
    font: 500 11px/1 ui-monospace, Menlo, monospace;
    padding: 8px 9px;
    outline: none;
}
.pd-dd-range-go {
    font: 600 11px/1 system-ui, sans-serif;
    color: #fff;
    background-color: var(--pd-accent);
    border: none;
    border-radius: 7px;
    padding: 9px 13px;
    cursor: pointer;
}

.pd-find-table {
    margin-top: 12px;
    border: 1px solid var(--pd-border);
    border-radius: 12px;
    overflow: hidden;
    background-color: var(--pd-bg-card);
}

.pd-frow-head {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) 90px 66px 112px 92px 168px;
    gap: 12px;
    align-items: center;
    padding: 11px 16px;
    background-color: var(--pd-bg-card-hd);
    font: 600 9.5px/1 ui-monospace, Menlo, monospace;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--pd-text-muted);
}
.pd-frow-head--demand {
    grid-template-columns: 36px minmax(0, 1fr) 90px 66px 112px 92px 84px 168px;
}
.pd-frow-th { color: inherit; text-decoration: none; white-space: nowrap; }
.pd-frow-th--sort { cursor: pointer; }
.pd-frow-th--sort::after { content: " \2195"; opacity: 0.4; }
.pd-frow-th--sort:hover { color: var(--pd-text-body); }
.pd-frow-th--sort.is-sorted { color: var(--pd-accent-text); }
.pd-frow-th--sort.is-sorted::after { content: " \25BE"; opacity: 1; }
.pd-frow-th--actions { text-align: right; }

.pd-frow { display: block; background-color: var(--pd-bg-row); border-top: 1px solid var(--pd-border-soft); }
.pd-frow:hover { background-color: var(--pd-bg-card-hd); }

.pd-frow-main {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) 90px 66px 112px 92px 168px;
    gap: 12px;
    align-items: center;
    padding: 9px 16px;
}
.pd-frow--demand .pd-frow-main {
    grid-template-columns: 36px minmax(0, 1fr) 90px 66px 112px 92px 84px 168px;
}

.pd-frow-thumb {
    width: 32px;
    height: 32px;
    border-radius: 7px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--pd-bg-avatar);
    flex: none;
}
.pd-frow-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pd-frow-thumb-i { font: 800 10px/1 ui-monospace, Menlo, monospace; color: var(--pd-logo-ph-text); }

.pd-frow-game { min-width: 0; display: flex; flex-direction: column; gap: 3px; padding-right: 8px; }
.pd-frow-name {
    font: 600 12.5px/1.2 system-ui, sans-serif;
    color: var(--pd-text-body);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pd-frow-name:hover { color: var(--pd-accent-text); }
.pd-frow-slug {
    font: 400 9px/1 ui-monospace, Menlo, monospace;
    color: var(--pd-text-ghost);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pd-frow-cell { min-width: 0; font: 500 11px/1.3 system-ui, sans-serif; color: var(--pd-text-sec); }
.pd-frow-lbl { display: none; }
.pd-frow-released { font: 500 10.5px/1.3 ui-monospace, Menlo, monospace; color: var(--pd-text-dim); }
.pd-frow-rtp-v { font: 700 12px/1 ui-monospace, Menlo, monospace; color: var(--pd-success); }
.pd-frow-maxwin { font-family: ui-monospace, Menlo, monospace; color: var(--pd-text-body); }
.pd-frow-x { color: var(--pd-text-ghost); margin-left: 1px; }
.pd-frow-demand-v { font: 700 11px/1 ui-monospace, Menlo, monospace; color: var(--pd-text-body); }
.pd-frow-permo { font: 400 8.5px/1 ui-monospace, Menlo, monospace; color: var(--pd-text-ghost); }
.pd-frow-dash { color: var(--pd-text-ghost); }

.pd-frow-vol { font-weight: 600; }
.pd-frow-vol--0 { color: var(--pd-text-ghost); }
.pd-frow-vol--1, .pd-frow-vol--2 { color: var(--pd-success); }
.pd-frow-vol--3, .pd-frow-vol--4 { color: #d99a2b; }
.pd-frow-vol--5, .pd-frow-vol--6 { color: var(--pd-danger); }

.pd-frow-actions { display: flex; gap: 5px; justify-content: flex-end; align-items: center; }
.pd-fab {
    display: inline-flex;
    align-items: center;
    font: 600 10px/1 system-ui, sans-serif;
    border: 1px solid var(--pd-border-strong);
    border-radius: 6px;
    background: transparent;
    color: var(--pd-text-body);
    padding: 7px 9px;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
}
.pd-fab--demo { background-color: var(--pd-accent); border-color: var(--pd-accent); color: #fff; }
.pd-fab--demo:hover { filter: brightness(1.07); }
.pd-fab--off { background-color: var(--pd-bg-track); border-color: var(--pd-border); color: var(--pd-text-ghost); cursor: default; }
.pd-fab--icon { color: var(--pd-text-dim); padding: 7px 8px; }
.pd-fab--icon:hover { border-color: var(--pd-accent); color: var(--pd-accent-text); text-decoration: none; }
.pd-fab--go { font-weight: 700; }

.pd-keypeople {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 16px;
    margin: 14px 48px 6px;
    padding: 10px 16px;
    background-color: var(--pd-bg-card-hd);
    border: 1px solid var(--pd-border);
    border-radius: 11px;
}
.pd-keypeople__label {
    font: 700 9px/1 ui-monospace, Menlo, monospace;
    letter-spacing: 0.1em;
    color: var(--pd-text-muted);
    flex: none;
}
.pd-keypeople__list { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 18px; min-width: 0; }
.pd-keypeople__person { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; min-width: 0; }
.pd-keypeople__avatar {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--pd-bg-avatar);
    color: var(--pd-logo-ph-text);
    font: 700 9px/1 ui-monospace, Menlo, monospace;
    flex: none;
}
.pd-keypeople__avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pd-keypeople__name { font: 600 11px/1.2 system-ui, sans-serif; color: var(--pd-text-body); white-space: nowrap; flex: none; }
.pd-keypeople__role { font: 400 10px/1.2 system-ui, sans-serif; color: var(--pd-text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pd-keypeople__person:hover .pd-keypeople__name { color: var(--pd-accent-text); }
.pd-keypeople__meta { margin-left: auto; font: 400 10.5px/1.3 system-ui, sans-serif; color: var(--pd-text-dim); flex: none; }
.pd-keypeople__meta a { color: var(--pd-accent-text); text-decoration: none; }
.pd-keypeople__meta a:hover { text-decoration: underline; }

@media (max-width: 900px) {
    .pd-keypeople { margin: 12px 24px 6px; flex-direction: column; align-items: flex-start; }
    .pd-keypeople__list { flex-direction: column; align-items: flex-start; gap: 9px; }
    .pd-keypeople__meta { margin-left: 0; }
    .pd-frow-head { display: none; }
    .pd-frow-main,
    .pd-frow--demand .pd-frow-main {
        grid-template-columns: none;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px 16px;
        padding: 12px 14px;
    }
    .pd-frow-game { flex: 1 1 auto; }
    .pd-frow-cell { flex: 0 0 auto; }
    .pd-frow-lbl {
        display: block;
        font: 600 8.5px/1 ui-monospace, Menlo, monospace;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--pd-text-ghost);
        margin-bottom: 3px;
    }
    .pd-frow-actions { flex: 1 1 100%; justify-content: flex-start; flex-wrap: wrap; }
    .pd-find-toolbar-tail { margin-left: 0; }
}

@media (max-width: 375px) {
    .pd-keypeople { margin: 4px 16px 0; }
}

.pd-filters-cb { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; margin: 0; }
.pd-find-filters__sum { display: none; }
.pd-find-filters-count { display: none; }

@media (max-width: 900px) {
    .pd-find-filters__sum {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        width: 100%;
        font: 600 12px/1 system-ui, sans-serif;
        color: var(--pd-text-body);
        border: 1px solid var(--pd-border-strong);
        border-radius: 9px;
        padding: 12px 14px;
        min-height: 44px;
        background: transparent;
        cursor: pointer;
    }
    .pd-filters-cb:checked ~ .pd-find-filters__sum {
        border-color: var(--pd-accent);
        color: var(--pd-accent-text);
    }
    .pd-find-filters-count {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 16px;
        height: 16px;
        padding: 0 4px;
        font: 700 9.5px/1 ui-monospace, Menlo, monospace;
        color: #fff;
        background-color: var(--pd-accent);
        border-radius: 8px;
    }
    .pd-find-filterbar {
        display: none;
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        margin-top: 8px;
    }
    .pd-filters-cb:checked ~ .pd-find-filterbar { display: flex; }
    .pd-find-filterbar .pd-dd { width: 100%; }
    .pd-find-filterbar .pd-dd__sum { width: 100%; justify-content: space-between; }
    .pd-find-filterbar .pd-dd__menu {
        position: static;
        box-shadow: none;
        margin-top: 4px;
        max-height: 240px;
        min-width: 0;
    }
    .pd-find-filterbar .pd-dd__menu--range { max-height: none; }
}