/* Makao: wygląd klubu Velvet Club (kierki/game.css) na granatowym suknie; mk-* to elementy Makao. */
:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
html:root[data-kit-motyw=ciemny]{--kit-tlo:#0a1426;--kit-tlo2:#2a1e17;--kit-tlo3:#3a2a1f;--kit-tekst:#f6ead5;--kit-tekst2:#d6c3a3;--kit-tekst3:#a8957a;--kit-akcent:#e2c27f;--kit-akcent2:#b0823f;--kit-linia:#c9a46a40}
html:root[data-kit-motyw=jasny]{--kit-tlo:#efe6d6;--kit-tlo2:#fbf6ec;--kit-tlo3:#efe3cc;--kit-tekst:#2b2016;--kit-tekst2:#5a4a38;--kit-tekst3:#7d6a54;--kit-akcent:#9a6a26;--kit-akcent2:#7a4f18;--kit-linia:#8a6a3c40}
html[data-kit-motyw=jasny] body .kit-warstwa--swiat{--kit-tlo2:#fbf6ec;--kit-tlo3:#efe3cc;--kit-tekst:#2b2016;--kit-tekst2:#5a4a38;--kit-tekst3:#7d6a54;--kit-linia:#8a6a3c40;background:linear-gradient(to bottom,#2b201626,#2b201640)}
html[data-kit-motyw=ciemny] body .kit-warstwa--swiat{--kit-tlo2:#2a1e17;--kit-tlo3:#3a2a1f;--kit-tekst:#f6ead5;--kit-tekst2:#d6c3a3;--kit-linia:#c9a46a40}
body{margin:0;background:#0a1a33}
body .kit-toast{bottom:calc(150px + var(--kit-safe-dol,0px));border-radius:12px;max-width:calc(100% - 32px);width:max-content;pointer-events:none}
.kit-tytul{font-family:Georgia,'Times New Roman',serif!important;font-weight:500!important;letter-spacing:-.03em!important}
.kit-karta{border-color:#c9a46a55!important}
.kit-btn--glowny{background:linear-gradient(135deg,#ecd29a,#b98b45)!important;color:#22170e!important}
.kit-pod{white-space:pre-line}
.makao-gl{position:absolute;inset:0;display:block;touch-action:none;user-select:none;-webkit-user-select:none;outline:none}

/* gracze wokół stołu: portret, imię, karty w ręce; ruch w złocie, „Makao!” (jedna karta) w czerwieni */
.mk-seats{position:fixed;top:calc(10px + var(--kit-safe-gora,0px));left:calc(62px + var(--kit-safe-lewo,0px));right:calc(62px + var(--kit-safe-prawo,0px));display:flex;flex-wrap:wrap;justify-content:center;gap:8px;z-index:9;pointer-events:none}
.mk-seats[hidden]{display:none}
.mk-seat{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;background:linear-gradient(180deg,#2a1d16f2,#1a120ef2);border:1px solid #c9a46a40;color:#f6ead5;box-shadow:0 6px 18px #0008;transition:transform .25s,box-shadow .25s,opacity .25s}
.mk-avatar{width:36px;height:36px;border-radius:50%;flex:none}
.mk-seat b{font-weight:650;font-size:14px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-seat--me b{color:#f2d394}
.mk-count,.mk-place{font-style:normal;font-variant-numeric:tabular-nums;font-size:13px;font-weight:800;color:#f6ead5;display:inline-flex;align-items:center;gap:4px}
.mk-count::before{content:"";width:10px;height:14px;border-radius:2px;background:linear-gradient(160deg,#2a4a7a,#13284a);border:1px solid #e2c27fbb}
.mk-place{color:#1f150e;background:linear-gradient(135deg,#ecd29a,#b98b45);border-radius:999px;padding:1px 8px}
.mk-wait{font-style:normal;font-size:12px;color:#9fc2ff}
.mk-seat--on{border-color:#e2c27f;box-shadow:0 0 0 2px #e2c27f,0 8px 26px #e2c27f50;transform:translateY(2px)}
.mk-seat--makao .mk-count{color:#ffb0b8}
.mk-seat--makao{border-color:#d8606e}
.mk-seat--out{opacity:.8}

/* znacznik zasady przy stosie: kara, postój, żądanie, kolor */
.mk-chip{position:fixed;z-index:8;transform:translate(-50%,-100%);display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;font:800 15px/1 system-ui;letter-spacing:.01em;pointer-events:none;box-shadow:0 10px 26px #000a;animation:mk-chip-in .35s cubic-bezier(.2,1.4,.4,1) both}
.mk-chip[hidden]{display:none}
.mk-chip--red{background:linear-gradient(180deg,#d1475a,#8e1f30);color:#fff3f0;border:1px solid #ffb3a8}
.mk-chip--blue{background:linear-gradient(180deg,#3d6fb8,#1d3a6e);color:#eef4ff;border:1px solid #a9c6ff}
.mk-chip--gold{background:linear-gradient(180deg,#fbe6b2,#c99a4e);color:#24170c;border:1px solid #fff0c8}
.mk-chip .mk-suit{width:20px;height:20px;background:#f3ead6;border-radius:50%}
@keyframes mk-chip-in{from{opacity:0;transform:translate(-50%,-60%) scale(.6)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}

/* dymki: kto co zrobił, przy tym, kto to zrobił */
.mk-bubbles{position:fixed;inset:0;pointer-events:none;z-index:10}
.mk-bubble{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:center;gap:6px;max-width:min(320px,80vw);padding:9px 16px;border-radius:16px;background:#fbf4e4;color:#24170c;font:750 16px/1.2 system-ui;box-shadow:0 12px 28px #000b;white-space:nowrap;animation:mk-pop 1.7s ease both}
.mk-bubble::after{content:"";position:absolute;left:50%;bottom:-7px;margin-left:-7px;border:7px solid transparent;border-bottom:0;border-top-color:#fbf4e4}
.mk-bubble--gold{background:linear-gradient(180deg,#fff1c9,#e5bd6a);font-size:20px;animation-duration:2.3s}
.mk-bubble--gold::after{border-top-color:#e5bd6a}
.mk-bubble--red{background:linear-gradient(180deg,#e2596b,#a4263a);color:#fff;font-size:19px}
.mk-bubble--red::after{border-top-color:#a4263a}
.mk-bubble--blue{background:linear-gradient(180deg,#4f80c8,#24467f);color:#fff}
.mk-bubble--blue::after{border-top-color:#24467f}
.mk-bubble .mk-suit{width:24px;height:24px;background:#f3ead6;border-radius:50%}
@keyframes mk-pop{0%{opacity:0;transform:translate(-50%,-70%) scale(.5)}12%{opacity:1;transform:translate(-50%,-100%) scale(1.08)}20%{transform:translate(-50%,-100%) scale(1)}82%{opacity:1;transform:translate(-50%,-112%)}100%{opacity:0;transform:translate(-50%,-125%)}}

/* dół: podpowiedź, tryby, co teraz, główny przycisk, zasady */
.mk-tray{position:fixed;bottom:calc(12px + var(--kit-safe-dol,0px));left:calc(12px + var(--kit-safe-lewo,0px));right:calc(12px + var(--kit-safe-prawo,0px));display:flex;align-items:center;gap:10px;z-index:11;pointer-events:none}
.mk-tray[hidden]{display:none}
.mk-status{flex:1;min-width:0;margin:0;text-align:center;font-size:14px;font-weight:600;line-height:1.3;color:#f6ead5;background:#0e1424d9;border:1px solid #c9a46a33;border-radius:999px;padding:8px 12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-action{pointer-events:auto;appearance:none;flex:none;min-height:50px;padding:10px 22px;border-radius:999px;border:0;font:750 16px/1 system-ui;color:#22170e;background:linear-gradient(180deg,#fbe6b2,#d7aa5c 55%,#b3843c);box-shadow:0 0 0 3px #1a120ecc,0 0 0 4px #e2c27f99,0 10px 24px #000b,inset 0 1px 0 #fff8e0;cursor:pointer}
.mk-action[hidden]{display:none}
.mk-action--pulse{animation:mk-puls 1.5s ease-in-out infinite}
@keyframes mk-puls{50%{box-shadow:0 0 0 3px #1a120ecc,0 0 0 5px #ffe2a8,0 0 34px #ffb34799,0 10px 24px #000b}}
.mk-tool{pointer-events:auto;appearance:none;display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:50%;border:1px solid #c9a46a55;background:linear-gradient(180deg,#2a1d16f0,#1a120ef0);box-shadow:0 6px 16px #0009;cursor:pointer}
.mk-tool svg{width:22px;height:22px;fill:none;stroke:#e2c27f;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mk-action:focus-visible,.mk-tool:focus-visible,.mk-opt:focus-visible{outline:3px solid var(--kit-akcent);outline-offset:3px}
.mk-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* wybór nad ręką: ile kart, czego żądam, jaki kolor */
.mk-pick{position:fixed;left:50%;bottom:40%;transform:translateX(-50%);z-index:13;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 16px;border-radius:20px;background:linear-gradient(180deg,#2a1d16f7,#1a120ef7);border:1px solid #e2c27f99;box-shadow:0 18px 44px #000d;animation:mk-chip-in-pick .25s ease both;max-width:calc(100% - 24px)}
.mk-pick[hidden]{display:none}
.mk-pick b{color:#f6ead5;font:650 15px/1.2 system-ui}
.mk-pick div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.mk-opt{appearance:none;min-width:54px;min-height:54px;padding:8px 14px;border-radius:14px;border:1px solid #e2c27f88;background:linear-gradient(180deg,#fbf4e4,#e9dcc0);color:#24170c;font:800 18px/1 system-ui;cursor:pointer;box-shadow:0 6px 14px #0008}
.mk-opt--suit{display:grid;place-items:center;padding:6px}
.mk-opt .mk-suit{width:34px;height:34px}
.mk-opt:hover{transform:translateY(-2px)}
.mk-opt--mam{background:linear-gradient(180deg,#fff3cf,#ecd29a);box-shadow:0 0 0 2px #e2c27f,0 0 18px #e2c27f88,0 6px 14px #0008}
@keyframes mk-chip-in-pick{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}

/* okna: tryby jako karty, zasady */
.mk-goal{margin:0 0 12px;color:var(--kit-tekst2);font-size:14px}
.mk-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:0 0 12px}
.mk-chip-opt input{position:absolute;opacity:0;pointer-events:none}
.mk-chip-opt span{display:flex;flex-direction:column;gap:4px;height:100%;box-sizing:border-box;padding:10px 12px;border-radius:14px;border:1px solid var(--kit-linia);color:var(--kit-tekst2);cursor:pointer}
.mk-chip-opt b{color:var(--kit-tekst);font-size:14px}
.mk-chip-opt small{font-size:12px;line-height:1.35}
.mk-chip-opt input:checked+span{background:#3a2a1f;border-color:var(--kit-akcent);box-shadow:0 0 0 1px var(--kit-akcent)}
html[data-kit-motyw=jasny] .mk-chip-opt input:checked+span{background:#f3e2c1}
.mk-chip-opt input:focus-visible+span{outline:3px solid var(--kit-akcent);outline-offset:2px}
.mk-field{border:0;margin:0 0 10px;padding:0}
.mk-field[hidden]{display:none}
.mk-field legend{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--kit-tekst3);margin-bottom:6px;padding:0}
.mk-rules{margin:0 0 14px;padding-left:20px;color:var(--kit-tekst2);line-height:1.45;font-size:14px}
.mk-rules li{margin-bottom:6px}

/* nauka: z boku stołu na szerokim ekranie, pod graczami na telefonie */
.mk-coach{position:fixed;z-index:12;left:calc(16px + var(--kit-safe-lewo,0px));top:var(--mk-coach-top,72px);width:min(300px,calc(100% - 32px));box-sizing:border-box;padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,#2a1d16f7,#1a120ef7);border:1px solid #e2c27f88;box-shadow:0 14px 34px #000c;color:#f6ead5;animation:mk-coach-in .3s ease both}
.mk-coach[hidden]{display:none}
.mk-coach b{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#e2c27f;margin-bottom:6px}
.mk-coach p{margin:0 0 12px;font-size:15px;line-height:1.45}
.mk-coach .kit-btn{width:auto;min-height:40px;padding:8px 18px}
@keyframes mk-coach-in{from{opacity:0}to{opacity:1}}
@media (max-width:1279px),(orientation:portrait){.mk-coach{left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 24px))}}
@media (max-width:520px){.mk-tray{gap:8px;left:calc(8px + var(--kit-safe-lewo,0px));right:calc(8px + var(--kit-safe-prawo,0px))}.mk-tool{width:42px;height:42px}.mk-tray [data-mk=modes]{display:none}.mk-status{font-size:12.5px;line-height:1.25;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:6px 10px;border-radius:16px}.mk-action{min-height:46px;padding:8px 14px;font-size:15px}.mk-seats{gap:6px;left:calc(8px + var(--kit-safe-lewo,0px));right:calc(58px + var(--kit-safe-prawo,0px))}.mk-seat{gap:6px;min-width:0;padding:3px 9px 3px 3px}.mk-avatar{width:30px;height:30px}.mk-seat b{font-size:12.5px;max-width:64px}.mk-bubble{font-size:14px;padding:7px 12px}.mk-bubble--gold{font-size:17px}}
@media (max-height:500px) and (orientation:landscape){.mk-seats{top:calc(6px + var(--kit-safe-gora,0px))}.mk-seat{padding:2px 9px 2px 2px;gap:6px}.mk-avatar{width:28px;height:28px}.mk-seat b{font-size:12.5px}.mk-tray{bottom:calc(6px + var(--kit-safe-dol,0px))}.mk-tool{width:40px;height:40px}.mk-action{min-height:42px;padding:8px 16px;font-size:15px}.mk-status{padding:6px 12px;font-size:13px}}
@media (prefers-reduced-motion:reduce){.mk-action--pulse,.mk-coach,.mk-chip,.mk-pick{animation:none}.mk-bubble{animation-duration:.01s;animation-fill-mode:none}}
.mk-status:empty{opacity:0}

/* muzyka osobno: nuta pod pauzą Kitu (prawy górny róg), przekreślona, gdy muzyka wyłączona */
.mk-tool[hidden]{display:none}
.mk-muzyka{position:fixed;z-index:12;top:calc(60px + var(--kit-safe-gora,0px));right:calc(10px + var(--kit-safe-prawo,0px));width:40px;height:40px}
.mk-muzyka svg{width:20px;height:20px}
.mk-muzyka--off svg{opacity:.45}
.mk-muzyka--off::after{content:"";position:absolute;width:26px;height:2px;background:#e2c27f;transform:rotate(-45deg);border-radius:2px}

/* menu jak okładka „Makao: Złota edycja turniejowa” (03.11.2026): bez karty, wielki złoty napis, podtytuł między złotymi kreskami */
.kit-karta:has(.kit-stopka){inline-size:min(780px,94vw)!important;max-inline-size:none!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-align:center}
.kit-karta:has(.kit-stopka)::before,.kit-karta:has(.kit-stopka)::after{display:none!important}
.kit-karta:has(.kit-stopka) .kit-pod{white-space:nowrap}
.kit-karta:has(.kit-stopka) .kit-tytul{font-size:clamp(58px,13vw,128px)!important;line-height:.95!important;letter-spacing:.03em!important;text-transform:uppercase;font-weight:700!important;margin:0!important;
  background:linear-gradient(180deg,#fff6d8 0%,#f2d283 36%,#b9842d 60%,#f5d98f 82%,#c9973f 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;filter:drop-shadow(0 3px 0 #6b4a17) drop-shadow(0 12px 26px #000d)}
.kit-karta:has(.kit-stopka) .kit-pod{display:flex;align-items:center;justify-content:center;gap:14px;margin:8px 0 26px!important;font-family:Georgia,'Times New Roman',serif;text-transform:uppercase;letter-spacing:.3em;font-size:clamp(12px,2.1vw,19px)!important;color:#ecc97c!important}
.kit-karta:has(.kit-stopka) .kit-pod::before,.kit-karta:has(.kit-stopka) .kit-pod::after{content:"";flex:0 0 clamp(28px,7vw,90px);height:1px;background:linear-gradient(90deg,transparent,#ecc97c)}
.kit-karta:has(.kit-stopka) .kit-pod::after{background:linear-gradient(270deg,transparent,#ecc97c)}
.kit-karta:has(.kit-stopka) .kit-przyciski{max-width:400px;margin-inline:auto}
.kit-karta:has(.kit-stopka) .kit-btn{min-height:56px;font-size:17px}

/* nowa partia: ilu graczy (portrety), rywale (gwiazdki), tryb; kafle zamiast list */
.kit-karta:has(.mk-setup){inline-size:min(880px,94vw)!important;max-inline-size:none!important;background:linear-gradient(180deg,#101b35f2,#080f20f4)!important;border:1px solid #c9a46a66!important}
.mk-setup h3{margin:16px 0 8px;font:650 12px/1 system-ui;letter-spacing:.16em;text-transform:uppercase;color:#cdb98c}
.mk-setup section[hidden]{display:none}
.mk-kafle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mk-kafle--tryby{grid-template-columns:repeat(4,minmax(0,1fr))}
.mk-kafel{appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 10px;border-radius:16px;border:1px solid #c9a46a40;background:linear-gradient(180deg,#1b2846,#101a31);color:#f6ead5;cursor:pointer;min-height:64px;text-align:center;transition:transform .15s,box-shadow .2s,border-color .2s}
.mk-kafel:hover{transform:translateY(-2px)}
.mk-kafel b{font:700 19px/1.1 Georgia,'Times New Roman',serif}
.mk-kafel small{font-size:12.5px;line-height:1.3;color:#c6bba3}
.mk-kafel[aria-pressed=true]{border-color:#f0cf7a;box-shadow:0 0 0 2px #f0cf7a,0 12px 30px #f0cf7a2e;background:linear-gradient(180deg,#2c385c,#16213d)}
.mk-kafel:focus-visible{outline:3px solid var(--kit-akcent);outline-offset:3px}
.mk-twarze{display:flex}
.mk-twarz{width:40px;height:40px;border-radius:50%;margin-left:-9px;box-shadow:0 0 0 2px #0d1528}
.mk-twarz:first-child{margin-left:0}
.mk-gwiazdki{color:#f0cf7a;letter-spacing:2px;font-size:15px}
.mk-gwiazdki i{font-style:normal;color:#ffffff2e}
@media (max-width:620px){.mk-kafle--tryby{grid-template-columns:1fr 1fr}.mk-kafel{padding:10px 6px}.mk-kafel small{font-size:11px}.mk-twarz{width:30px;height:30px;margin-left:-7px}.mk-kafel b{font-size:16px}}
@media (prefers-reduced-motion:reduce){.mk-kafel{transition:none}.mk-kafel:hover{transform:none}}
.mk-twarze:has(.mk-twarz:nth-child(4)) .mk-twarz+.mk-twarz{margin-left:-14px}
@media (max-width:430px){.mk-twarz{width:34px;height:34px}.mk-twarze:has(.mk-twarz:nth-child(4)) .mk-twarz+.mk-twarz{margin-left:-12px}}
.kit-karta:has(.kit-stopka) .kit-stopka{max-width:400px;margin-inline:auto;justify-content:center;text-align:center;opacity:.7}
.mk-setup .kit-przyciski{margin-top:18px}
/* podtytuł okładki: kreski kurczą się pierwsze, tekst nigdy nie wychodzi poza kartę (pomiar Klyo 03.11: „tekst_nie_miesci” przy
   szerszej czcionce serwera); na wąskim telefonie mniejszy rozstaw liter i zawijanie zamiast ucięcia */
.kit-karta:has(.kit-stopka) .kit-pod{white-space:normal;max-inline-size:100%;flex-wrap:nowrap;text-align:center}
.kit-karta:has(.kit-stopka) .kit-pod::before,.kit-karta:has(.kit-stopka) .kit-pod::after{flex:0 1 clamp(28px,7vw,90px);min-inline-size:10px}
@media (max-width:520px){.kit-karta:has(.kit-stopka) .kit-pod{letter-spacing:.16em;gap:10px}}
/* jasny motyw: złoto ciemniejsze, żeby podtytuł był czytelny na jasnym tle */
html[data-kit-motyw=jasny] .kit-karta:has(.kit-stopka) .kit-pod{color:#7a5418!important}
html[data-kit-motyw=jasny] .kit-karta:has(.kit-stopka) .kit-pod::before{background:linear-gradient(90deg,transparent,#7a5418)}
html[data-kit-motyw=jasny] .kit-karta:has(.kit-stopka) .kit-pod::after{background:linear-gradient(270deg,transparent,#7a5418)}
/* stół turniejowy poziomo (panele.mjs, 03.11.2026, makieta Ilyi): tabliczki przy miejscach, podpisy kupek, nagłówek, panele */
body.mk-poziomo .mk-seats{display:none}
.mk-plakietki[hidden],.mk-podpis[hidden],.mk-naglowek[hidden],.mk-panel[hidden],.mk-plak[hidden]{display:none}
.mk-plak{position:fixed;z-index:9;transform:translate(-50%,-100%);display:flex;align-items:center;gap:9px;padding:4px 16px 4px 4px;border-radius:999px;background:linear-gradient(180deg,#141b28f0,#0b111bf0);border:1px solid #c9a46a55;color:#f6ead5;box-shadow:0 8px 22px #0009;pointer-events:none;transition:box-shadow .25s,border-color .25s;white-space:nowrap}
.mk-plak span{display:flex;flex-direction:column;line-height:1.15}
.mk-plak b{font-size:15px;font-weight:650}
.mk-plak .mk-avatar{width:40px;height:40px;border-radius:50%}
.mk-plak--on{border-color:#e9c675;box-shadow:0 0 0 2px #e9c67599,0 0 26px #e9c67566,0 8px 22px #0009}
.mk-plak--makao{border-color:#d8606e}.mk-plak--makao .mk-count{color:#ffb0b8}
.mk-plak--out{opacity:.8}
.mk-kropki{display:inline-flex;gap:4px;margin-left:4px;padding:6px 9px;border-radius:999px;border:1px solid #e9c67599;background:#e9c6751a}
.mk-kropki i{width:5px;height:5px;border-radius:50%;background:#e9c675;animation:mk-kropka 1.2s infinite ease-in-out}
.mk-kropki i:nth-child(2){animation-delay:.15s}.mk-kropki i:nth-child(3){animation-delay:.3s}
@keyframes mk-kropka{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}
.mk-podpis{position:fixed;z-index:8;transform:translate(-50%,0);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#e9cf8fcc;text-shadow:0 1px 3px #000;pointer-events:none;white-space:nowrap}
.mk-naglowek{position:fixed;z-index:8;top:0;left:0;right:0;height:60px;padding:0 calc(20px + var(--kit-safe-lewo,0px));display:flex;align-items:center;background:linear-gradient(180deg,#070b12f2 0%,#070b12b3 70%,#070b1200);border-bottom:1px solid #c9a46a26;pointer-events:none}
.mk-logo{font-family:Georgia,'Times New Roman',serif;font-size:26px;font-weight:600;letter-spacing:.06em;color:#ecd29a}
.mk-tytul{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;text-align:center}
.mk-tytul b{display:block;font-family:Georgia,'Times New Roman',serif;font-size:19px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ecd29a}
.mk-tytul small{display:block;font-size:10.5px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:#d6c3a3;margin-top:2px}
.mk-tytul i svg{width:14px;height:24px;fill:none;stroke:#c9a46a;stroke-width:1.6}.mk-laur-p svg{transform:scaleX(-1)}
.mk-panel{position:fixed;z-index:8;top:76px;bottom:calc(96px + var(--kit-safe-dol,0px));width:min(236px,17vw);box-sizing:border-box;padding:18px 18px;border-radius:16px;background:linear-gradient(180deg,#0e1520e8,#0a0f18e8);border:1px solid #c9a46a2e;box-shadow:0 18px 40px #0008;color:#f6ead5;overflow:hidden;pointer-events:none}
.mk-panel--l{left:calc(16px + var(--kit-safe-lewo,0px))}
.mk-panel--p{right:calc(16px + var(--kit-safe-prawo,0px));top:120px}
.mk-panel h3{margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid #c9a46a2e;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#ecd29a}
.mk-puchar svg{display:block;width:54px;height:54px;margin:6px auto 8px;fill:none;stroke:#e2c27f;stroke-width:2.2;stroke-linejoin:round;filter:drop-shadow(0 0 10px #e2c27f55)}
.mk-wygrane{margin:0 0 16px;text-align:center;font-size:14px;color:#d6c3a3}
.mk-panel dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:10px 8px;font-size:14px}
.mk-panel dt{color:#a8957a}.mk-panel dd{margin:0;font-weight:700;text-align:right}
.mk-log{list-style:none;margin:0;padding:0}
.mk-log li{display:flex;gap:8px;align-items:baseline;padding:9px 0;border-bottom:1px solid #ffffff10;font-size:14px;animation:mk-wpis .3s ease both}
.mk-log li b{font-weight:700;color:#f6ead5}.mk-log li span{color:#d6c3a3}
.mk-k{display:inline-block;margin-right:6px;padding:0 6px;border-radius:5px;background:#f3e7cf;color:#1f2a27;font-weight:800}
.mk-k--red{color:#c8374e}
@keyframes mk-wpis{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.mk-kropki i,.mk-log li{animation:none}}
.mk-plak--obok{transform:translate(-100%,-50%)}
.mk-podpis{margin-top:10px}
.mk-log .mk-k{color:#1f2a27}.mk-log .mk-k--red{color:#c8374e}
.mk-plak--obok-p{transform:translate(0,-50%)}
.mk-plak--na{transform:translate(-50%,-50%)}