/* Wariant „K” motywu Jumpers (`?theme=k`): „sportowy arena shooter” z arkuszy ui_gen/K_*.webp (prompty: UI_PROMPTY_CARTOON_CHATGPT.md, sekcja K). Zasady z bloku K0: pochylona (~10°), wąska, gruba czcionka WERSALIKAMI (Barlow Condensed 800 italic), ukośne równoległoboki o ostrych rogach (clip-path z kątem jak czcionka), prawie czarne panele #0b0d12 przy 70–85 % krycia, biel + JEDEN akcent żółty #ffd400 (główna akcja, zaznaczenie), niebieski #2f8cff / czerwony #ff3b3b tylko dla drużyn, zieleń tylko HP / sukces, cienkie separatory 1 px, podkreślenie akcentem pod tytułem / wybraną zakładką, delikatne ukośne paski (5 %) w głównych przyciskach. Ładowany zawsze (index.html), ale każda reguła zaczyna się od html.own-theme.own-k — bez klasy nie robi nic. Tokeny liczbowe (obrys, promienie, cienie) liczy own_theme.js (pick … kV). Wydajność: same selektory klas / atrybutów, ZERO :has() (30.10 zmierzone ~9 ms / klatkę), żadnych animacji ciągłych na elementach HUD meczu poza istniejącymi. */ html.own-theme.own-k { --own-ink: #000; --own-line: rgba(255, 255, 255, .14); --own-yellow: #ffd400; --own-orange: #ff8a1f; --own-cyan: #2f8cff; --own-green: #2ee05a; --own-red: #ff3b3b; --own-violet: #a55bff; --own-pink: #ff5fb0; --own-navy: #14171f; --own-navy-light: #222733; --own-navy-dark: #0b0d12; --own-text: #ffffff; --own-muted: #a9b0bf; --own-font: "Barlow Condensed", "Arial Narrow", "Trebuchet MS", system-ui, sans-serif; --own-shadow: rgba(0, 0, 0, .35); /* K: panel = prawie czerń przy 80 % krycia (K0: 70–85 %), akcent, drużyny, pochylenie */ --k-panel: rgba(11, 13, 18, .82); --k-panel-solid: #0b0d12; --k-panel-2: rgba(28, 32, 42, .9); --k-blue: #2f8cff; --k-red: #ff3b3b; --ks: 10px; /* przesunięcie ukośnej krawędzi = tan(10°) × ~57 px wysokości typowej plakietki 1280×720 (K_N4: plakietka wyniku 60 px, krawędź przesunięta o ~11 px); element nadpisuje --ks u siebie (var w clip-path liczy się na elemencie) */ --k-stripe: repeating-linear-gradient(-60deg, rgba(0, 0, 0, .07) 0 6px, transparent 6px 12px); /* K0: „small diagonal stripe texture (5 % opacity) inside primary buttons” — 7 % na żółtym, bo 5 % ginie w kompresji */ --k-text-shadow: 2px 2px 0 rgba(0, 0, 0, .85); /* K0: „hard black drop shadow offset down-right — no soft glow” */ /* awatar zastępczy (brak pliku maskotki A1 w repo — sprawdzone 31.10: web/local/gui ma tylko own_avatar_ally / enemy = szara sylwetka): biały hełm z żółtym wizjerem, kładziony na tło w kolorze drużyny */ --k-helmet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M7 24C7 12 13 5 20 5s13 7 13 19v8h-8v4h-10v-4H7z' fill='%23fff' stroke='%23000' stroke-opacity='.55' stroke-width='1.5'/%3E%3Cpath d='M10.5 16.5h19v5.5c0 2.2-1.8 3.5-4 3.5h-11c-2.2 0-4-1.3-4-3.5z' fill='%23ffd400' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='M13 18h7' stroke='%23fff' stroke-opacity='.7' stroke-width='1.5'/%3E%3C/svg%3E"); } html.own-theme.own-k body { font-family: var(--own-font); font-weight: 800; font-style: italic; } /* ui3 (01.11): jednostka „1 px przy 1280 × 720” dla napisów rysowanych przez CSS na ramkach GUI (KILLED BY, „0 HP”, nazwa broni, REC, statystyki po meczu…) — ramki skalują się z oknem, a stałe px nie: przy 1920 × 1080 te napisy wychodziły o 1/3 mniejsze niż ich płyty (zrzuty ui3_*_1080). Telefon zostaje przy 1 px (układ z danych) */ html.own-theme.own-k body { --ku: 1px; } html.own-theme.own-k body:not(.touch) { --ku: min(calc(100vh / 720), calc(100vw / 1280)); } /* litery: bez konturu Brawl, twardy cień w prawo-dół, wersaliki i pochylenie (gui_view ustawia font-style z danych inline — stąd !important) */ html.own-theme.own-k, html.own-theme.own-k * { -webkit-text-stroke: 0 !important; paint-order: normal !important; } html.own-theme.own-k .rblx-text { font-style: italic !important; text-transform: uppercase; text-shadow: var(--k-text-shadow); letter-spacing: .01em; } html.own-theme.own-k .own-ol::after { border-color: var(--own-line); } html.own-theme.own-k .own-btn:hover { filter: brightness(1.15); translate: 0 0; } html.own-theme.own-k .own-btn:active { translate: 0 1px; filter: brightness(.92); box-shadow: none !important; } html.own-theme.own-k, html.own-theme.own-k * { scrollbar-color: var(--own-yellow) #0b0d12; } /* ================= (a) HUD meczu — wzór K_N4 / K1 ================= */ /* płyty ukośne jako warstwa ::before (kontenery Health / Ammo / Gadget nie mają tła, a ich dzieci wystają poza ramkę — clip-path na samym elemencie przyciąłby klawisz F) */ html.own-theme.own-k [data-n="Round"] > :is([data-n="Health"], [data-n="Ammo"]), html.own-theme.own-k [data-n="Prompts"] > [data-n="Gadget"] { isolation: isolate; } html.own-theme.own-k [data-n="Round"] > :is([data-n="Health"], [data-n="Ammo"])::before, html.own-theme.own-k [data-n="Prompts"] > [data-n="Gadget"]::before { content: ""; position: absolute; inset: -6px -2px -6px -10px; z-index: -1; background: var(--k-panel); pointer-events: none; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="Round"] > [data-n="Ammo"]::before { inset: 0; --ks: 9px; } /* K_N4: płyta amunicji = cała ramka 195 × 58 px (K_LAYOUT), osobno od HP i gadżetu */ /* nazwa broni nad liczbą (K_N4: „ASSAULT RIFLE” małymi wersalikami, lewy górny róg płyty); tekst z hud.js (data-wname) */ html.own-theme.own-k [data-n="Round"] > [data-n="Ammo"]::after { content: attr(data-wname); position: absolute; left: 7%; top: 4%; height: 24%; display: flex; align-items: center; pointer-events: none; color: #fff; font: 800 italic calc(11 * var(--ku))/1 var(--own-font); text-transform: uppercase; letter-spacing: .02em; white-space: nowrap; opacity: .92; } /* HP: tor jasnoszary (puste segmenty), wypełnienie zielone, przerwy między 8 segmentami rysuje ::after toru NAD wypełnieniem (K_N4: „white fill segments turning green”) */ html.own-theme.own-k [data-n="Health"] > [data-n="Track"] { --ks: 7px; background: rgba(255, 255, 255, .16) !important; border-radius: 0 !important; box-shadow: none !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="Health"] > [data-n="Track"] > [data-n="Fill"] { border-radius: 0 !important; box-shadow: none !important; background-image: none !important; } html.own-theme.own-k [data-n="Health"] > [data-n="Track"]::after { content: ""; position: absolute; inset: 0; z-index: 9; border: 0 !important; pointer-events: none; background: repeating-linear-gradient(90deg, transparent 0 calc(12.5% - 4px), rgba(11, 13, 18, .95) calc(12.5% - 4px) 12.5%); /* 8 segmentów, przerwa 4 px (K_N4: 7 segmentów ~ 50 px, przerwa ~ 6 px przy 1672 px → 4 px przy 1280) */ } /* 01.11 komputer: przerwy ukośne jak boki segmentów w K_N4 (gradient 100° — linie co 1/8 długości gradientu L = 0,985·w + 0,174·h; przy pasku 290 × 20 px okres 36,7 px zamiast 36,25: odchyłka < 4 px na całej długości) */ html.own-theme.own-k body:not(.touch) [data-n="Round"] > [data-n="Health"] > [data-n="Track"]::after { background: repeating-linear-gradient(100deg, transparent 0 calc(12.5% - 4px), rgba(11, 13, 18, .95) calc(12.5% - 4px) 12.5%); } html.own-theme.own-k [data-n="Health"] > [data-n="Amount"] { font-size: inherit; letter-spacing: -.01em; } /* amunicja: duża liczba, znaczniki naboi jako pochylone białe kreski (K_N4: „a row of thin slanted bullet ticks”); kolor pełnego naboju z danych (niebieski) → biel filtrem (pusty zostaje ciemny) */ html.own-theme.own-k [data-n="Ammo"] > [data-n="Pips"] { filter: saturate(0) brightness(2.2); } html.own-theme.own-k [data-n="Ammo"] [data-n="PipTemplate"] { transform: skewX(-14deg); border-radius: 0 !important; } /* tablica wyników u góry (Scoreboard drużyn): portrety ukośne w kolorze drużyny, zegar na czarnej płycie, wynik duży w kolorze drużyny (K_N4: „MIA 0 | 2:19 FIRST TO 5 | 1 ROOK”) */ html.own-theme.own-k :is([data-n="Scoreboard"], [data-n="RoundEnd"] [data-n="Board"]) :is([data-n^="Card"]) { --ks: 8px; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); border-radius: 0 !important; box-shadow: none !important; } html.own-theme.own-k :is([data-n="Scoreboard"], [data-n="RoundEnd"] [data-n="Board"]) [data-n="Avatar"] { background-image: var(--k-helmet) !important; background-size: 78% !important; background-position: 50% 85% !important; background-repeat: no-repeat !important; } html.own-theme.own-k :is([data-n="Scoreboard"], [data-n="RoundEnd"] [data-n="Board"]) [data-n="Glow"] { display: none !important; } /* K_P6 koniec rundy (Round/RoundEnd): tablica jak pasek wyników (hełmy, bez komórek wyniku, cyfry w kolorach drużyn), „ROUND WON / LOST” i podpis na czarnych ukośnych płytach */ html.own-theme.own-k [data-n="RoundEnd"] [data-n="Board"] [data-n="Center"] > :is([data-n="OursCell"], [data-n="TheirsCell"], [data-n="Theirs2Cell"]) { display: none !important; } html.own-theme.own-k [data-n="RoundEnd"] [data-n="Board"] [data-n="Scores"] > [data-n="Ours"] { color: var(--k-blue) !important; } html.own-theme.own-k [data-n="RoundEnd"] [data-n="Board"] [data-n="Scores"] > :is([data-n="Theirs"], [data-n="Theirs2"]) { color: var(--k-red) !important; } /* K_P6 koniec meczu (Round/Results): VICTORY złoto-żółte, DEFEAT czerwone (gradient liter), poświata Glow jako czarna ukośna płyta, Bar = kreska w kolorze wyniku, wynik bez komórek; MATCH POINT jako żółta ukośna plakietka z ciemnym napisem (dane: zielona poświata) */ html.own-theme.own-k [data-n="Results"][data-res="win"] > [data-n="Title"] { background-image: linear-gradient(#fff4a8, #ffd400 55%, #e0a300) !important; } html.own-theme.own-k [data-n="Results"][data-res="lose"] > [data-n="Title"] { background-image: linear-gradient(#ffb3b3, #ff3b3b 55%, #b31212) !important; } html.own-theme.own-k [data-n="Round"] > [data-n="Results"] > [data-n="Glow"] { --ks: 22px; background: #0b0d12 !important; background-image: none !important; opacity: .92 !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); box-shadow: none !important; } html.own-theme.own-k [data-n="Results"][data-res="win"] > [data-n="Bar"] { background: var(--own-yellow) !important; } html.own-theme.own-k [data-n="Results"][data-res="lose"] > [data-n="Bar"] { background: var(--k-red) !important; } html.own-theme.own-k [data-n="Results"] > [data-n="Bar"] { transform: skewX(-14deg); border-radius: 0 !important; } /* 01.11 wg K_P6: litery VICTORY / DEFEAT / ROUND z grubym czarnym konturem (4 twarde cienie po osiach — -webkit-text-stroke jest w K wyłączony globalnie, a tytuł ma gradient przycięty do liter), płyta z dwiema ukośnymi kreskami akcentu przy obu końcach (żółte przy wygranej, czerwone przy przegranej) */ html.own-theme.own-k [data-n="Round"] > :is([data-n="Results"], [data-n="RoundEnd"]) > [data-n="Title"] { filter: drop-shadow(2px 0 0 #000) drop-shadow(-2px 0 0 #000) drop-shadow(0 2px 0 #000) drop-shadow(0 -2px 0 #000) drop-shadow(3px 3px 0 rgba(0, 0, 0, .8)); } html.own-theme.own-k [data-n="Round"] > [data-n="Results"] > [data-n="Glow"]::after { content: ""; position: absolute; inset: 0; border: 0 !important; pointer-events: none; --kc: var(--own-yellow); background: linear-gradient(110deg, transparent 0 3.5%, var(--kc) 3.5% 4.5%, transparent 4.5% 6%, var(--kc) 6% 7%, transparent 7% 93%, var(--kc) 93% 94%, transparent 94% 95.5%, var(--kc) 95.5% 96.5%, transparent 96.5%); } html.own-theme.own-k [data-n="Round"] > [data-n="Results"][data-res="lose"] > [data-n="Glow"]::after { --kc: var(--k-red); } html.own-theme.own-k [data-n="Results"] [data-n="Score"] > :is([data-n="OursCell"], [data-n="TheirsCell"], [data-n="Theirs2Cell"]) { display: none !important; } html.own-theme.own-k [data-n="Round"] > [data-n="MatchPoint"] > [data-n="Glow"] { --ks: 8px; background: var(--k-stripe), var(--own-yellow) !important; border-radius: 0 !important; box-shadow: none !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="Round"] > [data-n="MatchPoint"] > [data-n="Label"] { color: #0b0d12 !important; -webkit-text-fill-color: #0b0d12 !important; text-shadow: none !important; z-index: 3; } html.own-theme.own-k [data-n="Round"] > [data-n="MatchPoint"] > [data-n="Bar"] { display: none !important; } /* zielona kreska z danych (kolor statusu) — w K plakietka sama niesie akcent */ html.own-theme.own-k [data-n="Results"] [data-n="Score"] > [data-n="Ours"] { color: var(--k-blue) !important; } /* jak pasek wyników u góry: nasi niebiescy, przeciwnicy czerwoni */ html.own-theme.own-k [data-n="Results"] [data-n="Score"] > :is([data-n="Theirs"], [data-n="Theirs2"]) { color: var(--k-red) !important; } /* tytuł ma kolor jako gradient przycięty do liter NA SAMYM elemencie Title (background-clip: text, litery przezroczyste) — każda płyta w jego wnętrzu je zasłaniała (zmierzone 31.10), więc płyta to ::before rodzica RoundEnd (pełny ekran) za tytułem: Title y 234–309 przy 1280 × 720 ⇒ 32 %–43 %, 400 px szerokości wokół środka */ html.own-theme.own-k [data-n="Round"] > [data-n="RoundEnd"]::before { content: ""; position: absolute; left: calc(50% - 200px); width: 400px; top: 32%; height: 11%; z-index: 0; --ks: 18px; background: #0b0d12; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); pointer-events: none; } /* ui3 (01.11): płytka podpisu („YOU KILLED MAKO IN 18 SECONDS”, 454–826 × 296–328) zasłaniała dół liter „ROUND WON” (234–310) — 12 px niżej; tablica wyników rundy zaczyna się ~338 */ html.own-theme.own-k body:not(.touch) [data-n="Round"] > [data-n="RoundEnd"] > [data-n="Detail"] { translate: 0 calc(12 * var(--ku)); } html.own-theme.own-k [data-n="RoundEnd"] > [data-n="Detail"] > .rblx-span { --ks: 8px; display: inline-block; padding: .05em .8em; background: var(--k-panel); color: #fff; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } /* K_N4: CAŁA tablica to jeden ukośny czarny pasek (portrety przy krańcach, wynik, zegar w środku) — płyta jako ::before ramki Scoreboard; komórki wyników znikają, wynik to sama duża cyfra w kolorze drużyny */ html.own-theme.own-k [data-n="Round"] > [data-n="Scoreboard"] { isolation: isolate; } html.own-theme.own-k [data-n="Round"] > [data-n="Scoreboard"]::before { content: ""; position: absolute; inset: 0; z-index: -1; --ks: 14px; background: var(--k-panel); pointer-events: none; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="Scoreboard"] [data-n="Center"] > [data-n="Plate"] { --ks: 10px; background: rgba(255, 255, 255, .07) !important; box-shadow: inset 1px 0 0 rgba(255, 255, 255, .22), inset -1px 0 0 rgba(255, 255, 255, .22) !important; border-radius: 0 !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="Scoreboard"] [data-n="Center"] > :is([data-n="OursCell"], [data-n="TheirsCell"], [data-n="Theirs2Cell"]) { display: none !important; } html.own-theme.own-k [data-n="Scores"] > [data-n="Ours"] { color: var(--k-blue) !important; } html.own-theme.own-k [data-n="Scores"] > :is([data-n="Theirs"], [data-n="Theirs2"]) { color: var(--k-red) !important; } html.own-theme.own-k [data-n="Round"] > [data-n="FirstTo"] { color: #fff; opacity: .85; z-index: 6 !important; } /* K_N4: portret przy ZEWNĘTRZNEJ krawędzi paska, imię między portretem a wynikiem (dane: karty dosunięte do środka) */ html.own-theme.own-k [data-n="Scoreboard"] > [data-n="Allies"] { justify-content: flex-start !important; padding-left: 12px; align-items: center; } html.own-theme.own-k [data-n="Scoreboard"] > [data-n="Enemies"] { justify-content: flex-end !important; padding-right: 12px; align-items: center; } html.own-theme.own-k [data-n="Scoreboard"] > :is([data-n="Allies"], [data-n="Enemies"])[data-pname]:not([data-pname=""])::after { content: attr(data-pname); order: 999; align-self: center; flex: 0 1 auto; min-width: 0; padding: 0 10px; /* order: karty mają order z LayoutOrder (UIListLayout) */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font: 800 italic calc(21 * var(--ku))/1 var(--own-font); text-transform: uppercase; text-shadow: var(--k-text-shadow); /* K_N4: „MIA” ~ 28 px przy 1672 → 21 px przy 1280 */ } /* ui4 (Michał 01.11): na pasku wyników portret jak w hali (niebieski / czerwony, tło z team_board_view.js), a POD każdym portretem imię gracza (data-pname karty). Karta przestaje przycinać (overflow / clip-path), ukos dostaje sam portret — inaczej imię pod kartą byłoby ucięte. Imię: płytka na szerokość karty, wielokropek, moje żółte */ html.own-theme.own-k :is([data-n="Scoreboard"], [data-n="RoundEnd"] [data-n="Board"]) [data-card] { overflow: visible !important; clip-path: none !important; background-color: transparent !important; } html.own-theme.own-k :is([data-n="Scoreboard"], [data-n="RoundEnd"] [data-n="Board"]) [data-card] > [data-n="Avatar"] { --ks: 8px; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k :is([data-n="Scoreboard"], [data-n="RoundEnd"] [data-n="Board"]) [data-card][data-pname]:not([data-pname=""])::after { content: attr(data-pname); position: absolute; left: -2px; right: -2px; top: calc(100% + 2px); height: auto; inset-block-end: auto; display: block; z-index: 5; pointer-events: none; padding: .12em .3em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; border: 0 !important; background: rgba(11, 13, 18, .82); color: #fff; font: 800 italic calc(12 * var(--ku))/1.1 var(--own-font); text-transform: uppercase; text-shadow: none; --ks: 4px; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k :is([data-n="Scoreboard"], [data-n="RoundEnd"] [data-n="Board"]) [data-card][data-me="1"][data-pname]:not([data-pname=""])::after { color: var(--own-yellow); } html.own-theme.own-k body.touch :is([data-n="Scoreboard"], [data-n="RoundEnd"] [data-n="Board"]) [data-card][data-pname]::after { font-size: 2.67vh; } /* telefon: karta ~37 px — 10 px przy 375 */ html.own-theme.own-k [data-n="Scoreboard"] > [data-n="Enemies"][data-pname]::after { order: -999; } /* poziom gracza w rogu portretu: ukos karty (--ks 8 px) ucinał lewą połowę cyfry (01.11, karta 51 px, Level od x +4) — odsunięty za ukos */ html.own-theme.own-k [data-n="Scoreboard"] [data-n^="Card"] > [data-n="Level"] { translate: 7px 1px; } /* rozmiar stały: TextScaled dawał pierwszej karcie 30 px przy polu 31 × 14 (dopasowanie w chwili, gdy karta miała inny rozmiar — pop 1,3), pozostałym 14 px */ html.own-theme.own-k [data-n="Scoreboard"] [data-n^="Card"] > [data-n="Level"] .rblx-span { font-size: calc(14 * var(--ku)) !important; } /* FFA: kafle wyników i zegar (ffa_strip_view) — ciemne ukośne płytki, żółty akcent tylko na moim kafelku (lider ma koronę z danych) */ html.own-theme.own-k [data-n="FFAStrip"] [data-n="Card"] { --ks: 7px; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); border-radius: 0 !important; } html.own-theme.own-k [data-n="FFARound"] { --ks: 8px; background: var(--k-panel) !important; border-radius: 0 !important; box-shadow: none !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } /* kill feed (hud.js, gałąź own-k): ukośny czarny pasek, imiona w kolorze strony, biała sylwetka broni */ html.own-theme.own-k .own-feedrow.own-feedrow-k { --ks: 8px; display: flex; align-items: center; gap: .45em; margin: 0 0 4px auto; padding: .18em 1.05em .2em; width: fit-content; white-space: nowrap; line-height: 1.1; background: var(--k-panel) !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); font-family: var(--own-font); font-weight: 800; font-style: italic; text-transform: uppercase; } html.own-theme.own-k .k-feed-name { display: inline-block; overflow: hidden; text-overflow: ellipsis; text-shadow: var(--k-text-shadow); } html.own-theme.own-k .k-feed-gun { height: 1.05em; width: auto; flex: none; filter: brightness(0) invert(1) drop-shadow(1px 1px 0 rgba(0, 0, 0, .8)); } html.own-theme.own-k .k-feed-verb { color: #fff; font-weight: 600; font-size: .82em; opacity: .9; } /* 01.11 komputer wg K_N4 (zmierzone na makiecie 1280×720): wiersz 1072–1258 × 31–59 (28 px), wersaliki imion 13 px (czcionka ~19 px), odstęp imię–broń ~15 px, broń ~20 px wysokości, odstęp wierszy 4 px; pierwszy wiersz 11 px niżej niż góra ramki Feed (y 20). Przed: wiersz 132 × 24 px przy y 20, czcionka 16 px (hud.js), broń 17 px */ html.own-theme.own-k body:not(.touch) [data-n="Round"] > [data-n="Feed"] { padding-top: 1.53vh; } html.own-theme.own-k body:not(.touch) .own-feedrow.own-feedrow-k { font-size: 2.64vh !important; /* 19 px przy 720 */ gap: .75em; padding: .2em 1.1em .22em; } html.own-theme.own-k body:not(.touch) .k-feed-gun { height: 1.1em; } /* 03.11 sylwetka broni zabójstwa z ikon GUI (hud.js killFeed: GUN_ICON) — obrazki 498–512 × 292–320 (proporcja 1,56–1,75) mają pusty margines (treść ~55 % wysokości). 04.11 (Michał: „kill feed nie mieści się tam broń”): obrazek 1,9 em z ujemnym marginesem wystawał poza wiersz i clip-path paska ucinał mu górę i dół. Teraz pole 2,9 × 1,25 em z object-fit: cover — obrazek ma szerokość pola (wysokość 1,66–1,86 em), cover obcina po 0,2–0,3 em z góry i dołu, czyli tylko pusty margines (≥ 0,37 em), a sylwetka mieści się w wierszu */ html.own-theme.own-k body .k-feed-gun.k-feed-gui { height: 1.25em; width: 2.9em; object-fit: cover; margin: -.1em 0; } /* body: mocniej niż „body:not(.touch) .k-feed-gun” (1,1em) */ /* KONTRAKTY w meczu: nagłówek z żółtym podkreśleniem, wiersze jako ukośne czarne paski, pasek postępu żółty (K_N4) */ html.own-theme.own-k [data-n="Contracts"] [data-n="HeaderFace"] { background: transparent !important; box-shadow: none !important; } html.own-theme.own-k [data-n="Contracts"] [data-n="HeaderFace"]::after { content: ""; position: absolute; left: auto; right: 8px; top: auto; bottom: -3px; width: 54%; height: 3px; border: 0 !important; background: var(--own-yellow); } html.own-theme.own-k [data-n="Contracts"] [data-n="Header"] { color: #fff !important; } html.own-theme.own-k [data-n="Contracts"] [data-n="Panel"] > [data-n="Header"]::after { content: ""; position: absolute; right: 4px; bottom: -4px; width: 62%; height: 3px; background: var(--own-yellow); transform: skewX(-10deg); } /* K0: „CONTRACTS title with a yellow underline” */ html.own-theme.own-k [data-n="Contracts"] [data-n="Rows"] > * > [data-n="Face"] { --ks: 8px; background: var(--k-panel) !important; box-shadow: none !important; border-radius: 0 !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="Contracts"] [data-n="Bar"] { background: rgba(255, 255, 255, .16) !important; border-radius: 0 !important; box-shadow: none !important; } html.own-theme.own-k [data-n="Contracts"] [data-n="Bar"] > [data-n="Fill"] { background: var(--own-yellow) !important; border-radius: 0 !important; } /* 01.11 komputer wg K_N4: tytuł na własnej ciemnej ukośnej płycie (1053–1262 × 178–217), żółta kreska WEWNĄTRZ płyty przy dolnej krawędzi na 70 % szerokości (4 px), tytuł od lewej z odstępem; licznik „1/3” biały (było żółte pod paskiem); pasek w 5 segmentach z przerwą 3 px (K_N4: 5 kafelków ~ 11 px) */ html.own-theme.own-k body:not(.touch) [data-n="Contracts"] [data-n="Panel"] > [data-n="Header"] { --ks: 8px; padding-left: 7%; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); background: linear-gradient(var(--own-yellow), var(--own-yellow)) 0 100% / 70% 4px no-repeat, var(--k-panel) !important; } html.own-theme.own-k body:not(.touch) [data-n="Contracts"] [data-n="Panel"] > [data-n="Header"]::after { display: none; } html.own-theme.own-k body:not(.touch) [data-n="Contracts"] [data-n="Bar"] > [data-n="Count"] { color: #fff !important; -webkit-text-fill-color: #fff !important; } html.own-theme.own-k body:not(.touch) [data-n="Contracts"] [data-n="Bar"]::after { content: ""; position: absolute; inset: 0; z-index: 9; pointer-events: none; border: 0 !important; background: repeating-linear-gradient(90deg, transparent 0 calc(20% - 3px), rgba(11, 13, 18, .95) calc(20% - 3px) 20%); } /* podpowiedzi E / Q: ukośna czarna plakietka, klawisz jako ramka 1,5 px z białą literą (K_N4: „small slanted black keycaps E PORTAL, Q CLOSE”) */ html.own-theme.own-k [data-n="Portal"] > :is([data-n="PortalHint"], [data-n="CloseHint"]) { --ks: 7px; background: var(--k-panel) !important; border-radius: 0 !important; box-shadow: none !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); padding-right: 6px; } html.own-theme.own-k [data-n="Portal"] > :is([data-n="PortalHint"], [data-n="CloseHint"]) > [data-n="Key"] { background: transparent !important; border-radius: 0 !important; box-shadow: none !important; color: #fff !important; } html.own-theme.own-k [data-n="Portal"] > :is([data-n="PortalHint"], [data-n="CloseHint"]) > [data-n="Key"]::after { border: 0 !important; border-right: 1px solid rgba(255, 255, 255, .35) !important; } /* 01.11 komputer wg K_N4: klawisz i podpis to DWIE płytki z ukośną szczeliną 3 px (makieta: E 17–64, PORTAL 67–138). Szczelina = przezroczysty pas gradientu pod kątem 100° (krawędź równoległa do ukośnych boków płyty); procent = odległość wzdłuż linii gradientu L = 0,985·w + 0,174·h: PortalHint 121 × 36 ⇒ klawisz do 40 px ⇒ 31,4–33,8 %, CloseHint 155 × 38 ⇒ 26–27,8 % */ html.own-theme.own-k body:not(.touch) [data-n="Portal"] > [data-n="PortalHint"] { background: linear-gradient(100deg, var(--k-panel) 0 31.4%, transparent 31.4% 33.8%, var(--k-panel) 33.8%) !important; } html.own-theme.own-k body:not(.touch) [data-n="Portal"] > [data-n="CloseHint"] { background: linear-gradient(100deg, var(--k-panel) 0 26%, transparent 26% 27.8%, var(--k-panel) 27.8%) !important; } html.own-theme.own-k body:not(.touch) [data-n="Portal"] > :is([data-n="PortalHint"], [data-n="CloseHint"]) > [data-n="Key"]::after { border-right: 0 !important; } /* gadżet F: kwadratowe gniazdo, klawisz F biały na czarnym (K_N4: „square gadget slot … F keycap”) */ html.own-theme.own-k [data-n="Prompts"] > [data-n="Gadget"] { background: transparent !important; border-radius: 0 !important; box-shadow: none !important; } html.own-theme.own-k [data-n="Prompts"] > [data-n="Gadget"]::before { inset: 0; --ks: 8px; } /* K_N4: czarny kwadrat bez ramki, żółty jest tylko łuk odnowienia */ html.own-theme.own-k body:not(.touch) [data-n="Prompts"] > [data-n="Gadget"]::before { --ks: 14px; } /* K_N4: płyta 92 × 77 px — lewy dolny róg przesunięty o ~15 px */ html.own-theme.own-k body:not(.touch) [data-n="Prompts"] > [data-n="Gadget"] > [data-n="Icon"] { filter: brightness(0) invert(1) drop-shadow(2px 2px 0 rgba(0, 0, 0, .6)); } /* K_N4: ikona gadżetu biała (strzykawka), kolor niesie tylko żółty łuk */ /* bonusy (Boosts/Row, np. 2× LUCK z cukierka): w danych prawy dolny róg — po K_LAYOUT gadżetu wiersz leżał NA klawiszu F (Luck 1161–1270 × 684–709 kontra F 1202–1236 × 657–693, 01.11 przy 1280 × 720) — przesunięty na lewo od płyty gadżetu, przy dolnej krawędzi (1065–1174 × 690–715): nad gadżetem wchodził w hali na 3. kartę kolejki, pod amunicją (dół płyty 685) i obok gadżetu (lewy dół ~1174) jest wolne w meczu i w hali */ html.own-theme.own-k body:not(.touch) [data-n="Boosts"] > [data-n="Row"] { translate: -96px 6px; } html.own-theme.own-k [data-n="Prompts"] > [data-n="Gadget"] > [data-n="Key"] { background: #0b0d12 !important; border-radius: 0 !important; box-shadow: inset 0 0 0 1.5px #fff !important; color: #fff !important; } /* w meczu ściąga klawiszy znika (jak w toy) — wzór pokazuje tylko E / Q */ html.own-theme.own-k.own-in-match #help { display: none; } /* ELIMINATED (KillPopup, K_P5): ukośna czarna płyta, tytuł biały, nazwa ofiary, „+XP” żółte; wiersze nagród na ciemnych paskach */ html.own-theme.own-k [data-n="KillPopup"] [data-n="Card"] > [data-n="Plate"] { --ks: 10px; background: var(--k-panel) !important; box-shadow: none !important; border-radius: 0 !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="KillPopup"] [data-n="Plate"] > [data-n="Total"], html.own-theme.own-k [data-n="KillPopup"] [data-n="Plate"] > [data-n="TotalUnit"] { color: var(--own-yellow) !important; } html.own-theme.own-k [data-n="KillPopup"] [data-n="Plate"] [data-n="Glint"] { display: none !important; } html.own-theme.own-k [data-n="KillPopup"] [data-n="Plate"] > [data-n="Title"] { color: #fff !important; } html.own-theme.own-k [data-n="KillPopup"] [data-n="Rows"] [data-n="Slide"] { --ks: 6px; background: var(--k-panel) !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="KillPopup"] [data-n="Rows"] [data-n="Mark"] { background: var(--own-yellow) !important; } html.own-theme.own-k [data-n="KillPopup"] [data-n="Badge"] { border-radius: 0 !important; } html.own-theme.own-k [data-n="KillPopup"] [data-n="Badge"] > [data-n="Portrait"] { background: var(--k-helmet) 50% 85% / 80% no-repeat, var(--k-red) !important; border-radius: 0 !important; } html.own-theme.own-k [data-n="KillPopup"] [data-n="Timer"] > [data-n="Fill"] { background: var(--own-red) !important; } /* 01.11 komputer wg K_P5: wiersze nagród leżą NA karcie (K_LAYOUT) — bez własnych płyt, oddzielone cienką linią 1 px, bez żółtego znacznika; płyta karty mocniej pochylona (lewy dolny róg ~27 px) */ html.own-theme.own-k body.touch [data-n="KillPopup"] [data-n="Card"] > [data-n="Plate"] { --ks: 12px !important; } /* telefon: karta ~124 px szerokości — przy 27 px ukos ucinał „E” w ELIMINATED (zrzut 01.11, 812 × 375) */ html.own-theme.own-k body [data-n="KillPopup"] [data-n="Card"] > [data-n="Plate"] { --ks: 27px; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k body [data-n="KillPopup"] [data-n="Rows"] [data-n="Slide"] { background: transparent !important; clip-path: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22) !important; } html.own-theme.own-k body [data-n="KillPopup"] [data-n="Rows"] [data-n="Mark"] { display: none !important; } /* KILLED BY (KilledBy, K_P5 prawa połowa): nagłówek nad kartą, ukośna płyta z czerwoną kreską u dołu, portret = hełm na czerwieni, broń na ciemnym polu */ html.own-theme.own-k [data-n="Round"] > [data-n="KilledBy"]::before { content: "KILLED BY"; position: absolute; left: 14px; top: -1.25em; font: italic 800 calc(26 * var(--ku))/1 var(--own-font); color: #fff; text-shadow: var(--k-text-shadow); letter-spacing: .01em; pointer-events: none; } html.own-theme.own-k [data-n="KilledBy"] > [data-n="Body"] { --ks: 12px; background: var(--k-panel) !important; border-radius: 0 !important; box-shadow: inset 0 -3px 0 var(--k-red) !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="KilledBy"] [data-n="Art"] > [data-n="Portrait"] { background: var(--k-helmet) 50% 85% / 80% no-repeat, var(--k-red) !important; border-radius: 0 !important; } html.own-theme.own-k [data-n="KilledBy"] [data-n="KillerName"] { color: #fff !important; } /* K_P5: imię zabójcy BIAŁE („ROOK”), czerwień niosą portret i kreska karty */ /* K_P5: broń zabójcy jako BIAŁA sylwetka bez pola (jak w kill feedzie), nie kolorowa ikona na szarym kafelku */ html.own-theme.own-k [data-n="KilledBy"] [data-n="Body"] > [data-n="Weapon"] { background: transparent !important; border-radius: 0 !important; box-shadow: none !important; } html.own-theme.own-k [data-n="KilledBy"] [data-n="Weapon"] > [data-n="Icon"] { filter: brightness(0) invert(1) drop-shadow(1px 1px 0 rgba(0, 0, 0, .8)); } /* medale (DOUBLE KILL…, K_P5): napis na ukośnej czarnej płycie z żółtym podkreśleniem; płyta to ::before słowa (szerokość słowa liczy medals_view z pomiaru napisu) */ html.own-theme.own-k [data-n="Medal"] [data-n="Row"] > [data-n="Word"] { isolation: isolate; } html.own-theme.own-k [data-n="Medal"] [data-n="Row"] > [data-n="Word"]::before { content: ""; position: absolute; inset: 6% -22px 4% -18px; z-index: -1; --ks: 14px; background: var(--k-panel); clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); box-shadow: inset 0 -4px 0 var(--own-yellow); } html.own-theme.own-k [data-n="Medal"] [data-n="Word"] [data-n="Glint"] { display: none !important; } /* dotyk (?touch=1, touch_view): przyciski jako półprzezroczyste ciemne koła z białą obwódką, STRZAŁ z żółtą (jedyny akcent), ikony białe — kolorowe tarcze Brawl kłóciły się z K0 */ html.own-theme.own-k [data-n="Touch"] [data-n="Cluster"] > :is([data-n="Fire"], [data-n="Jump"], [data-n="Aim"], [data-n="Reload"], [data-n="Portal"], [data-n="Close"], [data-n="Gadget"]) { background-color: rgba(11, 13, 18, .55) !important; background-image: none !important; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .75) !important; } html.own-theme.own-k [data-n="Touch"] [data-n="Cluster"] > [data-n="Fire"] { box-shadow: inset 0 0 0 4px var(--own-yellow) !important; } html.own-theme.own-k [data-n="Touch"] [data-n="Cluster"] > * > :not(.rblx-text) { filter: brightness(0) invert(1); } html.own-theme.own-k [data-n="Touch"] [data-n="Cluster"] > *::after { display: none; } /* ================= (c) hala — wzór K_P1 (gracz chodzi; menu to nakładki) ================= */ /* plakietka poziomu w lewym górnym rogu (own_theme.js K_LAYOUT): ukośny czarny pasek, „LV.” żółte, tor żółty — jak profil gracza w K_P1 */ html.own-theme.own-k [data-n="Progress"] > [data-n="Level"] { --ks: 12px; background: var(--k-panel) !important; border-radius: 0 !important; box-shadow: inset 0 -3px 0 var(--own-yellow) !important; clip-path: polygon(0 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="Level"] > :is([data-n="Caption"], [data-n="NextLevel"]) { color: var(--own-yellow) !important; } html.own-theme.own-k [data-n="Level"] > [data-n="Track"] { background: rgba(255, 255, 255, .14) !important; border-radius: 0 !important; box-shadow: none !important; } html.own-theme.own-k [data-n="Level"] [data-n="FillArea"] > [data-n="Fill"] { background: var(--own-yellow) !important; border-radius: 0 !important; box-shadow: none !important; } html.own-theme.own-k [data-n="Level"] > [data-n="Progress"] { color: var(--own-muted) !important; } /* 01.11 komputer i telefon (K_P1 = K_P11_P1; na telefonie ramka z K_TOUCH): profil — ukośny portret (szara płyta, żółty hełm z wizjerem, czarna ramka 3 px) + czarna płyta z imieniem, poziomem po prawej i żółtym paskiem pod imieniem. Ramka Level = cały profil 347 × 76 px (K_LAYOUT); portret 95 × 75 (27,4 % × 98,7 %) i płyta 270 × 51 (77,8 % × 67,1 %, góra 7 px ⇒ pozycja 7 / (76 − 51) = 28 %) to dwie warstwy tła (bez clip-path: portret wystaje nad i pod płytę). Imię z data-pname (progress_view.js), „LV. n” biały po prawej jak „12”; XP, nagroda i następny poziom — makieta ich nie ma */ html.own-theme.own-k body [data-n="Progress"] > [data-n="Level"] { clip-path: none; box-shadow: none !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 95 75'%3E%3CclipPath id='c'%3E%3Cpath d='M18 1.5H93.5L77 73.5H1.5z'/%3E%3C/clipPath%3E%3Cpath d='M18 1.5H93.5L77 73.5H1.5z' fill='%23c9cfd8'/%3E%3Cg clip-path='url(%23c)' stroke='%23000' stroke-width='2'%3E%3Cpath d='M6 80C8 62 20 55 36 53h24c16 2 27 9 29 27z' fill='%23ffc400'/%3E%3Cpath d='M58 53l6 27M38 53l-4 27' fill='none' stroke='%23111' stroke-width='3'/%3E%3Cpath d='M25 45C23 24 34 11 50 11s28 12 27 31c0 7-3 11-8 13H32c-5-2-7-5-7-10z' fill='%23ffc400'/%3E%3Ccircle cx='32' cy='35' r='7' fill='%2322252c'/%3E%3Cpath d='M41 26h33c2 0 4 2 4 4v9c0 3-2 5-5 5H45c-3 0-5-2-5-5v-10c0-2 0-3 1-3z' fill='%23ff9d00' stroke='%23111' stroke-width='2.5'/%3E%3Cpath d='M47 30h21' stroke='%23fff' stroke-opacity='.75'/%3E%3C/g%3E%3Cpath d='M18 1.5H93.5L77 73.5H1.5z' fill='none' stroke='%230b0d12' stroke-width='3'/%3E%3C/svg%3E") 0 0 / 27.4% 98.7% no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H100L94.4 100H0z' fill='%230b0d12' fill-opacity='.9'/%3E%3C/svg%3E") 100% 28% / 77.8% 67.1% no-repeat !important; } /* 01.11: portret z arkusza KC_P1 (ukośna ramka, żółty hełm — obejrzany w pełnej rozdzielczości) zamiast portretu SVG z reguły wyżej; płyta imienia bez zmian */ html.own-theme.own-k body [data-n="Progress"] > [data-n="Level"] { background: url("local/k/k_profile.webp") 0 0 / 27.4% 98.7% no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H100L94.4 100H0z' fill='%230b0d12' fill-opacity='.9'/%3E%3C/svg%3E") 100% 28% / 77.8% 67.1% no-repeat !important; } html.own-theme.own-k body [data-n="Progress"] > [data-n="Level"]::after { content: attr(data-pname); position: absolute; left: 28.2%; top: 20%; height: 34%; max-width: 44%; overflow: hidden; display: flex; align-items: center; pointer-events: none; color: #fff; font: 800 italic 2.25vw/1 var(--own-font); text-transform: uppercase; text-shadow: var(--k-text-shadow); white-space: nowrap; /* K_P1: „MIA” wysokość wersalików 22 px ≈ 0,72 em ⇒ ~29 px = 2,25vw przy 1280 */ } html.own-theme.own-k body [data-n="Level"] > [data-n="Caption"] { color: #fff !important; } html.own-theme.own-k body [data-n="Level"] > :is([data-n="NextLevel"], [data-n="Progress"], [data-n="Reward"]) { display: none !important; } /* monety w prawym górnym rogu: ukośna płytka */ html.own-theme.own-k [data-n="ScreenGui"] > [data-n="Top"] > [data-n="Coins"] { --ks: 10px; background-color: var(--k-panel) !important; border-radius: 0 !important; box-shadow: none !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="Top"] > [data-n="Coins"] > [data-n="Coins"] > [data-n="main"] { color: #fff !important; -webkit-text-fill-color: #fff !important; } /* K_P1: „1 250” biały obok złotej monety (było żółte) */ /* panel DAILY (lewa strona): tytuł duży z żółtym podkreśleniem, wiersze jako ukośne paski z cienkim separatorem, pasek postępu żółty segmentowany (K_P1) */ html.own-theme.own-k [data-n="Daily"] > [data-n="Panel"] [data-n="Header"] > [data-n="Face"] { --ks: 10px; background: var(--k-panel) !important; border-radius: 0 !important; box-shadow: inset 0 -3px 0 var(--own-yellow) !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="Daily"] [data-n="Header"] > [data-n="Resets"] { color: var(--own-muted) !important; } html.own-theme.own-k [data-n="Daily"] [data-n="Rows"] > * > [data-n="Face"] { --ks: 10px; background: var(--k-panel) !important; border-radius: 0 !important; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .12) !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="Daily"] [data-n="Rows"] [data-n="Bar"] { background: rgba(255, 255, 255, .16) !important; border-radius: 0 !important; box-shadow: none !important; } html.own-theme.own-k [data-n="Daily"] [data-n="Rows"] [data-n="Bar"] > [data-n="Fill"] { background: var(--own-yellow) !important; border-radius: 0 !important; box-shadow: none !important; } /* SKLEP → panel skrzynki (Shop/Case): OPEN zielony (46, 224, 90) i wybrana zakładka klasy broni (GunTabs) niebieska (47, 140, 255) z danych — jak w Arsenalu: w K jeden akcent żółty; tylko te dwa elementy (karty Rare mają ten sam niebieski) */ html.own-theme.own-k [data-n="Shop"] [data-n="Case"] > [data-n="Foot"] > [data-n="Open"][style*="rgb(46, 224, 90)"], html.own-theme.own-k [data-n="Shop"] [data-n="Case"] > [data-n="GunTabs"] > [style*="rgb(47, 140, 255)"] { background-color: var(--own-yellow) !important; background-image: none !important; outline: none !important; } html.own-theme.own-k [data-n="Shop"] [data-n="Case"] > [data-n="Foot"] > [data-n="Open"][style*="rgb(46, 224, 90)"] [data-n="Label"], html.own-theme.own-k [data-n="Shop"] [data-n="Case"] > [data-n="GunTabs"] > [style*="rgb(47, 140, 255)"] [data-n="Label"] { color: #0b0d12 !important; -webkit-text-fill-color: #0b0d12 !important; -webkit-text-stroke: 0 !important; text-shadow: none !important; } /* ARSENAL (dok → ITEMS): kolory wariantów z danych — wybrana zakładka „info” niebieska (47, 140, 255) z białym obrysem, pigułka rodzaju broni niebieska (38, 127, 217), „Upgrade” i klawisz FIRE zielone (46, 224, 90) — przegląd 01.11: trzy akcenty na jednym ekranie; K: jeden akcent żółty z ciemnym napisem, pigułka ciemna z żółtą kreską */ html.own-theme.own-k [data-n="Arsenal"] > [data-n="Tabs"] > [data-n="Weapons"] { background: var(--own-yellow) !important; background-image: none !important; outline: none !important; } html.own-theme.own-k [data-n="Arsenal"] > [data-n="Tabs"] > [data-n="Weapons"] [data-n="Label"] { color: #0b0d12 !important; -webkit-text-fill-color: #0b0d12 !important; -webkit-text-stroke: 0 !important; text-shadow: none !important; } html.own-theme.own-k [data-n="Arsenal"] > [data-n="Right"] > [data-n="Chip"] { background: rgba(255, 255, 255, .1) !important; background-image: none !important; box-shadow: inset 3px 0 0 var(--own-yellow) !important; border-radius: 0 !important; } html.own-theme.own-k [data-n="Arsenal"] :is([data-n="Upgrade"] > [data-n="Buy"], [data-n="Keys"] > [data-n="Fire"])[style*="rgb(46, 224, 90)"] { background-color: var(--own-yellow) !important; background-image: none !important; } html.own-theme.own-k [data-n="Arsenal"] :is([data-n="Upgrade"] > [data-n="Buy"], [data-n="Keys"] > [data-n="Fire"])[style*="rgb(46, 224, 90)"] [data-n="Label"] { color: #0b0d12 !important; -webkit-text-fill-color: #0b0d12 !important; -webkit-text-stroke: 0 !important; text-shadow: none !important; } html.own-theme.own-k [data-n="Arsenal"] > [data-n="Test"] > [data-n="Keys"] > * { --ks: 12px; border-radius: 0 !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } /* FIRE / RELOAD 146 × 67: ukośne płyty jak reszta K */ /* karta zadania onboardingu (HUD/Quest, „PLAY 1 GAME → SKIN CRATE”): bez reguł K była gołym czarnym prostokątem przy krawędzi, tytuł 14 px, „0/1” złote na pasku 4 px (przegląd 01.11, karta 16–259 × 323–398) — wiersz w stylu DAILY: ukośna płyta z żółtym akcentem, pasek 10 px z liczbą w środku, nagroda żółta */ html.own-theme.own-k [data-n="HUD"] > [data-n="Quest"] > [data-n="Card"] > [data-n="Face"] { --ks: 12px; background: var(--k-panel) !important; border-radius: 0 !important; box-shadow: inset 4px 0 0 var(--own-yellow), inset 0 -3px 0 rgba(255, 255, 255, .12) !important; clip-path: polygon(0 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="HUD"] > [data-n="Quest"] > [data-n="Card"] > [data-n="Title"] { color: #fff !important; -webkit-text-fill-color: #fff !important; height: 24px !important; translate: 4px -12px; } html.own-theme.own-k [data-n="HUD"] > [data-n="Quest"] > [data-n="Card"] > [data-n="Title"] .rblx-span { font-size: calc(19 * var(--ku)) !important; } /* dane: limit 14 px (pole 24 px po zmianie) — K: tytuł wiersza jak DAILY (~19 px) */ html.own-theme.own-k [data-n="HUD"] > [data-n="Quest"] > [data-n="Card"] > [data-n="Progress"] .rblx-span { font-size: calc(11 * var(--ku)) !important; } html.own-theme.own-k [data-n="HUD"] > [data-n="Quest"] > [data-n="Card"] > [data-n="Bar"] { height: 12px !important; translate: 4px -4px; background: rgba(255, 255, 255, .16) !important; border-radius: 0 !important; box-shadow: none !important; } html.own-theme.own-k [data-n="HUD"] > [data-n="Quest"] > [data-n="Card"] > [data-n="Bar"] > [data-n="Fill"] { height: 100% !important; background: var(--own-yellow) !important; border-radius: 0 !important; } html.own-theme.own-k [data-n="HUD"] > [data-n="Quest"] > [data-n="Card"] > [data-n="Progress"] { z-index: 8 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; translate: 4px -4px; } html.own-theme.own-k [data-n="HUD"] > [data-n="Quest"] > [data-n="Card"] > [data-n="Reward"] [data-n="Label"] { color: var(--own-yellow) !important; -webkit-text-fill-color: var(--own-yellow) !important; } /* PLAY w hali: duży żółty równoległobok z ukośnymi paskami, napis czarny; Loadout = ciemny przycisk z keycapem (K_P1: „PLAY” + pasek trybu pod spodem) */ html.own-theme.own-k [data-n="Play"] > [data-n="Button"] { --ks: 18px; background: var(--k-stripe), var(--own-yellow) !important; border-radius: 0 !important; box-shadow: none !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="Play"] > [data-n="Button"]::after { display: none; } html.own-theme.own-k [data-n="Play"] > [data-n="Button"] [data-n="Label"] { color: #0b0d12 !important; text-shadow: none; font-size: inherit; } html.own-theme.own-k [data-n="Play"] > [data-n="Button"] [data-n="Glare"] { display: none !important; } html.own-theme.own-k [data-n="LoadoutSlot"] > [data-n="Loadout"] { --ks: 12px; background: var(--k-panel) !important; border-radius: 0 !important; box-shadow: inset 0 -3px 0 rgba(255, 255, 255, .25) !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="LoadoutSlot"] > [data-n="Loadout"]::after { display: none; } html.own-theme.own-k [data-n="Loadout"] > [data-n="Cap"] { background: transparent !important; box-shadow: inset 0 0 0 1.5px #fff !important; border-radius: 0 !important; } /* dok hali (Items / Shop / Battle Pass / Gadgets): czarne ukośne kafle, ikona jako BIAŁA sylwetka (filtr), podpis biały (K_P1: LOCKER / SHOP / PASS) */ html.own-theme.own-k [data-n="Bottom"] > [data-n$="Button"] { --ks: 12px; background-color: var(--k-panel) !important; border-radius: 0 !important; box-shadow: none !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="Bottom"] > [data-n$="Button"]::after { display: none; } html.own-theme.own-k body:not(.touch) [data-n="ScreenGui"] > [data-n="Bottom"] > [data-n$="Button"] { clip-path: polygon(21% 0, 100% 0, 79% 100%, 0 100%); } /* K_P1: kafel 113 × 87 px, krawędź przesunięta o 24 px = 21 % szerokości (kDockTile w own_theme.js) */ /* znacznik powiadomienia na kaflu (OnbAlert, np. SHOP): 205–243 × 587–625 wystawał 13 px za prawy i 6 px za górny brzeg kafla 117–230 × 593–680 — ukos kafla (clip-path) ucinał kółko (przegląd 01.11 przy 1280 × 720); w środek kafla i 0,8 rozmiaru: środek ~206 × 614, prawy brzeg ~221 przy ukośnej krawędzi ~224 na tej wysokości */ html.own-theme.own-k body:not(.touch) [data-n="ScreenGui"] > [data-n="Bottom"] > [data-n$="Button"] > [data-n="OnbAlert"] { translate: -18px 8px; scale: .8; } html.own-theme.own-k [data-n="Bottom"] > [data-n$="Button"]:hover { box-shadow: inset 0 -3px 0 var(--own-yellow) !important; } html.own-theme.own-k [data-n="Bottom"] > [data-n$="Button"] > [data-n="Title"] { white-space: nowrap !important; } /* wersaliki są szersze: „BATTLE PASS” zawijało się i dolna linia wychodziła poza kafel (800×450) — jedna linia, TextScaled zmniejsza */ /* K_P1 / K_P11: kafel przepustki podpisany „PASS” — „BATTLE PASS” był ucięty do „BATTLE PA” (zmierzone 31.10: 1280 × 720 przy kaflu 81 px i 844 × 390) */ html.own-theme.own-k [data-n="Bottom"] > [data-n="BattlePassButton"] > [data-n="Title"] .rblx-span { visibility: hidden; } html.own-theme.own-k [data-n="Bottom"] > [data-n="BattlePassButton"] > [data-n="Title"]::after { content: "Pass"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font: inherit; text-transform: uppercase; pointer-events: none; } html.own-theme.own-k [data-n="Bottom"] > [data-n$="Button"] > [data-n="Glyph"] { filter: brightness(0) invert(1) drop-shadow(2px 2px 0 rgba(0, 0, 0, .6)); } /* karty kolejek po prawej (Queue/Holder: 1v1 / 2v2 / 3v3): ciemna ukośna płyta, tytuł biały, przycisk JOIN żółty */ html.own-theme.own-k [data-n="Holder"] [data-n="Mover"] > [data-n="Body"] { --ks: 12px; background-color: var(--k-panel) !important; background-image: none !important; border-radius: 0 !important; box-shadow: none !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="Holder"] [data-n="Body"]::after { display: none; } html.own-theme.own-k [data-n="Holder"] [data-n="Body"] > [data-n="Join"] { --ks: 6px; background: var(--own-yellow) !important; border-radius: 0 !important; box-shadow: none !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="Holder"] [data-n="Join"] > [data-n="Label"] { color: #0b0d12 !important; text-shadow: none; } html.own-theme.own-k [data-n="Holder"] [data-n="Row"] > [data-n^="Slot1_"] { box-shadow: inset 0 -2px 0 var(--k-blue) !important; border-radius: 0 !important; } html.own-theme.own-k [data-n="Holder"] [data-n="Row"] > [data-n^="Slot2_"] { box-shadow: inset 0 -2px 0 var(--k-red) !important; border-radius: 0 !important; } /* ściąga klawiszy i klawisze: ukośne czarne keycapy z białą literą */ html.own-theme.own-k #help { font: italic 800 14px var(--own-font); text-transform: uppercase; text-shadow: var(--k-text-shadow); } html.own-theme.own-k kbd { background: #0b0d12; border: 1.5px solid rgba(255, 255, 255, .8); border-radius: 0; color: #fff; font: italic 800 13px var(--own-font); padding: 0 6px; transform: skewX(-10deg); display: inline-block; } html.own-theme.own-k #help kbd { transform: skewX(-10deg); } /* ui4 (01.11): karta Esc (#menu, z-index auto) leżała POD warstwą HUD (.rblx z 4) — tabliczka imienia postaci „YOU @YOU” z HUD przykrywała pola wyboru karty (zrzut ui4_escmenu_720_przed). z 5: nad HUD, pod paskiem hali (ScreenGui 12) i oknami Menus (60+), które otwiera sama karta */ html.own-theme.own-k #menu { z-index: 5; } /* ui4 telefon: podpisy kafli doku jednym rozmiarem — „ITEMS” / „GADGETS” 14 px w ramkach 9–10 px (zmierzone przy 812 × 375), „PASS” mniejszy; 9 px = 2,4vh przy 375 */ html.own-theme.own-k body.touch [data-n="Bottom"] > [data-n$="Button"] > [data-n="Title"], html.own-theme.own-k body.touch [data-n="Bottom"] > [data-n$="Button"] > [data-n="Title"] .rblx-span { font-size: 2.4vh !important; } /* 01.11 (ui3) telefon 812 × 375 (zmierzone wykrywaczem): napisy o stałym rozmiarze z danych / z kodu wychodziły z ramek — karty kolejek (tytuł „1v1”, „VS”, „JOIN”, „1/2”: 14 px w ramkach 7–11 px), poziom na portretach tablicy (14 px w ramce 10 px), amunicja „25 /25” (RichText 40 + 20 px z hud.js w ramce 17 px, tekst 327–369 przy ramce 340–357). Rozmiary w vh: 10 px / 17 px / 9 px przy wysokości 375 */ html.own-theme.own-k body.touch [data-n="Holder"] [data-n="Body"] .rblx-text { font-size: 2.67vh !important; } /* telefon: cała karta kolejki była 116 × 48 px (JOIN 42 × 11 — za mały pod palec, napisy 10 px, sloty 15 px; 01.11 przy 812 × 375) — kontener ×1,7 od prawego dolnego rogu (transform-origin z danych 100 % 100 %): karta ~197 × 82 na 606–803 × 196–278 — nad przyciskiem skoku (od 285), pod ikonami górnego paska (do ~90); JOIN ~71 × 19 */ html.own-theme.own-k body.touch [data-n="Holder"] [data-n="Body"] > [data-n="Count"] { translate: -10px 0; } /* „1/2” (757–792) wchodził w ukośną prawą krawędź karty (~782 na wysokości licznika); 10 px przed skalą = 17 px */ html.own-theme.own-k body.touch [data-n="HUD"] > [data-n="Queue"] > [data-n="Holder"] { scale: 1.7; transform-origin: 0 0 !important; } /* scale działa PRZED translate(−100 %, −100 %) kotwicy — widoczny prawy dolny róg to lokalne 0 0 */ html.own-theme.own-k body.touch [data-n="PostMatch"] [data-n="List"] .rblx-text { font-size: 2.67vh !important; } /* wiersze tablicy po meczu: 14 px z danych w ramkach ~10 px (dy 3 px w każdym wierszu) */ /* karta ELIMINATED na telefonie (z danych 284–408 × 80–221) leżała na napisie „ROUND WON” (256–556 × 88–162) przy ostatnim zabójstwie rundy. Na prawo od niego (550–674) wchodziła 34 px na CONTRACTS (640–802 × 98–169), a między tytułem i kontraktami jest tylko 84 px przy karcie 124 px — przeniesiona NA LEWO od tytułu i tablicy wyników (od 235): 100–224 × 40–181, pod ikoną ustawień (do ~50), nad joystickiem (01.11, 812 × 375) */ html.own-theme.own-k body.touch [data-n="Round"] > [data-n="KillPopup"] { translate: -22.7vw -10.7vh; } html.own-theme.own-k body.touch [data-n="Scoreboard"] [data-n^="Card"] > [data-n="Level"] .rblx-span { font-size: 2.67vh !important; } html.own-theme.own-k body.touch [data-n="Round"] > [data-n="Ammo"] > [data-n="Amount"] .rblx-span > span:first-child { font-size: 4.53vh !important; } html.own-theme.own-k body.touch [data-n="Round"] > [data-n="Ammo"] > [data-n="Amount"] .rblx-span > span:last-child { font-size: 2.4vh !important; } html.own-theme.own-k body.touch [data-n="Round"] > [data-n="Ammo"] > [data-n="Amount"] .rblx-span { font-size: 4.53vh !important; } /* 01.11 (ui3): karta ELIMINATED (870–1108 × 273–544 przy 1280 × 720) nachodziła na wiersz CONTRACTS (1047–1262 × 223–290) o 61 × 17 px — 30 px niżej (dół 574 < płyta amunicji 627); `translate` zamiast `transform` (transform niesie kotwicę z danych i animację kill_popup_fx) */ html.own-theme.own-k body:not(.touch) [data-n="Round"] > [data-n="KillPopup"] { translate: 0 calc(30 * var(--ku)); } /* 01.11 (battlepass): bez Premium — płyta Page/Premium pokazuje NAJBLIŻSZY kosmetyk („NEXT SKIN”, battlepass_view.paintNext): ciemna ukośna płyta jak reszta okna, pasek z lewej i podpis w kolorze rzadkości (--bp-rar), ikona nagrody po prawej (--bp-icon) w polu po dawnym przycisku Buy (66–96 % szerokości) */ html.own-theme.own-k [data-n="BattlePass"] [data-n="Page"] > [data-n="Premium"] { --ks: 12px; background: var(--k-panel-2) !important; border-radius: 0 !important; box-shadow: inset 7px 0 0 var(--bp-rar, var(--own-yellow)) !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); cursor: pointer; } html.own-theme.own-k [data-n="BattlePass"] [data-n="Page"] > [data-n="Premium"]::after { display: none; } html.own-theme.own-k [data-n="BattlePass"] [data-n="Page"] > [data-n="Premium"]::before { content: ""; position: absolute; right: 5%; top: 50%; height: 78%; aspect-ratio: 1; transform: translateY(-50%); background: var(--bp-icon, none) center / contain no-repeat; filter: drop-shadow(0 0 10px var(--bp-rar, transparent)); pointer-events: none; z-index: 9; } html.own-theme.own-k [data-n="BattlePass"] [data-n="Page"] > [data-n="Premium"] > :is([data-n="Title"], [data-n="Sub"]) { width: 58% !important; color: #fff !important; -webkit-text-fill-color: currentcolor !important; text-shadow: none !important; } html.own-theme.own-k [data-n="BattlePass"] [data-n="Page"] > [data-n="Premium"] > [data-n="Sub"] { color: var(--bp-rar, #fff) !important; height: 30% !important; white-space: normal !important; } /* 01.11 (ui3): dok skaluje się z wysokością okna (góra = 0,8236 H), ściąga ma stałe 170 px od dołu — przy 1920 × 1080 ściąga 838–910 wchodziła na dok 889–1020 (zmierzone). Dół ściągi zawsze ≥ 8 px nad dokiem */ html.own-theme.own-k body:not(.touch) #help { bottom: max(170px, calc(17.64vh + 8px)); } /* podpisy kafli doku jednym rozmiarem (TextScaled dobierał każdy osobno: „ITEMS” / „GADGETS” 17–19 px, „PASS” (napis z ::after, rozmiar bazowy) ~11 px — zrzut 01.11); K_P1: wersaliki ~13 px przy 720 ⇒ czcionka 17 px = 2,36vh */ html.own-theme.own-k body:not(.touch) [data-n="Bottom"] > [data-n$="Button"] > [data-n="Title"] { font-size: 2.36vh !important; } html.own-theme.own-k body:not(.touch) [data-n="Bottom"] > [data-n$="Button"] > [data-n="Title"] .rblx-span { font-size: 2.36vh !important; } /* „Click to play”: żółty równoległobok z paskami, czarny napis */ html.own-theme.own-k #clickHint.on { --ks: 12px; padding: 9px 30px 10px; border: 0; border-radius: 0; background: var(--k-stripe), var(--own-yellow); color: #0b0d12; font: italic 800 26px/1 var(--own-font); text-transform: uppercase; letter-spacing: .02em; box-shadow: none; text-shadow: none; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } /* mały ekran (≤ 560 px wysokości, 800 × 450 CrazyGames): plakietka poziomu i monety rosną od SWOJEGO narożnika (own_theme.css skaluje od środka — tu leżą w rogach) */ @media (max-height: 560px) { html.own-theme.own-k body:not(.touch) [data-n="Contracts"] > [data-n="Panel"] { scale: 1.35; transform-origin: 0 0 !important; } /* 800×450: wiersz kontraktu miał ~9 px liter — wymóg CrazyGames: czytelny przy DPR 1. Origin 0 0, bo `scale` działa PRZED transform translate(-100%) kotwicy: przy 0 0 prawy brzeg zostaje przy krawędzi ekranu (zmierzone: origin 100% spychał panel o 56 px w lewo) */ html.own-theme.own-k body:not(.touch) [data-n="Progress"] > [data-n="Level"] { transform-origin: 0 0; } /* telefon: układ z danych (pasek na środku) — skala od środka jak w own_theme.css */ html.own-theme.own-k body:not(.touch) [data-n="ScreenGui"] > [data-n="Top"] { transform-origin: 0 0 !important; } /* kotwica (1, 0) = translate(−100 %): origin 0 0 trzyma prawy brzeg przy krawędzi (jak Contracts wyżej) */ } /* okno trybów (global_queue_view → ModeSelect, K_P2 / K2): przyciemniona hala, tytuł „PLAY” na ukośnej płycie z żółtym podkreśleniem, karty ukośne, wybór = żółta ramka */ html.own-theme.own-k [data-n="ModeSelect"] > [data-n="Backdrop"] { background-color: rgba(5, 6, 9, .62) !important; } html.own-theme.own-k [data-n="ModeSelect"] > [data-n="Panel"] { background: transparent !important; box-shadow: none !important; } html.own-theme.own-k [data-n="ModeSelect"] > [data-n="Panel"]::after { display: none; } html.own-theme.own-k [data-n="ModeSelect"] [data-n="Header"] > [data-n="Title"] { isolation: isolate; color: #fff !important; -webkit-text-fill-color: currentcolor !important; padding: 0 20px; width: max-content !important; } html.own-theme.own-k [data-n="ModeSelect"] [data-n="Header"] > [data-n="Title"]::before { content: ""; position: absolute; inset: 4% -6px 2% -14px; z-index: -1; --ks: 16px; background: var(--k-panel-solid); clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); box-shadow: inset 0 -5px 0 var(--own-yellow); } html.own-theme.own-k [data-n="ModeSelect"] [data-n="Panel"] > [data-n^="Card"] { --ks: 16px; border-radius: 0 !important; box-shadow: none !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); transition: filter .08s; } html.own-theme.own-k [data-n="ModeSelect"] [data-n="Panel"] > [data-n^="Card"]::after { border: 0 !important; background: linear-gradient(to top, rgba(8, 9, 13, .92) 0, rgba(8, 9, 13, .5) 34%, transparent 62%); } html.own-theme.own-k [data-n="ModeSelect"] [data-n="Panel"] > [data-n^="Card"]:hover { filter: brightness(1.12); box-shadow: inset 0 0 0 4px var(--own-yellow) !important; } html.own-theme.own-k [data-n="ModeSelect"] [data-n^="Card"] > [data-n="Title"] { z-index: 6 !important; } html.own-theme.own-k [data-n="ModeSelect"] [data-n^="Card"] > [data-n="ModePill"] { --ks: 6px; background: var(--k-panel-solid) !important; background-image: none !important; border-radius: 0 !important; box-shadow: inset 3px 0 0 var(--own-yellow) !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="ModeSelect"] [data-n="Panel"] > [data-n="Back"] { --ks: 8px; background: var(--k-panel-solid) !important; background-image: none !important; border-radius: 0 !important; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .7) !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="ModeSelect"] [data-n="Panel"] > [data-n="Sub"] { color: #fff !important; } /* pigułka szukania (Search/Pill, K_P3 lewa trzecia): ukośna płyta z żółtym podkreśleniem, wskaźnik = żółty pierścień z przerwami (CSS, bez obrazka), zegar biały, anuluj = ciemny klawisz X */ html.own-theme.own-k [data-n="Search"] > [data-n="Pill"] { isolation: isolate; background: transparent !important; background-image: none !important; border-radius: 0 !important; box-shadow: none !important; } html.own-theme.own-k [data-n="Search"] > [data-n="Pill"]::after { display: none; } /* płyta jako ::before (nie clip-path na pigułce): wskaźnik wystaje poniżej ramki — animacja warboSpin nadpisuje transform z przesunięciem kotwicy */ html.own-theme.own-k [data-n="Search"] > [data-n="Pill"]::before { content: ""; position: absolute; inset: 0; z-index: -1; --ks: 14px; background: var(--k-panel); box-shadow: inset 0 -4px 0 var(--own-yellow); clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="Pill"] > [data-n="Spinner"] { background: repeating-conic-gradient(var(--own-yellow) 0 36deg, transparent 36deg 45deg) !important; border-radius: 50% !important; /* 8 łuków po 36° z przerwą 9° (K_P3: pierścień z 6–8 segmentów) */ -webkit-mask: radial-gradient(circle closest-side, transparent 64%, #000 66%); mask: radial-gradient(circle closest-side, transparent 64%, #000 66%); box-shadow: none !important; } html.own-theme.own-k [data-n="Pill"] > [data-n="Detail"] { color: var(--own-muted) !important; -webkit-text-fill-color: currentcolor !important; } html.own-theme.own-k [data-n="Pill"] > [data-n="Cancel"] { --ks: 6px; background: #0b0d12 !important; background-image: none !important; border-radius: 0 !important; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .8) !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="Pill"] > [data-n="Cancel"]:hover { box-shadow: inset 0 0 0 2px var(--k-red) !important; } /* K_P3: pod kartą szukania napis „CANCEL” zamiast „X” z danych (przycisk przeniesiony pod kartę w K_LAYOUT) */ html.own-theme.own-k body:not(.touch) [data-n="Pill"] > [data-n="Cancel"] > [data-n="Label"] { visibility: hidden; } html.own-theme.own-k body:not(.touch) [data-n="Pill"] > [data-n="Cancel"] { width: 170px !important; height: 38px !important; aspect-ratio: auto !important; } /* K_P3: 170 × 39 px; dane trzymają kwadrat 1:1 (zmierzone 31 × 31 po K_LAYOUT) */ html.own-theme.own-k body:not(.touch) [data-n="Pill"] > [data-n="Cancel"]::before { content: "Cancel"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; color: #fff; font: 800 italic calc(19 * var(--ku))/1 var(--own-font); text-transform: uppercase; letter-spacing: .02em; } /* karta MATCH FOUND (overlay → MatchFound, K_P3 środek): tytuł na ukośnej płycie z żółtym podkreśleniem, tryb jako żółty chip, sloty: portret-hełm w kolorze drużyny (moja = niebieski, przeciwnicy = czerwony) */ html.own-theme.own-k [data-n="MatchFound"] > [data-n="Card"] { --ks: 16px; background: var(--k-panel) !important; background-image: none !important; border-radius: 0 !important; box-shadow: none !important; clip-path: polygon(var(--ks) -40%, 100% -40%, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="MatchFound"] > [data-n="Card"]::after { display: none; } html.own-theme.own-k [data-n="MatchFound"] [data-n="Header"] > [data-n="Title"] { color: #fff !important; -webkit-text-fill-color: currentcolor !important; text-shadow: 3px 3px 0 #000; } html.own-theme.own-k [data-n="MatchFound"] [data-n="Header"] > [data-n="Title"]::after { content: ""; position: absolute; left: 4%; bottom: 4%; width: 70%; height: 5px; background: var(--own-yellow); transform: skewX(-10deg); } html.own-theme.own-k [data-n="MatchFound"] [data-n="Header"] > [data-n="Mode"] { --ks: 7px; background: var(--own-yellow) !important; background-image: none !important; box-shadow: none !important; border-radius: 0 !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } /* K_P3: „MATCH FOUND” wyśrodkowany, tryb („DUOS 2V2”) jako ciemna płytka POD tytułem na środku (dane: tytuł z lewej, tryb żółtym znaczkiem w prawym rogu) */ html.own-theme.own-k body:not(.touch) [data-n="MatchFound"] [data-n="Header"] > [data-n="Title"] { left: 0 !important; width: 100% !important; transform: translateY(-50%) !important; justify-content: center !important; text-align: center !important; } html.own-theme.own-k body:not(.touch) [data-n="MatchFound"] [data-n="Header"] > [data-n="Title"]::after { left: 30%; width: 40%; } html.own-theme.own-k body:not(.touch) [data-n="MatchFound"] [data-n="Header"] > [data-n="Mode"] { left: 50% !important; top: auto !important; bottom: -4px !important; transform: translateX(-50%) !important; height: 28px !important; aspect-ratio: auto !important; width: auto !important; padding: 0 1.4em !important; background: #0b0d12 !important; } /* 01.11 K_P3: płytka trybu „DUOS 2V2” ~190 × 50 px pod tytułem (zmierzone przed: 60 × 25) — 40 px wysokości, napis 24 px, niżej o 16 px (karta jest wyższa, K_LAYOUT) */ html.own-theme.own-k body:not(.touch) [data-n="MatchFound"] [data-n="Header"] > [data-n="Mode"] { height: 40px !important; bottom: -20px !important; min-width: 150px; padding: 0 2em !important; background: #262b36 !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35) !important; } /* na czarnej karcie płytka #0b0d12 była niewidoczna */ /* kafle graczy (reguła niżej): 104 px, gdy się mieszczą (2v2: 2 × 104 + 6 ≤ 217), w 3v3 kurczą się równo (flex-shrink) — zmierzone przed: 68 px także w 2v2 (min(104, (100 % − 12) / 3)) */ html.own-theme.own-k body:not(.touch) [data-n="MatchFound"] [data-n="Header"] > [data-n="Mode"] > [data-n="Label"] .rblx-span { font-size: calc(24 * var(--ku)) !important; } html.own-theme.own-k body:not(.touch) [data-n="MatchFound"] [data-n="Header"] > [data-n="Mode"] > [data-n="Label"] { position: relative !important; left: 0 !important; top: 0 !important; transform: none !important; width: auto !important; height: 100% !important; color: #fff !important; -webkit-text-fill-color: #fff !important; white-space: nowrap; } html.own-theme.own-k [data-n="MatchFound"] [data-n="Mode"] > [data-n="Label"] { color: #0b0d12 !important; -webkit-text-fill-color: currentcolor !important; text-shadow: none; } html.own-theme.own-k [data-n="MatchFound"] :is([data-n="Left"], [data-n="Right"]) > [data-n^="Slot"] { --ks: 8px; background: rgba(255, 255, 255, .06) !important; background-image: none !important; border-radius: 0 !important; box-shadow: none !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="MatchFound"] [data-n="Left"] > [data-n^="Slot"] > [data-n="Face"] { background: var(--k-helmet) 50% 85% / 82% no-repeat, var(--k-blue) !important; border-radius: 0 !important; } html.own-theme.own-k [data-n="MatchFound"] [data-n="Right"] > [data-n^="Slot"] > [data-n="Face"] { background: var(--k-helmet) 50% 85% / 82% no-repeat, var(--k-red) !important; border-radius: 0 !important; } html.own-theme.own-k [data-n="MatchFound"] [data-n="Left"] > [data-n^="Slot"] > [data-n="Bar"] { background: var(--k-blue) !important; border-radius: 0 !important; } html.own-theme.own-k [data-n="MatchFound"] [data-n="Right"] > [data-n^="Slot"] > [data-n="Bar"] { background: var(--k-red) !important; border-radius: 0 !important; } html.own-theme.own-k [data-n="MatchFound"] [data-n="Card"] > [data-n="Vs"] { color: #fff !important; font-size: inherit; } /* K_P3 środek: drużyny jako WYSOKIE kafle-portrety obok siebie (portret na cały kafel, imię na dole), bez nagłówków „YOUR TEAM / OPPONENTS” i bez poziomu (dane: wiersze listy jeden pod drugim) */ html.own-theme.own-k body:not(.touch) [data-n="MatchFound"] [data-n="Card"] > :is([data-n="Left"], [data-n="Right"]) { flex-direction: row !important; gap: 6px; } html.own-theme.own-k body:not(.touch) [data-n="MatchFound"] [data-n="Card"] > [data-n="Left"] { justify-content: flex-end !important; } html.own-theme.own-k body:not(.touch) [data-n="MatchFound"] [data-n="Card"] > [data-n="Right"] { justify-content: flex-start !important; } html.own-theme.own-k body:not(.touch) [data-n="MatchFound"] :is([data-n="Left"], [data-n="Right"]) > [data-n^="Slot"] { flex: 0 1 104px !important; width: auto !important; min-width: 0 !important; height: 100% !important; margin: 0 !important; } /* 104 px (K_P3: kafel ~ 0,8 wysokości), w 3v3 trzy kafle mieszczą się w ramce 241 px */ html.own-theme.own-k body:not(.touch) [data-n="MatchFound"] :is([data-n="Left"], [data-n="Right"]) > [data-n^="Slot"] > [data-n="Face"] { left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; aspect-ratio: auto !important; transform: none !important; background-size: 86% !important; background-position: 50% 30% !important; } html.own-theme.own-k body:not(.touch) [data-n="MatchFound"] :is([data-n="Left"], [data-n="Right"]) > [data-n^="Slot"] > [data-n="Name"] { left: 0 !important; top: auto !important; bottom: 0 !important; width: 100% !important; height: 26% !important; transform: none !important; z-index: 6 !important; background: rgba(11, 13, 18, .88); padding: 0 8px; justify-content: flex-start; } html.own-theme.own-k body:not(.touch) [data-n="MatchFound"] :is([data-n="Left"], [data-n="Right"]) > [data-n^="Slot"] > :is([data-n="Sub"], [data-n="Bar"]), html.own-theme.own-k body:not(.touch) [data-n="MatchFound"] [data-n="Card"] > :is([data-n="LeftHead"], [data-n="RightHead"]) { display: none !important; } html.own-theme.own-k [data-n="MatchFound"] [data-n="Card"] > [data-n="Status"] { color: var(--own-muted) !important; -webkit-text-fill-color: currentcolor !important; } /* GŁOSOWANIE MAPY (Menus → MapVote, K_P3 prawa trzecia): tytuł na płycie z żółtym podkreśleniem, zegar w ukośnym polu, karty map ukośne, mój głos = żółta ramka (map_vote_view SELECT) + plakietka „YOUR VOTE” */ html.own-theme.own-k [data-n="MapVote"] [data-n="Header"] > [data-n="Title"] { isolation: isolate; color: #fff !important; -webkit-text-fill-color: currentcolor !important; width: max-content !important; padding: 0 22px; } html.own-theme.own-k [data-n="MapVote"] [data-n="Header"] > [data-n="Title"]::before { content: ""; position: absolute; inset: 10% -4px 6% -10px; z-index: -1; --ks: 16px; background: var(--k-panel-solid); clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); box-shadow: inset 0 -5px 0 var(--own-yellow); } html.own-theme.own-k [data-n="MapVote"] [data-n="Header"] > [data-n="Timer"] { --ks: 8px; background: var(--k-panel-solid) !important; border-radius: 0 !important; box-shadow: inset 0 -3px 0 var(--own-yellow) !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="MapVote"] [data-n="Options"] > [data-n^="Option"] { --ks: 12px; background-color: var(--k-panel) !important; background-image: none !important; border-radius: 0 !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="MapVote"] [data-n^="Option"] > [data-n="Art"] { border-radius: 0 !important; } /* 01.11 (przegląd na żywo): w danych nazwa mapy (top 76 %) leżała NA dolnej krawędzi zdjęcia (Art do 80,2 %) — pół na obrazku, pół pod nim, 24 px, a pod nią pusty pas. K_P3: zdjęcie do ~76 % karty, nazwa w ciemnym pasie pod zdjęciem, kropki głosów pod nazwą (makieta: karta 358 px, zdjęcie do 268, nazwa 278–313, kropki 328–343) */ html.own-theme.own-k [data-n="MapVote"] [data-n^="Option"] > [data-n="Art"] { height: calc(74% - 8px) !important; } html.own-theme.own-k [data-n="MapVote"] [data-n^="Option"] > [data-n="MapName"] { top: 76% !important; height: 11% !important; } html.own-theme.own-k [data-n="MapVote"] [data-n^="Option"] > [data-n="Voters"] { top: 89% !important; } /* zegar: w danych kwadrat 66 px wystawał 33 px za prawy brzeg panelu, 27 px niżej niż środek tytułu — K_P3: płytka zegara w rzędzie tytułu, przy prawej krawędzi (właściwość translate, nie transform: transform niesie kotwicę z danych) */ html.own-theme.own-k [data-n="MapVote"] [data-n="Header"] > [data-n="Timer"] { translate: -33px -27px; } /* pasek upływu czasu (K_P3: żółty pasek pod „VOTE MAP”, szara reszta) = podkreślenie płyty tytułu; czas z map_vote_view.start (--mv-dur, klasa mv-run restartuje animację) */ html.own-theme.own-k [data-n="MapVote"] .mv-run [data-n="Header"] > [data-n="Title"]::before { box-shadow: inset 0 -5px 0 rgba(255, 255, 255, .16); } html.own-theme.own-k [data-n="MapVote"] .mv-run [data-n="Header"] > [data-n="Title"]::after { content: ""; position: absolute; inset: auto; left: 2px; bottom: 6%; width: calc(100% - 14px); height: 5px; z-index: -1; background: var(--own-yellow); transform-origin: 0 50%; animation: kVoteBar var(--mv-dur, 10s) linear forwards; } @keyframes kVoteBar { from { scale: 1 1; } to { scale: 0 1; } } html.own-theme.own-k [data-n="MapVote"] [data-n^="Option"] [data-n="Shot"] { border-radius: 0 !important; } html.own-theme.own-k [data-n="MapVote"] [data-n^="Option"] > [data-n="VotePill"] { --ks: 5px; border-radius: 0 !important; background: rgba(11, 13, 18, .9) !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="MapVote"] [data-n="Art"] > [data-n="Picked"] { background: transparent !important; box-shadow: none !important; overflow: visible; } html.own-theme.own-k [data-n="MapVote"] [data-n="Art"] > [data-n="Picked"] > [data-n="Dot"] { display: none !important; } /* K_P3: głosy jako rząd żółtych kropek pod nazwą mapy (dane: twarze głosujących + pigułka „N VOTES” w rogu) — kropka = jeden głos, mój z białą obwódką */ html.own-theme.own-k [data-n="MapVote"] [data-n="Voters"] > [data-n^="Voter_"] { width: 13px !important; height: 13px !important; aspect-ratio: 1 !important; margin-right: 6px; border-radius: 50% !important; background: var(--own-yellow) !important; overflow: hidden; } html.own-theme.own-k [data-n="MapVote"] [data-n="Voters"] > [data-n^="Voter_"] * { display: none !important; } html.own-theme.own-k [data-n="MapVote"] [data-n^="Option"] > [data-n="VotePill"] { display: none !important; } html.own-theme.own-k [data-n="MapVote"] [data-n="Art"] > [data-n="Picked"]::before { content: "YOUR VOTE"; position: absolute; left: -4px; top: 0; padding: 3px 12px 3px 8px; white-space: nowrap; background: var(--own-yellow); color: #0b0d12; font: italic 800 calc(15 * var(--ku))/1 var(--own-font); clip-path: polygon(0 0, 100% 0, calc(100% - 7px) 100%, 0 100%); } /* VICTORY / DEFEAT (Round/Results, K_P6): ukośna czarna płyta, kolor wyniku z danych (zieleń / czerwień) zostaje jako gruba kreska u dołu płyty — warstwa ciemna przykrywa resztę tła */ html.own-theme.own-k [data-n="Results"] > [data-n="Glow"] { --ks: 22px; background-image: linear-gradient(#0b0d12, #0b0d12) !important; background-size: 100% calc(100% - 6px) !important; background-repeat: no-repeat !important; border-radius: 0 !important; box-shadow: none !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); transform-origin: 50% 50%; scale: 1.25 1.9; } html.own-theme.own-k [data-n="Results"] > [data-n="Glow"] > [data-n="Core"] { display: none !important; } html.own-theme.own-k [data-n="Results"] > [data-n="Score"] > :is([data-n="OursCell"], [data-n="TheirsCell"]) { background: var(--k-panel-solid) !important; border-radius: 0 !important; } /* ================= (d) po meczu: podium + MATCH SUMMARY (Menus.PostMatch, K_P7) ================= */ html.own-theme.own-k [data-n="PostMatch"] > [data-n="Board"] { background-color: var(--k-panel) !important; background-image: none !important; border-radius: 0 !important; box-shadow: none !important; } /* bez clip-path: tytuł „MATCH SUMMARY” wystaje nad i w lewo od tablicy — ukos uciąłby pierwszą literę */ html.own-theme.own-k [data-n="PostMatch"] > [data-n="Board"]::after { display: none; } html.own-theme.own-k [data-n="PostMatch"] [data-n="Board"] > [data-n="Band"] > [data-n="Title"]::after { content: ""; position: absolute; left: 6%; bottom: 8%; width: 46%; height: 4px; background: var(--own-yellow); transform: skewX(-10deg); } html.own-theme.own-k [data-n="PostMatch"] [data-n="List"] > [data-n="Row"] { --ks: 8px; background-color: rgba(255, 255, 255, .05) !important; background-image: none !important; border-radius: 0 !important; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .1) !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="PostMatch"] [data-n="List"] > [data-n="Row"] > [data-n="You"] { box-shadow: inset 0 0 0 2px var(--own-yellow) !important; background: transparent !important; } html.own-theme.own-k [data-n="PostMatch"] [data-n="Row"] > [data-n="Avatar"] { background: var(--k-helmet) 50% 85% / 80% no-repeat, #222733 !important; border-radius: 0 !important; } html.own-theme.own-k [data-n="PostMatch"] [data-n="Board"] > [data-n="Rewards"] { background-color: rgba(255, 255, 255, .05) !important; background-image: none !important; border-radius: 0 !important; box-shadow: inset 0 -3px 0 var(--own-yellow) !important; } html.own-theme.own-k [data-n="PostMatch"] [data-n="LevelBox"] > [data-n="Track"] { background: rgba(255, 255, 255, .14) !important; border-radius: 0 !important; } html.own-theme.own-k [data-n="PostMatch"] [data-n="LevelBox"] > [data-n="Track"] * { border-radius: 0 !important; } html.own-theme.own-k [data-n="PostMatch"] [data-n="LevelBox"] > [data-n="Gain"] { color: var(--own-yellow) !important; -webkit-text-fill-color: currentcolor !important; } /* K_P7: pasek statystyk meczu (KILLS / DEATHS / ACCURACY / BEST STREAK) pod tytułem „YOU PLACED 2ND”, tabela zjeżdża pod niego (postmatch_board.kSummary) */ html.own-theme.own-k [data-n="PostMatch"] [data-n="Board"] > .k-pm { position: absolute; left: 2%; right: 2%; top: 8.5%; height: 12%; display: flex; z-index: 6; background: rgba(255, 255, 255, .05); pointer-events: none; } html.own-theme.own-k [data-n="PostMatch"] [data-n="Board"] > .k-pm:empty { display: none; } html.own-theme.own-k [data-n="PostMatch"] .k-pm > div { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 0 .8em; border-left: 1px solid rgba(255, 255, 255, .22); } html.own-theme.own-k [data-n="PostMatch"] .k-pm > div:first-child { border-left: 0; } html.own-theme.own-k [data-n="PostMatch"] .k-pm span { color: #fff; font: 800 italic calc(13 * var(--ku))/1 var(--own-font); text-transform: uppercase; opacity: .9; } html.own-theme.own-k [data-n="PostMatch"] .k-pm b { color: #fff; font: 800 italic calc(34 * var(--ku))/1 var(--own-font); text-shadow: var(--k-text-shadow); } /* 01.11 komputer: K_P7 „18 / 7 / 41 % / 5” mają wersaliki ~35 px przy etykietach ~13 px — liczby 34 → 44 px, etykiety 13 → 15 px (pasek 65 px: 15 + 44 + odstęp mieści się) */ html.own-theme.own-k body:not(.touch) [data-n="PostMatch"] .k-pm b { font-size: calc(44 * var(--ku)); } html.own-theme.own-k body:not(.touch) [data-n="PostMatch"] .k-pm span { font-size: calc(15 * var(--ku)); } html.own-theme.own-k body:not(.touch) [data-n="PostMatch"] .k-pm > div { align-items: center; } /* K_P7: „KILLS / 18” wyśrodkowane w swojej kolumnie (było od lewej) */ /* ui4 (Michał 01.11: „zróbmy jak na naszym image-gen ta tabelka po prawej”) — K_P7 prawa kolumna to NIE jedna płyta, tylko stos osobnych ukośnych ciemnych płyt z odstępami ~8 px: tytuł z żółtą kreską, pasek statystyk z pionowymi separatorami, sekcje (XP / monety / kontrakty) z nagłówkiem wersalikami po lewej i wierszami-paskami. Tablica: tło przezroczyste; płyty dostają tytuł (Band), statystyki (.k-pm), nagłówek kolumn (Columns), każdy wiersz i nagłówek drużyny (List), nagrody (Rewards) */ html.own-theme.own-k [data-n="PostMatch"] > [data-n="Board"] { background-color: transparent !important; } html.own-theme.own-k [data-n="PostMatch"] [data-n="Board"] > :is([data-n="Band"], [data-n="Columns"], [data-n="Rewards"]), html.own-theme.own-k [data-n="PostMatch"] [data-n="Board"] > .k-pm { --ks: calc(14 * var(--ku)); background: var(--k-panel) !important; background-image: none !important; border-radius: 0 !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="PostMatch"] [data-n="Board"] > [data-n="Band"] { clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); box-shadow: none !important; } html.own-theme.own-k [data-n="PostMatch"] [data-n="Board"] > [data-n="Rewards"] { box-shadow: none !important; } /* żółta kreska u dołu ginęła w ukosie — akcent niesie żółty pasek XP jak w K_P7 */ html.own-theme.own-k [data-n="PostMatch"] [data-n="Board"] > [data-n="Columns"] .rblx-text { color: var(--own-muted) !important; -webkit-text-fill-color: currentcolor !important; } /* nagłówki kolumn szare jak „KILLS / DEATHS” w K_P7 */ /* wiersze graczy jak wiersze kontraktów K_P7: ciemne paski na tle sceny (bez wspólnej płyty), mój wiersz z żółtą ramką; nagłówek drużyny — kreska w kolorze strony po lewej */ html.own-theme.own-k [data-n="PostMatch"] [data-n="List"] > [data-n="Row"] { background-color: var(--k-panel) !important; box-shadow: none !important; } html.own-theme.own-k [data-n="PostMatch"] [data-n="List"] > [data-n="Team"] { --ks: 6px; background: rgba(11, 13, 18, .62) !important; border-radius: 0 !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="PostMatch"] [data-n="Board"].k-pm-on > :is([data-n="Columns"], [data-n="List"]) { margin-top: 19%; } /* miejsce na pasek statystyk (99–164 przy 1280 × 720). Zmierzone 31.10: margines 12,5 % → kolumny +43 px, 15 % → +57 px; potrzeba ≥ +70 ⇒ 19 % */ /* K_P7: JEDEN żółty przycisk — główny (Play Again / Queue Again, „QUEUE AGAIN »”); Rematch i Lobby (Continue) ciemne ukośne płyty z białym napisem */ html.own-theme.own-k [data-n="PostMatch"] > :is([data-n="PlayAgain"], [data-n="QueueAgain"]) { --ks: 16px; background: var(--k-stripe), var(--own-yellow) !important; border-radius: 0 !important; box-shadow: none !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="PostMatch"] > :is([data-n="PlayAgain"], [data-n="QueueAgain"]) > [data-n="Label"] { color: #0b0d12 !important; -webkit-text-fill-color: currentcolor !important; text-shadow: none; } html.own-theme.own-k [data-n="PostMatch"] > :is([data-n="Continue"], [data-n="Rematch"], [data-n="Loadout"]) { --ks: 12px; background: var(--k-panel-solid, #0b0d12) !important; border-radius: 0 !important; box-shadow: none !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="PostMatch"] > :is([data-n="Continue"], [data-n="Rematch"], [data-n="Loadout"]) > [data-n="Label"] { color: #fff !important; -webkit-text-fill-color: currentcolor !important; text-shadow: none; } html.own-theme.own-k [data-n="PostMatch"] > :is([data-n="Continue"], [data-n="Rematch"], [data-n="PlayAgain"], [data-n="QueueAgain"])::after { display: none; } html.own-theme.own-k [data-n="PostMatch"] [data-n="Header"] > [data-n="Result"] { text-shadow: 3px 3px 0 #000; } /* ================= (e) okna Menus (Shop, Battle Pass, Gadgets, Settings…): z tokenów (prawie czerń, ostre rogi, biel) + akcenty K ================= */ /* tytuł okna: żółte ukośne podkreślenie (K_P8 / K_P9: „LOCKER”, „SHOP”, „BATTLE PASS”) */ html.own-theme.own-k [data-n="Menus"] [data-n="Header"] > [data-n="Title"]::after { content: ""; position: absolute; left: 2%; bottom: 2%; width: min(40%, 130px); height: 4px; background: var(--own-yellow); transform: skewX(-10deg); pointer-events: none; } /* 01.11 K_P9: tytuł przepustki na środku (K_LAYOUT) — kreska pod nim też na środku i szersza (makieta: żółta kreska pod całym „BATTLE PASS”, 5 px) */ html.own-theme.own-k body:not(.touch) [data-n="BattlePass"] [data-n="Page"] > [data-n="Header"] > [data-n="Title"]::after { left: 22%; width: 56%; height: 5px; } /* przegląd 01.11 przy 1280 × 720: X zamykania (1127–1176 × 65–114) stał w rzędzie ikon górnego paska (od ~1165) — wyglądał jak czwarta ikona; przeniesiony do nagłówka okna, obok zegara (1111–1160 × 105–154: prawy brzeg = brzeg okna 1160, nad płytą PREMIUM PASS od 160). Tło okna (Body) kończyło się 90 px pod torem nagród (Track do 85,5 % strony) — skrócone do 88 % */ html.own-theme.own-k body:not(.touch) :is([data-n="BattlePass"] [data-n="Page"], [data-n="Shop"] > [data-n="Window"] > [data-n="Shop"]) > [data-n="Header"] > [data-n="Close"] { translate: -16px 40px; } /* sklep: ten sam X (1127 × 65), nad „CASES” od 159 */ html.own-theme.own-k body:not(.touch) [data-n="BattlePass"] [data-n="Page"] > [data-n="Body"] { height: 88% !important; } /* zamknij: ciemny ukośny klawisz z białą ramką zamiast czerwonego kółka (K_P2: „Esc BACK”) */ html.own-theme.own-k [data-n="Menus"] [data-n="Header"] > [data-n="Close"] { --ks: 7px; background: #0b0d12 !important; background-image: none !important; border-radius: 0 !important; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .8) !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="Menus"] [data-n="Header"] > [data-n="Close"]::after { display: none; } html.own-theme.own-k [data-n="Menus"] [data-n="Header"] > [data-n="Close"]:hover { box-shadow: inset 0 0 0 2px var(--own-yellow) !important; } /* Ustawienia (K_P10): zakładki ukośne, wybrana żółta (klasa k-on z settings_view.paint), suwaki żółte, wiersze z cienkim separatorem */ html.own-theme.own-k [data-n="Nav"] > [data-n$="Tab"] { --ks: 8px; border-radius: 0 !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="Nav"] > [data-n$="Tab"].k-on { background: var(--k-stripe), var(--own-yellow) !important; box-shadow: none !important; } html.own-theme.own-k [data-n="Nav"] > [data-n$="Tab"].k-on .rblx-text { color: #0b0d12 !important; -webkit-text-fill-color: #0b0d12 !important; text-shadow: none; } html.own-theme.own-k [data-n="Nav"] > [data-n$="Tab"].k-on [data-n="Icon"] { filter: brightness(0); } /* Sklep (K_P8 prawa połowa „DAILY OFFERS”): karty CIEMNE z ukośną poświatą w kolorze kategorii (dane: pełne tła pomarańcz / fiolet / błękit w stylu cartoon), bez promieni Rays, przycisk kupna jako żółty pasek ceny z ciemnym napisem (dane: zielony) */ html.own-theme.own-k [data-n="Shop"] [data-n="Cases"] [data-n$="Card"] > [data-n="Art"], html.own-theme.own-k [data-n="Shop"] [data-n="Cases"] [data-n$="Bundle"] > [data-n="Plate"] { --kc: var(--own-yellow); background: linear-gradient(135deg, color-mix(in srgb, var(--kc) 70%, transparent) 0%, transparent 58%), #12151c !important; background-image: linear-gradient(135deg, color-mix(in srgb, var(--kc) 70%, transparent) 0%, transparent 58%) !important; background-color: #12151c !important; border-radius: 0 !important; box-shadow: inset 0 -4px 0 var(--kc) !important; } html.own-theme.own-k [data-n="Shop"] [data-n="Cases"] [data-n="MythicCard"] > [data-n="Art"], html.own-theme.own-k [data-n="Shop"] [data-n="Cases"] [data-n="MinigunBundle"] > [data-n="Plate"] { --kc: #a855f7; } /* K_P8: EPIC fiolet */ html.own-theme.own-k [data-n="Shop"] [data-n="Cases"] [data-n="KillFXCard"] > [data-n="Art"] { --kc: var(--k-red); } html.own-theme.own-k [data-n="Shop"] [data-n="Cases"] [data-n="RPGBundle"] > [data-n="Plate"] { --kc: var(--k-blue); } /* K_P8: RARE niebieski */ html.own-theme.own-k [data-n="Shop"] [data-n$="Bundle"] [data-n="Rays"] { display: none !important; } html.own-theme.own-k [data-n="Shop"] [data-n$="Bundle"] > [data-n="Buy"] { --ks: 6px; background: var(--own-yellow) !important; background-image: none !important; border-radius: 0 !important; box-shadow: none !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="Shop"] [data-n$="Bundle"] > [data-n="Buy"] .rblx-text { color: #0b0d12 !important; -webkit-text-fill-color: #0b0d12 !important; text-shadow: none; } /* 01.11 skrzynie: CaseBadge na kaflu SHOP w doku (ShopClient.paintBadges — liczba darmowych skrzyń, zielone kółko z rbxlx) stoi w rbxlx w lewym górnym rogu (0,05 × 0,146, kotwica środek) — ukos kafla K (clip-path od 21 % szerokości u góry) i sąsiedni kafel ITEMS zasłaniały go w całości (zmierzone 1280 × 720: kółko 103–142 × 586–625, krawędź kafla u góry x 141). Przesunięte o szerokość kółka w prawo i 20 % w dół (procenty własnego rozmiaru — skaluje się z kaflem), 0,8 rozmiaru jak OnbAlert po prawej */ html.own-theme.own-k [data-n="Bottom"] > [data-n="ShopButton"] > [data-n="CaseBadge"] { translate: 100% 20%; scale: .8; } /* K_P1 DAILY: kwadrat z białą ikoną rodzaju zadania z lewej (data-kicon z daily_view.js), pasek w 3 segmentach (maska na całym pasku: tor + wypełnienie). Licznik „24/25” (dziecko paska) maska chowa — K_P1 też go nie pokazuje (postęp niosą segmenty) */ html.own-theme.own-k [data-n="Daily"] [data-n="Rows"] > [data-n^="Row"]::before { content: ""; position: absolute; left: 2.5%; top: 11%; height: 78%; aspect-ratio: 1; z-index: 5; pointer-events: none; background: #0b0d12 var(--kic, none) center / 60% no-repeat; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28); transform: skewX(-8deg); } html.own-theme.own-k [data-n="Daily"] [data-n^="Row"][data-kicon="target"] { --kic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4'%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3Cpath d='M12 1v6M12 17v6M1 12h6M17 12h6'/%3E%3C/svg%3E"); } html.own-theme.own-k [data-n="Daily"] [data-n^="Row"][data-kicon="flag"] { --kic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M5 2h2v20H5zM8 3h11l-3 4.5 3 4.5H8z'/%3E%3C/svg%3E"); } html.own-theme.own-k [data-n="Daily"] [data-n^="Row"][data-kicon="people"] { --kic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Ccircle cx='12' cy='7' r='3.5'/%3E%3Ccircle cx='5' cy='9' r='2.6'/%3E%3Ccircle cx='19' cy='9' r='2.6'/%3E%3Cpath d='M5.5 21c0-4 3-6.5 6.5-6.5s6.5 2.5 6.5 6.5zM0 20c0-3 2-5 5-5 1 0 2 .3 2.6.8C6 17 5 19 5 20zM24 20c0-3-2-5-5-5-1 0-2 .3-2.6.8C18 17 19 19 19 20z'/%3E%3C/svg%3E"); } html.own-theme.own-k [data-n="Daily"] [data-n^="Row"][data-kicon="portal"] { --kic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6'%3E%3Cellipse cx='12' cy='12' rx='6' ry='9.5'/%3E%3C/svg%3E"); } html.own-theme.own-k [data-n="Daily"] [data-n^="Row"][data-kicon="star"] { --kic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2l3 6.6 7 .8-5.2 4.8 1.5 7L12 17.6 5.7 21.2l1.5-7L2 9.4l7-.8z'/%3E%3C/svg%3E"); } /* 01.11: celownik / ludzie / flaga z arkusza KC_P1 (web/local_own/k, serwowane jako local/k; obejrzane w pełnej rozdzielczości) zamiast rysunków SVG wyżej — te zostają dla portalu i gwiazdy */ html.own-theme.own-k [data-n="Daily"] [data-n^="Row"][data-kicon="target"] { --kic: url("local/k/k_task_aim.webp"); } html.own-theme.own-k [data-n="Daily"] [data-n^="Row"][data-kicon="flag"] { --kic: url("local/k/k_task_flag.webp"); } html.own-theme.own-k [data-n="Daily"] [data-n^="Row"][data-kicon="people"] { --kic: url("local/k/k_task_people.webp"); } html.own-theme.own-k [data-n="Daily"] [data-n^="Row"] > [data-n="Bar"] { transform: skewX(-14deg); -webkit-mask: repeating-linear-gradient(90deg, #000 0 calc(33.333% - 4px), transparent calc(33.333% - 4px) 33.333%); mask: repeating-linear-gradient(90deg, #000 0 calc(33.333% - 4px), transparent calc(33.333% - 4px) 33.333%); } /* K_N4: pasek tarczy cienki, cyjanowy, pochylony jak pasek HP */ html.own-theme.own-k [data-n="Round"] > [data-n="Shield"] > [data-n="Track"] { --ks: 4px; background: rgba(255, 255, 255, .14) !important; border-radius: 0 !important; box-shadow: none !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="Round"] > [data-n="Shield"] > [data-n="Track"] > [data-n="Fill"] { background: #2de0ff !important; background-image: none !important; border-radius: 0 !important; } /* 01.11 komputer wg K_N4: tarcza na własnej ciemnej ukośnej płycie (491–790 × 628–650 = ramka Shield z K_LAYOUT) z cyjanową ikoną tarczy po lewej (x 496–512) */ html.own-theme.own-k body:not(.touch) [data-n="Round"] > [data-n="Shield"] { --ks: 5px; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'%3E%3Cpath d='M10 1l8 3v7c0 6-4 10-8 12C6 21 2 17 2 11V4z' fill='%232de0ff'/%3E%3C/svg%3E") 2.2% 50% / auto 78% no-repeat, var(--k-panel) !important; } /* K_P5 KILLED BY: metoda czerwona z celownikiem, wiersz „34 HP” z czerwonym paskiem pod imieniem (killed_by_view.js) */ html.own-theme.own-k [data-n="KilledBy"] .k-method { color: var(--k-red); text-transform: uppercase; } html.own-theme.own-k [data-n="KilledBy"] .k-hp { position: absolute; left: 19.5%; top: 64%; width: 54%; height: 22%; display: flex; align-items: center; gap: .6em; z-index: 6; pointer-events: none; } html.own-theme.own-k [data-n="KilledBy"] .k-hp b { color: #fff; font: 800 italic calc(17 * var(--ku))/1 var(--own-font); white-space: nowrap; text-shadow: var(--k-text-shadow); } html.own-theme.own-k [data-n="KilledBy"] .k-hp i { flex: 1; height: 9px; background: rgba(255, 255, 255, .16); transform: skewX(-14deg); } html.own-theme.own-k [data-n="KilledBy"] .k-hp span { display: block; height: 100%; background: var(--k-red); } /* K_P5: karta odrodzenia pod KILLED BY — ciemna ukośna płyta, liczba w kółku z żółtym łukiem (--kp z hud.js), „RESPAWNING IN” wielkimi literami. Dół karty 0,97 wysokości (KILLED BY kończy się na 622 przy 1280 × 720; HP przy śmierci jest schowane), na telefonie 0,995 (tabliczka ma tam 48 px) */ /* zmierzone 31.10: ramka Status miała 201–251 px — inline padding 100 px (UIPadding z danych) przy box-sizing border-box; stała wysokość 40 px bez paddingu, płyta na samym napisie */ html.own-theme.own-k [data-n="Round"] > [data-n="Status"].k-respawn { top: calc(97% + 0px) !important; height: calc(40 * var(--ku)) !important; padding: 0 !important; aspect-ratio: auto !important; background: transparent !important; box-shadow: none !important; overflow: visible; } html.own-theme.own-k body.touch [data-n="Round"] > [data-n="Status"].k-respawn { top: calc(99.5% + 0px) !important; } html.own-theme.own-k [data-n="Status"].k-respawn > .rblx-span { --ks: 12px; display: inline-flex; align-items: center; gap: .45em; white-space: nowrap; padding: .15em 1.3em .15em .7em; background: var(--k-panel); clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k .k-ring { display: inline-flex !important; align-items: center; justify-content: center; width: 1.7em; height: 1.7em; border-radius: 50%; font-size: 1.25em; color: #fff; position: relative; background: radial-gradient(closest-side, #0b0d12 76%, transparent 79% 100%), conic-gradient(var(--own-yellow) calc(var(--kp, 1) * 360deg), rgba(255, 255, 255, .18) 0); } html.own-theme.own-k .k-resp { text-transform: uppercase; color: #fff; letter-spacing: .02em; } /* 01.11 komputer: każdy napis stanu pod kartą KILLED BY („ELIMINATED | SPECTATING …”) na tej samej ciemnej ukośnej płytce co karta odrodzenia (K_P5: „SPECTATE” na płytce 883–1065 × 606–647) */ /* ramka bez dopełnienia UIPadding (zmierzone 01.11: 542–642 px przy padding 38 px — napis w środku, y ~592, leżał na karcie KILLED BY 473–605), stała wysokość 40 px ⇒ 602–642 */ html.own-theme.own-k body:not(.touch) [data-n="Round"] > [data-n="Status"]:not(.k-respawn) { height: calc(40 * var(--ku)) !important; padding: 0 !important; aspect-ratio: auto !important; overflow: visible; } html.own-theme.own-k body:not(.touch) [data-n="Round"] > [data-n="Status"]:not(.k-respawn) > .rblx-span { --ks: 10px; display: inline-block; white-space: nowrap; padding: .2em 1.2em; background: var(--k-panel); clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } /* KillCam (K_P6): „FINAL KILL” i imię zabójcy z żółtym ukośnym podkreśleniem, Queue Again żółty (jedyny akcent), Lobby ciemny (dane: Queue Again zielony, napisy bez podkreśleń). Pasy kinowe Top / Bottom z oryginału (KillCamClient) zostają — wzór ich nie ma, ale to zachowanie gry 1:1 */ html.own-theme.own-k [data-n="KillCam"] [data-n="Top"] > [data-n="Title"]::after, html.own-theme.own-k [data-n="KillCam"] [data-n="Bottom"] > [data-n="Killer"]::after { content: ""; position: absolute; left: 50%; bottom: -3px; width: 150px; height: 4px; background: var(--own-yellow); transform: translateX(-50%) skewX(-12deg); pointer-events: none; } html.own-theme.own-k [data-n="KillCam"] [data-n="Bottom"] > [data-n="Killer"]::after { width: 90px; bottom: -1px; height: 3px; left: 0; transform: skewX(-12deg); } /* 01.11 komputer K_P6: „FINAL KILL” na ciemnej ukośnej płycie (pole 422 × 87 z K_LAYOUT), żółta kreska pod napisem na 60 % szerokości, kontur liter jak VICTORY */ html.own-theme.own-k body:not(.touch) [data-n="KillCam"] [data-n="Top"] > [data-n="Title"] { --ks: 18px; background: #0b0d12 !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); color: #fff !important; -webkit-text-fill-color: #fff !important; padding-bottom: 8px; } html.own-theme.own-k body:not(.touch) [data-n="KillCam"] [data-n="Top"] > [data-n="Title"]::after { width: 60%; height: 6px; bottom: 10px; } /* K_P6: karta zabójcy w LEWYM dolnym rogu — portret-hełm (kwadrat na kolorze drużyny) i imię białe z żółtą kreską, podpis pod nim (dane: oba wyśrodkowane w dolnym pasie, imię zielone); „● REC” w prawym górnym rogu górnego pasa */ html.own-theme.own-k [data-n="KillCam"] [data-n="Bottom"]::before { content: ""; position: absolute; left: 3%; top: 10%; right: auto; bottom: auto; width: auto; height: 80%; aspect-ratio: 1; z-index: 3; /* nad Bleed (z 0) — ogólna reguła ::after/::before motywu daje inset 0 */ background: var(--k-helmet) 50% 85% / 78% no-repeat, var(--k-blue); box-shadow: inset 0 0 0 2px #fff; transform: skewX(-8deg); pointer-events: none; } html.own-theme.own-k [data-n="KillCam"] [data-n="Bottom"] > :is([data-n="Killer"], [data-n="Detail"]) { left: calc(3% + 84px) !important; width: 40% !important; transform: none !important; justify-content: flex-start !important; text-align: left !important; } html.own-theme.own-k [data-n="KillCam"] [data-n="Bottom"] > [data-n="Killer"] { color: #fff !important; -webkit-text-fill-color: #fff !important; } html.own-theme.own-k [data-n="KillCam"] [data-n="Top"]::after { content: "REC"; position: absolute; left: auto !important; right: 2.5%; width: auto !important; bottom: auto; z-index: 3; top: 50%; transform: translateY(-50%) skewX(-8deg); padding: .2em .8em .2em 1.6em; background: radial-gradient(circle at .8em 50%, #ff3b3b 0 .32em, transparent .36em), #0b0d12; color: #fff; font: 800 italic calc(18 * var(--ku))/1 var(--own-font); pointer-events: none; } /* czerwona kropka nagrywania */ html.own-theme.own-k [data-n="KillCam"] [data-n="Keys"] > [data-n="QueueAgain"] { --ks: 12px; background: var(--k-stripe), var(--own-yellow) !important; background-image: var(--k-stripe) !important; border-radius: 0 !important; box-shadow: none !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="KillCam"] [data-n="Keys"] > [data-n="QueueAgain"] [data-n="Label"] { color: #0b0d12 !important; -webkit-text-fill-color: #0b0d12 !important; text-shadow: none; } html.own-theme.own-k [data-n="KillCam"] [data-n="Keys"] > :is([data-n="Lobby"], [data-n="Rematch"]) { --ks: 12px; background: #0b0d12 !important; background-image: none !important; border-radius: 0 !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25) !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="KillCam"] [data-n="Keys"] > :is([data-n="Lobby"], [data-n="Rematch"]) [data-n="Label"] { color: #fff !important; -webkit-text-fill-color: #fff !important; } /* Przepustka (K_P9): kafle PREMIUM złote (ciemne złoto z jaśniejszym dołem), kafle FREE granatowe, etykieta PREMIUM żółta z ciemnym napisem, FREE granatowa; CLAIM żółty (dane: kafle szare / pomarańczowe, etykieta pomarańczowa, CLAIM zielony) */ html.own-theme.own-k [data-n="BattlePass"] [data-n="Premium"] > [data-n="Card"] > [data-n="Art"] { background: linear-gradient(170deg, #7a6212 0%, #3d3109 100%) !important; box-shadow: inset 0 0 0 1px rgba(255, 212, 0, .35) !important; border-radius: 0 !important; } html.own-theme.own-k [data-n="BattlePass"] [data-n="Free"] > [data-n="Card"] > [data-n="Art"] { background: linear-gradient(170deg, #22345c 0%, #141d33 100%) !important; box-shadow: inset 0 0 0 1px rgba(47, 140, 255, .3) !important; border-radius: 0 !important; } html.own-theme.own-k [data-n="BattlePass"] [data-n="Track"] > [data-n="PremiumTag"] { --ks: 10px; background: var(--k-stripe), var(--own-yellow) !important; border-radius: 0 !important; box-shadow: none !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="BattlePass"] [data-n="Track"] > [data-n="PremiumTag"] .rblx-text { color: #0b0d12 !important; -webkit-text-fill-color: #0b0d12 !important; text-shadow: none; } html.own-theme.own-k [data-n="BattlePass"] [data-n="Track"] > [data-n="FreeTag"] { --ks: 10px; background: #22345c !important; border-radius: 0 !important; box-shadow: none !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="BattlePass"] [data-n="Challenge"] > [data-n="Claim"] { --ks: 8px; background: var(--own-yellow) !important; background-image: none !important; border-radius: 0 !important; box-shadow: none !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="BattlePass"] [data-n="Challenge"] > [data-n="Claim"] .rblx-text { color: #0b0d12 !important; -webkit-text-fill-color: #0b0d12 !important; text-shadow: none; } /* 01.11 (battlepass): JEDEN rząd nagród (bez Premium; battlepass_view dodaje stronie klasę bp-one-row i chowa PremiumTag / FreeTag / PremiumLane / karty Premium). Tor bez etykiet torów zaczyna się przy lewej krawędzi (dawniej Scroller 13 % → 99,5 %), karta nagrody zajmuje 84 % wysokości kolumny (dawniej 43 % na rząd), szyna, romb, numer tieru i znacznik „TIER N” idą na górny pas 7 % — bez pustego pasa po rzędzie Premium. Kosmetyk: karta w kolorze rzadkości (--bp-rar z widoku) */ html.own-theme.own-k [data-n="BattlePass"] .bp-one-row [data-n="Track"] > [data-n="Scroller"] { left: 0.25% !important; width: 99.5% !important; } html.own-theme.own-k [data-n="BattlePass"] .bp-one-row [data-n="Track"] > [data-n="Prev"] { left: 2.5% !important; } html.own-theme.own-k [data-n="BattlePass"] .bp-one-row [data-n="Track"] > [data-n="Jump"] { left: 10.5% !important; } /* „< Tier N” obok Prev (5–45 px przy torze 1003 px), nie na nim: środek 105 px, szerokość 11,5 % = 115 px → 48–163 px */ html.own-theme.own-k [data-n="BattlePass"] .bp-one-row [data-n="Challenge"] > [data-n="Rewards"] > [data-n="Free"] { left: 50% !important; } /* podgląd nagrody: jedna karta pod napisem REWARDS (dawniej Free 25 % / Premium 75 %) */ html.own-theme.own-k [data-n="BattlePass"] .bp-one-row [data-n="Scroller"] > [data-n^="Tier"] > [data-n="Free"] { top: 15% !important; height: 84% !important; transform: translate(-50%, 0) !important; } /* kotwica u góry jawnie: komputer ma z K_LAYOUT kotwicę dolną (0,5; 1), dotyk górną z danych — sama „top” zrzucała kartę pod tor na telefonie (zmierzone 812 × 375: karta y 304–418 przy torze 170–320) */ html.own-theme.own-k [data-n="BattlePass"] .bp-one-row [data-n="Scroller"] > [data-n^="Tier"] > :is([data-n="Rail"], [data-n="Diamond"], [data-n="TierNum"]), html.own-theme.own-k [data-n="BattlePass"] .bp-one-row [data-n="Scroller"] > [data-n^="Tier"] > [data-n="Here"] > [data-n="Chip"] { top: 7.5% !important; } html.own-theme.own-k [data-n="BattlePass"] .bp-one-row [data-n="Scroller"] > [data-n^="Tier"] > [data-n="Free"]:not([data-rarity=""]) > [data-n="Card"] > [data-n="Art"] { background: linear-gradient(170deg, color-mix(in srgb, var(--bp-rar, #2f8cff) 60%, #141d33) 0%, #141d33 100%) !important; box-shadow: inset 0 0 0 2px var(--bp-rar, #2f8cff) !important; } /* Secret ma w danych kolor CZARNY (Crate.Rarities: 0, 0, 0) — finałowa karta i podpis płyty NEXT SKIN ginęły na ciemnym tle; tu biały akcent z poświatą */ html.own-theme.own-k [data-n="BattlePass"] .bp-one-row :is([data-n="Free"], [data-n="Premium"])[data-rarity="secret"] { --bp-rar: #ffffff !important; } html.own-theme.own-k [data-n="BattlePass"] .bp-one-row [data-n="Scroller"] > [data-n^="Tier"] > [data-n="Free"][data-rarity="secret"] > [data-n="Card"] > [data-n="Art"] { background: linear-gradient(170deg, #3a3f52 0%, #07080c 100%) !important; box-shadow: inset 0 0 0 2px #fff, inset 0 0 18px rgba(255, 255, 255, .35) !important; } /* K_P10: panel ustawień PEŁNY (dane: Body dopasowany do zawartości zakładki — zmierzone 126–330 przy panelu 126–624), zakładki jako osobne ciemne płyty, zamknięcie = żółte „DONE” pod panelem */ html.own-theme.own-k body:not(.touch) [data-n="Settings"] [data-n="Panel"] > [data-n="Body"] { height: 100% !important; } html.own-theme.own-k body:not(.touch) [data-n="Settings"] [data-n="Nav"] > [data-n$="Tab"]:not(.k-on) { background: #0b0d12 !important; box-shadow: none !important; } html.own-theme.own-k body:not(.touch) [data-n="Settings"] [data-n="Header"] > [data-n="Close"] { --ks: 14px; background: var(--k-stripe), var(--own-yellow) !important; border-radius: 0 !important; box-shadow: none !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); aspect-ratio: auto !important; width: 14.84vw !important; height: 7.64vh !important; } /* ui3: w jednostkach okna (190 × 55 przy 1280 × 720) — stałe px przy 1920 × 1080 dawały przycisk o 1/3 za mały względem panelu */ /* dane trzymają kwadrat 1:1 (zmierzone 46 × 46); K_P10: DONE 190 × 55 px (01.11; było 165 × 46) */ /* 01.11 K_P10: bez tytułu „SETTINGS” (makieta go nie ma, a panel stoi teraz od y 107 — tytuł 65–150 wchodziłby na zakładki), zakładki bez ikon, napis większy */ html.own-theme.own-k body:not(.touch) [data-n="Settings"] [data-n="Panel"] > [data-n="Header"] > [data-n="Title"] { display: none !important; } html.own-theme.own-k body:not(.touch) [data-n="Settings"] [data-n="Nav"] > [data-n$="Tab"] > [data-n="Icon"] { display: none !important; } html.own-theme.own-k body:not(.touch) [data-n="Settings"] [data-n="Nav"] > [data-n$="Tab"] { --ks: 14px; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k body:not(.touch) [data-n="Settings"] [data-n="Header"] > [data-n="Close"] > [data-n="Label"] { visibility: hidden; } html.own-theme.own-k body:not(.touch) [data-n="Settings"] [data-n="Header"] > [data-n="Close"]::before { content: "Done"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; color: #0b0d12; font: 800 italic 4.17vh/1 var(--own-font); text-transform: uppercase; /* K_P10: „DONE” wersaliki ~22 px */ } html.own-theme.own-k [data-n="SliderRow"] [data-n="Track"] > [data-n="Fill"] { background: var(--own-yellow) !important; border-radius: 0 !important; } html.own-theme.own-k [data-n="SliderRow"] [data-n="Track"] { border-radius: 0 !important; } html.own-theme.own-k [data-n$="Row"] > [data-n="Plate"] { box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .12) !important; border-radius: 0 !important; } /* cena / kup: żółty przycisk główny (K_P8: „500 OPEN”) */ html.own-theme.own-k [data-n="RS_PricePill"] { --ks: 6px; background: var(--own-yellow) !important; background-image: none !important; border-radius: 0 !important; box-shadow: none !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k [data-n="RS_PricePill"] .rblx-text { color: #0b0d12 !important; -webkit-text-fill-color: currentcolor !important; text-shadow: none; } /* 01.11 K_P8: liczba ceny leży NA żółtym pasku (K_LAYOUT: pasek przez całą szerokość dołu karty) — ciemna jak „500” w makiecie (była jasnożółta, nieczytelna na żółtym) */ html.own-theme.own-k :is([data-n="CaseCard"], [data-n="MythicCard"], [data-n="KillFXCard"]) > [data-n="Price"] { color: #0b0d12 !important; -webkit-text-fill-color: #0b0d12 !important; text-shadow: none !important; z-index: 6; } /* Szafka (locker_view.js, klasy lk-*, K_P8 lewa połowa): ciemne okno z żółtą kreską, zakładki ukośne (wybrana żółta), karty skórek z paskiem rzadkości u dołu, przycisk główny żółty */ html.own-theme.own-k .lk-root { background: rgba(5, 6, 9, .78); font-family: var(--own-font); font-style: italic; font-weight: 800; } html.own-theme.own-k .lk-root b, html.own-theme.own-k .lk-root h3 { font-weight: 800; } html.own-theme.own-k .lk-win { background: var(--k-panel-solid); border: 0; border-radius: 0; box-shadow: inset 0 -4px 0 var(--own-yellow); } html.own-theme.own-k :is(.lk-level, .lk-coins) { font-weight: 800; font-size: 1.8em; color: var(--own-yellow); text-shadow: var(--k-text-shadow); } /* 01.11 wg K_P8: nagłówek okna jak tytuł „LOCKER” — duże białe wersaliki z żółtą ukośną kreską pod spodem (było: żółty napis bez kreski); monety biel jak w K_P1 */ html.own-theme.own-k .lk-level { position: relative; color: #fff; font-size: 2.3em; line-height: 1; text-transform: uppercase; padding-bottom: .12em; } html.own-theme.own-k .lk-level::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 4px; background: var(--own-yellow); transform: skewX(-14deg); } html.own-theme.own-k .lk-coins { color: #fff; } html.own-theme.own-k :is(.lk-h2, .lk-h3, .lk-tname, .lk-rar) { font-weight: 800; text-transform: uppercase; text-shadow: var(--k-text-shadow); } html.own-theme.own-k .lk-h2 { font-size: 1.5em; color: #fff; } html.own-theme.own-k :is(.lk-h2 span, .lk-note, .lk-note2, .lk-xp, .lk-small, .lk-dim) { color: var(--own-muted); opacity: 1; font-weight: 600; } html.own-theme.own-k :is(.lk-card, .lk-tier, .lk-input) { background: #14171f; border: 0; border-radius: 0; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .12); } html.own-theme.own-k .lk-skin { --ks: 10px; border: 0; outline: 0; border-radius: 0; background: linear-gradient(160deg, color-mix(in srgb, var(--c) 55%, #14171f), #14171f 70%); box-shadow: inset 0 -5px 0 var(--c); clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k :is(.lk-skin.lk-eq, .lk-trow.lk-eq) { box-shadow: inset 0 0 0 3px var(--own-yellow), inset 0 -5px 0 var(--c); } html.own-theme.own-k .lk-ico { filter: drop-shadow(3px 3px 0 rgba(0, 0, 0, .55)); } /* K_P8 (szafka): rzadkość jako PASEK w kolorze rzadkości z ciemnym napisem na dole karty („EPIC” na fiolecie, „RARE” na niebieskim) — dane: sam kolorowy tekst */ html.own-theme.own-k .lk-skin .lk-rar { display: block; margin: .35em -.6em 0; padding: .15em .7em; text-align: left; background: var(--c); color: #0b0d12 !important; text-shadow: none; font-size: .78em; } html.own-theme.own-k .lk-skin.lk-off .lk-rar { background: color-mix(in srgb, var(--c) 55%, #14171f); } /* 01.11 wg K_P8: tło karty broni w kolorze SKÓRKI (--cs z locker_view.js; karty bez --cs zostają przy odcieniu rzadkości wyżej) dwutonowe po skosie jak „ARCTIC / BLOODLINE”, nazwa wersalikami od lewej nad paskiem rzadkości, bez osobnego paska koloru skórki (makieta go nie ma — kolor niesie tło; pasek efektów zabójstw lk-sw-k zostaje, to jego jedyna treść) */ html.own-theme.own-k .lk-skin[style*="--cs"] { background: linear-gradient(155deg, color-mix(in srgb, var(--cs) 58%, #14171f) 0 46%, color-mix(in srgb, var(--cs) 32%, #14171f) 46% 100%); } html.own-theme.own-k .lk-skin > b { display: block; align-self: stretch; text-align: left; text-transform: uppercase; color: #fff; font-size: 1.12em; line-height: 1.1; text-shadow: var(--k-text-shadow); margin-top: .35em; } html.own-theme.own-k .lk-skin[style*="--cs"] > .lk-sw { display: none; } /* K_P8 panel szczegółów broni: ciemna ukośna płyta, duża ikona, nazwa wielkimi literami, pasek rzadkości, cienki separator, paski statystyk BIAŁE w segmentach (makieta: 4 odcinki) */ html.own-theme.own-k .lk-skin.lk-sel { outline: 0; box-shadow: inset 0 0 0 3px var(--own-yellow), inset 0 -5px 0 var(--c); } html.own-theme.own-k .lk-wdet { --ks: 16px; background: linear-gradient(160deg, color-mix(in srgb, var(--c) 30%, #12151c), #0b0d12 60%); border-radius: 0; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); padding: 1.1em 1.4em; } html.own-theme.own-k .lk-wbig { height: 170px; filter: drop-shadow(4px 4px 0 rgba(0, 0, 0, .55)); } html.own-theme.own-k .lk-wname { font-size: 2em; line-height: 1; text-transform: uppercase; text-shadow: var(--k-text-shadow); } html.own-theme.own-k .lk-wrar { --ks: 6px; text-transform: uppercase; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); padding: .15em 1.6em .15em .8em; } html.own-theme.own-k .lk-wkind { color: var(--own-muted); font-weight: 600; text-transform: uppercase; } html.own-theme.own-k .lk-wbar { height: 10px; background: rgba(255, 255, 255, .14); transform: skewX(-14deg); } html.own-theme.own-k .lk-wbar > div { background: #fff; -webkit-mask: repeating-linear-gradient(90deg, #000 0 calc(25% - 3px), transparent calc(25% - 3px) 25%); mask: repeating-linear-gradient(90deg, #000 0 calc(25% - 3px), transparent calc(25% - 3px) 25%); } html.own-theme.own-k .lk-sw { border: 0; border-radius: 0; height: 14px; } html.own-theme.own-k .lk-t-claimed { background: #13301f; } html.own-theme.own-k .lk-t-ready { background: #1d4a2c; } html.own-theme.own-k .lk-t-current { background: #3a3200; box-shadow: inset 0 0 0 2px var(--own-yellow); } html.own-theme.own-k .lk-free-row { background: #14171f; border: 0; outline: 0; border-radius: 0; box-shadow: inset 4px 0 0 var(--own-green); } html.own-theme.own-k .lk-input { color: #fff; font: italic 800 16px var(--own-font); } html.own-theme.own-k .lk-bar { background: rgba(255, 255, 255, .14); border: 0; border-radius: 0; } html.own-theme.own-k .lk-fill { background: var(--own-yellow); border-radius: 0; } html.own-theme.own-k :is(.lk-fill.lk-ok, .lk-fill.lk-done) { background: var(--own-green); } html.own-theme.own-k .lk-fill.lk-sp { background: var(--own-violet); } html.own-theme.own-k .lk-root button { --ks: 7px; font: italic 800 15px/1.1 var(--own-font); text-transform: uppercase; padding: .5em 1.05em; border: 0; border-radius: 0; color: #fff; background: #222733; box-shadow: none; text-shadow: none; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k .lk-root .lk-tab.lk-on { background: var(--k-stripe), var(--own-yellow); color: #0b0d12; } html.own-theme.own-k .lk-root #lkClose { background: #0b0d12; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .8); } html.own-theme.own-k .lk-root :is(#lkClaim:not(:disabled), #lkFree, #lkRedeem) { background: var(--k-stripe), var(--own-yellow); color: #0b0d12; } html.own-theme.own-k .lk-root button:hover:not(:disabled) { filter: brightness(1.15); translate: 0 0; } html.own-theme.own-k .lk-root button:active:not(:disabled) { translate: 0 1px; } /* panel lobby online w karcie (lv-*) */ html.own-theme.own-k .lv-root { border-top: 1px solid var(--own-line); font-size: 15px; } html.own-theme.own-k .lv-root b { color: var(--own-yellow); } html.own-theme.own-k .lv-btn { --ks: 7px; font: italic 800 14px/1.1 var(--own-font); text-transform: uppercase; padding: .55em 1em; border: 0; border-radius: 0; background: #222733; box-shadow: none; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k .lv-inp { font: italic 800 15px var(--own-font); border: 0; border-radius: 0; background: #14171f; box-shadow: inset 0 -2px 0 rgba(255, 255, 255, .25); } html.own-theme.own-k .lv-invite { background: #14171f; border: 0; border-left: 4px solid var(--own-yellow); border-radius: 0; } /* ================= karta startowa / menu Esc (#card) i widoki HTML ================= */ html.own-theme.own-k #menu { background: rgba(5, 6, 9, .62); } html.own-theme.own-k #card { --ks: 22px; background: var(--k-panel-solid); border: 0; border-radius: 0; padding: 14px 34px 22px; box-shadow: inset 0 -4px 0 var(--own-yellow); clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); font-family: var(--own-font); font-style: italic; } html.own-theme.own-k #menuLogo { filter: drop-shadow(3px 3px 0 rgba(0, 0, 0, .8)); } html.own-theme.own-k #card select { font: italic 800 16px/1.1 var(--own-font); text-transform: uppercase; padding: 10px 34px 10px 14px; border-radius: 0; border: 0; box-shadow: inset 0 -2px 0 rgba(255, 255, 255, .25); text-shadow: none; color: #fff; background: #1a1e28 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1.5l6 6 6-6' fill='none' stroke='%23ffd400' stroke-width='2.5'/%3E%3C/svg%3E") right 12px center no-repeat; } html.own-theme.own-k #card button { --ks: 10px; font: italic 800 18px/1.1 var(--own-font); text-transform: uppercase; padding: 11px 18px; border-radius: 0; border: 0; color: #fff; background: #222733; box-shadow: none; text-shadow: none; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k #card :is(button#settingsBtn, button#lockerBtn, button#adBtn) { background: #222733; box-shadow: none; border: 0; color: #fff; } html.own-theme.own-k #card button#adBtn { box-shadow: inset 4px 0 0 var(--own-green); font-size: 15px; } html.own-theme.own-k #card button#play { --ks: 16px; font-size: 38px; padding: 10px 18px; color: #0b0d12; background: var(--k-stripe), var(--own-yellow); } html.own-theme.own-k #card button:hover:not(:disabled) { filter: brightness(1.15); translate: 0 0; } html.own-theme.own-k #card button:active:not(:disabled) { translate: 0 1px; box-shadow: none !important; } html.own-theme.own-k #status { color: var(--own-muted); font-size: 13px; text-transform: uppercase; } html.own-theme.own-k #msg { background: var(--k-panel); border: 0; border-left: 4px solid var(--own-yellow); border-radius: 0; box-shadow: none; font: italic 800 16px var(--own-font); text-transform: uppercase; } html.own-theme.own-k .own-card { background: var(--k-panel-solid) !important; border: 0 !important; border-radius: 0 !important; box-shadow: inset 0 -4px 0 var(--own-yellow) !important; font-family: var(--own-font); } html.own-theme.own-k .own-hbtn { --ks: 8px; font: italic 800 17px/1.1 var(--own-font) !important; text-transform: uppercase; padding: 10px 18px !important; border-radius: 0 !important; border: 0 !important; background: #222733 !important; color: #fff !important; box-shadow: none !important; clip-path: polygon(var(--ks) 0, 100% 0, calc(100% - var(--ks)) 100%, 0 100%); } html.own-theme.own-k .own-hbtn.own-go { background: var(--k-stripe), var(--own-yellow) !important; color: #0b0d12 !important; } html.own-theme.own-k .own-overlay { background: rgba(5, 6, 9, .86) !important; } html.own-theme.own-k .own-title { font: italic 800 30px var(--own-font) !important; color: #fff; text-transform: uppercase; text-shadow: var(--k-text-shadow); } html.own-theme.own-k .own-sub { color: var(--own-muted) !important; } html.own-theme.own-k .own-spin { border-color: #222733 !important; border-top-color: var(--own-yellow) !important; outline: 0; } html.own-theme.own-k :is(.own-banner, .own-chat, .own-prompt) { background: var(--k-panel) !important; border: 0 !important; border-left: 4px solid var(--own-yellow) !important; border-radius: 0 !important; box-shadow: none !important; font: italic 800 17px/1.3 var(--own-font) !important; text-transform: uppercase; } html.own-theme.own-k .own-prompt [data-k] { background: #0b0d12 !important; color: #fff !important; border: 1.5px solid #fff !important; border-radius: 0 !important; box-shadow: none !important; font: italic 800 18px var(--own-font) !important; } html.own-theme.own-k .own-feedrow:not(.own-feedrow-k) { background: var(--k-panel) !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } html.own-theme.own-k .own-toast { background: var(--k-panel-solid) !important; font: italic 800 20px var(--own-font) !important; text-transform: uppercase; border-radius: 0 !important; box-shadow: inset 0 -3px 0 var(--own-yellow) !important; } html.own-theme.own-k .own-pm { border-radius: 0 !important; } /* telefon: przycisk menu i prośba o obrót */ html.own-theme.own-k body.touch #touchMenu { border: 0; border-radius: 0; background: var(--k-panel); box-shadow: inset 0 -3px 0 var(--own-yellow); } html.own-theme.own-k #touchMenu i { background: #fff; box-shadow: none; border-radius: 0; height: 3px; } @media (orientation: portrait) { html.own-theme.own-k body.touch #rotate { background: #0b0d12; } html.own-theme.own-k #rotate i { border: 3px solid #fff; border-radius: 0; background: transparent; box-shadow: none; } html.own-theme.own-k #rotate p { font: italic 800 30px var(--own-font); text-transform: uppercase; text-shadow: var(--k-text-shadow); } } @media (max-height: 560px) { html.own-theme.own-k #card { padding: 8px 22px 12px; border: 0; } html.own-theme.own-k #card button#play { font-size: 30px; padding: 6px 12px; } html.own-theme.own-k #card select { font-size: 13px; padding: 6px 24px 6px 10px; } html.own-theme.own-k #card button { font-size: 15px; padding: 7px 10px; } } /* elementy, którym K nadaje kolor: widoki ustawiają inline -webkit-text-fill-color (wygrywa z `color`) — wypełnienie liter z koloru */ html.own-theme.own-k :is([data-n="Play"] [data-n="Label"], [data-n="Join"] > [data-n="Label"], [data-n="Scores"] > *, [data-n="KilledBy"] [data-n="KillerName"], [data-n="KillPopup"] [data-n="Plate"] > *, [data-n="Level"] > *, [data-n="Contracts"] [data-n="Header"], [data-n="Daily"] [data-n="Resets"]) { -webkit-text-fill-color: currentcolor !important; } /* odliczanie / komunikat rundy (Banner) i Match Point: biel bez konturu, twardy cień — liczba jak „3” w K_P5 */ html.own-theme.own-k [data-n="Round"] > :is([data-n="Banner"], [data-n="MatchPoint"], [data-n="RoundEnd"], [data-n="Results"]) .rblx-text { text-shadow: 3px 3px 0 rgba(0, 0, 0, .9); }