/* linework.app — tema Pink (ottobre 2026), come news.linework.app e docs.linework.app.
   Tre temi dal selettore in alto (localStorage lw-site-theme): Pink (predefinito per tutti),
   Chiaro (crema Brand 2026), Scuro. Il sito NON segue prefers-color-scheme.
   Classi e variabili con prefisso pk- / --pk-: il file si carica anche su /vlwk, che ha il suo CSS storico.
   Contrasto AA: testo piccolo in prugna o --pk-muted (mai il fucsia su cipria), testo bianco sul fucsia,
   occhielli in fucsia scuro (#A1005A). Titoli in Anton, adesivi con bordo e ombra piena prugna. */
:root, :root[data-theme="pink"] {
  --pk-bg: #FFE9F3; --pk-surface: #FFF3F8; --pk-surface-2: #FFD7EA;
  --pk-text: #2B0A2F; --pk-muted: #7A5A7E; --pk-kicker: #A1005A;
  --pk-plum: #2B0A2F;          /* testo e bordi degli adesivi (colori chiari fissi) */
  --pk-paper: #FFF3F8;         /* fondo chiaro fisso degli adesivi */
  --pk-accent: #E6007E; --pk-on-accent: #FFFFFF; --pk-hi: #CDB4FF;
  --pk-edge: #2B0A2F; --pk-line: rgba(43,10,47,.14);
  --pk-shadow: 5px 5px 0 var(--pk-edge); --pk-shadow-sm: 3px 3px 0 var(--pk-edge);
  --pk-top-bg: linear-gradient(90deg, #FFE0EF 0%, #FFE9F3 45%, #EBDDFF 100%);
  --pk-top-fg: #2B0A2F; --pk-top-line: #2B0A2F; --pk-top-pill: rgba(43,10,47,.28); --pk-top-hover: #A1005A;
  --pk-hero-bg: radial-gradient(120% 140% at 0% 0%, #FFD7EA 0%, #FFE9F3 46%, #E9DCFF 100%);
  --pk-feature-bg: linear-gradient(135deg, #CDB4FF 0%, #E3D3FF 55%, #FFD7EA 100%);
  --pk-band-bg: #3A0F40; --pk-band-fg: #FFE9F3; --pk-band-muted: #EBD3EA; --pk-band-hi: #CDB4FF;
  --pk-foot-bg: #FFD7EA; --pk-foot-fg: #2B0A2F; --pk-foot-muted: #5E3F62; --pk-foot-line: #2B0A2F;
  --pk-top: 64px;
  color-scheme: light;
}
:root[data-theme="light"] {
  --pk-bg: #F5F0E8; --pk-surface: #FFFDF8; --pk-surface-2: #EDE6DA;
  --pk-text: #0B0B0B; --pk-muted: #5E584F; --pk-kicker: #B80019;
  --pk-plum: #0B0B0B; --pk-paper: #F5F0E8;
  --pk-accent: #DC001E; --pk-on-accent: #FFFFFF; --pk-hi: #FABE00;
  --pk-edge: #0B0B0B; --pk-line: #D9D0C2;
  --pk-shadow: 5px 5px 0 var(--pk-edge); --pk-shadow-sm: 3px 3px 0 var(--pk-edge);
  --pk-top-bg: #0B0B0B; --pk-top-fg: #F5F0E8; --pk-top-line: #FABE00; --pk-top-pill: rgba(245,240,232,.25); --pk-top-hover: #FABE00;
  --pk-hero-bg: linear-gradient(135deg, #F5F0E8 0%, #FFF4D6 100%);
  --pk-feature-bg: #FABE00;
  --pk-band-bg: #0B0B0B; --pk-band-fg: #F5F0E8; --pk-band-muted: #CFC7BA; --pk-band-hi: #FABE00;
  --pk-foot-bg: #0B0B0B; --pk-foot-fg: #F5F0E8; --pk-foot-muted: #CFC7BA; --pk-foot-line: #FABE00;
  color-scheme: light;
}
:root[data-theme="dark"] {
  --pk-bg: #0B0B0B; --pk-surface: #151412; --pk-surface-2: #1E1C19;
  --pk-text: #F5F0E8; --pk-muted: #A9A196; --pk-kicker: #FABE00;
  --pk-plum: #0B0B0B; --pk-paper: #F5F0E8;
  --pk-accent: #DC001E; --pk-on-accent: #FFFFFF; --pk-hi: #FABE00;
  --pk-edge: #F5F0E8; --pk-line: #2C2925;
  --pk-shadow: 5px 5px 0 #DC001E; --pk-shadow-sm: 3px 3px 0 #DC001E;
  --pk-top-bg: #0B0B0B; --pk-top-fg: #F5F0E8; --pk-top-line: #FABE00; --pk-top-pill: rgba(245,240,232,.25); --pk-top-hover: #FABE00;
  --pk-hero-bg: radial-gradient(120% 140% at 0% 0%, #2A0F1C 0%, #0B0B0B 55%, #1A1530 100%);
  --pk-feature-bg: #FABE00;
  --pk-band-bg: #151412; --pk-band-fg: #F5F0E8; --pk-band-muted: #CFC7BA; --pk-band-hi: #FABE00;
  --pk-foot-bg: #0B0B0B; --pk-foot-fg: #F5F0E8; --pk-foot-muted: #CFC7BA; --pk-foot-line: #FABE00;
  color-scheme: dark;
}

/* ---------- base (solo le pagine col tema: body.pk) ---------- */
html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--pk-top) + 16px); }
body.pk { margin: 0; background: var(--pk-bg); color: var(--pk-text); font: 16px/1.6 Inter, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; overflow-x: hidden; }
body.pk *, body.pk *::before, body.pk *::after { box-sizing: border-box; }
body.pk img { max-width: 100%; height: auto; }
body.pk :focus-visible { outline: 3px solid var(--pk-accent); outline-offset: 2px; }
.pk-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.pk-skip { position: absolute; left: -999px; top: 8px; z-index: 2000; background: var(--pk-hi); color: var(--pk-plum); padding: 8px 12px; font-weight: 700; }
.pk-skip:focus { left: 8px; }
.pk-wrap { max-width: 1180px; margin: 0 auto; padding: 0 16px; }
@media (min-width: 720px) { .pk-wrap { padding: 0 28px; } }

/* ---------- barra in alto ---------- */
.pk-top { position: sticky; top: 0; z-index: 1100; height: var(--pk-top); display: flex; align-items: center; gap: 10px; padding: 0 16px; background: var(--pk-top-bg); color: var(--pk-top-fg); border-bottom: 3px solid var(--pk-top-line); font-family: Inter, system-ui, sans-serif; }
.pk-brand { display: flex; align-items: center; gap: 10px; color: var(--pk-top-fg); text-decoration: none; white-space: nowrap; min-width: 0; }
.pk-brand img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; border: 2px solid var(--pk-top-fg); }
.pk-brand span { font-family: Anton, Oswald, Impact, sans-serif; font-size: 22px; letter-spacing: .5px; text-transform: uppercase; }
.pk-links { display: flex; gap: 4px; margin-left: auto; align-items: center; }
.pk-links a { color: var(--pk-top-fg); text-decoration: none; font: 600 12px/1 "JetBrains Mono", monospace; letter-spacing: 1px; text-transform: uppercase; padding: 9px 11px; border-radius: 999px; white-space: nowrap; }
.pk-links a:hover { color: var(--pk-top-hover); }
.pk-links a[aria-current="page"] { background: var(--pk-top-fg); color: var(--pk-bg); }
:root[data-theme="light"] .pk-links a[aria-current="page"], :root[data-theme="dark"] .pk-links a[aria-current="page"] { background: #FABE00; color: #0B0B0B; }
.pk-links a.pk-webapp { background: var(--pk-accent); color: var(--pk-on-accent); border: 2px solid var(--pk-plum); box-shadow: 2px 2px 0 var(--pk-plum); margin-left: 4px; }
:root[data-theme="light"] .pk-links a.pk-webapp, :root[data-theme="dark"] .pk-links a.pk-webapp { border-color: #F5F0E8; box-shadow: none; }
.pk-links a.pk-webapp:hover { color: var(--pk-on-accent); transform: translate(-1px,-1px); }
.pk-menu { position: relative; flex: 0 0 auto; }
.pk-menu summary { list-style: none; display: flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px; border: 1px solid var(--pk-top-pill); border-radius: 999px; cursor: pointer; color: var(--pk-top-fg); font: 600 12px "JetBrains Mono", monospace; letter-spacing: 1px; user-select: none; }
.pk-menu.pk-theme summary { width: 36px; padding: 0; justify-content: center; }
.pk-menu summary::-webkit-details-marker { display: none; }
.pk-menu summary:hover, .pk-menu[open] summary { border-color: var(--pk-top-hover); color: var(--pk-top-hover); }
.pk-menu ul { position: absolute; right: 0; top: calc(100% + 8px); z-index: 40; list-style: none; margin: 0; padding: 6px; min-width: 170px; background: var(--pk-surface); border: 2px solid var(--pk-edge); border-radius: 12px; box-shadow: var(--pk-shadow); }
.pk-menu ul a, .pk-menu ul button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 7px 10px; border: 0; border-radius: 8px; background: none; color: var(--pk-text); text-decoration: none; text-align: left; cursor: pointer; font: 500 15px/1.4 Inter, "Noto Sans Devanagari", "PingFang SC", "Noto Sans SC", system-ui, sans-serif; }
.pk-menu ul a:hover, .pk-menu ul button:hover { background: var(--pk-surface-2); }
.pk-menu ul a[aria-current="true"], .pk-menu ul button[aria-pressed="true"] { background: var(--pk-hi); color: var(--pk-plum); font-weight: 600; }
.pk-swatch { width: 18px; height: 18px; border-radius: 50%; border: 2px solid currentColor; flex: 0 0 auto; }
.pk-swatch-pink { background: linear-gradient(135deg, #FFE9F3 50%, #E6007E 50%); }
.pk-swatch-light { background: linear-gradient(135deg, #F5F0E8 50%, #DC001E 50%); }
.pk-swatch-dark { background: linear-gradient(135deg, #0B0B0B 50%, #FABE00 50%); }
@media (max-width: 900px) { .pk-links a.pk-opt { display: none; } }
@media (max-width: 560px) {
  .pk-top { gap: 6px; padding: 0 10px; }
  .pk-brand img { width: 30px; height: 30px; }
  .pk-brand span { display: none; }
  .pk-links a { padding: 8px 8px; font-size: 11px; letter-spacing: .5px; }
  .pk-menu summary { padding: 0 9px; }
  .pk-menu summary svg.pk-globe { display: none; }
}

/* ---------- pulsanti e adesivi ---------- */
.pk-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-family: Anton, Oswald, Impact, sans-serif; font-size: 19px; letter-spacing: .6px; text-transform: uppercase; text-decoration: none; color: var(--pk-on-accent); background: var(--pk-accent); border: 3px solid var(--pk-plum); border-radius: 999px; padding: 11px 20px; box-shadow: 3px 3px 0 var(--pk-plum); cursor: pointer; line-height: 1.2; transition: transform .12s ease, box-shadow .12s ease; }
.pk-btn:hover { transform: translate(-1px,-1px); box-shadow: 4px 4px 0 var(--pk-plum); }
.pk-btn svg { width: 20px; height: 20px; flex: 0 0 auto; }
.pk-btn.pk-ink { background: var(--pk-plum); color: #FFF3F8; }
:root[data-theme="dark"] .pk-btn.pk-ink { background: #F5F0E8; color: #0B0B0B; border-color: #F5F0E8; }
.pk-btn.pk-alt { background: var(--pk-hi); color: var(--pk-plum); }
.pk-btn.pk-ghost { background: var(--pk-paper); color: var(--pk-plum); }
:root[data-theme="dark"] .pk-btn { box-shadow: 3px 3px 0 #DC001E; }
.pk-stickers { display: flex; flex-wrap: wrap; gap: 10px 12px; margin: 0; padding: 0; list-style: none; }
.pk-sticker { display: inline-flex; align-items: center; gap: 6px; font: 600 12px/1 "JetBrains Mono", monospace; letter-spacing: 1.5px; text-transform: uppercase; padding: 9px 13px; border: 3px solid var(--pk-plum); border-radius: 999px; box-shadow: 3px 3px 0 var(--pk-plum); background: var(--pk-hi); color: var(--pk-plum); text-decoration: none; transform: rotate(-2deg); }
.pk-sticker.pk-f { background: var(--pk-accent); color: var(--pk-on-accent); transform: rotate(1.5deg); }
.pk-sticker.pk-r { background: var(--pk-paper); transform: rotate(-1deg); }
a.pk-sticker:hover { transform: rotate(0deg) translate(-1px,-1px); }

/* ---------- titoli ---------- */
.pk-kicker { font: 600 12px/1.4 "JetBrains Mono", monospace; letter-spacing: 2px; text-transform: uppercase; color: var(--pk-kicker); margin: 0 0 8px; }
.pk-kicker::before { content: ""; display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: var(--pk-accent); margin-right: 8px; vertical-align: 1px; }
.pk-hero h1, .pk-head h2 { font-family: Anton, Oswald, Impact, sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: .3px; margin: 0; }
.pk-head h2 { font-size: clamp(32px, 5vw, 54px); line-height: 1.02; margin: 0 0 14px; }
.pk-lead { font-size: clamp(17px, 2.1vw, 20px); line-height: 1.55; color: var(--pk-muted); margin: 0; max-width: 720px; }

/* ---------- hero ---------- */
.pk-hero { background: var(--pk-hero-bg); border-bottom: 3px solid var(--pk-edge); overflow: hidden; }
.pk-hero-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 40px; align-items: center; padding-top: 48px; padding-bottom: 56px; }
.pk-hero h1 { font-size: clamp(58px, 9.4vw, 124px); line-height: .92; margin: 14px 0 22px; }
.pk-hero h1 mark { display: inline-block; background: var(--pk-hi); color: var(--pk-plum); padding: 0 .14em .04em; border: 4px solid var(--pk-plum); border-radius: 20px; box-shadow: 6px 6px 0 var(--pk-plum); transform: rotate(-2deg); margin-top: .08em; }
.pk-hero .pk-lead { color: var(--pk-text); font-size: clamp(18px, 2.2vw, 22px); max-width: 600px; }
.pk-get { display: flex; flex-wrap: wrap; gap: 12px; margin: 28px 0 0; }
.pk-get .pk-btn { font-size: 17px; padding: 11px 18px; }
.pk-meta { margin: 18px 0 0; font: 600 12px/1.6 "JetBrains Mono", monospace; letter-spacing: 1px; text-transform: uppercase; color: var(--pk-muted); }
.pk-show { position: relative; display: flex; flex-direction: column; align-items: center; gap: 18px; }
.pk-phone { position: relative; width: min(300px, 74vw); aspect-ratio: 480 / 1040; border: 4px solid var(--pk-plum); border-radius: 44px; background: var(--pk-plum); padding: 10px; box-shadow: 10px 10px 0 var(--pk-plum); transform: rotate(2deg); }
:root[data-theme="dark"] .pk-phone { border-color: #F5F0E8; box-shadow: 10px 10px 0 #DC001E; }
.pk-screen { position: relative; width: 100%; height: 100%; border-radius: 34px; overflow: hidden; background: #FFE9F3; }
.pk-screen img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; object-position: center top; opacity: 0; transition: opacity .7s ease; }
.pk-screen img.on { opacity: 1; }
.pk-float { position: absolute; z-index: 2; }
.pk-float-1 { left: -6px; top: 14%; }
.pk-float-2 { right: -4px; top: 46%; }
.pk-float-3 { left: 2%; bottom: 22%; }
.pk-ctl { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: center; }
.pk-cap { min-width: 9em; text-align: center; }
.pk-dots { display: flex; gap: 6px; }
.pk-dots button, .pk-pause { width: 14px; height: 14px; padding: 0; border-radius: 50%; border: 2px solid var(--pk-edge); background: transparent; cursor: pointer; }
.pk-dots button[aria-current="true"] { background: var(--pk-accent); border-color: var(--pk-edge); }
.pk-pause { width: 34px; height: 34px; display: grid; place-items: center; background: var(--pk-surface); color: var(--pk-text); box-shadow: var(--pk-shadow-sm); }
.pk-pause svg { width: 14px; height: 14px; }
@media (max-width: 900px) {
  .pk-hero-grid { grid-template-columns: 1fr; gap: 30px; padding-top: 34px; }
  .pk-float-1 { left: 4%; }
  .pk-float-2 { right: 4%; }
}
@media (max-width: 560px) {
  .pk-get .pk-btn { flex: 1 1 100%; }
  .pk-float { display: none; }
}

/* ---------- sezioni ---------- */
.pk-sec { padding: 72px 0; border-bottom: 3px solid var(--pk-edge); }
.pk-sec:last-of-type { border-bottom: 0; }
.pk-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px 40px; align-items: end; margin-bottom: 34px; }
.pk-head h2 { margin: 0; }
@media (max-width: 820px) { .pk-head { grid-template-columns: 1fr; } }
.pk-cards { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 22px; }
/* guadagna: 5 card su 3 colonne, la prima (negozio Bloop) larga due */
.pk-earn .pk-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pk-earn .pk-cards li:first-child { grid-column: span 2; }
.pk-earn .pk-cards li:first-child h3 { font-size: clamp(28px, 3vw, 36px); }
@media (max-width: 900px) { .pk-earn .pk-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .pk-earn .pk-cards { grid-template-columns: 1fr; } .pk-earn .pk-cards li:first-child { grid-column: auto; } }
.pk-card { display: flex; flex-direction: column; background: var(--pk-surface); border: 3px solid var(--pk-edge); border-radius: 18px; padding: 20px; box-shadow: var(--pk-shadow); min-width: 0; overflow: hidden; }
.pk-card h3 { font-family: Anton, Oswald, Impact, sans-serif; font-weight: 400; text-transform: uppercase; font-size: 25px; line-height: 1.1; margin: 14px 0 8px; }
.pk-card p { margin: 0 0 16px; color: var(--pk-muted); flex: 1; }
.pk-tag { align-self: flex-start; font: 600 11px "JetBrains Mono", monospace; letter-spacing: 1.5px; text-transform: uppercase; padding: 4px 10px; border: 2px solid var(--pk-plum); border-radius: 999px; background: var(--pk-hi); color: var(--pk-plum); }
.pk-cards li:nth-child(3n+2) .pk-tag { background: var(--pk-accent); color: var(--pk-on-accent); }
.pk-cards li:nth-child(3n+3) .pk-tag { background: var(--pk-paper); }
.pk-more { font-weight: 700; color: var(--pk-text); text-decoration: none; border-top: 2px solid var(--pk-line); padding-top: 12px; }
.pk-more:hover { color: var(--pk-kicker); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.pk-card-img { display: block; width: calc(100% + 40px); max-width: none !important; margin: -20px -20px 0; aspect-ratio: 16 / 9; object-fit: cover; border-bottom: 3px solid var(--pk-edge); background: var(--pk-surface-2); }

/* guadagna: banda in evidenza (lilla) */
.pk-earn { background: var(--pk-feature-bg); color: var(--pk-plum); }
.pk-earn .pk-kicker { color: var(--pk-plum); }
.pk-earn .pk-kicker::before { background: var(--pk-plum); }
.pk-earn .pk-lead { color: var(--pk-plum); }
.pk-earn .pk-card { background: var(--pk-paper); color: var(--pk-plum); border-color: var(--pk-plum); box-shadow: 5px 5px 0 var(--pk-plum); }
.pk-earn .pk-card p { color: #4A2A4E; }
:root[data-theme="light"] .pk-earn .pk-card p, :root[data-theme="dark"] .pk-earn .pk-card p { color: #3A362F; }
.pk-earn .pk-more { color: var(--pk-plum); border-top-color: rgba(43,10,47,.2); }
.pk-guide { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px 28px; align-items: center; margin-top: 34px; padding: 24px; background: var(--pk-plum); color: #FFE9F3; border: 3px solid var(--pk-plum); border-radius: 22px; box-shadow: 8px 8px 0 rgba(43,10,47,.35); }
.pk-guide h3 { font-family: Anton, Oswald, Impact, sans-serif; font-weight: 400; text-transform: uppercase; font-size: clamp(26px, 3.4vw, 36px); line-height: 1.05; margin: 0 0 8px; }
.pk-guide p { margin: 0; color: #F2DDF0; }
.pk-guide-actions { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.pk-guide-actions a.pk-all { color: #FFE9F3; font-weight: 600; }
:root[data-theme="light"] .pk-guide, :root[data-theme="dark"] .pk-guide { background: #0B0B0B; color: #F5F0E8; }
:root[data-theme="light"] .pk-guide p, :root[data-theme="dark"] .pk-guide p { color: #CFC7BA; }
:root[data-theme="light"] .pk-guide-actions a.pk-all, :root[data-theme="dark"] .pk-guide-actions a.pk-all { color: #F5F0E8; }
@media (max-width: 760px) { .pk-guide { grid-template-columns: 1fr; } }

/* al sicuro: banda prugna */
.pk-band { background: var(--pk-band-bg); color: var(--pk-band-fg); }
.pk-band .pk-kicker { color: var(--pk-band-hi); }
.pk-band .pk-kicker::before { background: var(--pk-band-hi); }
.pk-band .pk-lead { color: var(--pk-band-muted); }
.pk-band .pk-card { background: var(--pk-paper); color: var(--pk-plum); border-color: var(--pk-band-hi); box-shadow: 5px 5px 0 var(--pk-band-hi); }
.pk-band .pk-card p { color: #4A2A4E; }
:root[data-theme="light"] .pk-band .pk-card p, :root[data-theme="dark"] .pk-band .pk-card p { color: #3A362F; }
.pk-band .pk-more { color: var(--pk-plum); border-top-color: rgba(43,10,47,.2); }

/* cosa succede adesso */
.pk-now-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 22px; align-items: start; }
@media (max-width: 900px) { .pk-now-grid { grid-template-columns: 1fr; } }
.pk-now-grid .pk-cards { grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); }
.pk-event { background: var(--pk-feature-bg); color: var(--pk-plum); border: 3px solid var(--pk-plum); border-radius: 18px; padding: 20px; box-shadow: 6px 6px 0 var(--pk-plum); }
:root[data-theme="dark"] .pk-event { box-shadow: 6px 6px 0 #DC001E; border-color: #F5F0E8; }
.pk-event .pk-kicker { color: var(--pk-plum); }
.pk-event .pk-kicker::before { background: var(--pk-plum); }
.pk-event h3 { font-family: Anton, Oswald, Impact, sans-serif; font-weight: 400; text-transform: uppercase; font-size: 28px; line-height: 1.08; margin: 6px 0 10px; }
.pk-event p { margin: 0 0 14px; }
.pk-event .pk-when { font: 600 13px/1.5 "JetBrains Mono", monospace; letter-spacing: .5px; }
.pk-event .pk-btn { font-size: 16px; padding: 9px 16px; }
.pk-now-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }

/* ---------- piè di pagina ---------- */
.pk-foot { background: var(--pk-foot-bg); color: var(--pk-foot-fg); border-top: 3px solid var(--pk-foot-line); padding: 36px 0 calc(24px + env(safe-area-inset-bottom, 0px)); font-family: Inter, system-ui, sans-serif; margin: 0; }
.pk-foot-grid { display: flex; flex-wrap: wrap; gap: 22px 40px; justify-content: space-between; align-items: flex-start; }
.pk-foot-brand { display: flex; gap: 12px; align-items: flex-start; max-width: 440px; }
.pk-foot-brand img { width: 40px; height: 40px; border-radius: 50%; border: 2px solid var(--pk-foot-fg); flex: 0 0 auto; }
.pk-foot-brand p { margin: 0; color: var(--pk-foot-muted); line-height: 1.55; }
.pk-foot-brand strong { display: block; font-family: Anton, Oswald, Impact, sans-serif; font-weight: 400; font-size: 22px; text-transform: uppercase; color: var(--pk-foot-fg); }
.pk-foot-pills { display: flex; flex-wrap: wrap; gap: 10px 12px; max-width: 640px; }
.pk-foot-pills a { display: inline-flex; align-items: center; gap: 6px; font: 600 12px/1 "JetBrains Mono", monospace; letter-spacing: 1.2px; text-transform: uppercase; padding: 10px 14px; border: 3px solid var(--pk-plum); border-radius: 999px; box-shadow: 3px 3px 0 var(--pk-plum); background: var(--pk-paper); color: var(--pk-plum); text-decoration: none; transition: transform .12s ease, box-shadow .12s ease; }
:root[data-theme="light"] .pk-foot-pills a, :root[data-theme="dark"] .pk-foot-pills a { border-color: #F5F0E8; box-shadow: 3px 3px 0 #FABE00; }
.pk-foot-pills a:nth-child(1) { background: var(--pk-hi); }
.pk-foot-pills a:nth-child(2) { background: var(--pk-accent); color: var(--pk-on-accent); }
.pk-foot-pills a:nth-child(4) { background: var(--pk-hi); }
.pk-foot-pills a:hover, .pk-foot-pills a:focus-visible { transform: translate(-1px,-1px); }
.pk-legal { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 24px; padding-top: 18px; border-top: 2px solid var(--pk-foot-line); }
.pk-legal a { color: var(--pk-foot-fg); font-size: 13px; font-weight: 600; text-decoration: none; }
.pk-legal a:hover { text-decoration: underline; text-underline-offset: 3px; }
.pk-copy { margin: 14px 0 0; font: 12px/1.6 "JetBrains Mono", monospace; color: var(--pk-foot-muted); }

/* ---------- lingue: russo (Anton senza cirillico → Oswald), hindi e cinese ---------- */
html[lang="hi"] body.pk { font-family: Inter, "Noto Sans Devanagari", "Kohinoor Devanagari", "Nirmala UI", system-ui, sans-serif; line-height: 1.75; }
html[lang="zh-Hans"] body.pk { font-family: Inter, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif; line-height: 1.75; }
html[lang="hi"] .pk-hero h1, html[lang="hi"] .pk-head h2, html[lang="hi"] .pk-card h3, html[lang="hi"] .pk-btn, html[lang="hi"] .pk-guide h3, html[lang="hi"] .pk-event h3,
html[lang="zh-Hans"] .pk-hero h1, html[lang="zh-Hans"] .pk-head h2, html[lang="zh-Hans"] .pk-card h3, html[lang="zh-Hans"] .pk-btn, html[lang="zh-Hans"] .pk-guide h3, html[lang="zh-Hans"] .pk-event h3 { font-family: inherit; font-weight: 800; text-transform: none; letter-spacing: 0; }
html[lang="hi"] .pk-hero h1, html[lang="zh-Hans"] .pk-hero h1 { font-size: clamp(44px, 7vw, 92px); line-height: 1.15; }
html[lang="hi"] .pk-kicker, html[lang="zh-Hans"] .pk-kicker, html[lang="hi"] .pk-links a, html[lang="zh-Hans"] .pk-links a,
html[lang="hi"] .pk-sticker, html[lang="zh-Hans"] .pk-sticker, html[lang="hi"] .pk-tag, html[lang="zh-Hans"] .pk-tag { font-family: "JetBrains Mono", Inter, "Noto Sans Devanagari", "PingFang SC", "Noto Sans SC", monospace; letter-spacing: .5px; }
.pk-brand span, .pk-foot-brand strong { font-family: Anton, Impact, sans-serif !important; text-transform: uppercase !important; }

@media (prefers-reduced-motion: reduce) {
  .pk-screen img, .pk-btn, .pk-foot-pills a { transition: none !important; }
  .pk-btn:hover, a.pk-sticker:hover { transform: none; }
}