/* Radio Mazurskie – aplikacja. Kolory przychodzą ze zmiennych :root (panel: Wygląd i teksty); poniżej wartości zapasowe. */
:root{
  --rma-bg-top:#0b3a48;--rma-bg-bottom:#0a2530;--rma-surface:#0d4a5a;--rma-text:#e4f1ef;--rma-muted:#b6d2d2;
  --rma-accent:#e0a521;--rma-accent-2:#f2c24f;--rma-glow:#3d8bff;--rma-link:#a8cbff;--rma-danger:#ffb4a6;--rma-tile:#f0f7f5;
  --rma-line:rgba(228,241,239,.14);--rma-soft:rgba(228,241,239,.07);--rma-soft-2:rgba(228,241,239,.12);
  --rma-r:16px;--rma-nav-h:64px;--rma-mini-h:88px;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--rma-bg-bottom);color:var(--rma-text);font:16px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
body{overflow:hidden;background:linear-gradient(180deg,var(--rma-bg-top),var(--rma-bg-bottom) 80%) fixed}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
a{color:var(--rma-link)}
h1,h2,h3,p{margin:0}
:focus-visible{outline:3px solid var(--rma-link);outline-offset:2px}
.rma-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ramka aplikacji */
.rma{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:760px;margin:0 auto;position:relative}
.rma-top{flex:none;display:flex;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 10px}
.rma-top__logo{width:40px;height:40px;border-radius:12px;flex:none}
.rma-top__title{font-size:1.2rem;line-height:1.15;font-weight:800;letter-spacing:.01em}
.rma-top__tag{font-size:.82rem;color:var(--rma-muted)}
.rma-main{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 16px 28px;scroll-behavior:auto}
.rma-main:focus{outline:none}
.rma-loading,.rma-noscript{padding:40px 0;text-align:center;color:var(--rma-muted)}
.rma-dock{flex:none;background:linear-gradient(180deg,rgba(10,37,48,.0),var(--rma-bg-bottom) 18%);position:relative;z-index:5}
.rma-nav{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rma-line);background:var(--rma-bg-bottom);padding-bottom:env(safe-area-inset-bottom,0px)}
.rma-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--rma-nav-h);padding:6px 4px;color:var(--rma-muted);text-decoration:none;font-size:.75rem;font-weight:600;position:relative}
.rma-nav__item[aria-current="page"]{color:var(--rma-accent-2)}
.rma-nav__item[aria-current="page"]::before{content:"";position:absolute;top:-1px;left:30%;right:30%;height:3px;border-radius:0 0 3px 3px;background:var(--rma-accent)}

/* widoki */
.rma-view{animation:rma-fade .18s ease-out}
@keyframes rma-fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.rma-h2{font-size:1.35rem;font-weight:800;margin:6px 0 4px}
.rma-lead{color:var(--rma-muted);margin-bottom:14px}
.rma-note{margin:14px 0 4px;color:var(--rma-muted);font-size:.8rem;text-align:center}
.rma-banner{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:6px 0 12px;padding:10px 14px;border-radius:12px;background:var(--rma-soft-2);font-size:.9rem}
.rma-banner>:first-child{flex:1 1 220px;min-width:0}
.rma-banner--warn{border:1px solid var(--rma-accent)}
.rma-banner button{flex:none}
.rma-banner__act{display:flex;gap:8px;flex:none}

/* wyszukiwarka i przełącznik */
.rma-search{position:relative;margin:6px 0 10px}
.rma-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--rma-muted);pointer-events:none}
.rma-search input{width:100%;height:48px;border-radius:14px;border:1px solid var(--rma-line);background:var(--rma-soft-2);padding:0 14px 0 44px;color:var(--rma-text)}
.rma-search input::placeholder{color:var(--rma-muted)}

/* sekcje regionów */
.rma-reg{margin:0 0 6px}
.rma-reg__head{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:6px 2px;border:0;background:transparent;text-align:left}
.rma-reg__name{font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--rma-accent-2)}
.rma-reg__count{font-size:.8rem;color:var(--rma-muted)}
.rma-reg__line{flex:1;height:1px;background:var(--rma-line)}
.rma-reg__chev{color:var(--rma-muted);transition:transform .18s}
.rma-reg__head[aria-expanded="false"] .rma-reg__chev{transform:rotate(-90deg)}
.rma-reg__body[hidden]{display:none}
.rma-list{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:8px}

