#platne-expowiska-widget {
    font-family: "Inter", sans-serif;
    background: #15110d;
    color: #ece4d3;
    padding: 30px;
    border-radius: 4px;
    margin: 0;
    border: 1px solid rgba(201, 162, 39, 0.16);
}
#platne-expowiska-widget * { box-sizing: border-box; }
 
.pe-container { max-width: 1100px; margin: 0 auto; }
 
.pe-header { text-align: center; margin-bottom: 30px; }
.pe-header h1 {
    font-family: "Cinzel", serif;
    font-size: 1.9em;
    font-weight: 600;
    color: #ece4d3;
    margin: 0 0 12px;
}
.pe-header .description { font-size: 1em; color: #948c7a; max-width: 600px; margin: 0 auto 18px; line-height: 1.6; }
 
.ivory-bone-display {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #1b1611;
    padding: 8px 18px;
    border-radius: 20px;
    border: 1px solid rgba(201, 162, 39, 0.3);
    color: #e0b84a;
    font-weight: 600;
    font-size: 0.9em;
}
.ivory-bone-display img { width: 26px; height: 26px; filter: drop-shadow(0 0 6px rgba(224, 184, 74, 0.35)); }
 
.pe-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 14px;
    margin-bottom: 26px;
}
.pe-stat-card {
    background: #1b1611;
    border: 1px solid rgba(201, 162, 39, 0.16);
    padding: 16px;
    border-radius: 4px;
    text-align: center;
}
.pe-stat-number { font-size: 1.6em; font-weight: 700; color: #e0b84a; display: block; font-family: "Cinzel", serif; }
.pe-stat-label { font-size: 0.78em; color: #948c7a; text-transform: uppercase; letter-spacing: 0.05em; margin-top: 4px; }
 
.pe-controls-bar {
    background: #1b1611;
    padding: 14px;
    border-radius: 4px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
    border: 1px solid rgba(201, 162, 39, 0.16);
}
 
.pe-search-wrapper { flex: 1; min-width: 260px; position: relative; }
.pe-search-wrapper input {
    width: 100%;
    background: #0b0908;
    border: 1px solid rgba(201, 162, 39, 0.3);
    padding: 11px 16px 11px 42px;
    border-radius: 3px;
    color: #ece4d3;
    outline: none;
}
.pe-search-wrapper input::placeholder { color: #948c7a; }
.pe-search-wrapper input:focus-visible { border-color: #e0b84a; }
.pe-search-icon { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #948c7a; }
 
.pe-filters { display: flex; gap: 8px; flex-wrap: wrap; }
.pe-filter-btn {
    background: #0b0908;
    border: 1px solid rgba(201, 162, 39, 0.2);
    color: #948c7a;
    padding: 8px 14px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.85em;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.pe-filter-btn:hover { color: #ece4d3; border-color: rgba(201, 162, 39, 0.4); }
.pe-filter-btn.active { background: #ab8226; border-color: #ab8226; color: #14100a; }
 
.pe-table-wrapper {
    background: #1b1611;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid rgba(201, 162, 39, 0.16);
}
.pe-table { width: 100%; border-collapse: collapse; text-align: left; }
.pe-table th {
    background: #0b0908;
    padding: 14px 16px;
    color: #948c7a;
    font-size: 0.78em;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.pe-table td { padding: 14px 16px; border-bottom: 1px solid rgba(201, 162, 39, 0.1); color: #ece4d3; }
.pe-table tr:last-child td { border-bottom: none; }
.pe-table tr:hover td { background: rgba(201, 162, 39, 0.04); }
 
.badge { padding: 4px 10px; border-radius: 3px; font-size: 0.72em; font-weight: 700; text-transform: uppercase; }
.badge-exp   { background: rgba(47, 158, 106, 0.12); color: #2f9e6a; border: 1px solid rgba(47, 158, 106, 0.3); }
.badge-quest { background: rgba(201, 162, 39, 0.12); color: #e0b84a; border: 1px solid rgba(201, 162, 39, 0.3); }
 
.level-val { font-family: "Courier New", monospace; font-weight: 700; font-size: 1.05em; }
.lvl-low { color: #2f9e6a; }
.lvl-mid { color: #e0b84a; }
.lvl-high { color: #b8402f; }
 
.cost-box { display: inline-flex; align-items: center; gap: 6px; background: #0b0908; padding: 4px 10px; border-radius: 3px; }
.cost-box img { width: 16px; height: 16px; }
 
.pe-empty { padding: 40px; text-align: center; color: #948c7a; }
 
.pe-footer { margin-top: 26px; text-align: center; }
.pe-btn-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #948c7a;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease;
}
.pe-btn-back:hover { color: #e0b84a; }
 
@media (max-width: 768px) {
    .pe-header h1 { font-size: 1.5em; }
    .pe-controls-bar { flex-direction: column; align-items: stretch; }
    .pe-stats { grid-template-columns: 1fr 1fr; }
}