/* Wyzwanie tygodnia i aplikacja offline symulatora (01.11.2026). Kolory ze zmiennych strony: działa w trybie jasnym i ciemnym. */
.sim-tab.simw-tab{background:linear-gradient(135deg,rgba(245,177,42,.18),rgba(229,56,154,.14)),var(--ink-3);color:var(--cream)}
.sim-tab.simw-tab.on{background:var(--bolt);color:var(--ink)}
.simw-card{margin:6px 0 4px;padding:14px 16px;border-radius:14px;background:var(--ink-2);box-shadow:var(--edge)}
.simw-card .sim-next{margin:0 0 8px}
.simw-best{margin:0 0 10px;font-size:15px}
.simw-left{margin:0}
.simw-pos{margin:10px 0 4px;font-size:15px}
.simw-pos b{color:var(--bolt);font-size:18px}
.simw-top li.me{background:rgba(245,177,42,.14);border-radius:6px;padding-left:6px;padding-right:6px}
/* aplikacja offline: pasek pod symulatorem */
.simapp{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:12px 0 4px;padding:10px 14px;border-radius:12px;background:var(--ink-2);box-shadow:var(--edge);font-size:14.5px}
.simapp p{margin:0;flex:1 1 220px;color:var(--cream-dim)}
.simapp .btn{padding:10px 16px;font-size:15px}
.simapp.off{box-shadow:inset 0 0 0 1.5px #ffb347}
html[data-theme=light] .sim-tab.simw-tab.on{color:#141210}
html[data-theme=light] .simw-pos b{color:var(--bolt-ink)}
html[data-theme=light] .simw-top li.me{background:rgba(245,177,42,.28)}
html[data-theme=light] .simapp.off{box-shadow:inset 0 0 0 1.5px #a35200}
@media (max-width:560px){.sim-tab.simw-tab{flex:1 1 100%}}