/* wiersz radia */
.rma-row{display:grid;grid-template-columns:minmax(0,1fr) 44px 48px;gap:4px;align-items:center;padding:6px 8px 6px 6px;border-radius:var(--rma-r);background:var(--rma-soft);border:1px solid var(--rma-line);min-height:68px}
.rma-row.is-current{background:var(--rma-soft-2);border-color:var(--rma-accent)}
.rma-row__main{display:flex;align-items:center;gap:12px;min-width:0;text-align:left;background:transparent;border:0;padding:0 4px;min-height:56px;border-radius:12px}
.rma-logo{flex:none;width:52px;height:52px;border-radius:13px;background:var(--rma-tile);display:flex;align-items:center;justify-content:center;overflow:hidden}
.rma-logo img{width:100%;height:100%;object-fit:contain;display:block}
.rma-logo--ph{color:#0b3a48;font-weight:800;font-size:1.1rem}
.rma-row__txt{min-width:0;display:grid;gap:1px}
.rma-row__name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rma-row__sub{font-size:.84rem;line-height:1.3;color:var(--rma-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.rma-chip{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;font-size:.72rem;font-weight:700;background:rgba(255,180,166,.16);color:var(--rma-danger);vertical-align:1px}
.rma-iconbtn{width:44px;height:44px;border-radius:50%;border:0;background:transparent;color:var(--rma-text);display:inline-flex;align-items:center;justify-content:center;flex:none}
.rma-iconbtn[aria-pressed="true"]{color:var(--rma-accent-2)}
.rma-play{width:46px;height:46px;border-radius:50%;border:0;background:var(--rma-accent);color:#0a2530;display:inline-flex;align-items:center;justify-content:center;flex:none;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.rma-play--big{width:72px;height:72px}

/* miasta powiatowe */
.rma-cgroup{margin:14px 0 8px;font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--rma-accent-2);display:flex;gap:10px;align-items:center}
.rma-cgroup::after{content:"";flex:1;height:1px;background:var(--rma-line)}
.rma-city{margin:0 0 12px}
.rma-city__head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 2px 6px}
.rma-city__name{font-size:1.05rem;font-weight:800}
.rma-city__pow{font-size:.84rem;color:var(--rma-muted)}
.rma-city--empty{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:var(--rma-r);border:1px dashed var(--rma-line);min-height:56px;margin-bottom:8px}
.rma-city--empty .rma-city__head{margin:0;flex:1;min-width:0;display:grid;gap:0}
.rma-city__none{font-size:.84rem;color:var(--rma-muted)}
.rma-link{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;font-weight:700;color:var(--rma-accent-2);text-decoration:none;white-space:nowrap}
.rma-link:hover{text-decoration:underline}

/* mapa */
.rma-map{width:100%;aspect-ratio:1.5;max-height:64vh;min-height:230px;position:relative;border-radius:var(--rma-r);background:rgba(0,0,0,.18);border:1px solid var(--rma-line);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}
.rma-map__svg{display:block;width:100%;height:100%;cursor:grab}
.rma-map__svg:active{cursor:grabbing}
.rma-map__outline{fill:rgba(228,241,239,.07);stroke:rgba(228,241,239,.55);stroke-linejoin:round}
.rma-map__lake{fill:rgba(61,139,255,.28);stroke:rgba(156,196,255,.45)}
.rma-map__reg{fill:var(--rma-text);opacity:.2;font-weight:800;letter-spacing:.18em;text-anchor:middle;pointer-events:none;font-size:13px}
.rma-pin{cursor:pointer;outline:none}
.rma-pin__dot{fill:var(--rma-accent);stroke:var(--rma-bg-bottom);stroke-width:2}
.rma-pin--none .rma-pin__dot{fill:var(--rma-bg-bottom);stroke:var(--rma-text);stroke-width:1.8}
.rma-pin--small .rma-pin__dot{stroke-width:1.5}
.rma-pin__ring{fill:none;stroke:var(--rma-glow);stroke-width:3;opacity:0}
.rma-pin.is-sel .rma-pin__ring{opacity:1}
.rma-pin:focus-visible .rma-pin__ring{opacity:1;stroke:var(--rma-link)}
.rma-pin__hit{fill:transparent}
.rma-pin__label{fill:var(--rma-text);font-size:11px;font-weight:700;paint-order:stroke;stroke:var(--rma-bg-bottom);stroke-width:3.5px;stroke-linejoin:round;pointer-events:none}
.rma-pin--none .rma-pin__label{font-weight:600;fill:var(--rma-muted)}
.rma-map__ctl{display:flex;gap:6px}
.rma-map__note{position:absolute;right:10px;bottom:6px;font-size:.7rem;color:var(--rma-muted);pointer-events:none}
.rma-map__keys{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}
.rma-map__ctlhost{flex:none}
.rma-map__ctl button{width:44px;height:44px;border-radius:12px;border:1px solid var(--rma-line);background:rgba(10,37,48,.82);color:var(--rma-text);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;line-height:1}
.rma-map__ctl button[disabled]{opacity:.4;cursor:default}
.rma-map__legend{display:flex;gap:8px 12px;align-items:center;justify-content:space-between;margin:8px 0 12px;font-size:.82rem;color:var(--rma-muted)}
.rma-map__legend span{display:inline-flex;align-items:center;gap:7px}
.rma-dot{width:13px;height:13px;border-radius:50%;background:var(--rma-accent);border:2px solid var(--rma-bg-bottom);display:inline-block}
.rma-dot--none{background:transparent;border:2px solid var(--rma-text)}
.rma-card{padding:14px;border-radius:var(--rma-r);background:var(--rma-soft);border:1px solid var(--rma-line)}
.rma-card--hint{text-align:center;color:var(--rma-muted)}
.rma-card__head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.rma-card__title{font-size:1.1rem;font-weight:800}
.rma-card__sub{font-size:.84rem;color:var(--rma-muted)}
.rma-card__invite{display:flex;align-items:center;justify-content:space-between;gap:10px}
.rma-card .rma-list{margin:0}

/* mini-odtwarzacz */
.rma-mini{display:grid;grid-template-columns:minmax(0,1fr) 52px;align-items:center;gap:4px;margin:0 8px 6px;padding:6px 8px 6px 6px;min-height:var(--rma-mini-h);border-radius:18px;background:var(--rma-surface);border:1px solid var(--rma-line);box-shadow:0 6px 24px rgba(0,0,0,.35)}
.rma-mini__open{display:flex;align-items:center;gap:12px;min-width:0;border:0;background:transparent;text-align:left;padding:0 4px;min-height:52px;border-radius:12px}
.rma-mini .rma-logo{width:48px;height:48px}
.rma-mini__txt{min-width:0;display:grid}
.rma-mini__name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rma-mini__sub{font-size:.8rem;color:var(--rma-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rma-eq{display:inline-flex;gap:2px;align-items:flex-end;height:11px;margin-right:6px;vertical-align:-1px}
.rma-eq i{display:block;width:3px;background:var(--rma-accent-2);border-radius:1px;animation:rma-eq 1s ease-in-out infinite}
.rma-eq i:nth-child(1){height:5px;animation-delay:-.4s}.rma-eq i:nth-child(2){height:10px;animation-delay:-.1s}.rma-eq i:nth-child(3){height:7px;animation-delay:-.7s}
@keyframes rma-eq{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}
.rma-eq i{transform-origin:bottom}

/* pełny odtwarzacz */
.rma-sheet{position:fixed;inset:0;z-index:40;display:flex;justify-content:center;background:linear-gradient(180deg,var(--rma-bg-top),var(--rma-bg-bottom));animation:rma-up .22s ease-out;overflow-y:auto;overscroll-behavior:contain;align-items:flex-start}
.rma-sheet.is-closing{animation:rma-down .18s ease-in forwards;pointer-events:none}
@keyframes rma-down{to{transform:translateY(100%);opacity:.6}}
@keyframes rma-up{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
.rma-pl{width:100%;max-width:520px;min-height:100%;padding:calc(env(safe-area-inset-top,0px) + 8px) 20px calc(env(safe-area-inset-bottom,0px) + 18px);display:flex;flex-direction:column;align-items:center}
.rma-pl{transition:transform .18s ease}
.rma-pl__bar{width:100%;display:flex;justify-content:space-between;align-items:center;position:relative;min-height:48px}
.rma-drag{touch-action:none}
.rma-pl__cover{transition:transform .18s ease}
.rma-pl__grab{position:absolute;left:50%;top:4px;width:44px;height:5px;border-radius:3px;background:var(--rma-line);transform:translateX(-50%);pointer-events:none}
.rma-pl__cover{width:min(62vw,240px);aspect-ratio:1;max-height:30vh;border-radius:28px;background:var(--rma-tile);display:flex;align-items:center;justify-content:center;overflow:hidden;margin:8px 0 14px;box-shadow:0 14px 40px rgba(0,0,0,.4)}
.rma-pl__cover img{width:100%;height:100%;object-fit:contain}
.rma-pl__cover.rma-logo--ph{font-size:5rem;font-weight:800;color:#0b3a48}
.rma-pl__name{font-size:1.5rem;font-weight:800;text-align:center;line-height:1.15}
.rma-pl__city{color:var(--rma-muted);text-align:center;margin-top:2px}
.rma-pl__meta{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:8px}
.rma-tag{padding:2px 10px;border-radius:999px;background:var(--rma-soft-2);font-size:.78rem;color:var(--rma-text)}
.rma-pl__now{width:100%;margin-top:14px;padding:10px 14px;border-radius:14px;background:var(--rma-soft);border:1px solid var(--rma-line);text-align:center;min-height:62px}
.rma-pl__now small{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rma-accent-2);font-weight:800}
.rma-pl__now b{display:block;overflow-wrap:anywhere}
.rma-pl__status{min-height:1.5em;margin-top:10px;font-size:.9rem;color:var(--rma-muted);text-align:center}
.rma-pl__status.is-err{color:var(--rma-danger)}
.rma-pl__ctl{display:flex;align-items:center;justify-content:center;gap:22px;margin:8px 0 6px}
.rma-pl__ctl .rma-iconbtn{width:52px;height:52px}
.rma-pl__row{width:100%;display:flex;align-items:center;gap:8px;margin-top:6px}
.rma-vol{flex:1;display:flex;align-items:center;gap:8px;min-width:0}
.rma-vol input{flex:1;min-width:0;height:44px;accent-color:var(--rma-accent)}
.rma-pl__acts{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}
.rma-pl__acts>.rma-act:last-child:nth-child(odd){grid-column:1/-1}
.rma-act{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:60px;padding:6px;border-radius:14px;border:1px solid var(--rma-line);background:var(--rma-soft);text-decoration:none;color:var(--rma-text);font-size:.78rem;font-weight:600;text-align:center}
.rma-act[aria-pressed="true"]{border-color:var(--rma-accent);color:var(--rma-accent-2)}
.rma-menu{width:100%;margin-top:8px;padding:6px;border-radius:14px;background:var(--rma-surface);border:1px solid var(--rma-line);display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.rma-menu button{min-height:44px;border-radius:10px;border:0;background:var(--rma-soft-2);font-weight:700}
.rma-menu .rma-menu__off{grid-column:1/-1;background:transparent;border:1px solid var(--rma-line);font-weight:600}

/* formularz */
.rma-intro{padding:16px;border-radius:var(--rma-r);background:var(--rma-soft);border:1px solid var(--rma-line);margin:8px 0 18px}
.rma-intro ul{list-style:none;margin:10px 0;padding:0;display:grid;gap:8px}
.rma-intro li{display:flex;gap:10px;align-items:flex-start}
.rma-intro li svg{flex:none;color:var(--rma-accent-2);margin-top:3px}
.rma-intro small{display:block;color:var(--rma-muted);margin-top:6px}
.rma-form{display:grid;gap:14px}
.rma-field{display:grid;gap:5px}
.rma-field label,.rma-field .rma-label{font-weight:700;font-size:.92rem}
.rma-field input[type=text],.rma-field input[type=url],.rma-field input[type=email],.rma-field select,.rma-field textarea{width:100%;min-height:48px;border-radius:12px;border:1px solid var(--rma-line);background:var(--rma-soft-2);padding:10px 14px;color:var(--rma-text)}
.rma-field select option{color:#0a2530;background:#fff}
.rma-field textarea{min-height:96px;resize:vertical}
.rma-field input[aria-invalid="true"],.rma-field select[aria-invalid="true"],.rma-field textarea[aria-invalid="true"]{border-color:var(--rma-danger)}
.rma-hint{font-size:.82rem;color:var(--rma-muted)}
.rma-err{font-size:.84rem;color:var(--rma-danger);font-weight:600}
.rma-check{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--rma-soft);border:1px solid var(--rma-line)}
.rma-check input{width:24px;height:24px;flex:none;margin:2px 0 0;accent-color:var(--rma-accent)}
.rma-check.is-bad{border-color:var(--rma-danger)}
.rma-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.rma-btn{min-height:52px;padding:0 22px;border-radius:14px;border:0;background:var(--rma-accent);color:#0a2530;font-weight:800;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}
.rma-btn[disabled]{opacity:.6;cursor:wait}
.rma-btn--ghost{background:var(--rma-soft-2);color:var(--rma-text)}
.rma-btn--sm{min-height:44px;padding:0 16px;font-size:.9rem}
.rma-done{text-align:center;padding:30px 12px}
.rma-done svg{color:var(--rma-accent-2);margin-bottom:10px}
.rma-formerr{padding:10px 14px;border-radius:12px;border:1px solid var(--rma-danger);color:var(--rma-danger);font-weight:600}

.rma-empty{padding:26px 10px;text-align:center;color:var(--rma-muted)}
.rma-toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--rma-nav-h) + var(--rma-mini-h) + 22px + env(safe-area-inset-bottom,0px));z-index:60;max-width:88vw;padding:10px 18px;border-radius:999px;background:var(--rma-text);color:#0a2530;font-weight:700;font-size:.9rem;box-shadow:0 6px 24px rgba(0,0,0,.4)}

@media (min-width:900px){
  .rma{max-width:820px}
  .rma-main{padding-left:24px;padding-right:24px}
  .rma-pl__cover{max-height:34vh}
}
@media (max-height:640px){
  .rma-pl__cover{max-height:22vh}
}
@media (prefers-reduced-motion:reduce){
  .rma-view,.rma-sheet{animation:none}
  .rma-eq i{animation:none;transform:none}
  .rma-reg__chev{transition:none}
}

/* ---- 1.1.0: autostart, reklamy, płynność ---- */
.rma-main{view-transition-name:rma-main}
.rma-vt .rma-view{animation:none}
::view-transition-old(root),::view-transition-new(root){animation:none}
::view-transition-old(rma-main){animation:rma-vt-out .12s ease both}
::view-transition-new(rma-main){animation:rma-vt-in .18s ease both}
@keyframes rma-vt-out{to{opacity:0}}
@keyframes rma-vt-in{from{opacity:0;transform:translateY(4px)}}
.rma-row,.rma-adrow{content-visibility:auto;contain-intrinsic-size:auto 68px}
.rma-footer-note,.rma-note p{margin:4px 0}
.rma-skel{opacity:.9}
.rma-row--skel{grid-template-columns:52px minmax(0,1fr);gap:12px;padding:8px 10px;align-items:center}
.rma-skel__logo{width:52px;height:52px;border-radius:13px;background:var(--rma-soft-2)}
.rma-skel__lines{display:grid;gap:8px}
.rma-skel__lines i{display:block;height:12px;border-radius:6px;background:var(--rma-soft-2);width:70%}
.rma-skel__lines i+i{width:45%;height:10px}
.rma-skel__logo,.rma-skel__lines i{animation:rma-shimmer 1.4s ease-in-out infinite}
@keyframes rma-shimmer{50%{opacity:.5}}
.rma-mini.is-ready{border-color:var(--rma-accent);box-shadow:0 0 0 2px rgba(224,165,33,.35),0 6px 24px rgba(0,0,0,.35)}
.rma-mini__sub.is-ready{color:var(--rma-accent-2);font-weight:700}
.rma-play.is-pulse{animation:rma-pulse 1.5s ease-out 4}
@keyframes rma-pulse{0%{box-shadow:0 0 0 0 rgba(224,165,33,.7)}100%{box-shadow:0 0 0 16px rgba(224,165,33,0)}}
.rma-switch{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 6px;padding:12px 14px;border-radius:var(--rma-r);background:var(--rma-soft);border:1px solid var(--rma-line)}
.rma-switch__txt{display:grid;gap:2px;min-width:0}
.rma-toggle{flex:none;position:relative;width:56px;height:44px;border:0;background:transparent;padding:0}
.rma-toggle i{position:absolute;left:2px;top:6px;width:52px;height:32px;border-radius:16px;background:var(--rma-soft-2);border:1px solid var(--rma-line);transition:background .15s}
.rma-toggle i::after{content:"";position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:var(--rma-text);transition:transform .15s}
.rma-toggle[aria-checked="true"] i{background:var(--rma-accent)}
.rma-toggle[aria-checked="true"] i::after{transform:translateX(20px);background:#0a2530}
/* reklamy: zawsze oznaczone, bez wyskakujących okien, bez zasłaniania przycisków */
.rma-adhost{margin:16px 0 4px;width:100%}
.rma-adhost--player{margin-top:16px}
.rma-adrow{list-style:none}
.rma-list--ad{margin:4px 0 12px}
.rma-ad{position:relative;border-radius:18px;overflow:hidden;color:var(--ad-fg,#fff)}
.rma-ad__link{display:block;color:inherit;text-decoration:none}
.rma-ad__link:focus-visible{outline:3px solid var(--rma-link);outline-offset:-3px}
.rma-ad--card{background:linear-gradient(140deg,var(--ad-bg,#0d4a5a),#082f3a);border:1px solid rgba(255,255,255,.14);border-top:3px solid var(--ad-accent,#e0a521);box-shadow:0 6px 18px rgba(0,0,0,.26)}
.rma-ad--image{background:transparent}
.rma-ad--image .rma-ad__label{position:absolute;top:8px;left:8px;z-index:1;background:rgba(10,37,48,.82)}
.rma-ad--image img{display:block;width:100%;height:auto;border-radius:18px;background:var(--rma-soft)}
@media (prefers-reduced-motion:reduce){
  .rma-skel__logo,.rma-skel__lines i{animation:none}
  .rma-play.is-pulse{animation:none;box-shadow:0 0 0 4px rgba(224,165,33,.5)}
  .rma-sheet.is-closing{animation:none}
  .rma-pl,.rma-pl__cover,.rma-toggle i,.rma-toggle i::after{transition:none}
}
.rma [hidden]{display:none}

.rma-pl>*{flex-shrink:0}
.rma-note a{display:inline-block;padding:14px 4px;margin:-14px 0;font-weight:700}
.rma-note__credit{white-space:nowrap}
.rma-legalline a,.rma-pn__note a{display:inline-block;padding:14px 0;margin:-14px 0;font-weight:700}
.rma-mini__sub.is-ready{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25}

/* ===== 1.2.0: klimat Mazur (woda, fale, złote słońce), karty rozwijane, mocniejszy odsłuch, Top i oceny ===== */
:root{--rma-glass:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035));--rma-edge:rgba(255,255,255,.14);--rma-edge-hi:rgba(255,255,255,.2);--rma-shadow:0 8px 22px rgba(3,18,26,.36)}
html,body{background:var(--rma-bg-bottom)}
body{background-image:radial-gradient(120% 40% at 50% -4%,rgba(242,194,79,.32),rgba(224,165,33,.1) 42%,rgba(224,165,33,0) 70%),radial-gradient(80% 36% at 100% 0,rgba(61,139,255,.16),rgba(61,139,255,0) 70%),linear-gradient(180deg,var(--rma-bg-top),var(--rma-bg-bottom) 82%);background-attachment:fixed}

/* nagłówek i fala */
.rma-top{padding-top:calc(env(safe-area-inset-top,0px) + 14px);padding-bottom:6px}
.rma-top__logo{width:46px;height:46px;border-radius:14px;filter:drop-shadow(0 0 12px rgba(242,194,79,.5))}
.rma-top__title{font-size:1.4rem;font-weight:800;letter-spacing:.005em}
.rma-top__tag{font-size:.8rem;letter-spacing:.04em}
.rma-wave{flex:none;position:relative;height:20px;overflow:hidden;margin:0 0 4px;pointer-events:none}
.rma-wave svg{position:absolute;left:0;top:0;width:200%;height:100%;animation:rma-wave 44s linear infinite}
.rma-wave path:nth-child(1){fill:rgba(61,139,255,.1)}
.rma-wave path:nth-child(2){fill:none;stroke:rgba(242,194,79,.6);stroke-width:1.4}
@keyframes rma-wave{to{transform:translateX(-50%)}}

/* szkło i głębia */
.rma-search input{background:rgba(0,0,0,.2);border-color:var(--rma-edge);box-shadow:inset 0 1px 3px rgba(0,0,0,.25)}
.rma-intro,.rma-card,.rma-switch,.rma-banner{background:var(--rma-glass);border:1px solid var(--rma-edge);box-shadow:var(--rma-shadow),inset 0 1px 0 var(--rma-edge-hi)}
.rma-nav{background:linear-gradient(180deg,rgba(10,37,48,.92),var(--rma-bg-bottom))}

/* nagłówki regionów z piktogramem i falą */
.rma-reg__head{gap:10px}
.rma-reg__ico{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:var(--rma-accent-2);background:rgba(242,194,79,.1);border:1px solid rgba(242,194,79,.28);flex:none}
.rma-reg__name{font-size:.9rem;letter-spacing:.12em}
.rma-reg__line{height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='12' viewBox='0 0 48 12'%3E%3Cpath d='M0 6q6-5 12 0t12 0 12 0 12 0' fill='none' stroke='%23e0a521' stroke-opacity='.5' stroke-width='1.4'/%3E%3C/svg%3E") repeat-x center/48px 12px}
.rma-cgroup::after{height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='12' viewBox='0 0 48 12'%3E%3Cpath d='M0 6q6-5 12 0t12 0 12 0 12 0' fill='none' stroke='%23e0a521' stroke-opacity='.5' stroke-width='1.4'/%3E%3C/svg%3E") repeat-x center/48px 12px}

/* karta radia (rozwijana jak akordeon) */
.rma-row{display:block;padding:0;min-height:0;position:relative;overflow:hidden;border-radius:18px;background:var(--rma-glass);border:1px solid var(--rma-edge);box-shadow:var(--rma-shadow),inset 0 1px 0 var(--rma-edge-hi)}
.rma-row::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:0 3px 3px 0;background:transparent}
.rma-row.is-current{background:linear-gradient(180deg,rgba(242,194,79,.08),rgba(255,255,255,.04));border-color:rgba(242,194,79,.55)}
.rma-row.is-current::before{background:linear-gradient(180deg,var(--rma-accent-2),var(--rma-accent))}
.rma-row.is-open{border-color:rgba(255,255,255,.26)}
.rma-row.is-open.is-current{border-color:rgba(242,194,79,.6)}
.rma-row--skel{display:grid}
.rma-row__head{display:grid;grid-template-columns:minmax(0,1fr) 44px 48px;gap:4px;align-items:center;padding:6px 10px 6px 8px;min-height:74px}
.rma-row__main{gap:12px;padding:0 4px;min-height:60px;width:100%;cursor:pointer;color:inherit}
.rma-row__main:focus-visible{outline-offset:-2px}
.rma-row__name{font-size:1.02rem;font-weight:800;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2}
.rma-row__sub{font-size:.8rem;-webkit-line-clamp:1}
.rma-row__chev{display:none;margin-left:auto;color:var(--rma-muted);transition:transform .2s ease;flex:none}
.rma-row.is-open .rma-row__chev{transform:rotate(180deg)}
@media (min-width:430px){.rma-row__chev{display:inline-flex}}
.rma-lw{position:relative;display:inline-flex;flex:none}
.rma-eq{height:auto}
.rma-eq--logo{position:absolute;right:-4px;bottom:-4px;display:none;align-items:flex-end;gap:2px;height:18px;padding:4px 5px;margin:0;border-radius:9px;background:rgba(10,37,48,.9);border:1px solid rgba(242,194,79,.55)}
.is-playing>.rma-row__head .rma-eq--logo,.rma-mini.is-playing .rma-eq--logo{display:inline-flex}
.rma-iconbtn--open{background:var(--rma-soft)}
.rma-iconbtn--solid{background:var(--rma-soft-2)}
.rma-rank{flex:none;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;background:rgba(242,194,79,.16);color:var(--rma-accent-2);border:1px solid rgba(242,194,79,.38)}
.rma-row__more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease}
.rma-row.is-open .rma-row__more{grid-template-rows:1fr}
.rma-more__in{min-height:0;overflow:hidden;padding:0 14px;opacity:0;transition:opacity .2s ease,padding .2s ease}
.rma-row.is-open .rma-more__in{opacity:1;padding:4px 14px 14px}
.rma-row.is-open{content-visibility:visible}
.rma-more__top{display:flex;gap:14px;align-items:center;padding-top:6px;border-top:1px solid var(--rma-line)}
.rma-logo--lg{width:88px;height:88px;border-radius:22px;flex:none;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.rma-logo--lg.rma-logo--ph{font-size:2rem}
.rma-info{display:grid;gap:6px;margin:0;min-width:0}
.rma-info div{display:grid;gap:0;min-width:0}
.rma-info dt{font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--rma-muted)}
.rma-info dd{margin:0;font-weight:600;font-size:.92rem;overflow-wrap:anywhere}
.rma-more__desc{margin:10px 0 0;color:var(--rma-muted);font-size:.9rem;line-height:1.4}
.rma-badge-top{display:inline-flex;align-items:center;gap:5px;margin-top:10px;padding:3px 10px;border-radius:999px;background:rgba(242,194,79,.16);color:var(--rma-accent-2);font-size:.76rem;font-weight:800}
.rma-pl__meta .rma-badge-top{margin-top:0}
.rma-more__now{margin-top:10px;padding:8px 12px;border-radius:12px;background:rgba(0,0,0,.2);border:1px solid var(--rma-line)}
.rma-more__now small{display:block;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rma-accent-2);font-weight:800}
.rma-more__now b{display:block;overflow-wrap:anywhere;font-size:.92rem}
.rma-more__acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}
.rma-more__play{display:inline-flex;align-items:center;gap:6px;min-width:112px;justify-content:center}
.rma-more__acts .rma-btn{text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.rma-more__acts .rma-btn--ghost{color:var(--rma-text)}

/* oceny */
.rma-stars{display:flex;gap:0;margin-left:-8px}
.rma-star{width:44px;height:44px;border:0;background:transparent;color:rgba(228,241,239,.3);display:inline-flex;align-items:center;justify-content:center;border-radius:50%}
.rma-star svg{transition:transform .12s ease}
.rma-star.is-on{color:var(--rma-accent)}
.rma-rate__avg{font-size:.86rem;color:var(--rma-muted);font-weight:600}
.rma-rate__avg.has-avg{color:var(--rma-accent-2);font-weight:800;font-size:.95rem}
.rma-pl .rma-stars{margin-left:0}

/* pasek „Na czasie” */
.rma-trend{margin:0 -16px 14px}
.rma-trend__head{display:flex;justify-content:space-between;align-items:baseline;padding:0 16px 6px}
.rma-trend__title{font-weight:800;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--rma-accent-2)}
.rma-trend__hint{display:inline-flex;align-items:center;gap:3px;font-size:.74rem;color:var(--rma-muted)}
.rma-trend__scroll{display:flex;gap:10px;overflow-x:auto;padding:2px 16px 8px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}
.rma-trend__scroll::-webkit-scrollbar{display:none}
.rma-trend__scroll{scroll-padding-left:16px}
.rma-trend__item{flex:none;scroll-snap-align:start;display:flex;align-items:center;gap:10px;width:248px;min-height:64px;padding:8px 12px 8px 12px;border-radius:16px;border:1px solid var(--rma-edge);background:var(--rma-glass);box-shadow:var(--rma-shadow);color:var(--rma-text);text-align:left}
.rma-trend__n{font-weight:800;font-size:1.3rem;color:var(--rma-accent);min-width:14px}
.rma-logo--sm{width:40px;height:40px;border-radius:11px}
.rma-trend__txt{min-width:0;display:grid;flex:1}
.rma-trend__txt b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem}
.rma-trend__txt i{font-style:normal;font-size:.76rem;color:var(--rma-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rma-trend__play{width:30px;height:30px;border-radius:50%;background:var(--rma-accent);color:#0a2530;display:inline-flex;align-items:center;justify-content:center;flex:none}

/* odsłuch: mini-odtwarzacz wyższy i mocniej zaakcentowany */
.rma-mini{grid-template-columns:minmax(0,1fr) 62px;gap:6px;margin:0 8px 8px;padding:10px 12px 10px 10px;min-height:var(--rma-mini-h);border-radius:24px;background:linear-gradient(135deg,rgba(15,82,100,.97),rgba(8,44,56,.97));border:1px solid rgba(242,194,79,.5);box-shadow:0 0 0 1px rgba(224,165,33,.15),0 10px 30px rgba(0,0,0,.5),0 0 26px rgba(224,165,33,.22)}
.rma-mini__open{gap:14px;min-height:64px}
.rma-mini .rma-logo--mini{width:60px;height:60px;border-radius:16px}
.rma-mini__name{font-size:1.1rem;font-weight:800}
.rma-mini__sub{font-size:.86rem;color:#c8dede}
.rma-play--mini{width:58px;height:58px;box-shadow:0 0 0 4px rgba(224,165,33,.22),0 4px 14px rgba(0,0,0,.35)}
.rma-mini.is-ready .rma-mini__sub{color:var(--rma-accent-2)}
@media (prefers-reduced-motion:reduce){
  .rma-wave svg{animation:none}
  .rma-row__more,.rma-more__in,.rma-row__chev,.rma-star svg{transition:none}
}
.rma [hidden]{display:none}
@media (min-width:600px){.rma-info{grid-template-columns:1fr 1fr;gap:10px 22px}}

/* ===== 1.2.0 (poprawki po uwagach): hover/active ciemnieją, mini menu, ocena w jednej linii, strzałki przy logo, zwarta reklama ===== */
:root{--rma-ink:#0a2530;--rma-accent-h:#c29323;--rma-accent-a:#ae8625;--rma-dim:rgba(5,22,30,.34);--rma-dim-a:rgba(5,22,30,.52)}
@supports (background:color-mix(in srgb,red 50%,blue)){
  :root{--rma-accent-h:color-mix(in srgb,var(--rma-accent) 86%,var(--rma-ink));--rma-accent-a:color-mix(in srgb,var(--rma-accent) 77%,var(--rma-ink))}
}

/* mini menu na górze listy: trzy równe przyciski, wyśrodkowane, złoty stan aktywny; pod nim wyszukiwarka z przyciskiem „Losowe radio” */
.rma-seg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;padding:5px;margin:4px 0 10px;border-radius:16px;background:rgba(0,0,0,.22);border:1px solid var(--rma-edge)}
.rma-seg button{display:flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:4px 8px;border:0;border-radius:12px;background:transparent;color:var(--rma-muted);font-size:.9rem;font-weight:700;line-height:1.15;text-wrap:balance}
.rma-seg button[aria-pressed="true"]{background:var(--rma-accent);color:var(--rma-ink);box-shadow:0 2px 8px rgba(0,0,0,.28)}
.rma-find{display:flex;align-items:center;gap:8px;margin:0 0 10px}
.rma-find .rma-search{flex:1;min-width:0;margin:0}
.rma-rand{flex:none;width:48px;height:48px;border-radius:14px;border:1px solid var(--rma-edge);background:var(--rma-soft-2);color:var(--rma-accent-2);display:inline-flex;align-items:center;justify-content:center}
.rma-row--skel{padding:11px 12px}

/* ocena w jednej linii: gwiazdki / średnia */
.rma-rate{display:flex;align-items:center;gap:0;margin-top:8px;max-width:100%}
.rma-rate__sep{color:var(--rma-muted);font-weight:700;margin:0 8px 0 4px}
.rma-rate__avg{min-width:2.4em;font-size:1rem;font-weight:700;color:var(--rma-muted)}
.rma-rate__avg.has-avg{color:var(--rma-accent-2);font-weight:800}
.rma-pl .rma-rate{width:100%;justify-content:center;margin-top:6px}
.rma-pl .rma-stars{margin-left:0}

/* pełna karta: ikonowe zamknięcie (bez tekstowego „Wszystkie radia”) i strzałki po bokach dużego logo */
.rma-pl__coverwrap{position:relative;display:flex;align-items:center;justify-content:center;width:100%;margin:8px 0 14px}
.rma-pl__coverwrap .rma-pl__cover{margin:0}
.rma-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid var(--rma-edge);background:rgba(10,37,48,.6);color:var(--rma-text);display:inline-flex;align-items:center;justify-content:center;padding:0}
.rma-arrow--prev{left:0}
.rma-arrow--next{right:0}
.rma-pl__ctl{gap:0}

/* reklama Z Serca Mazur: zwarta karta (logo, tytuł i opis max 2 linie, mały przycisk obok), ok. 100 px wysokości */
.rma-ad__label{position:absolute;top:0;left:12px;z-index:1;font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;line-height:1;padding:3px 8px 4px;border-radius:0 0 8px 8px;background:rgba(0,0,0,.4);color:#fff}
.rma-ad--card .rma-ad__link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logo title btn" "logo text btn";column-gap:10px;row-gap:1px;align-items:center;padding:17px 12px 10px}
.rma-ad--card.no-btn .rma-ad__link{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"logo title" "logo text"}
.rma-ad--card.no-logo .rma-ad__link{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title btn" "text btn"}
.rma-ad--card.no-logo.no-btn .rma-ad__link{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "text"}
.rma-ad__logo{grid-area:logo;width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.1);padding:3px;object-fit:contain;align-self:center}
.rma-ad__title{grid-area:title;display:grid;gap:0;min-width:0}
.rma-ad__sub{font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ad-accent,#e0a521);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rma-ad__head{font-size:1rem;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rma-ad__text{grid-area:text;font-size:.8rem;line-height:1.28;opacity:.94;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rma-ad__btn{grid-area:btn;align-self:center;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border-radius:10px;background:var(--ad-accent,#e0a521);color:var(--rma-ink);font-weight:800;font-size:.82rem;text-align:center;line-height:1.1}

/* hover = nieco ciemniejszy odcień tego samego koloru (nigdy jaśniejszy); active = ciemniejszy jeszcze i lekki docisk; fokus = obrys bez zmiany tła */
.rma-play,.rma-btn,.rma-iconbtn,.rma-act,.rma-menu button,.rma-seg button,.rma-rand,.rma-arrow,.rma-map__ctl button{transition:background-color .12s ease,transform .12s ease}
@media (hover:hover){
  .rma-play:hover,.rma-btn:hover{background:var(--rma-accent-h)}
  .rma-btn--ghost:hover,.rma-iconbtn:hover,.rma-act:hover,.rma-menu button:hover,.rma-seg button:hover,.rma-rand:hover,.rma-row__main:hover,.rma-reg__head:hover,.rma-nav__item:hover,.rma-mini__open:hover,.rma-city--empty .rma-link:hover{background:var(--rma-dim)}
  .rma-seg button[aria-pressed="true"]:hover{background:var(--rma-accent-h)}
  .rma-trend__item:hover,.rma-more__now:hover{background-color:var(--rma-dim)}
  .rma-arrow:hover{background:rgba(5,22,30,.86)}
  .rma-map__ctl button:hover{background:rgba(5,22,30,.94)}
  .rma-ad__link:hover .rma-ad__btn{filter:brightness(.86)}
  .rma-pin--has:hover .rma-pin__dot{fill:var(--rma-accent-h)}
  .rma-star:hover svg{transform:scale(1.12)}
}
.rma-play:active,.rma-btn:active{background:var(--rma-accent-a);transform:scale(.97)}
.rma-btn--ghost:active,.rma-iconbtn:active,.rma-act:active,.rma-menu button:active,.rma-seg button:active,.rma-rand:active{background:var(--rma-dim-a);transform:scale(.97)}
.rma-seg button[aria-pressed="true"]:active{background:var(--rma-accent-a)}
.rma-row__main:active,.rma-reg__head:active,.rma-nav__item:active,.rma-mini__open:active{background:var(--rma-dim-a)}
.rma-trend__item:active{background-color:var(--rma-dim-a)}
.rma-arrow:active{background:rgba(5,22,30,.94);transform:translateY(-50%) scale(.96)}
.rma-map__ctl button:active{background:rgba(5,22,30,1);transform:scale(.96)}
.rma-ad__link:active .rma-ad__btn{filter:brightness(.76)}
@media (prefers-reduced-motion:reduce){
  .rma-play,.rma-btn,.rma-iconbtn,.rma-act,.rma-menu button,.rma-seg button,.rma-rand,.rma-arrow,.rma-map__ctl button{transition:none}
}

/* ===== 1.2.0: strona Top (#top): zakładki, podium, radio tygodnia, słupki względne, kiedy słuchamy ===== */
.rma-tophead{margin:6px 0 8px;text-align:center}
.rma-tophead .rma-h2{margin:6px 0 2px}
.rma-tophead .rma-lead{margin:0 auto 8px;max-width:34em;font-size:.9rem}
.rma-ttabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;max-width:440px;margin:0 auto 16px;padding:5px;border-radius:16px;background:rgba(0,0,0,.22);border:1px solid var(--rma-edge)}
.rma-ttabs[hidden]{display:none}
.rma-ttab{min-height:46px;padding:0 6px;border-radius:12px;border:0;background:transparent;color:var(--rma-muted);font-weight:700;font-size:.88rem;display:flex;align-items:center;justify-content:center;text-align:center}
.rma-ttab[aria-pressed="true"]{background:var(--rma-accent);border-color:transparent;color:var(--rma-ink);box-shadow:0 2px 8px rgba(0,0,0,.28)}
.rma-topbody{animation:none}
.rma-topbody.is-in{animation:rma-fade .22s ease-out}
.rma-topsec{margin:0 0 22px}
.rma-sechead{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:0 2px 10px}
.rma-sectitle{margin:0;font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--rma-accent-2)}
.rma-secsub{margin:2px 0 0;font-size:.8rem;color:var(--rma-muted)}
.rma-chips{display:inline-flex;gap:4px;padding:3px;border-radius:999px;background:rgba(0,0,0,.22);border:1px solid var(--rma-edge)}
.rma-chip-btn{min-height:44px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--rma-muted);font-weight:700;font-size:.8rem}
.rma-chip-btn[aria-pressed="true"]{background:var(--rma-accent);color:var(--rma-ink)}
.rma-low{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--rma-r);border:1px dashed var(--rma-edge-hi);background:rgba(255,255,255,.03);color:var(--rma-muted)}
.rma-low strong{color:var(--rma-text)}
.rma-low p{margin:2px 0 0;font-size:.9rem}
.rma-low__ico{flex:none;width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(242,194,79,.12);color:var(--rma-accent-2)}
.rma-low--page{flex-direction:column;text-align:center;padding:28px 18px}
.rma-low--page p{margin-top:8px}

/* podium: trzy kolumny o różnej wysokości, logo w medalionach */
.rma-podium{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:end}
.rma-pod{display:flex;flex-direction:column;min-width:0}
.rma-pod--1{order:2}.rma-pod--2{order:1}.rma-pod--3{order:3}
.rma-pod__top{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:10px 4px 8px;border-radius:16px 16px 0 0;background:var(--rma-glass);border:1px solid var(--rma-edge);border-bottom:0}
.rma-pod--1 .rma-pod__top{padding-top:14px;border-color:rgba(242,194,79,.5)}
.rma-pod__logo{position:relative;border:0;background:transparent;padding:0;border-radius:50%;display:inline-flex;flex:none}
.rma-logo--pod{width:58px;height:58px;border-radius:50%;border:3px solid #b9c4c7}
.rma-pod--1 .rma-logo--pod{width:74px;height:74px;border-color:var(--rma-accent-2)}
.rma-pod--3 .rma-logo--pod{border-color:#c98a56}
.rma-pod .rma-lw{display:inline-flex}
.rma-pod__badge{position:absolute;left:-4px;top:-4px;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;background:#b9c4c7;color:var(--rma-ink);box-shadow:0 2px 6px rgba(0,0,0,.4)}
.rma-pod--1 .rma-pod__badge{background:var(--rma-accent-2)}
.rma-pod--3 .rma-pod__badge{background:#c98a56}
.rma-pod__play{position:absolute;right:-4px;bottom:-4px;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--rma-accent);color:var(--rma-ink);box-shadow:0 2px 6px rgba(0,0,0,.4)}
.rma-pod.is-playing .rma-eq--logo{display:inline-flex}
.rma-pod__name{border:0;background:transparent;color:var(--rma-text);font-weight:800;font-size:.84rem;line-height:1.15;padding:6px 2px;min-height:44px;width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rma-pod__city{font-size:.72rem;color:var(--rma-muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rma-pod__meta{display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:2px;width:100%;min-height:18px}
.rma-pod__meta .rma-pct{flex:none;width:70%;max-width:90px}
.rma-pod__step{display:flex;align-items:flex-start;justify-content:center;padding-top:6px;border-radius:0 0 10px 10px;font-weight:800;font-size:1.3rem;color:var(--rma-ink)}
.rma-pod--1 .rma-pod__step{height:58px;background:linear-gradient(180deg,#f6cf63,#c9962a)}
.rma-pod--2 .rma-pod__step{height:42px;background:linear-gradient(180deg,#d4dcde,#8f9ea2)}
.rma-pod--3 .rma-pod__step{height:30px;background:linear-gradient(180deg,#d9a273,#9d6a40)}
.rma-pod--3 .rma-pod__step span{font-size:1.1rem}

/* słupek względny, trend, średnia */
.rma-row__meta{display:flex;align-items:center;gap:8px;margin-top:3px;flex-wrap:wrap}
.rma-pct{display:block;flex:1;min-width:48px;max-width:140px;height:5px;border-radius:3px;background:rgba(255,255,255,.14);overflow:hidden}
.rma-pct i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--rma-accent),var(--rma-accent-2))}
.rma-dir{display:inline-flex;align-items:center;gap:3px;font-size:.72rem;font-weight:800;padding:1px 8px 1px 5px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--rma-muted)}
.rma-dir--up{background:rgba(120,220,160,.14);color:#a6ecc0}
.rma-dir--down{background:rgba(255,180,166,.14);color:var(--rma-danger)}
.rma-avgchip{display:inline-flex;align-items:center;gap:3px;font-size:.8rem;font-weight:800;color:var(--rma-accent-2)}
.rma-avgchip svg{color:var(--rma-accent)}

/* radio tygodnia */
.rma-week{position:relative;padding:34px 16px 16px;border-radius:20px;border:1px solid rgba(242,194,79,.6);background:radial-gradient(120% 90% at 50% 0,rgba(242,194,79,.2),rgba(242,194,79,0) 60%),linear-gradient(160deg,rgba(15,82,100,.9),rgba(8,44,56,.95));box-shadow:0 10px 28px rgba(0,0,0,.4),0 0 24px rgba(224,165,33,.18)}
.rma-week__ribbon{position:absolute;left:16px;top:0;display:inline-flex;align-items:center;gap:6px;padding:5px 12px 6px;border-radius:0 0 10px 10px;background:var(--rma-accent);color:var(--rma-ink);font-weight:800;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}
.rma-week__main{display:flex;gap:14px;align-items:center}
.rma-logo--hero{width:84px;height:84px;border-radius:22px;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.rma-week__txt{min-width:0}
.rma-week__txt h3{margin:0;font-size:1.25rem;line-height:1.15}
.rma-week__txt p{margin:2px 0 8px;color:var(--rma-muted);font-size:.9rem}
.rma-week__tags{display:flex;flex-wrap:wrap;gap:6px}
.rma-week.is-current{border-color:var(--rma-accent-2)}
.rma-week.is-playing .rma-eq--logo{display:inline-flex}

/* kiedy słuchamy */
.rma-hoursbox{padding:12px 12px 10px;border-radius:var(--rma-r);background:var(--rma-glass);border:1px solid var(--rma-edge)}
.rma-hours{display:flex;align-items:flex-end;gap:3px;height:120px;padding:0 2px}
.rma-hr{display:block;flex:1;min-width:0;border-radius:4px 4px 0 0;background:rgba(61,139,255,.55)}
.rma-hr.is-peak{background:var(--rma-accent)}
.rma-hours__axis{display:flex;justify-content:space-between;margin-top:4px;font-size:.7rem;color:var(--rma-muted)}
.rma-hours__peak{display:flex;align-items:center;justify-content:center;gap:6px;margin:8px 0 0;font-weight:700;color:var(--rma-accent-2);font-size:.9rem}

/* pasek „Na czasie”: link do Top */
.rma-trend__link{display:inline-flex;align-items:center;gap:3px;text-decoration:none;min-height:44px}
.rma-trend__all{flex:none;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;gap:8px;min-height:64px;padding:8px 16px;border-radius:16px;border:1px dashed rgba(242,194,79,.5);color:var(--rma-accent-2);font-weight:800;text-decoration:none;white-space:nowrap}
@media (hover:hover){.rma-ttab:hover,.rma-chip-btn:hover,.rma-pod__name:hover,.rma-trend__all:hover{background:var(--rma-dim)}.rma-ttab[aria-pressed="true"]:hover,.rma-chip-btn[aria-pressed="true"]:hover{background:var(--rma-accent-h)}.rma-pod__logo:hover .rma-pod__play{background:var(--rma-accent-h)}}
.rma-ttab:active,.rma-chip-btn:active,.rma-pod__name:active{background:var(--rma-dim-a)}
.rma-ttab[aria-pressed="true"]:active,.rma-chip-btn[aria-pressed="true"]:active{background:var(--rma-accent-a)}
@media (prefers-reduced-motion:reduce){.rma-topbody.is-in{animation:none}}

/* ===== 1.2.0: Moje radio, okno „Udostępnij / osadź”, komunikaty ===== */
.rma-chip--my{display:inline-flex;align-items:center;gap:3px;background:rgba(242,194,79,.16);color:var(--rma-accent-2)}
.rma-iconbtn--my[aria-pressed="true"],.rma-act--my[aria-pressed="true"]{color:var(--rma-accent-2)}
.rma-mycard{position:relative;padding:34px 14px 14px;margin:6px 0 14px;border-radius:20px;border:1.5px solid var(--rma-accent-2);background:radial-gradient(120% 90% at 50% 0,rgba(242,194,79,.18),rgba(242,194,79,0) 60%),linear-gradient(160deg,rgba(15,82,100,.92),rgba(8,44,56,.96));box-shadow:0 8px 24px rgba(0,0,0,.38),0 0 22px rgba(224,165,33,.16)}
.rma-mycard__badge{position:absolute;left:14px;top:0;display:inline-flex;align-items:center;gap:6px;padding:5px 12px 6px;border-radius:0 0 10px 10px;background:var(--rma-accent);color:var(--rma-ink);font-weight:800;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}
.rma-mycard__main{display:flex;gap:12px;align-items:center}
.rma-logo--my{width:64px;height:64px;border-radius:16px;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.rma-mycard__txt{min-width:0}
.rma-mycard__txt h3{margin:0;font-size:1.15rem;line-height:1.15}
.rma-mycard__txt p{margin:2px 0 0;font-size:.88rem;color:var(--rma-muted)}
.rma-mycard__hint{font-size:.78rem}
.rma-mycard.is-playing .rma-eq--logo{display:inline-flex}
.rma-mycard.is-current{border-color:var(--rma-accent-2)}
.rma-mypanel__how{margin:6px 2px 16px}
.rma-noticebox{position:fixed;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 8px);z-index:90;display:flex;justify-content:center;pointer-events:none;padding:0 10px}
.rma-noticebox:empty{display:none}
.rma-notice{pointer-events:auto;display:flex;flex-wrap:wrap;gap:10px;align-items:center;max-width:540px;width:100%;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,rgba(15,82,100,.99),rgba(8,44,56,.99));border:1px solid var(--rma-accent);box-shadow:0 10px 30px rgba(0,0,0,.5);animation:rma-fade .2s ease-out}
.rma-notice__ico{flex:none;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(242,194,79,.16);color:var(--rma-accent-2)}
.rma-notice__txt{flex:1 1 200px;min-width:0}
.rma-notice__txt p{margin:0;font-size:.92rem}
.rma-notice__acts{display:flex;gap:8px;flex-wrap:wrap}
.rma-modal{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;background:rgba(3,18,26,.74);animation:rma-fade .18s ease-out}
.rma-modal__box{width:min(100%,580px);max-height:94vh;max-height:94dvh;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(180deg,var(--rma-bg-top),var(--rma-bg-bottom));border:1px solid var(--rma-edge);border-radius:22px 22px 0 0;padding:12px 16px calc(env(safe-area-inset-bottom,0px) + 18px)}
@media (min-width:600px){.rma-modal{align-items:center}.rma-modal__box{border-radius:22px}}
.rma-modal__head{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:-12px;z-index:1;margin:0 -16px 6px;padding:8px 16px;background:linear-gradient(180deg,var(--rma-bg-top),rgba(11,58,72,.96))}
.rma-modal__head h2{margin:0;font-size:1.05rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.rma-modal__status{min-height:1.3em;margin:0 0 6px;font-size:.88rem;color:var(--rma-accent-2);font-weight:700}
.rma-share__sec{margin:0 0 18px;display:grid;gap:8px;justify-items:start}
.rma-share__sec>*{max-width:100%}
.rma-share__sec h3{margin:0;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rma-accent-2)}
.rma-share__row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;justify-items:stretch}
.rma-share__qr{width:148px;height:148px;border-radius:12px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}
.rma-qr{display:block;width:100%;height:100%}
.rma-share__img{width:100%;height:auto;border-radius:12px;border:1px solid var(--rma-edge);background:#0a2530;aspect-ratio:1200/630}
.rma-share__frame{border:0;width:100%;max-width:560px;border-radius:14px;background:transparent}
.rma-copyrow{display:grid;gap:4px;width:100%}
.rma-copyrow__l{font-weight:700;font-size:.9rem}
.rma-copyrow__f{display:flex;gap:8px;align-items:flex-start}
.rma-code{flex:1;min-width:0;width:100%;padding:9px 10px;border-radius:10px;border:1px solid var(--rma-line);background:rgba(0,0,0,.25);color:var(--rma-text);font:12.5px/1.35 ui-monospace,Consolas,monospace;resize:vertical}
.rma-pick{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rma-pick__btn{display:flex;gap:12px;align-items:center;width:100%;min-height:60px;padding:6px 12px 6px 8px;border-radius:14px;border:1px solid var(--rma-line);background:var(--rma-soft);color:var(--rma-text);text-align:left}
.rma-pick__btn.is-on{border-color:var(--rma-accent)}
.rma-pick__txt{display:grid;min-width:0;flex:1}
.rma-pick__txt i{font-style:normal;font-size:.8rem;color:var(--rma-muted)}
@media (max-width:420px){.rma-share__row{grid-template-columns:1fr;justify-items:center;text-align:center}.rma-copyrow__f{flex-direction:column}.rma-copyrow__f .rma-btn{align-self:flex-start}}
@media (hover:hover){.rma-pick__btn:hover{background:var(--rma-dim)}}
.rma-pick__btn:active{background:var(--rma-dim-a)}

/* ===== 1.2.0: mapa z danych OpenStreetMap ===== */
.rma-map{background:#0a2530}
.rma-map__sea{fill:#0f5d70}
.rma-map__land{fill:#143f3c;stroke:rgba(228,241,239,.6);stroke-width:1.6;stroke-linejoin:round}
.rma-map__land-line{stroke:rgba(228,241,239,.6);stroke-width:1.6;stroke-linejoin:round}
.rma-map__pow{fill:rgba(0,0,0,0);stroke:rgba(228,241,239,.2);stroke-width:1;stroke-linejoin:round;cursor:pointer}
.rma-map__pow.is-hl{fill:rgba(242,194,79,.16);stroke:rgba(242,194,79,.85);stroke-width:1.6}
.rma-map__lake{fill:#1c7d93;stroke:rgba(190,230,240,.38);stroke-width:.8}
.rma-map__river{stroke:#2a8ca3;stroke-width:1;stroke-linecap:round;opacity:.8}
.rma-map__border{stroke:rgba(228,241,239,.3);stroke-width:1;stroke-dasharray:5 4}
.rma-map__lakelabel{fill:#cfeaf1;font-size:10.5px;font-style:italic;font-weight:500;text-anchor:middle;paint-order:stroke;stroke:#0e4452;stroke-width:3px;stroke-linejoin:round;pointer-events:none}
.rma-map__powlabel{fill:rgba(228,241,239,.55);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-anchor:middle;pointer-events:none}
.rma-map__ctx{fill:rgba(228,241,239,.32);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-anchor:middle;pointer-events:none}
.rma-map__ctx--water{fill:rgba(207,234,241,.7);font-style:italic;letter-spacing:.04em;text-transform:none;font-size:11px}
.rma-map__load{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--rma-muted);font-size:.9rem;text-align:center;padding:16px;pointer-events:none}
.rma-map__load[hidden]{display:none}
.rma-map__reg{font-size:15px}
.rma-pin--county .rma-pin__dot{stroke-width:2.2}
.rma-pin--none .rma-pin__dot{fill:var(--rma-bg-bottom);stroke:var(--rma-text)}
.rma-pin__wave{fill:none;stroke:rgba(10,37,48,.6);stroke-width:1.3;stroke-linecap:round;pointer-events:none}
.rma-pin__badge{fill:var(--rma-bg-bottom);stroke:var(--rma-accent-2);stroke-width:1.2}
.rma-pin__badget{fill:var(--rma-accent-2);font-size:9px;font-weight:800;pointer-events:none}
.rma-dot--lake{background:#1c7d93;border-color:rgba(190,230,240,.5);border-radius:4px}
.rma-dot--county{width:15px;height:15px;background:transparent;border:2.5px solid var(--rma-accent-2)}
.rma-map__attr{margin:0 0 12px;font-size:.74rem;color:var(--rma-muted)}
.rma-map__attr a{color:var(--rma-link)}

/* ===== 1.2.0: utwardzony układ na niskie i nietypowe okna (emulacja DevTools, poziomo, małe telefony) ===== */
html,body{height:100%;overflow:hidden}
.rma{position:fixed;top:0;right:0;bottom:0;left:0;height:auto;width:100%;margin:0 auto}
.rma-main{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px) * 0)}
.rma-dock{padding-bottom:0}
@media (max-height:699px),(orientation:landscape) and (max-height:500px){
  :root{--rma-mini-h:62px;--rma-nav-h:54px}
  .rma-mini{grid-template-columns:minmax(0,1fr) 52px;margin:0 8px 4px;padding:5px 8px 5px 6px;border-radius:18px;gap:4px}
  .rma-mini__open{min-height:48px;gap:10px}
  .rma-mini .rma-logo--mini{width:44px;height:44px;border-radius:12px}
  .rma-mini__name{font-size:1rem}
  .rma-mini__sub{display:none}
  .rma-play--mini{width:48px;height:48px;box-shadow:0 0 0 3px rgba(224,165,33,.22)}
  .rma-nav__item{min-height:var(--rma-nav-h);padding:3px 4px;font-size:.7rem}
  .rma-nav__item svg{width:22px;height:22px}
  .rma-top{padding-top:calc(env(safe-area-inset-top,0px) + 6px);padding-bottom:2px;gap:10px}
  .rma-top__logo{width:34px;height:34px;border-radius:10px}
  .rma-top__title{font-size:1.1rem}
  .rma-top__tag{display:none}
  .rma-wave{height:12px;margin-bottom:2px}
}
@media (max-height:420px){
  .rma-wave{display:none}
  .rma-top{padding-bottom:0}
  .rma-seg button{min-height:44px}
}

/* ===== 1.2.0: spójny układ „bohaterskich” kart: wyśrodkowanie, siatka kafli o równych wysokościach, jeden przycisk główny ===== */
.rma-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:68px;padding:10px 8px;border-radius:14px;border:1px solid var(--rma-edge);background:var(--rma-soft);color:var(--rma-text);font:inherit;font-weight:700;font-size:.82rem;line-height:1.15;text-align:center;text-decoration:none;width:100%}
.rma-tile--flat{min-height:52px;flex-direction:row;font-size:.88rem}
.rma-tile--row{flex-direction:row;gap:8px;min-height:52px;font-size:.9rem}
.rma-tile.is-on,.rma-tile[aria-pressed="true"]{border-color:var(--rma-accent);color:var(--rma-accent-2)}
.rma-tile__t{display:block;max-width:100%}
.rma-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
.rma-tiles>:last-child:nth-child(odd){grid-column:1/-1}
.rma-tiles--1{grid-template-columns:1fr}
.rma-more__acts{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:16px}
.rma-more__acts>.rma-btn{width:100%}
.rma-more__play{min-height:52px;font-size:1.02rem}
.rma-textlink{display:block;margin:0 auto;min-height:44px;padding:0 14px;border:0;background:transparent;color:var(--rma-muted);font-size:.84rem;font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media (hover:hover){.rma-tile:hover{background:var(--rma-dim)}.rma-textlink:hover{background:var(--rma-dim);border-radius:10px}}
.rma-tile:active{background:var(--rma-dim-a);transform:scale(.98)}
.rma-textlink:active{background:var(--rma-dim-a);border-radius:10px}
/* rozwinięta karta radia: treść wyśrodkowana */
.rma-more__top{flex-direction:column;text-align:center;gap:12px}
.rma-more__in{text-align:center}
.rma-row.is-open .rma-more__in{padding:6px 16px 18px}
.rma-info{justify-items:center;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;width:100%}
.rma-more__desc{margin:14px 0 0}
.rma-more__now{text-align:center}
.rma-more__in .rma-rate{justify-content:center;margin-top:12px}
.rma-more__in .rma-stars{margin-left:0}
.rma-badge-top{margin:12px auto 0}
/* karta „Moje radio” */
.rma-mycard{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding:38px 20px 16px;margin:8px 0 18px}
.rma-mycard__badge{left:50%;transform:translateX(-50%)}
.rma-logo--my{width:96px;height:96px;border-radius:24px}
.rma-mycard__logo{margin-bottom:12px}
.rma-mycard__name{margin:0;font-size:1.4rem;line-height:1.15}
.rma-mycard__sub{margin:4px 0 16px;font-size:.92rem;color:var(--rma-muted)}
.rma-mycard__play{width:100%;max-width:340px}
.rma-mycard .rma-tiles{max-width:340px;margin-top:14px}
.rma-mycard .rma-textlink{margin-top:6px}
.rma-mycard .rma-textlink{max-width:100%}
.rma-mypanel__how{margin:6px 8px 18px;text-align:center}
/* radio tygodnia */
.rma-week{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px 18px}
.rma-week__ribbon{left:50%;transform:translateX(-50%)}
.rma-logo--hero{width:96px;height:96px}
.rma-week__logo{margin-bottom:12px}
.rma-week__name{margin:0;font-size:1.4rem;line-height:1.15}
.rma-week__sub{margin:4px 0 12px;color:var(--rma-muted);font-size:.92rem}
.rma-week__tags{justify-content:center}
.rma-week .rma-more__acts{width:100%;max-width:340px;margin-top:18px}
/* komunikaty, stany puste, okna */
.rma-notice{flex-direction:column;text-align:center;gap:12px;padding:16px 16px 14px;align-items:center}
.rma-notice__txt{flex:none;width:100%}
.rma-notice__acts{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;width:100%}
.rma-notice__acts .rma-tile{min-height:48px;padding:8px 6px;font-size:.84rem}
.rma-low{flex-direction:column;text-align:center;padding:22px 18px;gap:10px}
.rma-low--page{padding:30px 18px}
.rma-modal__head{padding:10px 16px}
.rma-share__sec{justify-items:stretch;text-align:center}
.rma-share__sec h3{text-align:center}
.rma-share__row{grid-template-columns:1fr;justify-items:center}
.rma-share__qr{margin:0 auto}
.rma-share__img{margin:0 auto}
.rma-copyrow{text-align:left}
.rma-copyrow__f{flex-direction:column;align-items:stretch;gap:8px}
.rma-share__sec>.rma-btn,.rma-share__sec>.rma-tile{width:100%}
/* pełny odtwarzacz: akcje w równej siatce */
.rma-pl__acts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.rma-act{min-height:68px;padding:10px 8px;font-size:.82rem;gap:6px}
/* formularz „Dodaj radio” i inne pojedyncze akcje główne */
.rma-form .rma-btn,.rma-done .rma-btn{width:100%}
.rma-intro{text-align:left}
.rma-empty{padding:30px 14px}
.rma-mycard,.rma-week{max-width:520px;margin-left:auto;margin-right:auto}

/* ===== 1.2.0: rozwinięta karta radia: telefon = wyśrodkowana, komputer = kompaktowa w linii ===== */
.rma-row.is-open .rma-more__in{padding:8px 16px 16px;position:relative;text-align:center}
.rma-more__hero{display:flex;flex-direction:column;align-items:center;gap:10px;border-top:1px solid var(--rma-line);padding-top:14px}
.rma-more__hero .rma-logo--lg{width:76px;height:76px;border-radius:19px}
.rma-more__id{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;min-width:0}
.rma-more__city{margin:0;font-size:1.35rem;font-weight:800;line-height:1.15;color:var(--rma-text)}
.rma-more__line{display:none;margin:0}
.rma-more__duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:340px}
.rma-more__duo--1{grid-template-columns:minmax(0,1fr);max-width:200px}
.rma-kv{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;padding:8px 10px;border-radius:12px;background:var(--rma-soft);border:1px solid var(--rma-line);min-width:0}
.rma-kv__l{font-size:.78rem;font-weight:600;color:var(--rma-muted);letter-spacing:.01em}
.rma-kv__v{font-size:.95rem;line-height:1.2;overflow-wrap:anywhere}
.rma-more__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.rma-chip2{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:var(--rma-soft-2);font-size:.82rem;font-weight:600}
.rma-chip2--gold{background:rgba(242,194,79,.16);color:var(--rma-accent-2)}
.rma-more__desc{margin:0;font-size:.9rem;line-height:1.4;color:var(--rma-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rma-more__meta{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:10px}
.rma-more__meta .rma-more__now{width:100%;margin:0;padding:6px 12px}
.rma-more__meta .rma-rate{margin:0;justify-content:center}
.rma-more__acts{gap:10px;margin-top:14px}
.rma-more__in .rma-more__acts>.rma-btn{min-height:50px}
.rma-tiles--acts{gap:8px}
.rma-tiles--acts .rma-tile{min-height:54px;padding:8px 6px;gap:4px}
.rma-more__mylink{position:static;display:inline-flex;align-items:center;justify-content:center;gap:4px;margin:0 auto 4px;min-height:36px;font-size:.8rem}
.rma-more__mylink.is-on{color:var(--rma-accent-2)}
.rma-more__top,.rma-info{display:none}
@media (min-width:880px){
  .rma-row.is-open .rma-more__in{padding:6px 16px 12px;text-align:left}
  .rma-more__mylink{position:absolute;right:12px;top:8px;margin:0;min-height:30px;padding:0 6px;font-size:.78rem}
  .rma-more__hero{flex-direction:row;align-items:flex-start;gap:14px;padding-top:12px}
  .rma-more__hero .rma-logo--lg{width:56px;height:56px;border-radius:14px;flex:none;box-shadow:none}
  .rma-more__id{align-items:flex-start;gap:4px;padding-right:130px}
  .rma-more__city,.rma-more__duo,.rma-more__chips{display:none}
  .rma-more__line{display:block;font-size:.85rem;font-weight:600;color:var(--rma-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .rma-more__desc{font-size:.84rem;line-height:1.35;-webkit-line-clamp:2}
  .rma-more__meta{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}
  .rma-more__meta .rma-more__now{flex:1;display:flex;align-items:center;gap:8px;padding:0 12px;min-height:34px;border-radius:10px;text-align:left}
  .rma-more__meta .rma-more__now small{margin:0;white-space:nowrap}
  .rma-more__meta .rma-more__now b{font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .rma-more__meta .rma-more__now[hidden]{display:none}
  .rma-more__meta .rma-rate{flex:none}
  .rma-more__in .rma-more__acts{display:flex;align-items:center;gap:8px;margin-top:8px}
  .rma-more__in .rma-more__acts>.rma-btn{width:auto;min-height:44px;padding:0 20px;flex:none;font-size:.92rem}
  .rma-more__in .rma-tiles--acts{display:flex;flex:1;gap:8px;width:auto}
  .rma-tiles--acts .rma-tile{flex-direction:row;width:auto;flex:1 1 auto;min-height:44px;padding:0 12px;gap:6px;font-size:.84rem;white-space:nowrap}
  .rma-tiles--acts>:last-child:nth-child(odd){grid-column:auto}
}
.rma-tiles--acts .rma-tile{min-height:52px;padding:6px 4px;gap:3px;font-size:.78rem;white-space:nowrap}
.rma-tiles--acts .rma-tile svg{width:20px;height:20px}
.rma-tiles--acts .rma-tile__t{overflow:hidden;text-overflow:ellipsis}
@media (min-width:880px){.rma-tiles--acts .rma-tile{font-size:.84rem;padding:0 12px;min-height:44px}.rma-tiles--acts .rma-tile svg{width:18px;height:18px}}
.rma-map__attr a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}

/* ===== 1.3.0: minimalizacja odtwarzacza, pastylka, głośność, spinner, jedna stacja naraz ===== */
.rma-minbtn{display:inline-flex;align-items:center;gap:2px;min-height:44px;min-width:44px;padding:0 14px 0 8px;border:1px solid var(--rma-edge);border-radius:999px;background:var(--rma-soft-2);color:var(--rma-text);font-weight:700;font-size:.92rem}
.rma-minbtn svg{flex:none}
@media (hover:hover){.rma-minbtn:hover{background:var(--rma-dim)}}
.rma-minbtn:active{background:var(--rma-dim-a);transform:scale(.97)}
/* mini-odtwarzacz: układ elastyczny (otwórz | głośność | play), pusty stan, pastylka */
.rma-mini{display:flex;align-items:center;gap:6px;position:relative;touch-action:none;transition:transform .2s ease}
.rma-mini__open{flex:1 1 auto;min-width:0}
.rma-mini>.rma-play{flex:none}
.rma-mini.is-landing{animation:rma-land .5s ease-out}
@keyframes rma-land{0%{transform:translateY(18px) scale(.97);box-shadow:0 0 0 0 rgba(224,165,33,.7)}55%{transform:none;box-shadow:0 0 0 10px rgba(224,165,33,0)}100%{transform:none}}
.rma-mini.is-morph{animation:rma-pop .3s ease-out}
@keyframes rma-pop{0%{transform:scale(.92);opacity:.6}100%{transform:none;opacity:1}}
.rma-mini.is-empty{justify-content:space-between;gap:12px;padding:10px 14px;background:linear-gradient(135deg,rgba(15,82,100,.7),rgba(8,44,56,.7));border-color:var(--rma-edge);box-shadow:none}
.rma-mini__emptytxt{color:var(--rma-muted);font-weight:600}
.rma-mini__volbtn{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--rma-soft);color:var(--rma-text);display:inline-flex;align-items:center;justify-content:center}
.rma-mini__volbtn.is-muted{color:var(--rma-muted)}
@media (hover:hover){.rma-mini__volbtn:hover{background:var(--rma-dim)}}
.rma-mini__volbtn:active{background:var(--rma-dim-a);transform:scale(.97)}
.rma-mini__tab{position:absolute;left:50%;top:-30px;transform:translateX(-50%);width:64px;height:44px;padding:0;border:0;background:transparent;display:flex;align-items:flex-start;justify-content:center;z-index:2}
.rma-mini__tabg{display:inline-flex;align-items:center;justify-content:center;width:52px;height:22px;border-radius:12px 12px 0 0;background:rgba(10,37,48,.92);border:1px solid rgba(242,194,79,.5);border-bottom:0;color:var(--rma-accent-2)}
@media (hover:hover){.rma-mini__tab:hover .rma-mini__tabg{background:rgba(5,22,30,.98)}}
.rma-mini.is-vol{padding:10px 12px}
.rma-mini.is-vol .rma-volume{flex:1}
.rma-mini.is-pill{width:fit-content;margin:0 12px 6px auto;padding:4px 6px 4px 4px;min-height:0;height:58px;border-radius:999px;gap:4px;box-shadow:0 6px 18px rgba(0,0,0,.45),0 0 18px rgba(224,165,33,.2)}
.rma-mini.is-pill .rma-mini__open{flex:none;width:50px;height:50px;min-height:50px;padding:0;border-radius:50%;justify-content:center}
.rma-mini.is-pill .rma-logo--mini{width:46px;height:46px;border-radius:50%}
.rma-mini.is-pill .rma-play--mini{width:46px;height:46px}
.rma-mini__sub.is-err{color:var(--rma-danger)}
/* suwak głośności: duży uchwyt, widoczna wartość, wspólny wygląd wszędzie */
.rma-volume{display:flex;align-items:center;gap:6px;width:100%;min-width:0}
.rma-volume__mute{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:transparent;color:var(--rma-text);display:inline-flex;align-items:center;justify-content:center}
@media (hover:hover){.rma-volume__mute:hover{background:var(--rma-dim)}}
.rma-volume__mute:active{background:var(--rma-dim-a);transform:scale(.95)}
.rma-volume__range{--p:100%;flex:1;min-width:0;height:44px;margin:0;padding:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none;touch-action:none}
.rma-volume__range::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--rma-accent) var(--p),rgba(255,255,255,.22) var(--p))}
.rma-volume__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;margin-top:-12px;border-radius:50%;background:var(--rma-text);border:3px solid var(--rma-accent);box-shadow:0 2px 8px rgba(0,0,0,.4)}
.rma-volume__range::-moz-range-track{height:6px;border-radius:3px;background:rgba(255,255,255,.22)}
.rma-volume__range::-moz-range-progress{height:6px;border-radius:3px;background:var(--rma-accent)}
.rma-volume__range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--rma-text);border:3px solid var(--rma-accent)}
.rma-volume__val{flex:none;min-width:3.3em;text-align:right;font-size:.82rem;font-weight:700;color:var(--rma-muted);font-variant-numeric:tabular-nums}
.rma-volume__range:active::-webkit-slider-thumb{transform:scale(1.12)}
.rma-volume--card{max-width:340px;margin:0 auto}
.rma-volume--inline{flex:none;width:200px}
.rma-volume--sheet{max-width:420px}
.rma-volhint{margin:0;font-size:.82rem;color:var(--rma-muted);text-align:center}
.rma-pl__row{justify-content:center}
.rma-pl__retry{margin-top:8px}
@media (min-width:880px){.rma-volume--card{max-width:none;width:230px;margin:0;flex:none}.rma-more__meta{flex-wrap:wrap}}
/* spinner na przycisku przy łączeniu i buforowaniu */
.rma-spinner{display:inline-block;width:22px;height:22px;border-radius:50%;border:3px solid rgba(10,37,48,.28);border-top-color:var(--rma-ink);animation:rma-spin .8s linear infinite}
.rma-play--big .rma-spinner{width:32px;height:32px;border-width:4px}
@keyframes rma-spin{to{transform:rotate(360deg)}}
.rma-play.is-busy{cursor:progress}
/* toast z akcją */
.rma-toast.has-act{display:flex;align-items:center;gap:12px;padding:4px 6px 4px 18px;border-radius:999px}
.rma-toast__act{min-height:44px;padding:0 16px;border:0;border-radius:999px;background:var(--rma-ink);color:var(--rma-accent-2);font-weight:800}
@media (prefers-reduced-motion:reduce){
  .rma-spinner{animation-duration:1.6s}
  .rma-mini,.rma-mini.is-landing,.rma-mini.is-morph{animation:none;transition:none}
}
/* 2.0.0: powiadomienia, instalacja, program */
.rma-top__bell{position:relative;flex:none;margin-left:auto;width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--rma-text);text-decoration:none;background:var(--rma-soft);border:1px solid var(--rma-line)}
.rma-top__bell:active{background:var(--rma-dim-a);transform:scale(.95)}
.rma-top__bell.is-on{color:var(--rma-accent-2)}
.rma-top__dot{position:absolute;top:9px;right:10px;width:9px;height:9px;border-radius:50%;background:var(--rma-accent);box-shadow:0 0 0 2px var(--rma-bg-top);display:none}
.rma-top__bell.is-on .rma-top__dot{display:block}
@media (hover:hover){.rma-top__bell:hover{background:var(--rma-dim)}}
.rma-pn{display:grid;gap:14px;max-width:560px;margin:0 auto;padding:6px 0 28px}
.rma-pn__hero{display:grid;justify-items:center;gap:10px;text-align:center;padding:22px 18px 20px;border-radius:var(--rma-r);background:var(--rma-glass);border:1px solid var(--rma-edge);box-shadow:var(--rma-shadow),inset 0 1px 0 var(--rma-edge-hi)}
.rma-pn__bell{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:var(--rma-soft-2);color:var(--rma-text)}
.rma-pn__bell.is-on{background:var(--rma-accent);color:var(--rma-ink)}
.rma-pn__title{margin:0;font-size:1.35rem}
.rma-pn__lead{margin:0;color:var(--rma-muted);line-height:1.45;max-width:44ch}
.rma-pn__warn{margin:0;color:var(--rma-text);line-height:1.45;max-width:44ch}
.rma-pn__main{width:100%;max-width:340px;min-height:52px}
.rma-pn__sec{padding:12px 12px 14px;border-radius:var(--rma-r);background:var(--rma-soft);border:1px solid var(--rma-line)}
.rma-pn__h{margin:2px 0 8px;font-size:1rem;text-align:center;color:var(--rma-text)}
.rma-pn__sec .rma-switch{margin:8px 0 0;background:transparent;border-color:var(--rma-line);box-shadow:none}
.rma-pn__hint{text-align:center;margin:0 0 4px}
.rma-pn__seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.rma-pn__seg button{min-height:48px;border:0;border-radius:12px;background:var(--rma-soft-2);color:var(--rma-text);font-weight:700}
.rma-pn__seg button[aria-pressed="true"]{background:var(--rma-accent);color:var(--rma-ink)}
.rma-pn__hours{display:flex;gap:12px;justify-content:center;margin-top:10px}
.rma-pn__hours label{display:flex;align-items:center;gap:8px;color:var(--rma-muted)}
.rma-pn__sel{min-height:48px;min-width:96px;padding:0 10px;border-radius:12px;border:1px solid var(--rma-line);background:var(--rma-soft-2);color:var(--rma-text);font:inherit;font-weight:700}
.rma-pn__off{text-align:center}
.rma-pn__offbtn{min-height:44px;padding:0 12px}
.rma-pn__note{text-align:center;margin:0 8px}
.rma-pn__code{margin:0;text-align:center;font-size:.78rem;color:var(--rma-muted);letter-spacing:.04em}
.rma-pn__inst{display:grid;justify-items:center;gap:8px;text-align:center}
.rma-pn__inst p{margin:0}
.rma-pn__sec--ulub{margin:18px 0 6px}
.rma-empty--pn{text-align:center;margin:6px 0}
.rma-pn__link{display:flex;align-items:center;gap:12px;margin:18px 0 6px;padding:12px 14px;min-height:64px;border-radius:var(--rma-r);background:var(--rma-glass);border:1px solid var(--rma-edge);box-shadow:var(--rma-shadow),inset 0 1px 0 var(--rma-edge-hi);color:var(--rma-text);text-decoration:none}
.rma-pn__linkico{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--rma-soft-2)}
.rma-pn__linkico.is-on{background:var(--rma-accent);color:var(--rma-ink)}
.rma-pn__linktxt{display:grid;gap:2px;min-width:0;flex:1}
.rma-pn__linktxt small{color:var(--rma-muted)}
.rma-pn__link:active{background:var(--rma-dim-a)}
@media (hover:hover){.rma-pn__link:hover{background:var(--rma-dim)}}
.rma-pre{display:grid;gap:12px;justify-items:center;text-align:center}
.rma-pre p{margin:0;line-height:1.45}
.rma-pre__list{margin:0;padding:0;list-style:none;display:grid;gap:6px;text-align:left}
.rma-pre .rma-btn{width:100%}
.rma-prog{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;padding:8px 12px;border-radius:12px;background:var(--rma-soft);border:1px solid var(--rma-line)}
.rma-prog[hidden]{display:none}
.rma-prog__line{display:grid;gap:1px;text-align:center}
.rma-prog__line small{font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--rma-accent-2)}
.rma-prog__btn{min-height:44px;padding:0 14px;border:0;border-radius:12px;background:var(--rma-soft-2);color:var(--rma-text);font-weight:700}
.rma-pl__prog{margin-top:10px}
.rma-prog__list{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.rma-prog__item{display:flex;gap:12px;padding:10px 12px;border-radius:12px;background:var(--rma-soft);border:1px solid var(--rma-line)}
.rma-prog__item.is-now{border-color:var(--rma-accent);background:var(--rma-soft-2)}
.rma-prog__item.is-past{opacity:.6}
.rma-prog__time{flex:none;font-weight:800;color:var(--rma-accent-2);min-width:6.5em}
.rma-prog__what{display:grid;gap:2px;min-width:0}
.rma-prog__what small{color:var(--rma-muted)}
@media (min-width:880px){.rma-more__meta .rma-prog{flex:1 1 100%;justify-content:flex-start}}