/* ═══════════════════════════════════════════════════════════════════════
   Krypto na Lata · wygląd „Pulpit” (wersja alternatywna, Rafał 19.09: „jak Drużyna Zero, okienka”)
   Ta sama treść i ten sam skrypt co wersja klasyczna — zmienia się tylko wygląd.
   Włączanie: ?wyglad=pulpit (zapamiętane), powrót: ?wyglad=klasyczny. Wszystko pod html[data-wyglad="pulpit"].
   Kontrast sprawdzany testem (≥ 4,5:1).
   ═══════════════════════════════════════════════════════════════════════ */
.pulpit-ikony,.pasek-zadan,.pulpit-pasek,.okno-pasek{display:none}

html[data-wyglad="pulpit"]{
  --pt:#FFD35C;           /* pulpit */
  --pt-2:#FFC93A;
  --okno:#FFFFFF;
  --ramka:#16181D;
  --belka-a:#1C2B78; --belka-b:#3552D6;   /* pasek tytułu okna */
  --szary:#D4D0C8; --szary-j:#FFFFFF; --szary-c:#7B7B7B;
  --bg:#FFFFFF; --bg-2:#F6F4EE; --card:#FFFFFF; --line:#C9C3B6; --line-2:#8C857A;
  --ink:#111317; --ink-2:#2F3440; --ink-3:#4A515C;
  --amber-ink:#7A4A00;
  --r:0px; --r-s:0px;
  --shadow:none;
}
html[data-wyglad="pulpit"] body{background:var(--pt) radial-gradient(rgba(0,0,0,.06) 1px,transparent 1px) 0 0/14px 14px;padding-bottom:64px}

/* górny pasek = pasek menu */
html[data-wyglad="pulpit"] header.pasek{background:var(--szary);border-bottom:2px solid var(--ramka);backdrop-filter:none}
html[data-wyglad="pulpit"] .pasek .wrap{height:48px}
html[data-wyglad="pulpit"] .logo{font-family:Tiny5,"Space Grotesk",sans-serif;font-size:1.05rem;letter-spacing:.02em}
html[data-wyglad="pulpit"] .pasek nav a{font-family:Tiny5,Inter,sans-serif;font-size:15px;color:var(--ink)}

