/* SWIAT 7.6 - wyglad retro (2026-10-21). Owner: "account maker powinien byc troche w innych kolorach, troche bardziej
   w strone retro, jezeli wchodzimy na 76, zeby rozroznic troche zabawe w 80 a 76".
   Wlacza sie klasa body.kr-w76 (index.php): ciasteczko kr_world = 76 z bramy albo strony swiata 7.6 (oldschool, swiat76).
   Paleta: pomaranczowo-miedziany braz (owner: "nie niebieski, dalej braz, ale bardziej pomaranczowo-brazowy") -- inny niz zloto 8.0.
   Ramki i przyciski to te same grafiki szablonu przemapowane na te palete (images/retro76, D:\letsots\tools\web_retro76_assets.py). */

body.kr.kr-w76 {
  --s0: #140b05; --s1: #1e1108; --s2: #29170b; --s3: #362010;
  --brass: #c8742e; --brass-hi: #ffd6a0; --brass-lo: #6a3a18;
  --head: #ffd6a0; --text: #f2e4d2; --muted: #ccb196; --dim: #937a62;
  --mint: #ffc98a;
  --display: Verdana, Geneva, Tahoma, sans-serif;
  --okl-ink: #f2e4d2; --okl-ink-soft: #ccb196;
  --okl-row-a: #29170b; --okl-row-b: #26160b; --okl-row-hi: #43260f;
  --okl-head-1: #7a3f17; --okl-head-2: #45230d; --okl-head-ink: #ffd6a0;
  --okl-line: #6a3a18; --okl-line-soft: #43260f;
  --okl-gold: #ffd6a0; --okl-gold-lite: #e89a4a;
}
html.kr-html:has(body.kr-w76) { background: #140b05; }
body.kr.kr-w76 ::selection { background: #e89a4a; color: #1e1108; }

/* tlo: te same sceny, ale chlodne i przygaszone jak stary ekran */
body.kr-w76 .kr-bg { background: #140b05; }
body.kr-w76 .kr-scene { filter: sepia(.55) hue-rotate(-14deg) saturate(1.25) brightness(.44); }
body.kr-w76.kr-is-inner .kr-scene { filter: sepia(.55) hue-rotate(-14deg) saturate(1.1) brightness(.3); }
body.kr-w76 .kr-bg::after { content: ''; position: absolute; inset: 0; pointer-events: none;
  background: repeating-linear-gradient(0deg, rgba(0, 0, 0, .18) 0 1px, transparent 1px 3px); }

/* ramki z gry -> retro */
body.kr-w76 .kr-card, body.kr-w76 .kr-stat, body.kr-w76 .kr-drop, body.kr-w76 .kr-door, body.kr-w76 .kr-welcome-box, body.kr-w76 .kr-wbody .TableContainer { border-image-source: url('../images/retro76/panel.png'); }
body.kr-w76 .kr-window { border-image-source: url('../images/retro76/window.png'); }
body.kr-w76 .kr-card-h, body.kr-w76 .kr-wbody .CaptionContainer, body.kr-w76 .kr-wbody .NewsHeadlineBackground { border-image-source: url('../images/retro76/header.png'); }
body.kr-w76 .kr-ticker { border-image-source: url('../images/retro76/inset.png'); }
body.kr-w76 .kr-orn, body.kr-w76 .kr-wbody hr { background-image: url('../images/retro76/divider.png'); }
body.kr-w76 .kr-foot-orn { background-image: url('../images/retro76/ornament.png'); }
body.kr-w76 .kr-btn, body.kr-w76 .kr-welcome-l { border-image-source: url('../images/retro76/btn_stone_n.png'); color: #f2e4d2; }
body.kr-w76 .kr-btn:hover, body.kr-w76 .kr-welcome-l:hover { border-image-source: url('../images/retro76/btn_stone_h.png'); filter: drop-shadow(0 4px 8px rgba(255, 180, 92, .22)); }
body.kr-w76 .kr-btn:active, body.kr-w76 .kr-welcome-l:active { border-image-source: url('../images/retro76/btn_stone_p.png'); }
body.kr-w76 .kr-btn-gold, body.kr-w76.kr .kr-wbody input[type=submit], body.kr-w76 .kr-welcome-l.on { border-image-source: url('../images/retro76/btn_gold_n.png'); color: #22170c; text-shadow: none; }
body.kr-w76 .kr-btn-gold:hover, body.kr-w76.kr .kr-wbody input[type=submit]:hover { border-image-source: url('../images/retro76/btn_gold_h.png'); color: #000; filter: drop-shadow(0 4px 12px rgba(255, 180, 92, .4)); }
body.kr-w76 .kr-btn-gold:active, body.kr-w76.kr .kr-wbody input[type=submit]:active { border-image-source: url('../images/retro76/btn_gold_p.png'); }

/* pasek gorny */
body.kr-w76 .kr-top { background: linear-gradient(rgba(46, 24, 10, .97), rgba(22, 12, 5, .97)); border-bottom-color: #43260f;
  box-shadow: 0 1px 0 rgba(200, 116, 46, .55), 0 10px 26px rgba(0, 0, 0, .55); }
body.kr-w76 .kr-live, body.kr-w76 .kr-burger, body.kr-w76 .kr-hero-down, body.kr-w76 .kr-voc, body.kr-w76 .kr-livebar .kr-chip { border-color: #6a3a18; }
body.kr-w76 .kr-live em { background: #6a3a18; }
body.kr-w76 .kr-card-more, body.kr-w76 .kr-mini, body.kr-w76 .kr-nav-acc, body.kr-w76 .kr-nav-g { border-color: #43260f; }
body.kr-w76 .kr-lang-drop a:hover { background: rgba(200, 116, 46, .16); color: #ffd6a0; }
body.kr-w76 .kr-lang-drop a.on { color: #ffd6a0; }

/* tytuly: pergamin zamiast zlota, bez polysku */
body.kr-w76 .kr-hero-title span { background: linear-gradient(180deg, #fff4e6 0%, #ffd6a0 40%, #c8742e 75%, #7a3f17 100%); -webkit-background-clip: text; background-clip: text; }
body.kr-w76 .kr-hero-title, body.kr-w76 .kr-wtitle h1 { letter-spacing: 1px; }
body.kr-w76 .kr-wtitle h1 { text-shadow: 0 2px 0 #000; }

/* tresc: linki jak na starej stronie (jasny niebieski na granacie), pola formularzy */
body.kr-w76 .kr-wbody a:not([class]) { color: #ffb45c; }
body.kr-w76 .kr-wbody a:not([class]):hover { color: #ffffff; text-shadow: 0 0 8px rgba(255, 180, 92, .45); }
body.kr-w76 .kr-wbody input[type=text], body.kr-w76 .kr-wbody input[type=password], body.kr-w76 .kr-wbody input[type=email],
body.kr-w76 .kr-wbody select, body.kr-w76 .kr-wbody textarea, body.kr-w76 .kr-wbody code { background: #0f0804; border-color: #6a3a18; color: #f2e4d2; }
body.kr-w76 .kr-wbody table.TableContent { border-color: #43260f !important; }
body.kr-w76 table.oks-list tr.oks-row td { border-top-color: rgba(106, 58, 24, .45); }

/* znacznik swiata na pasku (index.php: .kr-wsw) */
.kr-wsw { display: inline-flex; align-items: center; gap: 0; border: 1px solid #4a3c1f; border-radius: 4px; overflow: hidden; font: bold 11px/1 Verdana, Geneva, sans-serif; }
.kr-wsw a { padding: 6px 8px; color: var(--muted); text-decoration: none; }
.kr-wsw a.on { background: rgba(201, 153, 47, .2); color: #ffd257; }
body.kr-w76 .kr-wsw { border-color: #6a3a18; }
body.kr-w76 .kr-wsw a.on { background: rgba(232, 154, 74, .2); color: #ffd6a0; }
.kr-wsw a:hover { color: #fff; }
@media (max-width: 480px) { .kr-wsw { display: none; } }

/* licznik online: 8.0 zielona kropka, 7.6 pergaminowo-pomaranczowa */
.kr-live .kr-wl, .kr-online-m .kr-wl { font: bold 10px/1 Verdana, Geneva, sans-serif; color: var(--dim); margin-right: -2px; }
.kr-dot.kr-dot76 { background: #ffb052; box-shadow: 0 0 0 0 rgba(255, 176, 82, .7); animation-name: krBeat76; }
@keyframes krBeat76 { 0% { box-shadow: 0 0 0 0 rgba(255, 176, 82, .7); } 70% { box-shadow: 0 0 0 7px rgba(255, 176, 82, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 176, 82, 0); } }
.kr-live.off .kr-dot.kr-dot76 { background: #ffb052; animation: krBeat76 1.8s ease-out infinite; }
.kr-live .kr-live-76.off .kr-dot76 { background: #6a4a2a; animation: none; }
.kr-stat .kr-n76 { display: block; margin-top: 3px; font: bold 11px/1.3 Verdana, Geneva, sans-serif; color: #ffcf8f; letter-spacing: 0; text-transform: none; }
.kr-stat .kr-n76 .kr-dot { width: 7px; height: 7px; margin-right: 5px; }
.kr-online-m.kr-online-m76 { border-color: #8a5a22 !important; color: #ffcf8f !important; }

/* pasek swiata 7.6 nad trescia (2026-10-22 v2): pieczec, kafle z ikonami, zloty przycisk, przelacznik 7.6 | 8.0 */
.kr-w76bar { position: relative; z-index: 2; max-width: 1360px; margin: 12px auto 0; padding: 0 16px; }
.kr-w76in { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border: 1px solid #7a4518; border-radius: 10px;
  background: radial-gradient(ellipse at 0% 0%, rgba(232, 154, 74, .22), transparent 55%), linear-gradient(180deg, #3a210d, #1f1208);
  box-shadow: inset 0 1px 0 rgba(255, 214, 160, .14), 0 6px 18px rgba(0, 0, 0, .35); color: #f2e4d2; }
.kr-w76brand { display: flex; align-items: center; gap: 10px; text-decoration: none; color: inherit; flex: 0 0 auto; }
.kr-w76seal { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; font: bold 15px/1 Georgia, serif; color: #2a1606;
  background: radial-gradient(circle at 35% 30%, #ffe2a8, #e0913c 55%, #9a5418); box-shadow: 0 0 0 2px #2a1606, 0 0 0 3px #c8742e, 0 0 14px rgba(255, 170, 80, .45);
  text-shadow: 0 1px 0 rgba(255, 240, 210, .6); }
.kr-w76name { display: flex; flex-direction: column; line-height: 1.15; }
.kr-w76name b { font: bold 15px Georgia, serif; letter-spacing: .14em; text-transform: uppercase; color: #ffd6a0; }
.kr-w76name small { display: flex; align-items: center; gap: 6px; margin-top: 3px; font-size: 12px; color: #d9c4a8; }
.kr-w76name em { font-style: normal; font-weight: bold; color: #ffcf8f; }
.kr-w76name .kr-dot { width: 7px; height: 7px; margin: 0; }
.kr-w76nav { display: flex; gap: 6px; flex: 1 1 auto; min-width: 0; overflow-x: auto; scrollbar-width: none; padding: 2px; }
.kr-w76nav::-webkit-scrollbar { display: none; }
.kr-w76t { display: flex; align-items: center; gap: 7px; flex: 0 0 auto; padding: 8px 11px; border-radius: 8px; border: 1px solid rgba(200, 116, 46, .35);
  background: rgba(0, 0, 0, .28); color: #f0d8b8; font: bold 12.5px Verdana, Geneva, sans-serif; text-decoration: none; white-space: nowrap;
  transition: background .18s, border-color .18s, color .18s, transform .18s; }
.kr-w76t svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; color: #e89a4a; flex: 0 0 auto; }
.kr-w76t:hover { color: #fff; border-color: #e89a4a; background: rgba(232, 154, 74, .16); transform: translateY(-1px); }
.kr-w76t:hover svg { color: #ffd6a0; }
.kr-w76t.on { color: #fff; border-color: #ffb45c; background: rgba(255, 180, 92, .2); box-shadow: inset 0 -2px 0 #ffb45c; }
.kr-w76t.hot { border-color: #c8922e; background: linear-gradient(180deg, rgba(255, 216, 119, .2), rgba(200, 146, 46, .12)); color: #ffe7b0; }
.kr-w76t.hot svg { color: #ffd877; animation: krW76Spark 2.6s ease-in-out infinite; }
@keyframes krW76Spark { 0%, 100% { transform: rotate(0) scale(1); } 50% { transform: rotate(18deg) scale(1.15); } }
.kr-w76cta { flex: 0 0 auto; padding: 10px 16px; border-radius: 8px; font: bold 13px Verdana, Geneva, sans-serif; color: #1a1008; text-decoration: none;
  background: linear-gradient(#ffe08e, #c8922e); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 2px 8px rgba(0, 0, 0, .35); white-space: nowrap; }
.kr-w76cta:hover { background: linear-gradient(#fff0b8, #dca23a); color: #000; }
.kr-w76sw { display: flex; flex: 0 0 auto; padding: 3px; border-radius: 8px; background: rgba(0, 0, 0, .45); border: 1px solid #4a2a10; }
.kr-w76sw span, .kr-w76sw a { padding: 6px 10px; border-radius: 6px; font: bold 12px Verdana, Geneva, sans-serif; text-decoration: none; }
.kr-w76sw span.on { color: #2a1606; background: linear-gradient(#ffd6a0, #c8742e); }
.kr-w76sw a { color: #c9b089; }
.kr-w76sw a:hover { color: #ffd257; background: rgba(201, 153, 47, .18); }
@media (max-width: 1100px) { .kr-w76in { flex-wrap: wrap; } .kr-w76nav { order: 5; flex-basis: 100%; } .kr-w76cta { margin-left: auto; } }
@media (max-width: 640px) {
  .kr-w76bar { padding: 0 10px; }
  .kr-w76in { gap: 6px; padding: 8px; }
  .kr-w76brand { gap: 7px; }
  .kr-w76seal { width: 38px; height: 38px; font-size: 13px; }
  .kr-w76name b { display: none; }
  .kr-w76name small { margin-top: 0; }
  .kr-w76cta { padding: 8px 10px; font-size: 12px; }
  .kr-w76t { padding: 7px 9px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { .kr-w76t.hot svg { animation: none; } .kr-w76t { transition: none; } }
@media (prefers-reduced-motion: reduce) { .kr-dot.kr-dot76 { animation: none; } }

/* waski pasek: podpisy licznikow znikaja (krolestwo.css), wiec goly licznik castow obok dwoch swiatow mylil -- chowamy go */
@media (max-width: 1320px) { .kr-live .kr-live-76 + em, .kr-live #krLiveCasts { display: none !important; } }

/* przelacznik swiata w oknie podstron z danymi swiata (online, ranking, postacie...) -- 2026-10-21 */
.kr-wtabs { display: flex; gap: 6px; margin: -6px 0 12px; flex-wrap: wrap; }
.kr-wtabs a { flex: 1 1 160px; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 9px 12px;
  border: 1px solid #4a3c1f; background: rgba(0, 0, 0, .35); color: var(--muted); text-decoration: none; font: bold 13px Verdana, Geneva, sans-serif; }
.kr-wtabs a b { margin-left: 4px; padding: 1px 7px; border-radius: 9px; background: rgba(0, 0, 0, .45); color: var(--head); font-size: 12px; }
.kr-wtabs a:hover { color: #fff; border-color: var(--brass); }
.kr-wtabs a.on.w80 { color: #ffd257; border-color: #c9992f; background: rgba(201, 153, 47, .16); }
.kr-wtabs a.on.w76 { color: #ffd6a0; border-color: #c8742e; background: rgba(200, 116, 46, .2); }
.kr-wtabs a.on.wboth { color: #fff; border-color: #e8c07a; background: linear-gradient(90deg, rgba(201, 153, 47, .18), rgba(200, 116, 46, .22)); }
.kr-wsw.kr-wsw-m { display: inline-flex !important; }
.kr-wsw.kr-wsw-m a { padding: 8px 12px; font-size: 13px; }

/* ============================================================================================================
   LAST WOODEN OTS (2026-10-22). Owner: "zmien styl accmakera na wooden i nazwe old school na Last Wooden OTS".
   Drewno zamiast przemalowanego kamienia: grafiki images/wood76 (D:\letsots\tools\web_wood76_assets.py) -- rama z
   ciemnej belki z gwozdziami, w srodku przyciemnione deski pod tekst, przyciski-deski, mosiezne okucia na waznych.
   Nadpisuje zrodla i ciecie ramek; grubosci (border-width / border-image-width) zostaja z krolestwo.css.
   ============================================================================================================ */
body.kr.kr-w76 {
  --s0: #150c06; --s1: #22140a; --s2: #2e1b0e; --s3: #3d2513;
  --brass: #c89048; --brass-hi: #f6dcae; --brass-lo: #5a3a1e;
  --head: #f6dcae; --text: #f3e6cf; --muted: #d6bb94; --dim: #a08562;
  --mint: #f0c27a;
  --okl-ink: #f3e6cf; --okl-ink-soft: #d6bb94;
  --okl-row-a: #2e1b0e; --okl-row-b: #27170b; --okl-row-hi: #4a2e17;
  --okl-head-1: #5a3a1e; --okl-head-2: #3a2312; --okl-head-ink: #f6dcae;
  --okl-line: #5a3a1e; --okl-line-soft: #3d2513;
  --okl-gold: #f6dcae; --okl-gold-lite: #e0a85c;
}
html.kr-html:has(body.kr-w76) { background: #150c06; }

/* tlo: sciana z ciemnych desek, scena z gry tylko przeswituje */
body.kr-w76 .kr-bg { background: #150c06 url('../images/wood76/planks_bg.png?v=2') repeat; background-size: 256px 256px; }
body.kr-w76 .kr-scene, body.kr-w76.kr-is-inner .kr-scene { filter: sepia(.7) saturate(.9) brightness(.42); opacity: .28; mix-blend-mode: luminosity; }
body.kr-w76 .kr-bg::after { background: radial-gradient(ellipse at 50% 30%, transparent 35%, rgba(8, 4, 1, .75) 100%); }

/* ramki */
body.kr-w76 .kr-card, body.kr-w76 .kr-stat, body.kr-w76 .kr-drop, body.kr-w76 .kr-door, body.kr-w76 .kr-welcome-box,
body.kr-w76 .kr-wbody .TableContainer { border-image-source: url('../images/wood76/panel.png?v=2'); border-image-slice: 12 fill; border-image-repeat: round; image-rendering: auto; }
body.kr-w76 .kr-window { border-image-source: url('../images/wood76/window.png?v=2'); border-image-slice: 40 12 12 12 fill; border-image-repeat: round; image-rendering: auto; }
body.kr-w76 .kr-card-h, body.kr-w76 .kr-wbody .CaptionContainer, body.kr-w76 .kr-wbody .NewsHeadlineBackground { border-image-source: url('../images/wood76/header.png?v=2'); border-image-slice: 10 fill; image-rendering: auto; }
body.kr-w76 .kr-ticker { border-image-source: url('../images/wood76/inset.png?v=2'); border-image-slice: 12 fill; }
body.kr-w76 .kr-orn, body.kr-w76 .kr-wbody hr { background: url('../images/wood76/divider.png?v=2') center / 160px 10px repeat-x; opacity: 1; }
body.kr-w76 .kr-foot-orn { background: url('../images/wood76/ornament.png?v=2') center / 420px 28px no-repeat; opacity: .9; }

/* przyciski: deska; wazne -- jasne drewno z mosieznymi okuciami */
body.kr-w76 .kr-btn, body.kr-w76 .kr-welcome-l { border-image-source: url('../images/wood76/btn_wood_n.png?v=2'); border-image-slice: 10 fill; color: #f6e8cc; text-shadow: 0 1px 0 #000; }
body.kr-w76 .kr-btn:hover, body.kr-w76 .kr-welcome-l:hover { border-image-source: url('../images/wood76/btn_wood_h.png?v=2'); filter: drop-shadow(0 4px 8px rgba(240, 194, 122, .22)); }
body.kr-w76 .kr-btn:active, body.kr-w76 .kr-welcome-l:active { border-image-source: url('../images/wood76/btn_wood_p.png?v=2'); }
body.kr-w76 .kr-btn-gold, body.kr-w76.kr .kr-wbody input[type=submit], body.kr-w76 .kr-welcome-l.on { border-image-source: url('../images/wood76/btn_brass_n.png?v=2'); border-image-slice: 10 fill; color: #1e1006; text-shadow: 0 1px 0 rgba(255, 236, 200, .4); }
body.kr-w76 .kr-btn-gold:hover, body.kr-w76.kr .kr-wbody input[type=submit]:hover { border-image-source: url('../images/wood76/btn_brass_h.png?v=2'); color: #000; filter: drop-shadow(0 4px 12px rgba(240, 194, 122, .4)); }
body.kr-w76 .kr-btn-gold:active, body.kr-w76.kr .kr-wbody input[type=submit]:active { border-image-source: url('../images/wood76/btn_brass_p.png?v=2'); }

/* pasek gorny: belka */
body.kr-w76 .kr-top { background: linear-gradient(rgba(21, 12, 6, .55), rgba(21, 12, 6, .7)), url('../images/wood76/planks_bg.png?v=2') 0 0 / 256px 256px;
  border-bottom: 2px solid #5a3a1e; box-shadow: 0 1px 0 rgba(240, 194, 122, .35), 0 10px 26px rgba(0, 0, 0, .6); }
body.kr-w76 .kr-live, body.kr-w76 .kr-burger, body.kr-w76 .kr-hero-down, body.kr-w76 .kr-voc, body.kr-w76 .kr-livebar .kr-chip { border-color: #5a3a1e; }
body.kr-w76 .kr-hero-title span { background: linear-gradient(180deg, #fff6e4 0%, #f6dcae 40%, #c89048 78%, #6a4220 100%); -webkit-background-clip: text; background-clip: text; }
body.kr-w76 .kr-wbody a:not([class]) { color: #f0c27a; }
body.kr-w76 .kr-wbody input[type=text], body.kr-w76 .kr-wbody input[type=password], body.kr-w76 .kr-wbody input[type=email],
body.kr-w76 .kr-wbody select, body.kr-w76 .kr-wbody textarea, body.kr-w76 .kr-wbody code { background: #120a04; border-color: #5a3a1e; color: #f3e6cf; }

/* pasek swiata: deska w ramie z gwozdziami, pieczec jak wypalony krazek drewna */
body.kr-w76 .kr-w76in, .kr-w76in { border: 12px solid transparent; border-radius: 0; padding: 2px 4px; background: none;
  border-image: url('../images/wood76/panel.png?v=2') 12 fill / 12px / 0 round; box-shadow: 0 8px 20px rgba(0, 0, 0, .45); }
.kr-w76seal { color: #f6dcae; text-shadow: 0 1px 0 #000;
  background: radial-gradient(circle at 50% 50%, #7a4c26 0 30%, #5c3818 31% 46%, #7a4c26 47% 62%, #4a2c12 63% 100%);
  box-shadow: 0 0 0 2px #241307, 0 0 0 3px #c89048, 0 2px 8px rgba(0, 0, 0, .5); }
.kr-w76name b { color: #f6dcae; letter-spacing: .06em; text-transform: none; font-size: 15px; }
.kr-w76t { border-color: rgba(200, 144, 72, .35); background: rgba(14, 7, 2, .45); color: #f0dcbc; }
.kr-w76t svg { color: #e0a85c; }
.kr-w76t:hover { border-color: #e0a85c; background: rgba(224, 168, 92, .16); }
.kr-w76t.on { border-color: #f0c27a; box-shadow: inset 0 -2px 0 #f0c27a; background: rgba(240, 194, 122, .16); }
.kr-w76t.hot { border-color: #c89048; background: linear-gradient(180deg, rgba(246, 220, 174, .18), rgba(200, 144, 72, .1)); color: #fff0d0; }
.kr-w76cta { border: 10px solid transparent; padding: 0 6px; border-radius: 0; background: none; box-shadow: none; line-height: 22px;
  border-image: url('../images/wood76/btn_brass_n.png?v=2') 10 fill / 10px / 0 stretch; color: #1e1006; }
.kr-w76cta:hover { border-image-source: url('../images/wood76/btn_brass_h.png?v=2'); background: none; }
.kr-w76sw { background: rgba(14, 7, 2, .55); border-color: #5a3a1e; }
.kr-w76sw span.on { background: linear-gradient(#f6dcae, #c89048); color: #1e1006; }

/* strony swiata 7.6 (oldschool, co76, home76): karty i sekcje jako deski w ramie */
body.kr-w76 .os-hero, body.kr-w76 .os-sec, body.kr-w76 .os-col, body.kr-w76 .c76-card, body.kr-w76 .c76-end {
  border: 12px solid transparent; border-radius: 0; background: none; border-image: url('../images/wood76/panel.png?v=2') 12 fill / 12px / 0 round; }
body.kr-w76 .os-hero { border-image-source: url('../images/wood76/window.png?v=2'); border-image-slice: 40 12 12 12 fill; border-width: 30px 12px 12px; }
body.kr-w76 .c76-card:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0, 0, 0, .45); }
body.kr-w76 .c76-icons span { background: radial-gradient(circle at 50% 40%, #4a2e17, #1a0e06); border-color: #6a4422; border-radius: 4px; }
body.kr-w76 .c76-where { border-color: #6a4422; background: rgba(10, 5, 1, .5); color: #f0c27a; }
body.kr-w76 .os-btn, body.kr-w76 .c76-jump a { border-radius: 2px; }