.demo-toolbar{padding:12px 20px;background:#fff3cd;color:#493b0b;display:flex;flex-wrap:wrap;gap:12px;align-items:center;font:14px Arial}.demo-toolbar button{padding:8px 12px;background:white;border:1px solid #b6a668;border-radius:8px;color:#17283b;cursor:pointer}.progression-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%}.pot-level-picker{display:block!important}.pot-level-picker[hidden]{display:none!important}.progression-card{background:#102540;padding:22px;border:1px solid #2a645d;border-radius:18px;display:flex;flex-direction:column;gap:12px}.progression-card h3{color:#22dd9a;margin:0}.progression-card p{flex:1}.progression-card.locked{border-color:#455066;opacity:.8}.progression-card button:disabled{background:#354256;color:#c4ccda;cursor:not-allowed}.progression-result{margin:28px 0;padding:22px;background:#102540;border-radius:18px}.reward-badge{display:inline-flex;vertical-align:top;flex-direction:column;width:min(100%,340px);gap:12px;padding:18px;margin:14px;border:1px solid #20b889;border-radius:20px;background:#102540}.reward-badge canvas{width:100%;height:auto;border-radius:12px}.reward-badge button{white-space:normal}.reward-badge p{margin:0}@media(max-width:700px){.progression-cards{grid-template-columns:1fr}.reward-badge{margin:12px 0}.demo-toolbar{font-size:12px}}
.progression-card,.progression-card p,.progression-card strong,.reward-badge p,.progression-result{color:#e8f4f8!important}.progression-card h3{color:#22dd9a!important}