/* sekcje = okna */
html[data-wyglad="pulpit"] main{padding:18px 16px 0}
html[data-wyglad="pulpit"] main > section{max-width:1080px;margin:0 auto 26px;padding:0;background:var(--okno);border:2px solid var(--ramka);box-shadow:6px 6px 0 var(--ramka)}
html[data-wyglad="pulpit"] main > section > .wrap{padding:clamp(22px,4vw,40px) clamp(18px,3.5vw,40px)}
html[data-wyglad="pulpit"] .pas{background:var(--okno)}
html[data-wyglad="pulpit"] .okno-pasek{display:flex;align-items:center;gap:10px;height:40px;padding:0 6px 0 12px;background:var(--belka-a) linear-gradient(90deg,var(--belka-a),var(--belka-b));color:#FFFFFF;border-bottom:2px solid var(--ramka);font:400 16px Tiny5,"JetBrains Mono",monospace;letter-spacing:.02em;user-select:none}
html[data-wyglad="pulpit"] .okno-pasek .okno-ikona{display:grid;place-items:center;width:20px;height:20px;background:#FFFFFF;color:var(--belka-a);font:700 13px "Space Grotesk",sans-serif;border:1px solid #0B123A}
html[data-wyglad="pulpit"] .okno-pasek .okno-tytul{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-wyglad="pulpit"] .okno-zwin{width:30px;height:26px;display:grid;place-items:center;background:var(--szary);color:var(--ink);border:2px solid;border-color:var(--szary-j) var(--szary-c) var(--szary-c) var(--szary-j);font:700 15px/1 "JetBrains Mono",monospace;cursor:pointer;padding:0}
html[data-wyglad="pulpit"] .okno-zwin:active{border-color:var(--szary-c) var(--szary-j) var(--szary-j) var(--szary-c)}
html[data-wyglad="pulpit"] section.zwiniete > .wrap{display:none}
html[data-wyglad="pulpit"] section.zwiniete{box-shadow:4px 4px 0 var(--ramka)}
html[data-wyglad="pulpit"] section.aktywne .okno-pasek{background:#0E1650 linear-gradient(90deg,#0E1650,var(--belka-b))}
html[data-wyglad="pulpit"] section:not(.aktywne) .okno-pasek{background:#4B5160 linear-gradient(90deg,#4B5160,#5B6272)}

/* przyciski: wypukłe, główny żółty z czarną ramką */
html[data-wyglad="pulpit"] .btn{border-radius:0;box-shadow:none;border:2px solid var(--ramka);font-family:Inter,sans-serif}
html[data-wyglad="pulpit"] .btn.gl{background:#FFD35C;color:var(--ink);box-shadow:4px 4px 0 var(--ramka)}
html[data-wyglad="pulpit"] .btn.gl:hover{background:#FFE08A}
html[data-wyglad="pulpit"] .btn.gl:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ramka)}
html[data-wyglad="pulpit"] .btn.obrys{background:var(--szary);border-color:var(--szary-j) var(--szary-c) var(--szary-c) var(--szary-j)}
html[data-wyglad="pulpit"] .karta-b,html[data-wyglad="pulpit"] .kroki li,html[data-wyglad="pulpit"] .czesci details,html[data-wyglad="pulpit"] .lustro button,html[data-wyglad="pulpit"] .w-filmie li,html[data-wyglad="pulpit"] .ekosystem a,html[data-wyglad="pulpit"] .ekosystem .bez-linku,html[data-wyglad="pulpit"] .prezent-b,html[data-wyglad="pulpit"] .zapis{border-radius:0;border:2px solid var(--ramka);box-shadow:3px 3px 0 var(--ramka)}
html[data-wyglad="pulpit"] .eyebrow{color:var(--amber-ink)} /* bez fontu pikselowego: „8” wyglądało jak „ß” */
html[data-wyglad="pulpit"] h1 em{color:var(--belka-a)}
html[data-wyglad="pulpit"] h1 em{background:linear-gradient(transparent 62%,#FFD35C 62%)}
html[data-wyglad="pulpit"] .film{border-radius:0;border:2px solid var(--ramka)}
html[data-wyglad="pulpit"] .film .graj span{border-radius:0;border:2px solid var(--ramka);background:#FFD35C;color:var(--ink)}
html[data-wyglad="pulpit"] .mk,html[data-wyglad="pulpit"] .mk img{border-radius:0}
html[data-wyglad="pulpit"] .mk.telefon{border-radius:18px}
html[data-wyglad="pulpit"] .cena-duza{font-family:Tiny5,"Space Grotesk",sans-serif;letter-spacing:0}
html[data-wyglad="pulpit"] #koszyk{border-radius:0;border:2px solid var(--ramka);box-shadow:8px 8px 0 var(--ramka)}
html[data-wyglad="pulpit"] footer{max-width:1080px;margin:0 auto 26px;background:var(--okno);border:2px solid var(--ramka);box-shadow:6px 6px 0 var(--ramka)}
html[data-wyglad="pulpit"] .sticky{display:none!important}

/* ikony pulpitu (szeroki ekran) */
html[data-wyglad="pulpit"] .pulpit-ikony{position:fixed;left:14px;top:76px;z-index:30;display:flex;flex-direction:column;gap:6px;width:92px}
html[data-wyglad="pulpit"] .pulpit-ikony a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;text-decoration:none;color:var(--ink);font:400 14px Tiny5,"JetBrains Mono",monospace;text-align:center;border:1px dashed transparent}
html[data-wyglad="pulpit"] .pulpit-ikony a:hover,html[data-wyglad="pulpit"] .pulpit-ikony a:focus-visible{border-color:var(--ramka);background:rgba(255,255,255,.55)}
html[data-wyglad="pulpit"] .pulpit-ikony svg{width:34px;height:34px}
@media (max-width:1379px){html[data-wyglad="pulpit"] .pulpit-ikony{display:none}}

/* taśma z hasłami */
html[data-wyglad="pulpit"] .pulpit-pasek{display:flex;align-items:stretch;gap:10px;max-width:1080px;margin:0 auto 26px}
html[data-wyglad="pulpit"] .pulpit-tasma{flex:1;overflow:hidden;background:var(--belka-a);border:2px solid var(--ramka);color:#FFD35C;font:400 20px/44px Tiny5,"JetBrains Mono",monospace;white-space:nowrap}
html[data-wyglad="pulpit"] .pulpit-tasma > span{display:inline-block;padding-left:100%;animation:tasma 32s linear infinite}
html[data-wyglad="pulpit"] .pulpit-pasek.stop .pulpit-tasma > span{animation-play-state:paused}
html[data-wyglad="pulpit"] .pulpit-pasek button{background:var(--szary);border:2px solid;border-color:var(--szary-j) var(--szary-c) var(--szary-c) var(--szary-j);font:600 14px Inter,sans-serif;padding:0 12px;cursor:pointer;color:var(--ink)}
@keyframes tasma{to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){html[data-wyglad="pulpit"] .pulpit-tasma > span{animation:none;padding-left:12px}}
@media (max-width:640px){html[data-wyglad="pulpit"] .pulpit-pasek button{display:none}}

/* pasek zadań */
html[data-wyglad="pulpit"] .pasek-zadan{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;align-items:center;gap:6px;height:54px;padding:6px 8px;background:var(--szary);border-top:2px solid var(--szary-j);box-shadow:0 -2px 0 var(--szary-c)}
html[data-wyglad="pulpit"] .pasek-zadan a,html[data-wyglad="pulpit"] .pasek-zadan .zegar{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;background:var(--szary);color:var(--ink);text-decoration:none;border:2px solid;border-color:var(--szary-j) var(--szary-c) var(--szary-c) var(--szary-j);font:600 14.5px Inter,sans-serif;white-space:nowrap}
html[data-wyglad="pulpit"] .pasek-zadan .start{font-family:Tiny5,"Space Grotesk",sans-serif;font-size:16px}
html[data-wyglad="pulpit"] .pasek-zadan .start b{display:grid;place-items:center;width:24px;height:24px;background:#FFD35C;border:2px solid var(--ramka);border-radius:50%;font:700 13px "Space Grotesk",sans-serif}
html[data-wyglad="pulpit"] .pasek-zadan .kup-z{background:#FFD35C;border:2px solid var(--ramka);font-weight:700}
html[data-wyglad="pulpit"] .pasek-zadan .odstep{flex:1}
html[data-wyglad="pulpit"] .pasek-zadan .zegar{border-color:var(--szary-c) var(--szary-j) var(--szary-j) var(--szary-c);font:400 16px Tiny5,"JetBrains Mono",monospace}
@media (max-width:900px){html[data-wyglad="pulpit"] .pasek-zadan .zadanie{display:none}}
@media (max-width:420px){html[data-wyglad="pulpit"] .pasek-zadan .start span{display:none}html[data-wyglad="pulpit"] .pasek-zadan .zegar{display:none}}