/* Aplikacja PogonSportNet.pl 2.0 - wyglad "Lekki sportowy": ciepla biel, bordo, szampanskie akcenty. Manrope + Barlow Condensed. */
:root{--bg:#fffdf9;--ink:#292329;--navy:#142f50;--soft:#f5f0ea;--line:#ebe5dd;--muted:#6b6670;--brand:#8b2242;--onbrand:#fff;--gold:#b08a4f;--gold2:#d6b47f;--card:#fff;color-scheme:light}
[data-theme="ciemny"]{--bg:#101b2b;--ink:#f2f5fa;--navy:#f2f5fa;--soft:#1b2a3d;--line:#2c3a4e;--muted:#a6b2c4;--brand:#efa3b8;--onbrand:#292329;--gold:#d6b47f;--card:#15233a;color-scheme:dark}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--bg);color:var(--ink)}
body{font:15px/1.5 Manrope,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;min-height:100dvh}
a{color:var(--brand)}
button{font:inherit;color:inherit;background:none;border:0;padding:0;text-align:left;cursor:pointer;touch-action:manipulation}
button:active{transform:translateY(1px)}
:focus-visible{outline:3px solid #c5a26b;outline-offset:3px}
img{max-width:100%}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bc{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif}
.app{max-width:560px;margin:0 auto;min-height:100dvh;position:relative;background:var(--bg)}
@media(min-width:600px){body{background:var(--soft)}.app{box-shadow:0 0 60px #10263f14}}

/* naglowek */
.topline{height:5px;background:linear-gradient(90deg,#142f50 60%,#8b2242 60%,#8b2242 94%,#c7a269 94%)}
.header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(env(safe-area-inset-top) + 16px) 20px 16px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;min-width:0}
.brand img{width:46px;height:41px;flex:none;filter:drop-shadow(0 3px 6px #10264022)}
.brand-t{display:flex;flex-direction:column;min-width:0}
.wordmark{display:flex;align-items:baseline;font-family:"Barlow Condensed",Arial,sans-serif;font-size:29px;line-height:1;font-weight:700;white-space:nowrap}
.wordmark b{font-weight:800;color:var(--navy)}.wordmark span{font-weight:600;color:var(--brand)}.wordmark i{font-style:normal;font-weight:600;font-size:18px;color:var(--gold);margin-left:1px}
.tagline{font-size:9px;letter-spacing:1.9px;font-weight:700;margin-top:6px;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.icon-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;flex:none;position:relative;color:var(--ink);text-decoration:none;background:transparent}
.icon-btn svg{width:20px;height:20px}
.icon-btn.dot::after{content:'';position:absolute;top:9px;right:10px;width:5px;height:5px;background:var(--brand);border:2px solid var(--bg);box-sizing:content-box;border-radius:50%}
.subbar{display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top) + 12px) 18px 6px;position:sticky;top:0;z-index:20;background:var(--bg)}
.back{display:flex;align-items:center;gap:7px;color:var(--brand);font-weight:700;font-size:12px;min-height:44px}
.back svg{width:16px;height:16px}
.subbar .sp{flex:1}

main{padding:0 20px calc(110px + env(safe-area-inset-bottom))}
.arrive{animation:slide .22s ease-out}
@keyframes slide{from{transform:translateY(7px);opacity:.6}to{transform:none;opacity:1}}

/* teksty pomocnicze */
.meta{font-size:11px;color:var(--muted);letter-spacing:.2px}
.label{text-transform:uppercase;font-size:10px;letter-spacing:1.6px;color:var(--brand);font-weight:800}
.section{display:flex;align-items:center;justify-content:space-between;margin:26px 0 12px;gap:10px}
.section h2{font-family:"Barlow Condensed",sans-serif;font-size:30px;font-weight:700;text-transform:uppercase;margin:0;position:relative;padding-left:12px;line-height:1.1}
.section h2::before{content:'';position:absolute;left:0;top:6px;bottom:5px;width:3px;border-radius:2px;background:var(--brand)}
.section a,.section button{font-size:11px;font-weight:800;color:var(--brand);text-decoration:none;min-height:44px;display:flex;align-items:center}
.page-title{font-size:28px;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:8px 0 4px}

/* karta meczu */
.match{display:block;width:100%;position:relative;overflow:hidden;padding:17px 18px 0;border-radius:17px;color:#fff;background:linear-gradient(115deg,#75253e 0%,#501a2d 68%,#321b29 100%);box-shadow:0 8px 20px #10244018;isolation:isolate;text-decoration:none}
.match::before{content:'';position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(115deg,transparent 0,transparent 27px,#ffffff04 28px,#ffffff04 29px)}
.match::after{content:'';position:absolute;right:-19px;top:-9px;width:51px;height:250px;background:#dcaa7922;transform:rotate(22deg);z-index:-1}
.match-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px}
.match .label{color:var(--gold2);font-size:9px;letter-spacing:1.5px}
.match .meta{color:#e3c8ce;font-size:10px}
.versus{display:grid;grid-template-columns:1fr 112px 1fr;align-items:center;text-align:center;gap:4px}
.team{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px;font-weight:700;line-height:1.25}
.crest{width:50px;height:62px;object-fit:contain;filter:drop-shadow(0 3px 4px #0003)}
.crest-t{width:50px;height:62px;display:grid;place-items:center;font:700 20px "Barlow Condensed",sans-serif}
.time{font-family:"Barlow Condensed",sans-serif;font-size:42px;font-weight:700;letter-spacing:1px;line-height:1}
.versus .meta{font-size:9px;letter-spacing:.8px;margin-top:7px;text-transform:uppercase}
.count{font-size:10px;color:var(--gold2);margin-top:9px;font-variant-numeric:tabular-nums}
.match-foot{border-top:1px solid #ffffff19;margin-top:18px;padding:11px 0 12px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#e5cbd0}
.match-foot strong{color:#fff;font-weight:600;display:flex;align-items:center;gap:7px}
.match-foot svg{width:14px;height:14px}
.live{display:inline-flex;align-items:center;gap:6px;color:#fff;background:#c22c4e;border-radius:999px;padding:3px 9px;font-size:9px;font-weight:800;letter-spacing:1.4px}
.live::before{content:'';width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 1.4s infinite}
@keyframes pulse{50%{opacity:.25}}

/* newsy */
.hero{display:block;text-decoration:none;color:inherit}
.photo{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;display:block;background:var(--soft)}
.hero .label{margin-top:15px;display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1.7px}
.hero .label::before{content:'';width:5px;height:5px;background:var(--brand);border-radius:50%}
.hero h3{font-size:24px;font-weight:800;line-height:1.23;letter-spacing:-.8px;margin:8px 0 8px}
.hero p{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.row{display:grid;grid-template-columns:1fr 92px;gap:16px;border-top:1px solid var(--line);padding:16px 0;align-items:center;text-decoration:none;color:inherit}
.row h3{font-size:14px;line-height:1.42;font-weight:800;letter-spacing:-.2px;margin:0 0 7px}
.row .meta{font-size:10px}
.row .th{width:92px;height:72px;border-radius:9px;object-fit:cover;background:var(--soft);display:block}
.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:6px -20px 4px;padding:4px 20px}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line);font-size:12px;font-weight:700;color:var(--muted);background:var(--card);white-space:nowrap}
.chip[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:var(--onbrand)}
.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:14px;padding:0 12px;background:var(--card);margin-top:6px}
.search svg{width:18px;height:18px;color:var(--muted);flex:none}
.search input{flex:1;min-width:0;border:0;background:transparent;height:46px;font:600 15px Manrope,sans-serif;color:var(--ink);outline:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--brand);color:var(--onbrand);font-weight:700;border-radius:12px;padding:13px 17px;min-height:46px;text-decoration:none;font-size:13px}
.btn svg{width:17px;height:17px}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn.full{width:100%}
.more{margin-top:14px}
.skel{background:linear-gradient(90deg,var(--soft) 0,var(--line) 50%,var(--soft) 100%);background-size:200% 100%;animation:sk 1.2s infinite linear;border-radius:12px}
@keyframes sk{to{background-position:-200% 0}}
.note{font-size:13px;color:var(--muted);padding:16px;border:1px dashed var(--line);border-radius:14px;margin-top:14px}
.note button{margin-top:10px}

/* artykul */
.art .label{margin-top:12px}
.art h1{font-size:28px;font-weight:800;letter-spacing:-1px;line-height:1.22;margin:8px 0 10px}
.art .photo{margin:16px 0 4px}
.art .player{margin:16px 0 4px}
.body{font-size:16.5px;line-height:1.8}
.body p{margin:0 0 16px}
.body .lead,.body p:first-child{font-weight:700}
.body h2,.body h3{font-family:"Barlow Condensed",sans-serif;font-size:24px;margin:22px 0 8px;line-height:1.2}
.body img{border-radius:12px;height:auto;display:block}
.body blockquote{margin:0 0 16px;padding:2px 0 2px 14px;border-left:3px solid var(--brand);color:var(--muted)}
.body a{word-break:break-word}
.body table{width:100%;border-collapse:collapse;font-size:14px;display:block;overflow-x:auto}
.body td,.body th{border-bottom:1px solid var(--line);padding:6px}
.player{aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}
.player iframe,.body iframe{width:100%;height:100%;border:0;display:block}
.body iframe{aspect-ratio:16/9;height:auto;border-radius:12px}
.gal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 18px}
.gal a{display:block}.gal img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 4px}

/* komentarze */
.comments{margin-top:8px}
.cm{border-top:1px solid var(--line);padding:14px 0}
.cm.l1{margin-left:22px;border-top-style:dashed}
.cm.l2{margin-left:40px;border-top-style:dashed}
.cm-h{display:flex;align-items:center;gap:10px}
.cm-av{width:34px;height:34px;border-radius:50%;object-fit:cover;background:var(--soft);flex:none;display:grid;place-items:center;font-weight:800;color:var(--brand);font-size:13px}
.cm-n{font-weight:800;font-size:13px}
.cm-r{font-size:10px;color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.8px}
.cm-t{font-size:15px;line-height:1.6;margin-top:8px;white-space:pre-line;word-break:break-word}
.cm-t img{max-width:100%;border-radius:8px}
.cm-f{display:flex;gap:14px;margin-top:8px;font-size:11px;color:var(--muted)}
.cm-form{margin-top:12px;display:flex;flex-direction:column;gap:10px}
.cm-form textarea{width:100%;min-height:110px;border:1px solid var(--line);border-radius:14px;padding:12px;font:15px/1.5 Manrope,sans-serif;background:var(--card);color:var(--ink);resize:vertical}
.cm-msg{font-size:13px;color:var(--muted)}

/* mecz / terminarz / tabele */
.seg{display:flex;gap:4px;background:var(--soft);border-radius:14px;padding:4px;margin:10px 0 4px}
.seg button{flex:1;min-height:40px;border-radius:10px;text-align:center;font-size:12px;font-weight:700;color:var(--muted)}
.seg button[aria-selected="true"]{background:var(--card);color:var(--brand);box-shadow:0 1px 3px #0000000d}
.stats{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.st{margin-bottom:12px}.st:last-child{margin-bottom:0}
.st-v{display:flex;justify-content:space-between;font-size:12px;font-weight:800}
.st-v span:nth-child(2){color:var(--muted);font-weight:600}
.bar{display:flex;height:6px;gap:3px;margin-top:5px}
.bar i{display:block;border-radius:3px;background:var(--line)}.bar i.p{background:var(--brand)}
.tl{margin-top:16px}
.ev{display:flex;gap:12px;padding-bottom:12px}
.ev .m{width:46px;flex:none;text-align:right;font:700 18px "Barlow Condensed",sans-serif;color:var(--muted)}
.ev .x{flex:1;border-left:2px solid var(--line);padding-left:12px;font-size:13px}
.ev.g .m{color:var(--brand)}.ev.g .x{border-color:var(--brand)}
.ev small{display:block;color:var(--muted)}
.card-ico{display:inline-block;width:10px;height:14px;border-radius:2px;margin-right:6px;vertical-align:-2px}
.fx{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}
.fx .d{font-size:11px;color:var(--muted);line-height:1.3}
.fx .d b{display:block;font:700 18px "Barlow Condensed",sans-serif;color:var(--ink)}
.fx .tms{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700;min-width:0}
.fx .tm{display:flex;align-items:center;gap:8px;min-width:0}
.fx .tm img{width:20px;height:24px;object-fit:contain;flex:none}
.fx .tm span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx .tm.pg{color:var(--brand)}
.fx .sc{display:flex;flex-direction:column;gap:5px;font:700 17px "Barlow Condensed",sans-serif;text-align:right;min-width:24px}
.fx .res{font-size:10px;font-weight:800;border-radius:6px;padding:2px 6px;color:#fff;text-align:center;margin-top:2px}
.res.w{background:#2e7d4f}.res.r{background:#8a8f99}.res.p{background:#b3243a}
.rnav{display:flex;align-items:center;justify-content:space-between;margin:14px 0 2px}
.rnav button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center}
.rnav button:disabled{opacity:.35}
.rnav svg{width:18px;height:18px}
.rnav b{font:700 22px "Barlow Condensed",sans-serif;text-transform:uppercase}
.tbl{width:100%;border-collapse:collapse;font-size:13px;margin-top:8px}
.tbl th{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-weight:700;text-align:right;padding:8px 4px;border-bottom:1px solid var(--line)}
.tbl th:nth-child(2){text-align:left}
.tbl td{padding:10px 4px;border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums}
.tbl td:first-child{color:var(--muted);width:26px;text-align:left}
.tbl td.n{text-align:left;font-weight:700}
.tbl td.n span{display:flex;align-items:center;gap:8px}
.tbl td.n img{width:18px;height:22px;object-fit:contain;flex:none}
.tbl td.pk{font-weight:800}
.tbl td,.tbl th{white-space:nowrap}.tbl td.n{white-space:normal}
.tbl tr.pg td{background:color-mix(in srgb,var(--brand) 9%,transparent)}
.tbl tr.pg td.n{color:var(--brand)}
.tbl .hide-s{display:table-cell}
@media(max-width:380px){.tbl .hide-s{display:none}}

/* wideo */
.vgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
.vid{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:7px}
.vid.big{grid-column:1/-1}
.vid .th{aspect-ratio:16/9;border-radius:12px;background:var(--soft) center/cover no-repeat;position:relative}
.vid .pl{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#8b2242e6;color:#fff;display:grid;place-items:center}
.vid.big .pl{width:62px;height:62px;margin:-31px 0 0 -31px}
.vid .pl svg{width:20px;height:20px;margin-left:3px}
.vid b{font-size:13px;line-height:1.35;font-weight:800;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vid.big b{font-size:19px;letter-spacing:-.4px}
.span2{grid-column:1/-1}

/* wiecej */
.menu{display:flex;flex-direction:column}
.mi{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);min-height:56px;text-decoration:none;color:inherit;width:100%}
.mi svg{width:20px;height:20px;color:var(--brand);flex:none}
.mi .tx{flex:1;min-width:0}.mi .tx b{display:block;font-size:14px;font-weight:800}.mi .tx small{display:block;color:var(--muted);font-size:12px}
.mi .ch{color:var(--muted);width:16px;height:16px}
.mi input[type=checkbox]{accent-color:var(--brand);width:22px;height:22px}
.grp{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);font-weight:800;margin:26px 0 2px}
.themes{display:flex;gap:8px}
.themes button{flex:1;min-height:44px;border:1px solid var(--line);border-radius:12px;font-size:12px;font-weight:700;text-align:center}
.themes button[aria-pressed="true"]{border-color:var(--brand);color:var(--brand);background:var(--soft)}

/* stadion */
.seat{display:flex;gap:8px;margin-top:6px}
.seat input{flex:1;min-width:0;height:48px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:700 16px Manrope,sans-serif;padding:0 14px}
.stad{margin-top:12px;border-radius:16px;overflow:hidden;border:1px solid var(--line);height:calc(100dvh - 300px);min-height:440px}
.stad iframe{width:100%;height:100%;border:0;display:block;pointer-events:none}
.stad{position:relative}
.stad-go{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;padding:0 16px 22px;border:0;background:linear-gradient(transparent 55%,rgba(11,20,40,.55));color:#fff;font:800 16px/1.2 Manrope,system-ui,sans-serif;cursor:pointer;text-align:center}
.stad-go span{background:#8b2242;padding:12px 18px;border-radius:13px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.stad-go small{font:600 12px/1.3 Manrope,system-ui,sans-serif;margin-top:6px;opacity:.9}
.stad-x{display:none}
.stad.full{position:fixed;inset:0;z-index:100000;margin:0;border:0;border-radius:0;height:100dvh;min-height:0;background:var(--bg);display:flex;flex-direction:column-reverse;padding-top:env(safe-area-inset-top)}
.stad.full iframe{flex:1;height:auto;min-height:0}
.stad.full iframe{pointer-events:auto}
.stad.full .stad-go{display:none}
.stad.full .stad-x{display:flex;align-items:center;justify-content:center;flex:none;height:48px;width:100%;border:0;border-bottom:1px solid var(--line);background:var(--bg);color:var(--ink);font:800 15px Manrope,system-ui,sans-serif;cursor:pointer}
html.stad-open,html.stad-open body{overflow:hidden}

/* reklamy */
.ad{margin:18px 0;text-align:center}
.ad .lb{display:block;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.ad ins{display:block;min-height:100px}
.ad .zap{display:none}
.ad.zapas ins{display:none!important}.ad.zapas .zap{display:flex}
.zap{align-items:center;gap:14px;text-align:left;text-decoration:none;color:#fff;border-radius:16px;padding:15px 16px;background:linear-gradient(115deg,#142f50 0%,#142f50 58%,#8b2242 58%)}
.zap svg{width:26px;height:26px;color:#d6b47f;flex:none}
.zap b{display:block;font-size:14px}.zap span{display:block;font-size:12px;opacity:.85}

/* dolna nawigacja */
.nav{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(10px + env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:536px;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);padding:7px;gap:3px;background:var(--bg);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 28px #10243f14}
.nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:50px;border-radius:11px;text-decoration:none;color:var(--muted);font-size:10px;font-weight:600;position:relative}
.nav a[aria-current="page"]{background:var(--soft);color:var(--brand);font-weight:800}
.nav a[aria-current="page"]::after{content:'';position:absolute;bottom:2px;width:12px;height:2px;background:var(--brand);border-radius:2px}
.nav svg{width:20px;height:20px}
.toast{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:12px;font-size:13px;font-weight:700;z-index:40;max-width:90vw}
.inst{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--gold2);background:var(--soft);margin-top:14px;font-size:13px}
.inst span{flex:1}
.inst button{min-height:40px;padding:0 14px;border-radius:10px;background:var(--brand);color:var(--onbrand);font-weight:800;font-size:12px}
.inst button.x{background:transparent;color:var(--muted);border:1px solid var(--line)}
@media(max-width:380px){main{padding-left:15px;padding-right:15px}.header{padding-left:16px;padding-right:16px}.wordmark{font-size:26px}.brand img{width:40px;height:36px}.tagline{letter-spacing:1.2px}.versus{grid-template-columns:1fr 96px 1fr}.match{padding-left:12px;padding-right:12px}.chips{margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* 2.1: motywy bordo i czarny */
[data-theme="bordo"]{--bg:#2a0c15;--ink:#fbf3f4;--navy:#fbf3f4;--soft:#3a1320;--line:#57202f;--muted:#d4b3ba;--brand:#f0a7b9;--onbrand:#2a0c15;--gold:#d6b47f;--card:#34111c;color-scheme:dark}
[data-theme="czarny"]{--bg:#0b0b0d;--ink:#f2f2f4;--navy:#f2f2f4;--soft:#18181c;--line:#2a2a30;--muted:#a6a6ae;--brand:#efa3b8;--onbrand:#0b0b0d;--gold:#d6b47f;--card:#141417;color-scheme:dark}
.themes{flex-wrap:wrap}.themes button{flex:1 1 30%}
/* komentarze: akcje */
.cm-f{align-items:center;flex-wrap:wrap}.cm-f .sp{flex:1}
.cm-b{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--line);font-size:12px;font-weight:700;color:var(--muted)}
.cm-b svg{width:14px;height:14px}
.cm-b.on{color:var(--brand);border-color:var(--brand)}
.cm-rbox .cm-form{margin-top:10px}
/* logowanie */
.login{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.login label{font-size:12px;font-weight:800;margin-top:6px}
.login input{height:50px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:600 16px Manrope,sans-serif;padding:0 14px}
.login .btn{margin-top:10px}
/* strona serwisu w aplikacji */
.webv{margin:0 -0px;height:calc(100dvh - 150px - env(safe-area-inset-bottom));border-top:1px solid var(--line)}
.webv iframe{width:100%;height:100%;border:0;display:block;background:#fff}
/* czat */
.czat{padding-bottom:calc(190px + env(safe-area-inset-bottom))}
.czl{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.czm{align-self:flex-start;max-width:86%;background:var(--soft);border-radius:4px 16px 16px 16px;padding:9px 12px}
.czm.mine{align-self:flex-end;background:color-mix(in srgb,var(--brand) 14%,var(--bg));border-radius:16px 4px 16px 16px}
.czh{display:flex;align-items:center;gap:8px;font-size:12px}
.czh b{font-weight:800}
.czb{font-size:15px;line-height:1.5;white-space:pre-line;word-break:break-word;margin-top:2px}
.czq{font-size:12px;color:var(--muted);border-left:2px solid var(--brand);padding-left:8px;margin:4px 0}
.czm img{max-width:100%;border-radius:10px;margin-top:6px;display:block}
.czm .cm-b{min-height:28px;padding:0 8px;margin-top:6px;font-size:11px}
.czf{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(84px + env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:536px;z-index:25;display:grid;grid-template-columns:1fr 52px;gap:8px;background:var(--bg);padding:8px;border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 20px #10243f14}
.czf textarea{border:1px solid var(--line);border-radius:12px;padding:12px;font:15px/1.4 Manrope,sans-serif;background:var(--card);color:var(--ink);resize:none;min-height:46px;max-height:120px}
.czf .btn{padding:0;min-height:46px}
.czf .czr,.czf .cm-msg{grid-column:1/-1;font-size:12px;color:var(--muted)}

/* 2.1.1: karta instalacji po wejsciu z banera */
.instbig{margin-top:12px;padding:18px;border-radius:18px;background:var(--soft);border:1px solid var(--gold2)}
.instbig h2{font:700 26px/1.1 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:6px 0 10px}
.instbig ol{margin:0 0 8px;padding-left:20px;font-size:14px;line-height:1.7}
.instbig ol svg{width:16px;height:16px;vertical-align:-3px;color:var(--brand)}
.instbig .btn{margin-top:4px}

/* 2.2.2: odpowiedzi wyraznie odroznione od komentarzy glownych */
.cm.l1,.cm.l2{margin:4px 0 10px 16px;padding:10px 12px 10px 14px;border-top:0;border-left:3px solid var(--brand);background:var(--soft);border-radius:0 14px 14px 0}
.cm.l2{margin-left:30px}
.cm.l1 .cm-av,.cm.l2 .cm-av{width:28px;height:28px;font-size:11px}
.cm.l1 .cm-t,.cm.l2 .cm-t{font-size:14px}
.cm-to{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--brand);font-weight:700;margin-bottom:6px}
.cm-to svg{width:14px;height:14px}
.cm-to b{font-weight:800}
.cm.l0+.cm.l0{margin-top:4px}
.cm.l1 .cm-av,.cm.l2 .cm-av{background:var(--bg)}

/* komputer: tylko zaproszenie do instalacji */
html.komp body{background:var(--soft)}
html.komp .nav{display:none}
.komp-w{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}
.komp-k{position:relative;max-width:620px;width:100%;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:40px 44px 32px;box-shadow:0 20px 60px rgba(20,47,80,.12);overflow:hidden}
.komp-k::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,#142f50 60%,#8b2242 60%,#8b2242 94%,#c7a269 94%)}
.komp-h{display:flex;align-items:center;gap:14px}.komp-h b{display:block;font:800 26px/1 "Barlow Condensed",Arial,sans-serif;color:var(--navy)}.komp-h b span{color:var(--brand)}.komp-h small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.komp-k h1{font:800 44px/1.05 "Barlow Condensed",Arial,sans-serif;color:var(--navy);margin:28px 0 10px}
.komp-l{font-size:15px;line-height:1.55;color:var(--muted);margin:0 0 24px}
.komp-g{display:flex;gap:28px;align-items:center}
.komp-qr{flex:none;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px}.komp-qr img{display:block;width:200px;height:200px;image-rendering:pixelated}
.komp-g ol{margin:0;padding-left:20px;font-size:15px;line-height:1.5}.komp-g li{margin:0 0 10px}
.komp-u{margin:22px 0 0;font-size:14px;color:var(--muted)}.komp-u b{color:var(--ink)}
.komp-pc{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding:16px 18px;background:var(--soft);border-radius:14px;font-size:14px}.komp-pc .btn{flex:none}
.komp-s{display:inline-block;margin-top:24px;font-weight:700;font-size:14px;text-decoration:none}
html.komp .app{max-width:none;background:transparent;box-shadow:none}

/* 2.3.0: komentarze ze strony, czat w zakładce, dzień meczowy */
.nav a .nb{position:absolute;top:4px;left:calc(50% + 6px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#c8102e;color:#fff;font:700 10px/16px Manrope,sans-serif;font-style:normal;text-align:center}
.dmb{margin:0 0 12px;padding:14px;border-radius:17px;background:linear-gradient(135deg,#0b1f3a,#7a1428);color:#fff}
.dmb .label{color:#f6d77a}.dmb .meta{color:#dfe5f0;margin:10px 0 0}
.dmg{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.dmb .btn.ghost{color:#fff;border-color:#ffffff55;background:transparent}

.cm-hl{background:color-mix(in srgb,var(--gold2) 30%,transparent);border-radius:12px;transition:background .6s}
.cm-sort{display:flex;gap:8px;margin:4px 0 6px}
.cm-t a{color:var(--brand);word-break:break-word}.cm-t blockquote{margin:6px 0;padding:6px 10px;border-left:3px solid var(--gold);background:var(--soft);border-radius:0 10px 10px 0}
.cm-t img.gif{display:block;max-width:240px;border-radius:10px;margin:6px 0}
.ank{margin:8px 0;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--card);white-space:normal}
.ank .q{font-weight:800;font-size:14px;margin-bottom:8px}
.ank button.o{position:relative;display:block;width:100%;margin:6px 0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg);font-size:14px}
.ank button.o i{position:absolute;left:0;top:0;bottom:0;background:color-mix(in srgb,var(--brand) 18%,transparent)}
.ank button.o span{position:relative;display:flex;justify-content:space-between;gap:8px}.ank button.o em{font-style:normal;font-weight:800;color:var(--brand)}
.ank button.o.m{border-color:var(--brand)}.ank small{font-size:11px;color:var(--muted)}
.cm-tools{display:flex;gap:8px;flex-wrap:wrap}
.sheet{position:fixed;inset:0;z-index:60;background:#0008;display:flex;align-items:flex-end;justify-content:center}
.sheet-b{width:100%;max-width:560px;max-height:85dvh;overflow:auto;background:var(--bg);border-radius:20px 20px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}
.sheet-h{display:flex;justify-content:space-between;align-items:center;font-size:16px}
.in{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;font:15px Manrope,sans-serif;background:var(--card);color:var(--ink)}
.gifs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.gifs img{width:100%;height:96px;object-fit:cover;border-radius:8px;cursor:pointer}
.onn{margin:18px 0;min-height:180px;clear:both}

/* 2.4.0: znaczki, profil, trybuny, @ */
.cm-nb{font:inherit;font-weight:800;color:var(--ink)}
.cm-chips{display:inline-flex;flex-wrap:wrap;gap:4px;margin-left:6px;vertical-align:middle}
.ch{font-style:normal;font-size:10px;font-weight:700;padding:1px 6px;border-radius:6px;background:var(--soft);color:var(--muted);white-space:nowrap}
.ch-s{background:#fdeccd;color:#9a5a00}.ch-n{background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand)}.ch-t{background:#0b1f3a;color:#f6d77a}
[data-theme="ciemny"] .ch-s,[data-theme="czarny"] .ch-s{background:#3a2a10;color:#f6c46a}
.cm-pat .cm-av{box-shadow:0 0 0 2px var(--bg),0 0 0 4px #d6b47f}.cm-pat .cm-nb{color:var(--gold)}
.pf-h{display:flex;gap:12px;align-items:center}.pf-h .cm-av{width:56px;height:56px;font-size:20px}.pf-h.pat .cm-av{box-shadow:0 0 0 2px var(--bg),0 0 0 4px #d6b47f}
.pf-n{font-size:18px}.pf-k{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pf-k div{background:var(--soft);border-radius:12px;padding:10px;text-align:center}.pf-k b{display:block;font-size:18px}.pf-k small{font-size:11px;color:var(--muted)}
.pf-o{display:flex;flex-wrap:wrap;gap:6px}.pf-o .ch{font-size:12px;padding:4px 8px}
.pf-best{display:block;padding:12px;border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none;font-size:14px}.pf-best small{display:block;color:var(--muted);margin-top:6px}
.pf-d{display:flex;gap:10px;font-size:13px;padding:6px 0;border-bottom:1px solid var(--line)}.pf-d small{display:block;color:var(--muted);font-size:11px}
.tryb{margin:12px 0;padding:14px;border-radius:14px;background:linear-gradient(135deg,#0b1f3a,#7a1428);color:#fff;display:flex;flex-direction:column;gap:8px}.tryb small{color:#dfe5f0;font-size:12px}.tryb .btn{background:#f6d77a;color:#0b1f3a}.tryb .cm-msg{color:#f6d77a}
.malpa{display:flex;flex-wrap:wrap;gap:6px}