/* TitanMC /blog/jak-zainstalowac-mody-minecraft — the look of this page only (loaded after landing-v1.css; classes pg-*).
   Concept „Instalator”: our own file-manager UI — pixel files and folders, windows, status bars, progress, teal = installed,
   gold = brand light, red = broken. Motion = UI physics (snap, drag, drop, fill, pop) on transform/opacity only. */
body[data-pg="modinstall"]{--lp-acc:#D9B56C;--lp-acc-rgb:217,181,108;--mi-t:#D9B56C;--mi-t-rgb:217,181,108;--mi-t-hi:#F3DCA6;--mi-ok:#2DD4BF;--mi-ok-rgb:45,212,191;--mi-ok-hi:#99F6E4;--mi-band:var(--mi-t);--mi-red:#F87171;--mi-red-rgb:248,113,113;
  --mi-r:14px;--mi-r2:9px;--mi-mono:'JetBrains Mono',ui-monospace,monospace;--mi-spring:cubic-bezier(.3,1.45,.5,1);--mi-snap:cubic-bezier(.5,0,.2,1.25);
  --mi-win:linear-gradient(180deg,#15151F,#0D0D14 60%);--mi-edge:rgba(255,255,255,.1);--mi-shadow:0 30px 60px -32px rgba(0,0,0,.92),0 0 0 1px rgba(0,0,0,.5)}
body[data-pg="modinstall"]{margin:0}
.pg-mi-sprite{position:absolute;width:0;height:0;overflow:hidden}
.pg-mi-fx{display:none}
body[data-pg="modinstall"] svg use{shape-rendering:crispEdges}

/* ── hero: a desktop — Pobrane docked at the left edge, the mods window on the wallpaper, the copy on the right, a taskbar along
   the bottom (Minecraft → Java → loader). Teal only when something is installed; chrome is folder-gold or neutral. ─────────── */
body[data-pg="modinstall"] .lp-hero--post{padding-top:clamp(108px,13.5vh,150px);padding-bottom:clamp(40px,6vh,76px)}
body[data-pg="modinstall"] .lp-hero--post .lp-hero-in{max-width:1400px}
body[data-pg="modinstall"] .lp-hero-bg::after{background:
  radial-gradient(34% 40% at 50% 62%,rgba(212,160,23,.1),transparent 72%),
  linear-gradient(180deg,rgba(8,8,13,.62) 0%,rgba(8,8,13,.26) 34%,rgba(8,8,13,.68) 76%,var(--lp-bg) 100%)}
body[data-pg="modinstall"] .lp-crumbs ol{font:400 .72rem/1.2 var(--mi-mono);letter-spacing:0;text-transform:none;margin-bottom:18px}
body[data-pg="modinstall"] .lp-crumbs li+li::before{content:'/';margin-right:8px;color:rgba(var(--mi-t-rgb),.6)}
body[data-pg="modinstall"] .lp-crumbs li[aria-current]{color:var(--lp-dim)}
body[data-pg="modinstall"] .lp-cat{position:relative;margin-bottom:16px;padding:7px 13px 6px 12px;border-radius:2px 7px 7px 7px;clip-path:none}
body[data-pg="modinstall"] .lp-cat::before{content:'';position:absolute;left:-1px;top:-7px;width:44%;height:7px;border-radius:5px 5px 0 0;background:rgba(212,160,23,.13);border:1px solid rgba(212,160,23,.35);border-bottom:0}
body[data-pg="modinstall"] .lp-hero--post .lp-h1{font-size:clamp(2.15rem,3.55vw,3.7rem);line-height:1.02;margin-bottom:18px}
body[data-pg="modinstall"] .lp-h1 .lp-gold{margin-top:.34em;font-size:.55em;line-height:1.1;letter-spacing:.035em}
body[data-pg="modinstall"] .lp-hero--post .lp-lead{max-width:37rem;margin-bottom:22px}
body[data-pg="modinstall"] .lp-meta{margin-bottom:22px}
body[data-pg="modinstall"] .lp-hero .lp-actions{gap:10px}
body[data-pg="modinstall"] .lp-hero .lp-btn{min-height:50px;padding:0 20px;border-radius:12px}

/* desktop: the whole first screen is the desktop; the copy sits on it at the right, the windows and the taskbar span the width */
@media(min-width:1100px){
  body[data-pg="modinstall"] .lp-hero--post{--mi-nav:76px;--mi-tb:clamp(56px,6.6vh,66px);--mi-gut:clamp(32px,3.6vw,72px);--mi-cw:clamp(440px,38vw,660px);--mi-gap:clamp(34px,3.3vw,66px);--mi-ww:clamp(470px,calc(100vw - var(--mi-gut) - var(--mi-cw) - var(--mi-gap) - 300px),760px);
    box-sizing:border-box;min-height:max(100svh,640px);padding:calc(var(--mi-nav) + clamp(14px,2.4vh,30px)) var(--mi-gut) calc(var(--mi-tb) + clamp(30px,4.6vh,52px))}
  body[data-pg="modinstall"] .lp-hero-bg::after{background:
    radial-gradient(36% 42% at 38% 66%,rgba(212,160,23,.11),transparent 72%),
    linear-gradient(180deg,rgba(8,8,13,.66) 0%,rgba(8,8,13,.18) 22%,rgba(8,8,13,.2) 62%,rgba(8,8,13,.72) 100%),
    radial-gradient(44% 70% at 84% 46%,rgba(8,8,13,.84),rgba(8,8,13,.2) 76%),
    linear-gradient(90deg,rgba(8,8,13,.42),transparent 20%)}
  body[data-pg="modinstall"] .lp-hero--post .lp-hero-in{position:static;display:block;max-width:none;text-align:left}
  body[data-pg="modinstall"] .lp-hero-copy{position:static;width:var(--mi-cw);margin-left:auto}
  body[data-pg="modinstall"] .lp-hero--post .lp-h1{font-size:min(3.7rem,calc(var(--mi-cw) / 10.9))}
  body[data-pg="modinstall"] .lp-crumbs ol,body[data-pg="modinstall"] .lp-meta{justify-content:flex-start}
}
@media(min-width:1100px) and (max-width:1439px){body[data-pg="modinstall"] .lp-hero--post{--mi-cw:clamp(440px,40vw,660px)}}
@media(min-width:1100px) and (max-height:820px){
  body[data-pg="modinstall"] .lp-crumbs ol{margin-bottom:12px}
  body[data-pg="modinstall"] .lp-cat{margin-bottom:12px}
  body[data-pg="modinstall"] .lp-hero--post .lp-h1{margin-bottom:14px}
  body[data-pg="modinstall"] .lp-hero--post .lp-lead{margin-bottom:16px}
  body[data-pg="modinstall"] .lp-meta{margin-bottom:16px}
}
@media(min-width:1100px) and (max-height:790px){
  body[data-pg="modinstall"] .lp-hero--post{padding-top:calc(var(--mi-nav) + 8px);padding-bottom:calc(var(--mi-tb) + 18px)}
  body[data-pg="modinstall"] .lp-crumbs ol{margin-bottom:10px}
  body[data-pg="modinstall"] .lp-cat{margin-bottom:10px}
  body[data-pg="modinstall"] .lp-hero--post .lp-h1{margin-bottom:12px}
  body[data-pg="modinstall"] .lp-hero--post .lp-lead{margin-bottom:12px;line-height:1.55}
  body[data-pg="modinstall"] .lp-meta{margin-bottom:12px}
  body[data-pg="modinstall"] .lp-hero .lp-btn,body[data-pg="modinstall"] .lp-hero .lp-ip{min-height:46px}
}

/* stage (phone/tablet: in the copy under the headline; desktop: spread over the whole hero) */
.pg-mi-stage{position:relative;text-align:left;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;--mi-rh:52px;--mi-band:var(--mi-t)}
.pg-mi-stage::before,.pg-mi-stage::after{content:'';position:absolute;z-index:-1;pointer-events:none}

/* window chrome — our own: grip, folder, path, two pixel controls; one light that follows the cursor along the edge */
.pg-mi-w{position:relative;border-radius:var(--mi-r);background:var(--mi-win);border:1px solid var(--mi-edge);box-shadow:var(--mi-shadow),inset 0 1px 0 rgba(255,255,255,.05)}
.pg-mi-w::after{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;opacity:0;transition:opacity .35s;
  background:radial-gradient(220px circle at var(--lx,50%) var(--ly,0),rgba(var(--mi-t-rgb),.7),rgba(var(--mi-t-rgb),.1) 45%,transparent 70%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.pg-mi-w.is-lit::after{opacity:1}
.pg-mi-wbar{display:flex;align-items:center;gap:9px;height:38px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.065);border-radius:var(--mi-r) var(--mi-r) 0 0;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012))}
.pg-mi-wbar b{font:700 .72rem/1 'Rajdhani',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--lp-dim)}
.pg-mi-i{flex:none;width:13px;height:13px}
.pg-mi-grip{flex:none;width:7px;height:13px;opacity:.7;background:radial-gradient(circle,rgba(255,255,255,.34) .9px,transparent 1.3px) 0 0/3.5px 4.3px}
.pg-mi-fold{flex:none;width:20px;height:17.5px;overflow:visible}
.pg-mi-fold-f{transform-box:fill-box;transform-origin:50% 100%;transition:transform .4s var(--mi-spring)}
.pg-mi-win.is-near .pg-mi-fold-f{transform:skewX(-8deg) scaleY(.92)}
.pg-mi-win.is-armed .pg-mi-fold-f{transform:skewX(-20deg) scaleY(.74) translateX(.6px)}
.pg-mi-path{display:flex;align-items:center;min-width:0;font:400 .72rem/1 var(--mi-mono);color:var(--lp-mute);white-space:nowrap;overflow:hidden}
.pg-mi-path span::after{content:'›';margin:0 6px;color:var(--lp-faint)}
.pg-mi-path b{font:500 .72rem/1 var(--mi-mono);letter-spacing:0;text-transform:none;color:var(--mi-t-hi)}
.pg-mi-ctl{flex:none;display:flex;gap:5px;margin-left:auto}
.pg-mi-ctl i{width:11px;height:11px;border-radius:3px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(rgba(255,255,255,.4),rgba(255,255,255,.4)) 50% 70%/5px 1px no-repeat}
.pg-mi-ctl i+i{background:linear-gradient(45deg,transparent 44%,rgba(255,255,255,.42) 44% 56%,transparent 56%) 50%/6px 6px no-repeat,linear-gradient(-45deg,transparent 44%,rgba(255,255,255,.42) 44% 56%,transparent 56%) 50%/6px 6px no-repeat}

/* Pobrane: the source file (a fresh download fills in before every new round of the demo) */
.pg-mi-dl{z-index:3}
.pg-mi-snap{display:none}
.pg-mi-jar{position:relative;display:grid;justify-items:center;gap:7px;width:100%;margin:0;padding:16px 8px 8px;border:0;border-radius:10px;background:none;color:inherit;font:inherit;cursor:grab;touch-action:none;outline:0}
.pg-mi-jar:focus-visible{box-shadow:0 0 0 2px rgba(var(--mi-t-rgb),.8)}
.pg-mi-jar-b{position:relative;display:block;width:64px;height:80px;transition:transform .35s var(--mi-spring),opacity .3s}
.pg-mi-jar-b::after{content:'';position:absolute;left:8px;right:8px;bottom:-9px;height:7px;border-radius:50%;background:rgba(0,0,0,.55);transition:transform .35s var(--mi-spring),opacity .35s}
.pg-mi-jar-ic{display:block;width:100%;height:100%;overflow:visible}
.pg-mi-stage.is-hint .pg-mi-jar-b{animation:mi-bob 1.6s ease-in-out infinite}
.pg-mi-jar:hover .pg-mi-jar-b,.pg-mi-jar.is-hover .pg-mi-jar-b{animation:none;transform:translate3d(0,-6px,0) rotate(-3deg) scale(1.05)}
.pg-mi-jar:hover .pg-mi-jar-b::after,.pg-mi-jar.is-hover .pg-mi-jar-b::after{transform:scale(.8);opacity:.6}
.pg-mi-jar.is-press .pg-mi-jar-b{animation:none;transform:scale(.92,.9)}
.pg-mi-jar.is-src .pg-mi-jar-b{animation:none;opacity:.32;transform:none}
.pg-mi-jar.is-src .pg-mi-jar-b::before{content:'';position:absolute;inset:-6px -8px;border:1px dashed rgba(var(--mi-t-rgb),.6);border-radius:8px}
.pg-mi-stage.is-dlg .pg-mi-jar-b{animation:none;opacity:.22;transform:scale(.94)}
.pg-mi-stage.is-got .pg-mi-jar-b{animation:mi-got .6s var(--mi-spring) both}
.pg-mi-jar-n{font:600 .84rem/1.15 'Chakra Petch',sans-serif;color:#fff;text-align:center}
.pg-mi-jar-n small,.pg-mi-rn small{font:inherit;color:var(--lp-mute)}
.pg-mi-jar-t{padding:4px 7px;border-radius:5px;border:1px solid rgba(var(--mi-t-rgb),.34);background:rgba(var(--mi-t-rgb),.08);font:400 .66rem/1 var(--mi-mono);color:var(--mi-t-hi);white-space:nowrap}
[data-l="forge"] .pg-mi-jar-t{border-color:rgba(var(--mi-red-rgb),.4);background:rgba(var(--mi-red-rgb),.09);color:#FFB4B4}
.pg-mi-src{position:relative;margin:0;padding:2px 10px 12px;text-align:center;font:400 .66rem/1.3 var(--mi-mono);color:var(--lp-faint)}
.pg-mi-src-dl{display:none;color:var(--mi-t-hi)}
.pg-mi-stage.is-dlg .pg-mi-src span:first-child{display:none}
.pg-mi-stage.is-dlg .pg-mi-src-dl{display:inline}
.pg-mi-dlp{position:absolute;left:22%;right:22%;bottom:5px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--mi-t),var(--mi-t-hi));transform:scaleX(0);transform-origin:0 50%;opacity:0}
.pg-mi-stage.is-dlg .pg-mi-dlp{opacity:1;animation:mi-fill 1.3s cubic-bezier(.45,.05,.55,.95) both}
.pg-mi-dlr{display:none;align-items:center;gap:9px;margin:0 10px 10px;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);font:400 .72rem/1 var(--mi-mono);color:var(--lp-dim)}
@media(min-width:1100px){[data-l="fabric"] .pg-mi-dlr{display:flex}}
.pg-mi-dlr svg{flex:none;width:16px;height:20px;--mi-band:var(--mi-ok)}
.pg-mi-dlr small{font:inherit;color:var(--lp-faint)}
.pg-mi-dlr .pg-mi-ok{width:14px;height:14px;margin-left:auto}
.pg-mi-hint{position:absolute;left:0;right:0;top:-40px;z-index:4;width:max-content;margin:0 auto;padding:6px 9px;border-radius:7px;background:#1A150B;border:1px solid rgba(var(--mi-t-rgb),.5);font:700 .62rem/1 'Rajdhani',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--mi-t-hi);white-space:nowrap;pointer-events:none;opacity:0;transform:translate3d(0,6px,0);transition:opacity .35s,transform .45s var(--mi-spring)}
.pg-mi-hint::before{content:'';position:absolute;left:50%;top:100%;width:7px;height:7px;margin:-4px 0 0 -4px;transform:rotate(45deg);background:#1A150B;border-right:1px solid rgba(var(--mi-t-rgb),.5);border-bottom:1px solid rgba(var(--mi-t-rgb),.5)}
.pg-mi-stage.is-hint .pg-mi-hint{opacity:1;transform:none;animation:mi-nudge 1.6s .4s ease-in-out infinite}

/* the taskbar: open windows, the loader switch (TOP 20 availability as 20 cells), Minecraft → Java → loader, the honest note */
.pg-mi-task{position:relative}
.pg-mi-tw{display:none}
.pg-mi-lpick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.pg-mi-k{display:none;margin:0;font:700 .62rem/1.25 'Rajdhani',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--lp-dim)}
.pg-mi-k span{display:block;color:var(--lp-faint);letter-spacing:.08em}
.pg-mi-lb{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:8px;width:100%;margin:0;padding:9px 10px 15px;border-radius:var(--mi-r2);border:1px solid rgba(255,255,255,.08);background:rgba(10,10,16,.78);color:var(--lp-mute);font:inherit;text-align:left;cursor:pointer;
  transition:border-color .25s,background-color .25s,color .25s,transform .3s var(--mi-spring)}
.pg-mi-lb b{font:700 .84rem/1 'Rajdhani',sans-serif;letter-spacing:.09em;text-transform:uppercase}
.pg-mi-n{font:500 1.08rem/.8 'Teko',sans-serif;letter-spacing:.05em;font-variant-numeric:tabular-nums;white-space:nowrap}
.pg-mi-meter{position:absolute;left:10px;right:10px;bottom:6px;height:4px;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0 calc((100% - 38px)/20),transparent 0 calc((100% - 38px)/20 + 2px))}
.pg-mi-meter::after{content:'';position:absolute;inset:0;clip-path:inset(0 calc((1 - var(--v)) * 100%) 0 0);transition:clip-path .6s var(--lp-ease);
  background:repeating-linear-gradient(90deg,var(--mi-c,rgba(243,239,230,.42)) 0 calc((100% - 38px)/20),transparent 0 calc((100% - 38px)/20 + 2px))}
.pg-mi-lb:hover{border-color:rgba(255,255,255,.2);color:var(--lp-ink)}
.pg-mi-lb:active{transform:scale(.97)}
.pg-mi-lb:focus-visible{outline:2px solid rgba(var(--mi-t-rgb),.75);outline-offset:2px}
.pg-mi-lb[aria-pressed="true"]{border-color:rgba(var(--mi-t-rgb),.6);background:linear-gradient(180deg,rgba(var(--mi-t-rgb),.16),rgba(var(--mi-t-rgb),.05));color:#fff;--mi-c:var(--mi-t)}
.pg-mi-lb[aria-pressed="true"] .pg-mi-n{color:var(--mi-t-hi)}
.pg-mi-lb[data-l="forge"][aria-pressed="true"]{border-color:rgba(var(--mi-red-rgb),.55);background:linear-gradient(180deg,rgba(var(--mi-red-rgb),.14),rgba(var(--mi-red-rgb),.04));--mi-c:var(--mi-red)}
.pg-mi-lb[data-l="forge"][aria-pressed="true"] .pg-mi-n{color:#FFB4B4}

/* the mods window */
.pg-mi-win{z-index:2}
.pg-mi-cols{display:grid;grid-template-columns:minmax(0,1fr) auto 30px;gap:12px;padding:9px 16px 8px 58px;border-bottom:1px solid rgba(255,255,255,.05);font:700 .62rem/1 'Rajdhani',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--lp-faint)}
.pg-mi-cols span:last-child{text-align:center}
.pg-mi-list{position:relative;height:calc(var(--mi-rh) * 3 + 14px);margin:0;padding:6px}
.pg-mi-row{position:absolute;left:6px;right:6px;top:6px;height:calc(var(--mi-rh) - 4px);display:grid;grid-template-columns:28px minmax(0,1fr) auto 30px;align-items:center;gap:12px;padding:0 10px;border-radius:var(--mi-r2);overflow:hidden;
  translate:0 calc(var(--i,0) * var(--mi-rh));transition:translate .5s var(--mi-spring),opacity .3s,background-color .3s,box-shadow .3s}
.pg-mi-row:hover{background:rgba(255,255,255,.03)}
.pg-mi-row.is-gone,.pg-mi-row.is-wait{opacity:0;pointer-events:none}
.pg-mi-row.is-wait{transition:none}
.pg-mi-ric{width:24px;height:30px;overflow:visible}
.pg-mi-row.is-ok .pg-mi-ric{--mi-band:var(--mi-ok)}
.pg-mi-row.is-bad .pg-mi-ric{--mi-band:var(--mi-red)}
.pg-mi-rn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 .84rem/1.2 var(--mi-mono);color:#fff}
.pg-mi-rv{font:400 .72rem/1 var(--mi-mono);color:var(--lp-mute);white-space:nowrap}
.pg-mi-rs{display:grid;place-items:center}
.pg-mi-rs svg{grid-area:1/1;width:18px;height:18px}
.pg-mi-no{display:none}
.pg-mi-row.is-copy .pg-mi-ok,.pg-mi-row.is-copy .pg-mi-no{opacity:0}
.pg-mi-row.is-bad{background:rgba(var(--mi-red-rgb),.08);box-shadow:inset 0 0 0 1px rgba(var(--mi-red-rgb),.38)}
.pg-mi-row.is-bad .pg-mi-ok{display:none}
.pg-mi-row.is-bad .pg-mi-no{display:block}
.pg-mi-row.is-bad .pg-mi-rv{color:#FFB4B4}
.pg-mi-row.is-new{background:rgba(var(--mi-ok-rgb),.1);box-shadow:inset 0 0 0 1px rgba(var(--mi-ok-rgb),.34)}
.pg-mi-row.is-new.is-bad{background:rgba(var(--mi-red-rgb),.1);box-shadow:inset 0 0 0 1px rgba(var(--mi-red-rgb),.45)}
.pg-mi-row.is-land{animation:mi-row-in .55s var(--mi-spring) both}
.pg-mi-row.is-land .pg-mi-ric{animation:mi-squash .6s var(--mi-spring) both;transform-origin:50% 100%}
.pg-mi-row.is-pop .pg-mi-rs svg{animation:mi-pop .55s var(--mi-spring) both}
.pg-mi-row.is-shake{animation:mi-shake .5s cubic-bezier(.36,.07,.19,.97) both}
.pg-mi-rbar{position:absolute;left:50px;right:14px;bottom:5px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--mi-t),var(--mi-t-hi));transform:scaleX(0);transform-origin:0 50%;opacity:0}
.pg-mi-row.is-copy .pg-mi-rbar{opacity:1;transform:scaleX(1);transition:transform .52s cubic-bezier(.4,0,.6,1)}
.pg-mi-row::after{content:'';position:absolute;top:0;bottom:0;left:0;width:38%;pointer-events:none;transform:translateX(-110%);
  background:linear-gradient(100deg,transparent,rgba(var(--mi-ok-rgb),.2) 42%,rgba(233,255,251,.2) 50%,rgba(var(--mi-ok-rgb),.2) 58%,transparent)}
.pg-mi-row.is-bad::after{background:linear-gradient(100deg,transparent,rgba(var(--mi-red-rgb),.22) 45%,rgba(255,220,220,.18) 50%,rgba(var(--mi-red-rgb),.22) 55%,transparent)}
.pg-mi-row.is-pop::after{animation:mi-shine .95s .05s var(--lp-ease) both}
.pg-mi-dep{position:absolute;left:27px;top:calc(var(--mi-rh) / 2 + 20px);width:2px;height:calc(var(--mi-rh) - 33px);border-radius:2px;background:var(--mi-ok);transform:scaleY(0);transform-origin:50% 100%;transition:transform .35s var(--mi-snap)}
.pg-mi-dep::before,.pg-mi-dep::after{content:'';position:absolute;left:-2px;width:6px;height:2px;background:var(--mi-ok)}
.pg-mi-dep::before{top:0}.pg-mi-dep::after{bottom:0}
.pg-mi-dep b{display:none}
.pg-mi-stage.is-dep .pg-mi-dep{transform:none}
.pg-mi-slot{position:absolute;left:8px;right:8px;top:8px;display:grid;place-items:center;height:calc(var(--mi-rh) * (var(--mi-rows,3) - var(--i,1)) - 8px);border-radius:8px;border:1px dashed rgba(var(--mi-t-rgb),.5);
  background:radial-gradient(closest-side,rgba(var(--mi-t-rgb),.2),rgba(var(--mi-t-rgb),.05) 70%,transparent),repeating-linear-gradient(135deg,rgba(var(--mi-t-rgb),.045) 0 6px,transparent 6px 12px);translate:0 calc(var(--i,1) * var(--mi-rh));pointer-events:none}
.pg-mi-slot[data-i="0"]{opacity:0}
.pg-mi-stage.is-hint .pg-mi-slot{animation:mi-breathe 1.6s ease-in-out infinite}
.pg-mi-sfold{position:relative;width:46px;height:40px;opacity:.9;transition:opacity .3s}
.pg-mi-sfold svg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}
.pg-mi-sf-f{position:absolute;inset:0;transform-origin:50% 100%;transition:transform .4s var(--mi-spring)}
.pg-mi-slot[data-i="2"] .pg-mi-sfold{width:30px;height:26px;opacity:.5}
.pg-mi-stage.is-hint .pg-mi-sfold{opacity:1}
.pg-mi-stage.is-hint .pg-mi-sf-f{animation:mi-flap 1.6s ease-in-out infinite}
.pg-mi-win.is-near .pg-mi-sfold{opacity:.9}
.pg-mi-win.is-near .pg-mi-sf-f{animation:none;transform:skewX(-8deg) scaleY(.88)}
.pg-mi-win.is-armed .pg-mi-sf-f{transform:skewX(-20deg) scaleY(.7)}
.pg-mi-empty{position:absolute;inset:12px;display:grid;place-items:center;margin:0;border-radius:var(--mi-r2);border:1px dashed rgba(255,255,255,.12);font:400 .78rem/1 var(--mi-mono);color:var(--lp-faint);opacity:0;transition:opacity .3s}
.pg-mi-empty.is-on{opacity:1}
.pg-mi-dz{position:absolute;inset:4px;display:grid;place-items:end start;padding:0 0 9px 10px;border-radius:11px;border:1.5px dashed rgba(var(--mi-t-rgb),.8);background:rgba(var(--mi-t-rgb),.05);pointer-events:none;opacity:0;transform:scale(.97);transition:opacity .22s,transform .4s var(--mi-spring)}
.pg-mi-dz span{padding:6px 10px;border-radius:6px;background:#1A150B;font:700 .62rem/1 'Rajdhani',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--mi-t-hi)}
.pg-mi-win.is-near .pg-mi-dz{opacity:.45;transform:scale(.985)}
.pg-mi-win.is-armed .pg-mi-dz{opacity:1;transform:none}
.pg-mi-win.is-armed{border-color:rgba(var(--mi-t-rgb),.5)}
.pg-mi-stat{position:relative;display:flex;align-items:center;gap:10px;height:36px;padding:0 14px;border-top:1px solid rgba(255,255,255,.065);border-radius:0 0 var(--mi-r) var(--mi-r);overflow:hidden;font:400 .72rem/1 var(--mi-mono);color:var(--lp-mute)}
.pg-mi-cnt{display:inline-flex;align-items:baseline;gap:5px;color:var(--lp-dim);white-space:nowrap}
.pg-mi-cnt b{display:inline-block;min-width:.7em;font:500 1.08rem/.8 'Teko',sans-serif;color:#fff;font-variant-numeric:tabular-nums}
.pg-mi-msg{min-width:0;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;transition:color .3s}
.pg-mi-stage.is-done .pg-mi-msg{color:var(--mi-ok-hi)}
.pg-mi-stage.is-fail .pg-mi-msg{color:#FFB4B4}
.pg-mi-reset{flex:none;padding:5px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.16);background:transparent;color:var(--lp-dim);font:700 .62rem/1 'Rajdhani',sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.pg-mi-reset:hover{border-color:rgba(var(--mi-t-rgb),.6);color:#fff}
.pg-mi-prog{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--mi-t),var(--mi-t-hi));transform:scaleX(0);transform-origin:0 50%}

/* version chain: Minecraft → Java → loader; after a good install a light runs along the joints */
.pg-mi-vs{display:flex;align-items:stretch;flex-wrap:nowrap;margin:0;padding:0;list-style:none}
.pg-mi-vs li{position:relative;display:grid;align-content:center;gap:4px;padding:8px 13px 7px;border-radius:var(--mi-r2);background:rgba(10,10,16,.82);border:1px solid rgba(255,255,255,.09);perspective:400px}
.pg-mi-vs li::after{content:'';position:absolute;inset:-1px;border-radius:inherit;border:1px solid rgba(var(--mi-ok-rgb),.75);background:rgba(var(--mi-ok-rgb),.08);opacity:0;pointer-events:none}
.pg-mi-vs.is-ping li::after{animation:mi-ping 1.5s var(--lp-ease) both}
.pg-mi-vs.is-ping li:nth-child(2)::after{animation-delay:.22s}.pg-mi-vs.is-ping li:nth-child(3)::after{animation-delay:.44s}
.pg-mi-vs li+li{margin-left:30px}
.pg-mi-vs li+li::before{content:'';position:absolute;right:100%;top:50%;width:30px;height:1px;background:linear-gradient(90deg,rgba(var(--mi-t-rgb),.15),rgba(var(--mi-t-rgb),.75));transform-origin:0 50%}
.pg-mi-vs li+li small::before{content:'';position:absolute;right:calc(100% + 1px);top:50%;width:5px;height:5px;margin-top:-3px;border-top:1px solid var(--mi-t);border-right:1px solid var(--mi-t);transform:rotate(45deg)}
.pg-mi-vs li:last-child{border-color:rgba(var(--mi-t-rgb),.42);background:linear-gradient(180deg,rgba(var(--mi-t-rgb),.1),rgba(10,10,16,.85))}
[data-l="forge"] .pg-mi-vs li:last-child{border-color:rgba(var(--mi-red-rgb),.45);background:linear-gradient(180deg,rgba(var(--mi-red-rgb),.1),rgba(10,10,16,.85))}
.pg-mi-vs small{font:700 .58rem/1 'Rajdhani',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--lp-mute);white-space:nowrap}
.pg-mi-vs b{font:500 1.32rem/.85 'Teko',sans-serif;letter-spacing:.04em;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.pg-mi-vs i{position:absolute;right:100%;top:50%;width:6px;height:3px;margin:-1px -2px 0 0;border-radius:2px;background:var(--mi-t-hi);opacity:0}
.pg-mi-note{margin:0;font-size:.72rem;line-height:1.4;color:var(--lp-faint)}
.pg-mi-note::before{content:'';display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:1px;background:var(--mi-t);opacity:.8;vertical-align:1px}

/* ghost cursor (a fingertip on touch screens) + drag proxy + drop particles */
.pg-mi-ghost{position:absolute;left:0;top:0;z-index:30;width:22px;height:31px;pointer-events:none;opacity:0;will-change:transform,opacity}
.pg-mi-ghost svg{position:absolute;left:0;top:0;filter:drop-shadow(0 3px 2px rgba(0,0,0,.6))}
.pg-mi-g-a{width:21px;height:30px}
.pg-mi-g-h{width:26px;height:20px;left:-6px!important;top:-4px!important;opacity:0}
.pg-mi-ghost.is-grab .pg-mi-g-a{opacity:0}
.pg-mi-ghost.is-grab .pg-mi-g-h{opacity:1}
.pg-mi-ghost.is-idle svg{animation:mi-idle 2.8s ease-in-out infinite}
.pg-mi-g-f{display:none;position:absolute;left:-17px;top:-17px;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 40% 34%,rgba(255,255,255,.92),rgba(226,226,236,.78) 58%,rgba(190,190,205,.66));box-shadow:0 0 0 2px rgba(11,11,18,.6),0 0 0 4px rgba(255,255,255,.28),0 10px 20px rgba(0,0,0,.55);transition:transform .2s var(--mi-spring)}
.pg-mi-g-f::after{content:'';position:absolute;inset:-3px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px rgba(11,11,18,.45);opacity:0}
@media(hover:none){
  .pg-mi-ghost svg{display:none}
  .pg-mi-g-f{display:block}
  .pg-mi-ghost.is-grab .pg-mi-g-f{transform:scale(.8)}
  .pg-mi-ghost.is-grab .pg-mi-g-f::after{animation:mi-tap .55s cubic-bezier(.2,.7,.3,1) both}
}
.pg-mi-proxy{position:absolute;left:0;top:0;z-index:25;display:grid;justify-items:center;gap:6px;width:112px;margin:-40px 0 0 -56px;pointer-events:none;will-change:transform}
.pg-mi-proxy svg{width:64px;height:80px;filter:drop-shadow(0 18px 14px rgba(0,0,0,.55))}
.pg-mi-proxy span{padding:4px 7px;border-radius:5px;background:rgba(8,8,13,.9);border:1px solid rgba(var(--mi-t-rgb),.5);font:400 .66rem/1 var(--mi-mono);color:#fff;white-space:nowrap}
.pg-mi-px{position:absolute;left:0;top:0;z-index:24;width:5px;height:5px;margin:-2px 0 0 -2px;pointer-events:none;background:var(--mi-ok)}
.pg-mi-px:nth-child(3n){background:var(--lp-gold-hi)}
.pg-mi-px:nth-child(4n){background:#E9FFFB;width:4px;height:4px}
.pg-mi-trail{position:absolute;left:0;top:0;z-index:24;display:grid;justify-items:center;width:112px;margin:-40px 0 0 -56px;pointer-events:none;opacity:0}
.pg-mi-trail svg{width:64px;height:80px}
.pg-mi-arc{position:absolute;left:0;top:0;z-index:4;pointer-events:none}
.pg-mi-arc i{position:absolute;left:-2.5px;top:-2.5px;width:5px;height:5px;background:var(--mi-t-hi);opacity:0;transition:opacity .4s}
.pg-mi-arc i:last-of-type{left:-6px;top:-6px;width:12px;height:12px;background:none;border-right:3px solid var(--mi-t-hi);border-bottom:3px solid var(--mi-t-hi)}
.pg-mi-stage.is-hint .pg-mi-arc i{opacity:.5}
.pg-mi-stage.is-hint .pg-mi-arc i:last-of-type{opacity:.95}
.pg-mi-arc b{position:absolute;left:-3.5px;top:-3.5px;width:7px;height:7px;background:#FFF6DC;opacity:0;will-change:transform,opacity}
.pg-mi-ring{position:absolute;left:0;top:0;z-index:23;width:76px;height:76px;margin:-38px 0 0 -38px;border:2px solid var(--mi-ok-hi);border-radius:14px;pointer-events:none;opacity:0}
.pg-mi-ring.is-bad{border-color:var(--mi-red)}
.pg-mi-flash{position:absolute;inset:0;border-radius:11px;pointer-events:none;opacity:0;background:radial-gradient(62% 80% at 56% var(--fy,50%),rgba(var(--mi-ok-rgb),.24),transparent 72%)}
.pg-mi-flash.is-bad{background:radial-gradient(62% 80% at 56% var(--fy,50%),rgba(var(--mi-red-rgb),.22),transparent 72%)}

/* entrance: the windows assemble, the strip links up (first-screen text is never hidden) */
.lp-js .pg-mi-dl{animation:mi-in-l .65s .12s var(--lp-ease) both}
.lp-js .pg-mi-win{animation:mi-in-u .75s .22s var(--lp-ease) both}
.lp-js .pg-mi-lpick{animation:mi-in-u .6s .36s var(--lp-ease) both}
.lp-js .pg-mi-vs li{animation:mi-chip .5s var(--mi-spring) both}
.lp-js .pg-mi-vs li:nth-child(1){animation-delay:.62s}.lp-js .pg-mi-vs li:nth-child(2){animation-delay:.76s}.lp-js .pg-mi-vs li:nth-child(3){animation-delay:.9s}
.lp-js .pg-mi-vs li+li::before{animation:mi-line .35s var(--lp-ease) both}
.lp-js .pg-mi-vs li:nth-child(2)::before{animation-delay:.72s}.lp-js .pg-mi-vs li:nth-child(3)::before{animation-delay:.86s}
.lp-js .pg-mi-vs i{animation:mi-pulse 3.2s .95s var(--lp-ease) 2}
.lp-js .pg-mi-note{animation:mi-fade .6s 1s both}
.pg-mi-flip{animation:mi-flip .42s var(--lp-ease)}

/* desktop placement: Pobrane snapped to the left edge, the mods window low on the wallpaper (the file travels a long diagonal
   from the dock into it), the taskbar across the whole width at the bottom of the first screen */
@media(min-width:1100px){
  .pg-mi-stage{position:absolute;inset:0;z-index:1;pointer-events:none;--mi-rh:clamp(52px,3.75vw,72px)}
  .pg-mi-dl,.pg-mi-win,.pg-mi-task{pointer-events:auto}
  .pg-mi-stage::before,.pg-mi-stage::after{right:calc(var(--mi-gut) + var(--mi-cw) + var(--mi-gap) - var(--mi-ww) * .2);bottom:calc(var(--mi-tb) - 40px);width:calc(var(--mi-ww) * 1.4);height:min(66vh,620px);
    background:radial-gradient(50% 48% at 50% 58%,rgba(212,160,23,.2),rgba(212,160,23,.05) 56%,transparent 76%)}
  .pg-mi-stage::before{background:radial-gradient(50% 48% at 50% 60%,rgba(var(--mi-ok-rgb),.3),rgba(var(--mi-ok-rgb),.07) 56%,transparent 76%);opacity:0;transition:opacity .9s var(--lp-ease)}
  .pg-mi-stage.is-done::before{opacity:1}
  .pg-mi-dl{position:absolute;left:0;top:calc(var(--mi-nav) + clamp(22px,4.4vh,48px));width:clamp(212px,14.6vw,282px);border-left:0;border-radius:0 var(--mi-r) var(--mi-r) 0;
    box-shadow:var(--mi-shadow),22px 24px 46px -18px rgba(0,0,0,.82),inset 0 1px 0 rgba(255,255,255,.05)}
  .pg-mi-dl .pg-mi-wbar{border-radius:0 var(--mi-r) 0 0}
  .pg-mi-snap{display:block;margin-left:auto;width:10px;height:10px;border:1px solid rgba(255,255,255,.2);border-left:3px solid rgba(var(--mi-t-rgb),.75);border-radius:2px}
  .pg-mi-hint{left:calc(100% + 18px);right:auto;top:26%;margin:0}
  .pg-mi-hint::before{left:0;top:50%;margin:-4px 0 0 -4px;border:0;border-left:1px solid rgba(var(--mi-t-rgb),.5);border-bottom:1px solid rgba(var(--mi-t-rgb),.5)}
  .pg-mi-stage.is-hint .pg-mi-hint{animation-name:mi-nudge-x}
  .pg-mi-win{position:absolute;right:calc(var(--mi-gut) + var(--mi-cw) + var(--mi-gap));bottom:calc(var(--mi-tb) + clamp(26px,4.8vh,54px));width:var(--mi-ww);
    box-shadow:var(--mi-shadow),0 40px 80px -30px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.05)}
  .pg-mi-task{position:absolute;left:0;right:0;bottom:0;z-index:5;display:flex;align-items:center;gap:clamp(12px,1.5vw,30px);height:var(--mi-tb);padding:0 var(--mi-gut) 0 0;
    background:linear-gradient(180deg,rgba(14,14,21,.95),rgba(8,8,13,.98));border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -20px 44px -26px rgba(0,0,0,.9)}
  .pg-mi-task::before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,rgba(var(--mi-t-rgb),.5),rgba(var(--mi-t-rgb),.16) 40%,rgba(255,255,255,.06) 75%,transparent);pointer-events:none}
  .pg-mi-tw{display:flex;align-self:stretch}
  .pg-mi-tw-b{position:relative;display:flex;align-items:center;gap:9px;padding:0 clamp(12px,1.1vw,20px);border-right:1px solid rgba(255,255,255,.06);font:500 .78rem/1 var(--mi-mono);color:var(--lp-dim);white-space:nowrap}
  .pg-mi-tw-b:first-child{padding-left:clamp(18px,1.6vw,30px)}
  .pg-mi-tw-b svg{flex:none;width:16px;height:16px}
  .pg-mi-tw-b[data-w="mods"] svg{width:18px;height:16px}
  .pg-mi-tw-b::after{content:'';position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:2px 2px 0 0;background:rgba(var(--mi-t-rgb),.75)}
  .pg-mi-tw-b i{position:absolute;left:0;right:0;bottom:0;height:100%;background:linear-gradient(180deg,transparent 40%,rgba(var(--mi-t-rgb),.14));transform:scaleX(0);transform-origin:0 50%;opacity:0}
  .pg-mi-stage.is-dlg .pg-mi-tw-b i{opacity:1;animation:mi-fill 1.3s cubic-bezier(.45,.05,.55,.95) both}
  .pg-mi-tw-b b{display:inline-grid;place-items:center;min-width:20px;height:18px;padding:0 5px;border-radius:5px;background:rgba(255,255,255,.08);font:500 1.08rem/1 'Teko',sans-serif;color:#fff;font-variant-numeric:tabular-nums}
  .pg-mi-stage.is-inst .pg-mi-tw-b b{background:rgba(var(--mi-ok-rgb),.2);color:var(--mi-ok-hi)}
  .pg-mi-lpick{display:flex;align-items:center;gap:6px}
  .pg-mi-k{display:block;margin-right:8px}
  .pg-mi-lb{width:auto;min-width:clamp(118px,8.4vw,156px);padding:8px 11px 14px;background:rgba(255,255,255,.025)}
  .pg-mi-lb .pg-mi-meter{bottom:5px}
  .pg-mi-vs li{padding:7px 12px 6px}
  .pg-mi-vs b{font-size:1.32rem}
  .pg-mi-note{margin-left:auto;max-width:clamp(230px,17vw,330px);text-align:right;font-size:.66rem;color:var(--lp-mute)}
  .lp-js .pg-mi-dl{animation:mi-dock .8s .1s var(--mi-spring) both}
  .lp-js .pg-mi-task{animation:mi-tb .6s .05s var(--lp-ease) both}
}
@media(min-width:1100px) and (max-width:1439px){
  .pg-mi-k,.pg-mi-tw-b:not(:first-child) svg{display:none}
  .pg-mi-lb{min-width:0}
  .pg-mi-note{max-width:210px}
}
@media(min-width:1100px) and (max-width:1279px){
  .pg-mi-tw{display:none}
  .pg-mi-task{padding-left:var(--mi-gut)}
}
@media(min-width:1100px) and (max-width:1679px){
  .pg-mi-jar-b{width:clamp(64px,5.4vw,84px);height:auto;aspect-ratio:4/5}
}
@media(min-width:1680px){
  .pg-mi-stage .pg-mi-wbar{height:42px}
  .pg-mi-rn{font-size:.92rem}.pg-mi-rv{font-size:.78rem}.pg-mi-path,.pg-mi-path b{font-size:.84rem}
  .pg-mi-stat{font-size:.78rem;height:42px}
  .pg-mi-cols{font-size:.62rem;padding-top:11px;padding-bottom:10px;padding-left:62px}
  .pg-mi-row{grid-template-columns:32px minmax(0,1fr) auto 30px;padding:0 12px}
  .pg-mi-jar{padding-top:22px}
  .pg-mi-jar-b{width:112px;height:140px}
  .pg-mi-sfold{width:62px;height:54px}
  .pg-mi-slot[data-i="2"] .pg-mi-sfold{width:38px;height:33px}
  .pg-mi-jar-n{font-size:.92rem}
  .pg-mi-ric{width:32px;height:40px}
  .pg-mi-rs svg{width:20px;height:20px}
  .pg-mi-dep{left:32px;top:calc(var(--mi-rh) / 2 + 23px);height:calc(var(--mi-rh) - 38px)}
  .pg-mi-lb b{font-size:.92rem}
  .pg-mi-vs li{padding:8px 15px 7px}
  .pg-mi-vs b{font-size:1.5rem}
  .pg-mi-vs small{font-size:.62rem}
  .pg-mi-tw-b{font-size:.84rem}
  .pg-mi-proxy,.pg-mi-trail{width:160px;margin:-70px 0 0 -80px}
  .pg-mi-proxy svg,.pg-mi-trail svg{width:112px;height:140px}
}

/* ── tablet + phone: the windows under the headline, the taskbar as a strip under them ─────────────────────────────────── */
@media(hover:none){.pg-mi-jar{touch-action:pan-y}.pg-mi-jar-b{touch-action:none}}
@media(max-width:1099px){
  .pg-mi-stage{display:grid;grid-template-columns:176px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;row-gap:12px;max-width:640px;margin:6px auto 26px;align-items:start}
  .pg-mi-stage::before{inset:-40px -50px -20px;opacity:.28;background:radial-gradient(circle,rgba(255,255,255,.18) 1px,transparent 1.6px) 0 0/22px 22px;
    -webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent);mask-image:radial-gradient(closest-side,#000 30%,transparent)}
  .pg-mi-stage::after{left:-10%;right:-14%;top:-10%;bottom:-16%;background:radial-gradient(40% 40% at 62% 50%,rgba(212,160,23,.2),transparent 76%)}
  .pg-mi-dl{grid-column:1;grid-row:1}
  .pg-mi-win{grid-column:2;grid-row:1}
  .pg-mi-task{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 16px;padding:10px;border-radius:var(--mi-r);background:rgba(10,10,16,.86);border:1px solid rgba(255,255,255,.08)}
  .pg-mi-lpick{grid-column:1/-1}
  .pg-mi-note{grid-column:1/-1}
  body[data-pg="modinstall"] .lp-hero--post .lp-lead{margin-left:auto;margin-right:auto}
}
@media(max-width:640px){
  body[data-pg="modinstall"] .lp-hero--post{padding:88px 16px 44px}
  body[data-pg="modinstall"] .lp-hero--post .lp-hero-in{text-align:left}
  body[data-pg="modinstall"] .lp-hero--post .lp-crumbs ol,body[data-pg="modinstall"] .lp-hero--post .lp-meta{justify-content:flex-start}
  body[data-pg="modinstall"] .lp-hero--post .lp-h1{font-size:clamp(1.62rem,7.35vw,2.2rem);margin-bottom:16px}
  body[data-pg="modinstall"] .lp-h1 .lp-gold{font-size:.58em}
  body[data-pg="modinstall"] .lp-crumbs ol{margin-bottom:14px;font-size:.66rem}
  body[data-pg="modinstall"] .lp-cat{margin-bottom:14px}
  .pg-mi-stage{grid-template-columns:minmax(0,1fr);row-gap:10px;margin:2px 0 22px;--mi-rh:50px;--mi-rows:2}
  .pg-mi-stage::before{inset:-20px -16px}
  .pg-mi-dl{grid-column:1;grid-row:auto;order:1;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center}
  .pg-mi-dl .pg-mi-wbar{grid-column:1/-1;height:32px}
  .pg-mi-jar{grid-column:1/-1;grid-template-columns:44px minmax(0,1fr) auto;justify-items:start;align-items:center;column-gap:12px;row-gap:2px;padding:10px 12px}
  .pg-mi-jar-b{grid-row:1/3;width:40px;height:50px}
  .pg-mi-jar-n{text-align:left}
  .pg-mi-jar-t{grid-column:2;justify-self:start}
  .pg-mi-src{position:absolute;right:12px;top:11px;padding:0}
  .pg-mi-dlp{left:0;right:0;bottom:-6px}
  .pg-mi-hint{left:auto;right:12px;top:auto;bottom:12px;margin:0}
  .pg-mi-hint::before{display:none}
  .pg-mi-win{grid-column:1;grid-row:auto;order:2;margin-top:0}
  .pg-mi-task{grid-column:1;grid-row:auto;order:3;grid-template-columns:minmax(0,1fr);gap:8px;padding:8px}
  .pg-mi-lb{flex-direction:column;align-items:flex-start;gap:5px;padding:8px 8px 14px}
  .pg-mi-lb b{font-size:.78rem}
  .pg-mi-vs li{padding:7px 9px 6px}
  .pg-mi-vs li+li{margin-left:18px}
  .pg-mi-vs li+li::before{width:18px}
  .pg-mi-vs b{font-size:1.08rem}
  .pg-mi-vs small{font-size:.58rem;letter-spacing:.12em}
  .pg-mi-note{font-size:.66rem}
  .pg-mi-cols{padding-left:52px}
  .pg-mi-list{height:calc(var(--mi-rh) * 2 + 12px)}
  .pg-mi-slot[data-i="2"]{opacity:0}
  .pg-mi-sfold{width:26px;height:23px}
  .pg-mi-arc{display:none}
  .pg-mi-row{gap:10px;padding:0 8px}
  .pg-mi-rn{font-size:.78rem}
  .pg-mi-rv{font-size:.66rem}
  .pg-mi-path span:first-child{display:none}
  .pg-mi-dep{left:25px}
  .pg-mi-msg{font-size:.66rem}
  .pg-mi-dz span{display:none}
  .pg-mi-proxy,.pg-mi-trail{margin:-27px 0 0 -22px;justify-items:start}
  .pg-mi-proxy svg,.pg-mi-trail svg{width:44px;height:55px}
}

/* ══ sections — one language: folders, files, trees, progress; manila/gold = chrome, teal = installed, red = broken ═══════════════ */
body[data-pg="modinstall"]{
  --mi-bar:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));
}
body[data-pg="modinstall"] .lp-progress{background:linear-gradient(90deg,var(--mi-t),var(--mi-t-hi) 45%,var(--lp-gold-hi))}

/* chapter chrome: each chapter hangs on the file tree (square node on the left), its eyebrow is a folder tab with a path */
body[data-pg="modinstall"] .lp-sec::before{background:linear-gradient(90deg,rgba(var(--mi-t-rgb),.5),rgba(212,160,23,.3) 18%,rgba(255,255,255,.07) 55%,transparent)}
body[data-pg="modinstall"] .lp-sec::after{left:0;top:-4px;width:9px;height:9px;margin-left:0;transform:none;border-radius:2px;background:#17130A;border:1px solid rgba(var(--mi-t-rgb),.75)}
body[data-pg="modinstall"] .lp-eyebrow{position:relative;display:inline-flex;align-items:center;gap:0;margin:10px 0 18px;padding:8px 14px 7px 36px;border:1px solid rgba(212,160,23,.3);border-radius:2px 9px 9px 9px;
  background:url(/img/lp/modinstall/fold.svg) 12px 50%/16px 14px no-repeat,linear-gradient(180deg,rgba(212,160,23,.11),rgba(212,160,23,.035));font:400 .78rem/1 var(--mi-mono);letter-spacing:0;text-transform:lowercase;color:var(--lp-dim)}
body[data-pg="modinstall"] .lp-eyebrow::before{content:'';position:absolute;left:-1px;top:-7px;width:40%;min-width:54px;height:7px;border:1px solid rgba(212,160,23,.3);border-bottom:0;border-radius:5px 6px 0 0;background:rgba(212,160,23,.11)}
body[data-pg="modinstall"] .lp-eyebrow::after{display:none}
body[data-pg="modinstall"] .lp-eyebrow b{font:500 1.08rem/.7 'Teko',sans-serif;letter-spacing:.06em;color:var(--lp-gold-hi);padding-top:2px}
body[data-pg="modinstall"] .lp-eyebrow b::after{content:'/';margin:0 9px;font:400 .78rem/1 var(--mi-mono);color:rgba(var(--mi-t-rgb),.7)}
body[data-pg="modinstall"] .lp-article .lp-h3{display:flex;align-items:baseline;gap:10px}
body[data-pg="modinstall"] .lp-article .lp-h3::before{content:'';flex:none;width:9px;height:9px;border-radius:2px;background:var(--mi-t);box-shadow:inset -2px -2px 0 rgba(0,0,0,.3);transform:translateY(-1px)}
body[data-pg="modinstall"] .lp-list li::before{left:5px;top:.66em;width:7px;height:7px;transform:none;border-radius:1px;background:var(--lp-gold);box-shadow:inset -2px -2px 0 rgba(0,0,0,.3)}
body[data-pg="modinstall"] ol.lp-list{counter-reset:mi}
body[data-pg="modinstall"] ol.lp-list>li{counter-increment:mi;padding-left:42px;margin-bottom:14px}
body[data-pg="modinstall"] ol.lp-list>li::before{content:counter(mi);left:0;top:.08em;width:27px;height:27px;display:grid;place-items:center;padding-top:3px;box-sizing:border-box;border-radius:7px;background:#17130A;border:1px solid rgba(var(--mi-t-rgb),.45);box-shadow:inset 0 -3px 0 rgba(var(--mi-t-rgb),.16);font:500 1.08rem/1 'Teko',sans-serif;color:var(--mi-t-hi)}
body[data-pg="modinstall"] .lp-article p code,body[data-pg="modinstall"] .lp-article li code,body[data-pg="modinstall"] .lp-article td code{padding:1px 6px;border-radius:5px;border-color:rgba(var(--mi-t-rgb),.24);background:rgba(var(--mi-t-rgb),.075);color:var(--mi-t-hi);font-size:.84rem}
body[data-pg="modinstall"] .lp-pill{padding:4px 8px;border-radius:5px;font:400 .66rem/1 var(--mi-mono);letter-spacing:0;text-transform:none;color:var(--mi-t-hi)}

/* a widget enters like a window opening: rises less, its content follows in order */
.lp-rv-armed body[data-pg="modinstall"] .pg-mi-w.lp-rv:not(.is-in){transform:translate3d(0,16px,0)}

/* w skrócie: the answer is a document window, its numbers a properties strip */
body[data-pg="modinstall"] .lp-answer{padding:60px 30px 22px;border-radius:var(--mi-r);border:1px solid rgba(var(--mi-t-rgb),.2);background:var(--mi-win);box-shadow:var(--mi-shadow)}
body[data-pg="modinstall"] .lp-answer::before{inset:40px -1px auto;height:160px;border-radius:0;background:radial-gradient(60% 100% at 0 0,rgba(var(--mi-t-rgb),.08),transparent 70%)}
body[data-pg="modinstall"] .lp-answer-k{position:absolute;left:0;right:0;top:0;height:40px;margin:0;max-width:none;padding:0 16px 0 40px;border-bottom:1px solid rgba(255,255,255,.065);border-radius:var(--mi-r) var(--mi-r) 0 0;
  background:url(/img/lp/modinstall/docx.svg) 16px 50%/12px 14px no-repeat,var(--mi-bar);font-size:.66rem;letter-spacing:.22em;color:var(--lp-dim)}
body[data-pg="modinstall"] .lp-answer-k i{display:none}
body[data-pg="modinstall"] .lp-answer-k::after{content:'';margin-left:auto;width:11px;height:11px;border-radius:3px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(rgba(255,255,255,.4),rgba(255,255,255,.4)) 50% 70%/5px 1px no-repeat}
body[data-pg="modinstall"] .lp-chips{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:22px -30px 0;border-top:1px solid rgba(255,255,255,.065);border-bottom:1px solid rgba(255,255,255,.065);background:rgba(0,0,0,.18)}
body[data-pg="modinstall"] .lp-chips li{display:grid;align-content:start;gap:6px;padding:13px 14px 12px;border:0;border-radius:0;background:none;font:400 .72rem/1.3 var(--mi-mono);color:var(--lp-mute)}
body[data-pg="modinstall"] .lp-chips li+li{border-left:1px solid rgba(255,255,255,.065)}
body[data-pg="modinstall"] .lp-chips li b{font:500 1.7rem/.8 'Teko',sans-serif;color:#fff;font-variant-numeric:tabular-nums}
body[data-pg="modinstall"] .lp-chips li:nth-child(5) b{color:var(--mi-t-hi)}
body[data-pg="modinstall"] .lp-byline{margin-top:16px!important;font:400 .72rem/1.5 var(--mi-mono);color:var(--lp-mute)}
body[data-pg="modinstall"] .lp-byline span:last-child{flex-basis:100%}
body[data-pg="modinstall"] .lp-byline span:last-child i{display:inline-block;width:28px;margin-right:21px;text-align:center}

/* tables are windows: the caption is the title bar */
body[data-pg="modinstall"] .lp-tablewrap{border-radius:var(--mi-r);border-color:var(--mi-edge);background:var(--mi-win);box-shadow:var(--mi-shadow)}
body[data-pg="modinstall"] .lp-tablebox::before{border-radius:var(--mi-r) 0 0 var(--mi-r)}
body[data-pg="modinstall"] .lp-tablebox::after{border-radius:0 var(--mi-r) var(--mi-r) 0}
body[data-pg="modinstall"] .lp-table caption{padding:12px 16px 11px 38px;border-bottom:1px solid rgba(255,255,255,.065);background:url(/img/lp/modinstall/doc.svg) 16px 50%/12px 14px no-repeat,var(--mi-bar);font-size:.66rem;letter-spacing:.18em;color:var(--lp-dim)}
body[data-pg="modinstall"] .lp-table thead th{background:#0F0F17;font-size:1.08rem;border-bottom-color:rgba(var(--mi-t-rgb),.22)}
body[data-pg="modinstall"] .lp-table tbody th{background:#0E0E15}
body[data-pg="modinstall"] .lp-src{font-family:var(--mi-mono);font-size:.72rem;line-height:1.6}

/* zanim-zaczniesz: version decoder + release line with the Java the launcher brings */
.pg-mi-ver{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;margin:28px 0 30px}
.pg-mi-w p,.pg-mi-pipe p{max-width:none}
.pg-mi-wtag{margin-left:auto;font:400 .66rem/1 var(--mi-mono);color:var(--lp-faint);white-space:nowrap}
.pg-mi-dec-in{padding:20px 18px 18px}
.pg-mi-dig{display:flex;align-items:flex-start;justify-content:center;gap:0}
.pg-mi-dig>i{padding-top:10px;font:500 3.4rem/1 'Teko',sans-serif;font-style:normal;color:var(--lp-faint)}
.pg-mi-part{display:grid;justify-items:center;gap:8px;margin:0;padding:12px 12px 10px;border:1px solid transparent;border-radius:10px;background:none;color:inherit;font:inherit;cursor:pointer;transition:border-color .3s,background-color .3s}
.pg-mi-part b{display:block;font:500 4.3rem/.74 'Teko',sans-serif;color:rgba(255,255,255,.5);font-variant-numeric:tabular-nums;transition:color .3s,transform .5s var(--mi-spring)}
.pg-mi-part span{font:700 .62rem/1 'Rajdhani',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--lp-faint);transition:color .3s}
.pg-mi-part:hover b{color:rgba(255,255,255,.8)}
.pg-mi-part.is-on{border-color:rgba(var(--mi-t-rgb),.45);background:linear-gradient(180deg,rgba(var(--mi-t-rgb),.12),rgba(var(--mi-t-rgb),.03))}
.pg-mi-part.is-on b{color:#fff;transform:translate3d(0,-3px,0)}
.pg-mi-part.is-on span{color:var(--mi-t-hi)}
.pg-mi-part:focus-visible{outline:2px solid rgba(var(--mi-t-rgb),.7);outline-offset:2px}
p.pg-mi-cap{margin:14px 0 0;min-height:1.4em;text-align:center;font:400 .78rem/1.4 var(--mi-mono);color:var(--lp-dim)}
.pg-mi-tl-in{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:22px 14px 6px;list-style:none}
.pg-mi-tl-in::before{content:'';position:absolute;left:12.5%;right:12.5%;top:33px;height:2px;margin:0 7px;transform-origin:0 50%;transition:transform 1s var(--lp-ease) .2s;
  background:linear-gradient(90deg,rgba(255,255,255,.18) 0 28%,rgba(var(--mi-t-rgb),.45) 36%,var(--mi-t))}
.pg-mi-tl-in li{position:relative;display:grid;justify-items:center;align-content:start;gap:4px;padding-top:26px;text-align:center;transition:opacity .45s var(--lp-ease),transform .55s var(--mi-spring);transition-delay:calc(var(--k) * .12s + .25s)}
.pg-mi-tl-in li::before{content:'';position:absolute;top:5px;left:50%;width:13px;height:13px;margin-left:-7px;border-radius:3px;background:#0D0D14;border:2px solid rgba(255,255,255,.3)}
.pg-mi-tl-in li+li::before{border-color:var(--mi-t)}
.pg-mi-tl-in li.is-last::before{background:var(--mi-t);box-shadow:0 0 0 4px rgba(var(--mi-t-rgb),.16)}
.pg-mi-tl-in b{font:500 1.5rem/.9 'Teko',sans-serif;letter-spacing:.03em;color:#fff;font-variant-numeric:tabular-nums}
.pg-mi-tl-in b span{display:inline-block;transition:color .3s,transform .4s var(--mi-spring)}
.pg-mi-ver[data-p="0"] .pg-mi-y,.pg-mi-ver[data-p="1"] .pg-mi-d{color:var(--mi-t-hi);transform:translate3d(0,-2px,0)}
.pg-mi-tl-in li>span{font:400 .66rem/1.2 var(--mi-mono);color:var(--lp-mute);white-space:nowrap}
.pg-mi-tl-in em{font:700 .58rem/1.2 'Rajdhani',sans-serif;font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--lp-gold-hi)}
.pg-mi-jv{display:grid;grid-template-columns:1fr 3fr;gap:8px;padding:12px 14px 16px}
.pg-mi-jv span{padding:7px 8px;border-radius:6px;font:400 .66rem/1 var(--mi-mono);text-align:center;white-space:nowrap;transition:opacity .5s .9s,transform .6s var(--mi-spring) .9s}
.pg-mi-jv-a{border:1px dashed rgba(255,255,255,.2);color:var(--lp-mute)}
.pg-mi-jv-b{border:1px solid rgba(var(--mi-t-rgb),.42);background:linear-gradient(90deg,rgba(var(--mi-t-rgb),.06),rgba(var(--mi-t-rgb),.14));color:var(--mi-t-hi)}
.lp-rv-armed .pg-mi-ver:not(.is-in) .pg-mi-tl-in li{opacity:0;transform:translate3d(0,10px,0)}
.lp-rv-armed .pg-mi-ver:not(.is-in) .pg-mi-tl-in::before{transform:scaleX(0)}
.lp-rv-armed .pg-mi-ver:not(.is-in) .pg-mi-jv span{opacity:0;transform:translate3d(0,6px,0)}

/* the loader table: a compatibility matrix — crosshair on hover, TOP 20 as 20 cells */
.pg-mi-bar{display:block;width:120px;height:7px;margin-top:8px;border-radius:2px;background:linear-gradient(90deg,var(--mi-t) calc(var(--n) * 5%),rgba(255,255,255,.1) 0)}
.pg-mi-bar.is-cells{display:flex;gap:2px;background:none}
.pg-mi-bar i{position:relative;flex:1;border-radius:1px;background:rgba(255,255,255,.1);overflow:hidden}
.pg-mi-bar i::after{content:'';position:absolute;inset:0;background:var(--mi-t);transform:scaleY(0);transform-origin:50% 100%;transition:transform .32s var(--mi-spring);transition-delay:calc(var(--k) * 26ms + .15s)}
.pg-mi-bar i.is-b::after{background:repeating-linear-gradient(135deg,var(--mi-t-hi) 0 1.5px,transparent 1.5px 3px)}
.pg-mi-mx.is-fill .pg-mi-bar i.is-f::after,.pg-mi-mx.is-fill .pg-mi-bar i.is-b::after{transform:none}
.pg-mi-mx td,.pg-mi-mx th{transition:background-color .18s,color .18s}
.pg-mi-mx .is-col,.pg-mi-mx tr.is-row>*{background-color:rgba(var(--mi-t-rgb),.055)!important}
.pg-mi-mx thead .is-col,.pg-mi-mx tr.is-row>th{color:var(--mi-t-hi)}
.pg-mi-mx .is-x{background-color:rgba(var(--mi-t-rgb),.12)!important;box-shadow:inset 0 0 0 1px rgba(var(--mi-t-rgb),.5)}

/* fabric: the stepper and the explorer that grows with it */
body[data-pg="modinstall"] .lp-steps::before{left:25px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.16) 0 4px,transparent 4px 8px)}
body[data-pg="modinstall"] .lp-steps::after{left:25px;background:linear-gradient(var(--mi-t-hi),var(--mi-t) 70%,rgba(var(--mi-t-rgb),.2))}
body[data-pg="modinstall"] .lp-step::before{border-radius:12px;background:#17130A;border-color:rgba(var(--mi-t-rgb),.6);color:var(--mi-t-hi);box-shadow:0 0 0 6px var(--lp-bg),inset 0 -4px 0 rgba(var(--mi-t-rgb),.12);transition:border-color .35s,color .35s,background-color .35s}
body[data-pg="modinstall"] .pg-mi-steps.is-live .lp-step::before{background:#0B0B12;border-color:rgba(255,255,255,.16);color:var(--lp-mute);box-shadow:0 0 0 6px var(--lp-bg),inset 0 -4px 0 rgba(255,255,255,.04)}
body[data-pg="modinstall"] .pg-mi-steps.is-live .lp-step.is-past::before{background:#17130A;border-color:rgba(var(--mi-t-rgb),.6);color:var(--mi-t-hi)}
body[data-pg="modinstall"] .pg-mi-steps.is-live .lp-step.is-cur::before{background:var(--mi-t);border-color:var(--mi-t-hi);color:#2B2010;animation:mi-pop2 .5s var(--mi-spring)}
body[data-pg="modinstall"] .pg-mi-steps.is-live .lp-step h3{transition:color .3s}
body[data-pg="modinstall"] .pg-mi-steps.is-live .lp-step:not(.is-cur):not(.is-past) h3{color:rgba(255,255,255,.78)}
.pg-mi-pathc{display:inline-flex;align-items:center;gap:6px;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;line-height:inherit;cursor:copy;vertical-align:baseline;text-align:left}
.pg-mi-pathc code{transition:border-color .2s,background-color .2s}
.pg-mi-pathc svg{flex:none;width:13px;height:13px;color:var(--mi-t);opacity:.75;transition:transform .3s var(--mi-spring),opacity .2s}
.pg-mi-pathc:hover code{border-color:rgba(var(--mi-t-rgb),.6)!important;background:rgba(var(--mi-t-rgb),.15)!important}
.pg-mi-pathc:hover svg{opacity:1;transform:translate3d(0,-1px,0) scale(1.12)}
.pg-mi-pathc:active svg{transform:scale(.82)}
.pg-mi-pathc:focus-visible{outline:2px solid rgba(var(--mi-t-rgb),.7);outline-offset:3px;border-radius:6px}
.pg-mi-ex{overflow:hidden}
.pg-mi-ex .pg-mi-wbar b{color:var(--lp-ink)}
.pg-mi-ex-n{margin-left:auto;font:400 .66rem/1 var(--mi-mono);color:var(--lp-mute);white-space:nowrap}
.pg-mi-ex-n b{font:500 1.08rem/.8 'Teko',sans-serif!important;letter-spacing:0!important;color:var(--mi-t-hi)!important}
.pg-mi-ex-prog{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;padding:11px 14px 0}
.pg-mi-ex-prog i{position:relative;height:4px;border-radius:1px;background:rgba(255,255,255,.08);overflow:hidden}
.pg-mi-ex-prog i::after{content:'';position:absolute;inset:0;background:var(--mi-t);transform:scaleX(0);transform-origin:0 50%;transition:transform .45s var(--lp-ease)}
.pg-mi-ex-prog i.is-on::after,.pg-mi-ex:not(.is-live) .pg-mi-ex-prog i::after{transform:none}
.pg-mi-ex-body{display:grid;gap:13px;padding:14px}
.pg-mi-ex-ver{display:flex;align-items:center;justify-content:space-between;padding:8px 11px;border-radius:8px;border:1px solid rgba(var(--mi-t-rgb),.32);background:rgba(var(--mi-t-rgb),.07)}
.pg-mi-ex-ver small{font:700 .58rem/1 'Rajdhani',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--lp-mute)}
.pg-mi-ex-ver b{font:500 1.32rem/.8 'Teko',sans-serif;color:#fff}
p.pg-mi-ex-h{display:flex;align-items:center;gap:7px;margin:0 0 6px;font:700 .62rem/1 'Rajdhani',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--lp-mute)}
p.pg-mi-ex-h svg{flex:none;width:12px;height:12px}
p.pg-mi-ex-h span{color:var(--lp-faint)}
.pg-mi-ex-g ul{display:grid;gap:3px;min-height:31px;margin:0 0 0 5px;padding:0 0 0 9px;list-style:none;border-left:1px dashed rgba(255,255,255,.14)}
.pg-mi-ex-g li{position:relative;display:flex;align-items:center;gap:8px;min-width:0;padding:5px 8px;border-radius:6px;font:400 .72rem/1.2 var(--mi-mono);color:#fff;white-space:nowrap;transition:opacity .35s,transform .5s var(--mi-spring),background-color .5s}
.pg-mi-ex-g li::before{content:'';position:absolute;left:-9px;top:50%;width:7px;height:1px;background:rgba(255,255,255,.14)}
.pg-mi-ex-g li svg{flex:none;width:14px;height:17.5px;overflow:visible}
.pg-mi-ex-g li small{font:inherit;color:var(--lp-mute)}
.pg-mi-ex-prof em{margin-left:auto;padding:4px 8px 3px;border-radius:5px;background:var(--mi-t);color:#2B2010;font:700 .62rem/1 'Rajdhani',sans-serif;font-style:normal;letter-spacing:.14em;text-transform:uppercase}
.pg-mi-ex-mods ul{border-left-color:rgba(var(--mi-t-rgb),.4)}
.pg-mi-ex-mods li::after{content:'';margin-left:auto;flex:none;width:11px;height:11px;background:url(/img/lp/modinstall/ok.svg) center/contain no-repeat}
.pg-mi-ex li.is-new{background:rgba(var(--mi-ok-rgb),.16)}
p.pg-mi-ex-log{margin:0;padding:10px 14px 11px;border-top:1px solid rgba(255,255,255,.065);font:400 .66rem/1.4 var(--mi-mono);color:var(--mi-t-hi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg-mi-ex.is-live .pg-mi-ex-ver:not(.is-on){opacity:0;transform:translate3d(-10px,0,0)}
.pg-mi-ex.is-live li[data-s]:not(.is-on){background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 5px,transparent 5px 10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.pg-mi-ex.is-live li[data-s]:not(.is-on)>*{opacity:0}
.pg-mi-ex-g li>*{transition:opacity .3s}
.pg-mi-ex.is-live li[data-s].is-on>*{animation:mi-in-x .45s var(--mi-spring) both}
.pg-mi-ex.is-live .pg-mi-ex-mods:not(.is-on){opacity:.28;transform:none}
.pg-mi-ex.is-live .pg-mi-ex-mods:not(.is-on) ul{border-left-style:dashed;border-left-color:rgba(255,255,255,.14)}
.pg-mi-ex.is-live[data-s="7"] .pg-mi-ex-prof em{animation:mi-press 1.6s .2s var(--mi-spring) 3}
.pg-mi-ex-fly{position:absolute;left:0;top:0;z-index:5;display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;background:#1E180C;border:1px solid rgba(var(--mi-t-rgb),.6);font:400 .72rem/1.2 var(--mi-mono);color:#fff;white-space:nowrap;pointer-events:none;box-sizing:border-box}
.pg-mi-ex-fly svg{flex:none;width:14px;height:17.5px}
.pg-mi-ex-fly small{font:inherit;color:var(--lp-mute)}
@media(min-width:900px){
  .pg-mi-steps{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,292px);gap:38px;align-items:start}
  .pg-mi-ex{position:sticky;top:108px;margin-top:32px}
}

/* forge-neoforge: one switch, our installer dialog, the matching text beside it */
.pg-mi-inst{margin:26px 0 10px}
.pg-mi-inst:not(.is-live) .pg-mi-inst-sw{display:none}
.pg-mi-inst:not(.is-live) .pg-mi-dlg{max-width:420px;margin-bottom:8px}
.pg-mi-inst.is-live{display:grid;grid-template-columns:minmax(0,350px) minmax(0,1fr);gap:22px 36px;align-items:start}
.pg-mi-inst.is-live .pg-mi-inst-sw{grid-column:1/-1}
.pg-mi-inst.is-live .pg-mi-dlg{grid-column:1;grid-row:2}
.pg-mi-inst.is-live .pg-mi-tab{grid-column:2;grid-row:2;min-width:0}
.pg-mi-inst.is-live .pg-mi-tab[hidden]{display:none}
.pg-mi-tab>.lp-h3:first-child{margin-top:4px}
.pg-mi-inst.is-live .pg-mi-tab .lp-note{margin-bottom:0}
.pg-mi-inst-sw{position:relative;display:grid;grid-template-columns:1fr 1fr;justify-self:start;width:min(100%,430px);padding:4px;border-radius:12px;border:1px solid var(--mi-edge);background:#0B0B12;box-shadow:inset 0 2px 6px rgba(0,0,0,.5)}
.pg-mi-inst-sw button{position:relative;z-index:1;display:flex;align-items:baseline;justify-content:center;gap:10px;margin:0;padding:11px 14px 10px;border:0;border-radius:9px;background:none;color:var(--lp-mute);font:inherit;cursor:pointer;transition:color .25s}
.pg-mi-inst-sw b{font:700 .92rem/1 'Rajdhani',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.pg-mi-inst-sw span{font:400 .72rem/1 var(--mi-mono);color:var(--lp-faint);transition:color .25s}
.pg-mi-inst-sw button:hover{color:var(--lp-ink)}
.pg-mi-inst-sw [aria-selected="true"]{color:#fff}
.pg-mi-inst-sw [aria-selected="true"] span{color:var(--mi-t-hi)}
.pg-mi-inst-sw button:focus-visible{outline:2px solid rgba(var(--mi-t-rgb),.7);outline-offset:-2px}
.pg-mi-inst-th{position:absolute;left:4px;top:4px;bottom:4px;width:calc(50% - 4px);border-radius:9px;border:1px solid rgba(var(--mi-t-rgb),.5);background:linear-gradient(180deg,rgba(var(--mi-t-rgb),.22),rgba(var(--mi-t-rgb),.07));transition:transform .5s var(--mi-spring)}
.pg-mi-inst[data-on="forge"] .pg-mi-inst-th{transform:translate3d(100%,0,0)}
.pg-mi-dlg .pg-mi-wbar b{color:var(--lp-ink)}
.pg-mi-dlg-in{display:grid;gap:9px;padding:16px}
.pg-mi-dlg-row{display:grid;grid-template-columns:50px minmax(0,1fr) 16px;align-items:center;gap:10px;min-height:40px;padding:8px 11px;border-radius:8px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.022);box-sizing:border-box}
.pg-mi-dlg-row small{font:700 .58rem/1 'Rajdhani',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--lp-faint)}
.pg-mi-url,.pg-mi-fn{display:flex;align-items:center;gap:8px;min-width:0;font:400 .72rem/1.3 var(--mi-mono);color:#fff}
.pg-mi-url b,.pg-mi-fn b{min-width:0;font-weight:400;overflow-wrap:anywhere}
.pg-mi-lock{flex:none;width:9px;height:11px;background:url(/img/lp/modinstall/lock.svg) center/contain no-repeat}
.pg-mi-ck{width:16px;height:16px}
.pg-mi-fn svg{flex:none;width:14px;height:17.5px}
.pg-mi-dlg-ad{display:none;border-color:rgba(var(--mi-red-rgb),.3);background:rgba(var(--mi-red-rgb),.06)}
.pg-mi-url.is-ad{color:#FFC4C4}
.pg-mi-url.is-ad b{font-weight:500;color:#FFB4B4}
.pg-mi-inst[data-on="forge"] .pg-mi-dlg-ad{display:grid;animation:mi-row-in .5s var(--mi-spring)}
.pg-mi-radio{display:flex;align-items:center;gap:10px;padding:5px 2px 3px;font:600 .84rem/1 'Chakra Petch',sans-serif;color:#fff}
.pg-mi-radio i{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;border:1.5px solid var(--mi-t);box-sizing:border-box}
.pg-mi-radio i::after{content:'';width:7px;height:7px;border-radius:50%;background:var(--mi-t)}
.pg-mi-dlg-act{display:flex;align-items:center;gap:12px;margin-top:2px}
.pg-mi-go{flex:none;min-width:98px;margin:0;padding:11px 16px 10px;border-radius:8px;border:1px solid rgba(var(--mi-t-rgb),.65);background:linear-gradient(180deg,rgba(var(--mi-t-rgb),.32),rgba(var(--mi-t-rgb),.12));color:#fff;font:700 .78rem/1 'Rajdhani',sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:transform .25s var(--mi-spring),border-color .2s,opacity .2s}
.pg-mi-go:hover{border-color:var(--mi-t-hi)}
.pg-mi-go:active{transform:scale(.94)}
.pg-mi-go:focus-visible{outline:2px solid rgba(var(--mi-t-rgb),.75);outline-offset:2px}
.pg-mi-go[disabled]{opacity:.45;cursor:default}
.pg-mi-dlg-bar{position:relative;flex:1;height:9px;border-radius:2px;background:rgba(255,255,255,.07);overflow:hidden}
.pg-mi-dlg-bar i{position:absolute;inset:0;background:repeating-linear-gradient(90deg,var(--mi-t) 0 9px,var(--mi-t-hi) 9px 11px);transform:scaleX(0);transform-origin:0 50%}
p.pg-mi-dlg-msg{display:flex;align-items:flex-start;gap:8px;min-height:2.8em;margin:0;font:400 .72rem/1.4 var(--mi-mono);color:var(--lp-mute)}
.pg-mi-dlg.is-done p.pg-mi-dlg-msg{color:var(--mi-ok-hi)}
.pg-mi-dlg.is-done p.pg-mi-dlg-msg::before{content:'';flex:none;width:12px;height:12px;margin-top:1px;background:url(/img/lp/modinstall/ok.svg) center/contain no-repeat;animation:mi-pop .5s var(--mi-spring)}

/* modrinth-curseforge: two storefronts facing each other across a spine of features */
@media(min-width:641px){
  body[data-pg="modinstall"] #modrinth-curseforge .lp-tablebox::before,body[data-pg="modinstall"] #modrinth-curseforge .lp-tablebox::after,body[data-pg="modinstall"] #modrinth-curseforge .lp-swipe{display:none}
  body[data-pg="modinstall"] #modrinth-curseforge .lp-tablewrap{overflow:visible;border:0;background:none;box-shadow:none}
  body[data-pg="modinstall"] #modrinth-curseforge .lp-table{display:block;min-width:0}
  body[data-pg="modinstall"] #modrinth-curseforge .lp-table caption{display:block;margin:0 auto 14px;padding:0;border:0;background:none;text-align:center}
  body[data-pg="modinstall"] #modrinth-curseforge .lp-table thead,body[data-pg="modinstall"] #modrinth-curseforge .lp-table tbody{display:block}
  body[data-pg="modinstall"] #modrinth-curseforge .lp-table tr{display:grid;grid-template-columns:minmax(0,1fr) 148px minmax(0,1fr)}
  body[data-pg="modinstall"] #modrinth-curseforge .lp-table tr>*{position:static;min-width:0;padding:14px 20px;border:0;border-bottom:1px solid rgba(255,255,255,.05)}
  body[data-pg="modinstall"] #modrinth-curseforge .lp-table tr>:first-child{order:2;display:flex;align-items:center;justify-content:center;padding:12px 10px;background:#0A0A10;border-left:1px solid rgba(212,160,23,.28);border-right:1px solid rgba(212,160,23,.28);
    font:700 .66rem/1.3 'Rajdhani',sans-serif;letter-spacing:.16em;text-transform:uppercase;text-align:center;color:var(--lp-gold-hi)}
  body[data-pg="modinstall"] #modrinth-curseforge .lp-table tr>:nth-child(2){order:1;text-align:right;background:linear-gradient(270deg,rgba(var(--mi-t-rgb),.11),rgba(var(--mi-t-rgb),.03) 70%,rgba(13,13,20,.9));border-left:1px solid rgba(var(--mi-t-rgb),.32)}
  body[data-pg="modinstall"] #modrinth-curseforge .lp-table tr>:nth-child(3){order:3;background:linear-gradient(90deg,rgba(212,160,23,.11),rgba(212,160,23,.03) 70%,rgba(13,13,20,.9));border-right:1px solid rgba(212,160,23,.32)}
  body[data-pg="modinstall"] #modrinth-curseforge .lp-table thead th{padding:20px 20px 16px;font:500 1.7rem/.9 'Teko',sans-serif;letter-spacing:.08em;white-space:normal;border-top:1px solid;border-bottom:1px solid rgba(255,255,255,.08)}
  body[data-pg="modinstall"] #modrinth-curseforge .lp-table thead th:nth-child(2){color:var(--mi-t-hi);border-top-color:rgba(var(--mi-t-rgb),.32);border-radius:var(--mi-r) 0 0 0;box-shadow:inset 0 3px 0 var(--mi-t)}
  body[data-pg="modinstall"] #modrinth-curseforge .lp-table thead th:nth-child(3){color:var(--lp-gold-hi);border-top-color:rgba(212,160,23,.32);border-radius:0 var(--mi-r) 0 0;box-shadow:inset 0 3px 0 var(--lp-gold)}
  body[data-pg="modinstall"] #modrinth-curseforge .lp-table thead th:first-child{border-top-color:rgba(212,160,23,.28);font:700 .62rem/1 'Rajdhani',sans-serif;letter-spacing:.2em;color:var(--lp-faint)}
  body[data-pg="modinstall"] #modrinth-curseforge .lp-table tbody tr:last-child>*{border-bottom:1px solid rgba(255,255,255,.08)}
  body[data-pg="modinstall"] #modrinth-curseforge .lp-table tbody tr:last-child>:nth-child(2){border-radius:0 0 0 var(--mi-r);border-bottom-color:rgba(var(--mi-t-rgb),.32)}
  body[data-pg="modinstall"] #modrinth-curseforge .lp-table tbody tr:last-child>:nth-child(3){border-radius:0 0 var(--mi-r) 0;border-bottom-color:rgba(212,160,23,.32)}
  body[data-pg="modinstall"] #modrinth-curseforge .lp-table tbody tr:last-child>:first-child{border-bottom-color:rgba(212,160,23,.28)}
  body[data-pg="modinstall"] #modrinth-curseforge .lp-table td:nth-child(2) .lp-y{flex-direction:row-reverse}
  body[data-pg="modinstall"] #modrinth-curseforge .lp-table tbody tr{transition:transform .35s var(--mi-spring)}
  body[data-pg="modinstall"] #modrinth-curseforge .lp-table tbody tr:hover>*{background-color:rgba(255,255,255,.035)}
  body[data-pg="modinstall"] #modrinth-curseforge .lp-table tbody tr:hover>:first-child{color:#fff}
}
.pg-mi-fic{display:inline-block;width:16px;height:20px;margin-right:9px;vertical-align:-5px}

/* zaleznosci: the dependency graph — links break red when a library is missing and snap shut when it is added */
.pg-mi-dg{margin:28px 0 28px}
.pg-mi-dg .pg-mi-wbar b{color:var(--lp-ink)}
.pg-mi-dg .pg-mi-wtag{margin-left:0}
.pg-mi-dg-st{margin-left:auto;padding:5px 9px 4px;border-radius:5px;border:1px solid rgba(var(--mi-red-rgb),.38);background:rgba(var(--mi-red-rgb),.1);font:400 .66rem/1 var(--mi-mono);color:#FFB4B4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;transition:color .3s,border-color .3s,background-color .3s}
.pg-mi-dg.is-ok .pg-mi-dg-st{border-color:rgba(var(--mi-ok-rgb),.45);background:rgba(var(--mi-ok-rgb),.1);color:var(--mi-ok-hi)}
.pg-mi-dg-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 clamp(56px,10vw,150px);padding:16px 18px 18px}
.pg-mi-dg-svg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.pg-mi-dg-col{position:relative;z-index:1;display:grid;gap:6px;align-content:start}
p.pg-mi-dg-k{margin:0 0 4px;font:700 .62rem/1 'Rajdhani',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--lp-faint)}
.pg-mi-dg-libs p.pg-mi-dg-k{text-align:right}
.pg-mi-dmod,.pg-mi-dlib{position:relative;display:flex;align-items:center;gap:9px;min-height:34px;margin:0;padding:6px 11px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#0E0E16;color:#fff;font:400 .78rem/1.2 var(--mi-mono);text-align:left;cursor:pointer;
  transition:border-color .25s,background-color .25s,color .25s,opacity .25s,transform .35s var(--mi-spring)}
.pg-mi-dmod::before{content:'';flex:none;width:12px;height:14px;background:url(/img/lp/modinstall/jar.svg) center/contain no-repeat}
.pg-mi-dmod span,.pg-mi-dlib span{min-width:0}
.pg-mi-dmod i,.pg-mi-dlib i{position:absolute;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:2px;background:#0B0B12;border:1.5px solid rgba(255,255,255,.35);box-sizing:border-box;transition:background-color .25s,border-color .25s}
.pg-mi-dmod i{right:-5px}
.pg-mi-dlib i{left:-5px}
.pg-mi-dlib::after{content:'';flex:none;width:11px;height:11px;margin-left:auto;background:url(/img/lp/modinstall/ok.svg) center/contain no-repeat}
.pg-mi-dlib[aria-pressed="false"]{border-style:dashed;border-color:rgba(var(--mi-red-rgb),.55);background:rgba(var(--mi-red-rgb),.06);color:#FFC4C4}
.pg-mi-dlib[aria-pressed="false"]::after{background-image:url(/img/lp/modinstall/no.svg)}
.pg-mi-dlib[aria-pressed="false"] i{border-color:var(--mi-red)}
.pg-mi-dlib[aria-pressed="true"] i,.pg-mi-dmod.is-ok i{border-color:var(--mi-ok);background:var(--mi-ok)}
.pg-mi-dmod.is-bad{border-color:rgba(var(--mi-red-rgb),.45)}
.pg-mi-dmod.is-bad i{border-color:var(--mi-red)}
.pg-mi-dmod:hover,.pg-mi-dlib:hover,.pg-mi-dg .is-hl{border-color:rgba(255,255,255,.42);background-color:#15151F}
.pg-mi-dlib[aria-pressed="false"]:hover{border-color:var(--mi-red)}
.pg-mi-dmod:active,.pg-mi-dlib:active{transform:scale(.97)}
.pg-mi-dmod:focus-visible,.pg-mi-dlib:focus-visible{outline:2px solid rgba(var(--mi-t-rgb),.7);outline-offset:2px}
.pg-mi-dg.is-hov .pg-mi-dmod:not(.is-hl),.pg-mi-dg.is-hov .pg-mi-dlib:not(.is-hl){opacity:.38}
.pg-mi-dlib.is-hint{animation:mi-hint 1.4s ease-in-out 5}
.pg-mi-ln{transition:opacity .3s}
.pg-mi-ln path{fill:none;stroke:rgba(var(--mi-t-rgb),.6);stroke-width:1.5;stroke-linecap:round;transition:stroke .3s,stroke-width .2s}
.pg-mi-ln .pg-mi-h1,.pg-mi-ln .pg-mi-h2{transition:transform .55s var(--mi-spring),stroke .3s}
.pg-mi-ln.is-broken path{stroke:var(--mi-red);stroke-dasharray:4 4}
.pg-mi-ln.is-broken .pg-mi-h1{transform:translate(-6px,-5px)}
.pg-mi-ln.is-broken .pg-mi-h2{transform:translate(6px,5px)}
.pg-mi-dg.is-hov .pg-mi-ln:not(.is-hl){opacity:.1}
.pg-mi-ln.is-hl path{stroke-width:2.4}
.lp-rv-armed .pg-mi-dg:not(.is-in) .pg-mi-ln{opacity:0}
.pg-mi-dg-px{position:absolute;left:0;top:0;z-index:2;width:4px;height:4px;margin:-2px 0 0 -2px;background:var(--mi-ok-hi);pointer-events:none}
p.pg-mi-dg-note{margin:0;padding:10px 18px 13px;border-top:1px solid rgba(255,255,255,.065);font:400 .66rem/1.4 var(--mi-mono);color:var(--lp-faint)}

/* bezpieczenstwo: the file inspector, the allowlist next to the red flags, the facts as an incident log */
.pg-mi-insp{margin:28px 0 26px}
.pg-mi-insp .pg-mi-wbar b{color:var(--lp-ink)}
.pg-mi-insp-sw{display:inline-flex;margin-left:auto;padding:3px;border-radius:8px;border:1px solid var(--mi-edge);background:#0B0B12}
.pg-mi-insp-sw button{margin:0;padding:6px 10px 5px;border:0;border-radius:6px;background:none;color:var(--lp-mute);font:400 .66rem/1 var(--mi-mono);cursor:pointer;white-space:nowrap;transition:background-color .25s,color .25s}
.pg-mi-insp-sw button:hover{color:#fff}
.pg-mi-insp-sw [aria-pressed="true"]{background:rgba(var(--mi-t-rgb),.18);color:#fff}
.pg-mi-insp[data-f="exe"] .pg-mi-insp-sw [aria-pressed="true"]{background:rgba(var(--mi-red-rgb),.2)}
.pg-mi-insp-sw button:focus-visible{outline:2px solid rgba(var(--mi-t-rgb),.7);outline-offset:1px}
.pg-mi-insp-in{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px 20px;padding:18px}
.pg-mi-insp-file{position:relative;display:grid;justify-items:center;align-content:center;gap:14px;padding:18px 10px;border-radius:10px;border:1px dashed rgba(var(--mi-t-rgb),.3);background:radial-gradient(closest-side,rgba(var(--mi-t-rgb),.1),transparent);transition:border-color .3s}
.pg-mi-insp[data-f="exe"] .pg-mi-insp-file{border-color:rgba(var(--mi-red-rgb),.4);background:radial-gradient(closest-side,rgba(var(--mi-red-rgb),.1),transparent)}
.pg-mi-insp-ic{position:relative;display:block;width:72px;height:90px}
.pg-mi-insp-ic svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pg-mi-if-exe{display:none!important}
.pg-mi-insp[data-f="exe"] .pg-mi-if-jar{display:none!important}
.pg-mi-insp[data-f="exe"] svg.pg-mi-if-exe{display:block!important}
.pg-mi-insp[data-f="exe"] span.pg-mi-if-exe{display:inline!important}
.pg-mi-scan{position:absolute;left:-12px;right:-12px;top:0;height:2px;background:var(--mi-t-hi);opacity:0;pointer-events:none}
.pg-mi-scan::before{content:'';position:absolute;left:0;right:0;bottom:2px;height:26px;background:linear-gradient(0deg,rgba(var(--mi-t-rgb),.32),transparent)}
.pg-mi-insp.is-scanning .pg-mi-scan{animation:mi-scan 1.15s ease-in-out infinite}
.pg-mi-insp[data-f="exe"] .pg-mi-scan{background:#FFB4B4}
.pg-mi-insp[data-f="exe"] .pg-mi-scan::before{background:linear-gradient(0deg,rgba(var(--mi-red-rgb),.32),transparent)}
.pg-mi-insp-fn{font:400 .72rem/1.3 var(--mi-mono);color:#fff;text-align:center}
.pg-mi-checks{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.pg-mi-checks li{display:grid;grid-template-columns:16px 120px minmax(0,1fr);align-items:center;gap:12px;min-height:40px;padding:7px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.022);box-sizing:border-box;transition:border-color .3s,background-color .3s}
.pg-mi-checks i{width:16px;height:16px;border-radius:3px;background:url(/img/lp/modinstall/ok.svg) center/contain no-repeat}
.pg-mi-insp.is-live .pg-mi-checks i{border:1px dashed rgba(255,255,255,.28);background:none;box-sizing:border-box}
.pg-mi-insp.is-live .pg-mi-checks li.is-ok i,.pg-mi-insp.is-live .pg-mi-checks li.is-bad i{border:0;background:url(/img/lp/modinstall/ok.svg) center/contain no-repeat;animation:mi-pop .45s var(--mi-spring)}
.pg-mi-insp.is-live .pg-mi-checks li.is-bad i{background-image:url(/img/lp/modinstall/no.svg)}
.pg-mi-checks b{font:700 .66rem/1.2 'Rajdhani',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--lp-mute)}
.pg-mi-checks span{font:400 .72rem/1.35 var(--mi-mono);color:var(--lp-dim);transition:color .3s}
.pg-mi-checks li.is-ok{border-color:rgba(var(--mi-ok-rgb),.28)}
.pg-mi-checks li.is-ok span{color:#fff}
.pg-mi-checks li.is-bad{border-color:rgba(var(--mi-red-rgb),.32);background:rgba(var(--mi-red-rgb),.05)}
.pg-mi-checks li.is-bad span{color:#FFC9C9}
p.pg-mi-verdict{grid-column:1/-1;margin:0;padding:12px 14px 11px;border-radius:9px;border:1px solid rgba(var(--mi-ok-rgb),.42);background:rgba(var(--mi-ok-rgb),.08);font:700 .78rem/1 'Rajdhani',sans-serif;letter-spacing:.16em;text-transform:uppercase;text-align:center;color:var(--mi-ok-hi);transition:opacity .3s,transform .45s var(--mi-spring)}
.pg-mi-insp[data-f="exe"] p.pg-mi-verdict{border-color:rgba(var(--mi-red-rgb),.45);background:rgba(var(--mi-red-rgb),.09);color:#FFB4B4}
.pg-mi-insp.is-scanning p.pg-mi-verdict{opacity:.25;transform:scale(.98)}
body[data-pg="modinstall"] #bezpieczenstwo .lp-pane{position:relative;padding:0 0 16px;border-radius:var(--mi-r);background:var(--mi-win);border-color:rgba(var(--mi-t-rgb),.3);box-shadow:var(--mi-shadow);overflow:hidden}
body[data-pg="modinstall"] #bezpieczenstwo .lp-pane:not(.lp-pane--hl){border-color:rgba(var(--mi-red-rgb),.3)}
body[data-pg="modinstall"] #bezpieczenstwo .lp-pane h3{margin:0 0 14px;padding:12px 16px 11px;border-bottom:1px solid rgba(255,255,255,.065);background:var(--mi-bar);font:700 .78rem/1.2 'Rajdhani',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--lp-ink)}
body[data-pg="modinstall"] #bezpieczenstwo .lp-pane h3 i{color:var(--mi-t)}
body[data-pg="modinstall"] #bezpieczenstwo .lp-pane:not(.lp-pane--hl) h3 i{color:var(--mi-red)}
body[data-pg="modinstall"] #bezpieczenstwo .lp-pane .lp-list{padding:0 16px}
body[data-pg="modinstall"] #bezpieczenstwo .lp-pane .lp-list li{padding-left:26px;font-size:.92rem}
body[data-pg="modinstall"] #bezpieczenstwo .lp-pane .lp-list li::before{left:1px;top:.42em;width:12px;height:12px;border-radius:0;background:url(/img/lp/modinstall/ok.svg) center/contain no-repeat;box-shadow:none}
body[data-pg="modinstall"] #bezpieczenstwo .lp-pane:not(.lp-pane--hl) .lp-list li::before{background-image:url(/img/lp/modinstall/no.svg)}
body[data-pg="modinstall"] .lp-facts{grid-template-columns:minmax(0,1fr);gap:0;margin:26px 0;border-radius:var(--mi-r);border:1px solid var(--mi-edge);background:#0A0A10;box-shadow:var(--mi-shadow);overflow:hidden}
body[data-pg="modinstall"] .lp-fact{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:16px;padding:12px 18px 12px 22px;border:0;border-radius:0;border-bottom:1px solid rgba(255,255,255,.05);background:none;overflow:visible}
body[data-pg="modinstall"] .lp-fact:last-child{border-bottom:0}
body[data-pg="modinstall"] .lp-fact::before{left:0;right:auto;top:0;bottom:0;width:3px;height:auto;background:var(--mi-red);opacity:.8}
body[data-pg="modinstall"] .lp-fact:last-child::before{background:var(--mi-ok)}
body[data-pg="modinstall"] .lp-fact b{font:500 1.9rem/.9 'Teko',sans-serif;color:#FFB4B4}
body[data-pg="modinstall"] .lp-fact:last-child b{color:var(--mi-ok-hi)}
body[data-pg="modinstall"] .lp-fact>span{margin:0;font:400 .78rem/1.45 var(--mi-mono);letter-spacing:0;text-transform:none;color:var(--lp-dim)}
.lp-rv-armed body[data-pg="modinstall"] .lp-fact.lp-rv:not(.is-in){transform:translate3d(-14px,0,0)}

/* plasmovoice: the mod as an item in a slot, its loaders, the two files going into mods */
.pg-mi-pv{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px;margin:28px 0 6px;padding:20px 22px}
.pg-mi-pv-item{position:relative;display:grid;place-items:center;width:108px;height:108px;border-radius:3px;background:#1A1A25;box-shadow:inset 4px 4px 0 #09090E,inset -4px -4px 0 #2E2E3E}
.pg-mi-pv-item svg{position:relative;z-index:1;width:64px;height:64px}
.pg-mi-pv.is-vis .pg-mi-pv-item svg{animation:mi-bob 3.4s ease-in-out infinite}
.pg-mi-pv-item::before,.pg-mi-pv-item::after{content:'';position:absolute;left:50%;top:44%;width:80px;height:80px;margin:-40px 0 0 -40px;border-radius:50%;border:1.5px solid rgba(var(--mi-t-rgb),.55);opacity:0}
.pg-mi-pv.is-vis .pg-mi-pv-item::before,.pg-mi-pv.is-vis .pg-mi-pv-item::after{animation:mi-ring 2.8s ease-out infinite}
.pg-mi-pv.is-vis .pg-mi-pv-item::after{animation-delay:1.4s}
p.pg-mi-pv-k{margin:0 0 12px;font:700 1.16rem/1.25 'Chakra Petch',sans-serif;color:#fff}
p.pg-mi-pv-k span{display:block;margin-top:4px;font:400 .72rem/1.3 var(--mi-mono);color:var(--lp-mute)}
.pg-mi-pv-ld{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none}
.pg-mi-pv-ld li{padding:7px 10px 6px 27px;border-radius:6px;font:700 .72rem/1 'Rajdhani',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.pg-mi-pv-ld .is-ok{border:1px solid rgba(var(--mi-ok-rgb),.42);background:url(/img/lp/modinstall/ok.svg) 9px 50%/11px 11px no-repeat,rgba(var(--mi-ok-rgb),.08);color:var(--mi-ok-hi)}
.pg-mi-pv-ld .is-old{border:1px dashed rgba(255,255,255,.22);background:linear-gradient(var(--lp-mute),var(--lp-mute)) 10px 50%/9px 2px no-repeat;color:var(--lp-mute)}
.pg-mi-pv-files{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pg-mi-pv-f,.pg-mi-pv-to{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:7px;font:400 .72rem/1 var(--mi-mono);white-space:nowrap;transition:opacity .45s var(--lp-ease),transform .6s var(--mi-spring)}
.pg-mi-pv-f{border:1px solid rgba(255,255,255,.1);background:#0E0E16;color:#fff}
.pg-mi-pv-f svg{flex:none;width:13px;height:16px}
.pg-mi-pv-f small{font:inherit;color:var(--lp-mute)}
.pg-mi-pv-to{position:relative;margin-left:22px;border:1px dashed rgba(var(--mi-t-rgb),.55);background:rgba(var(--mi-t-rgb),.07);color:var(--mi-t-hi)}
.pg-mi-pv-to::before{content:'';position:absolute;right:100%;top:50%;width:16px;height:1px;margin-right:3px;background:var(--mi-t)}
.pg-mi-pv-to::after{content:'';position:absolute;right:calc(100% + 3px);top:50%;width:5px;height:5px;margin-top:-3px;border-top:1px solid var(--mi-t);border-right:1px solid var(--mi-t);transform:rotate(45deg)}
.pg-mi-pv-to svg{flex:none;width:16px;height:14px}
.pg-mi-pv-f:nth-child(1){transition-delay:.35s}.pg-mi-pv-f:nth-child(2){transition-delay:.5s}.pg-mi-pv-to{transition-delay:.7s}
.lp-rv-armed .pg-mi-pv:not(.is-in) .pg-mi-pv-f{opacity:0;transform:translate3d(-18px,0,0)}
.lp-rv-armed .pg-mi-pv:not(.is-in) .pg-mi-pv-to{opacity:0;transform:scale(.9)}
/* the three features as ONE item tooltip: notched pixel corners, a folder-gold frame fading to gold, the mod's name in gold,
   each feature a lore line (slot icon, text, keycap); three columns split by 1 px rules on wide screens */
body[data-pg="modinstall"] .lp-tiles{position:relative;gap:0;padding:46px 8px 8px;background:#0C0C13;
  clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px))}
body[data-pg="modinstall"] .lp-tiles::before{content:'Plasmo Voice';position:absolute;left:26px;top:20px;font:600 .92rem/1 'Chakra Petch',sans-serif;color:var(--lp-gold-hi);letter-spacing:.02em}
body[data-pg="modinstall"] .lp-tiles::after{content:'';position:absolute;inset:4px;pointer-events:none;border:2px solid transparent;border-image:linear-gradient(180deg,rgba(var(--mi-t-rgb),.62),rgba(var(--mi-t-rgb),.14) 70%,rgba(212,160,23,.3)) 1}
body[data-pg="modinstall"] .lp-tile{display:grid;grid-template-columns:40px minmax(0,1fr) auto;column-gap:14px;align-items:start;border:0;border-top:1px solid rgba(255,255,255,.07);border-radius:0;background:none;padding:16px 18px;overflow:visible}
body[data-pg="modinstall"] .lp-tile:hover{transform:none}
body[data-pg="modinstall"] .lp-tile .lp-ic{grid-column:1;grid-row:1/3;margin:2px 0 0}
body[data-pg="modinstall"] .lp-tile h3{grid-column:2;grid-row:1;margin:0 0 6px;font-size:1rem;color:var(--mi-t-hi)}
body[data-pg="modinstall"] .lp-tile p{grid-column:2/4;grid-row:2;margin:0;color:#A9A9B9}
body[data-pg="modinstall"] .lp-tile:hover h3{color:#fff}
@media(min-width:900px){
  body[data-pg="modinstall"] .lp-tiles--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-pg="modinstall"] .lp-tile{grid-template-columns:40px minmax(0,1fr) auto;grid-template-rows:auto auto 1fr;row-gap:12px;padding:18px 20px 20px;border-top:1px solid rgba(255,255,255,.07)}
  body[data-pg="modinstall"] .lp-tile+.lp-tile{border-left:1px solid rgba(255,255,255,.07)}
  body[data-pg="modinstall"] .lp-tile .lp-ic{grid-row:1}
  body[data-pg="modinstall"] .lp-tile h3{grid-column:1/-1;grid-row:2;margin:0}
  body[data-pg="modinstall"] .lp-tile p{grid-column:1/-1;grid-row:3}
}
@media(min-width:1100px){body[data-pg="modinstall"] .lp-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
body[data-pg="modinstall"] .lp-tile .lp-ic{width:40px;height:40px;border:0;border-radius:3px;background:#1A1A25;box-shadow:inset 3px 3px 0 #09090E,inset -3px -3px 0 #2E2E3E;color:var(--mi-t-hi);font-size:1rem}
body[data-pg="modinstall"] .lp-tile-tag{position:static;grid-column:3;grid-row:1;align-self:start;min-width:38px;padding:7px 9px 8px;border-radius:7px;border:1px solid rgba(255,255,255,.17);background:linear-gradient(180deg,#24242F,#15151D);box-shadow:inset 0 -3px 0 rgba(0,0,0,.5),0 2px 0 rgba(0,0,0,.45);
  font:500 .78rem/1 var(--mi-mono);letter-spacing:0;text-transform:none;text-align:center;color:#fff;transition:transform .2s var(--mi-spring)}
body[data-pg="modinstall"] .lp-tile:hover .lp-tile-tag{transform:translate3d(0,2px,0)}

/* faq: questions as files — closed doc, opened doc with its text below a dashed fold */
body[data-pg="modinstall"] .lp-faq{gap:8px}
body[data-pg="modinstall"] .lp-qa{border-radius:11px;border-color:rgba(255,255,255,.085);background:#0D0D14}
body[data-pg="modinstall"] .lp-qa summary{position:relative;padding:15px 16px 15px 50px}
body[data-pg="modinstall"] .lp-qa summary::before{content:'';position:absolute;left:17px;top:50%;width:15px;height:18px;margin-top:-9px;background:url(/img/lp/modinstall/doc.svg) center/contain no-repeat;transition:transform .35s var(--mi-spring)}
body[data-pg="modinstall"] .lp-qa[open] summary::before{background-image:url(/img/lp/modinstall/docx.svg);transform:translate3d(0,-1px,0) rotate(-6deg)}
body[data-pg="modinstall"] .lp-qa summary::after{width:28px;height:28px;border-radius:7px;border-color:rgba(var(--mi-t-rgb),.42);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3v10M3 8h10' fill='none' stroke='%23F3DCA6' stroke-width='1.8' stroke-linecap='square'/%3E%3C/svg%3E") center/11px no-repeat}
body[data-pg="modinstall"] .lp-qa[open] summary::after{background-color:rgba(var(--mi-t-rgb),.16)}
body[data-pg="modinstall"] .lp-qa:hover{border-color:rgba(255,255,255,.18)}
body[data-pg="modinstall"] .lp-qa[open]{border-color:rgba(var(--mi-t-rgb),.42);background:linear-gradient(180deg,rgba(var(--mi-t-rgb),.07),#0D0D14 70%)}
body[data-pg="modinstall"] .lp-qa-a{margin:0 18px 0 50px;padding:13px 0 18px;border-top:1px dashed rgba(255,255,255,.12)}

/* sources, author, recommendation */
body[data-pg="modinstall"] .lp-sources{padding:0 0 14px;border-radius:var(--mi-r);border:1px solid var(--mi-edge);background:#0B0B11}
body[data-pg="modinstall"] .lp-sources>b{margin:0 0 12px;padding:12px 18px 11px 42px;border-bottom:1px solid rgba(255,255,255,.065);border-radius:var(--mi-r) var(--mi-r) 0 0;background:url(/img/lp/modinstall/fold.svg) 17px 50%/16px 14px no-repeat,var(--mi-bar)}
body[data-pg="modinstall"] .lp-sources ul{list-style:none;padding:0 18px}
body[data-pg="modinstall"] .lp-sources li{position:relative;margin:0 0 6px;padding-left:22px}
body[data-pg="modinstall"] .lp-sources li::before{content:'';position:absolute;left:1px;top:.42em;width:10px;height:12px;background:url(/img/lp/modinstall/doc.svg) center/contain no-repeat;opacity:.75}
body[data-pg="modinstall"] .lp-author{position:relative;padding:54px 24px 22px;border-radius:var(--mi-r);background:var(--mi-win);border-color:var(--mi-edge);box-shadow:var(--mi-shadow)}
body[data-pg="modinstall"] .lp-author::before{content:'';position:absolute;left:0;right:0;top:0;height:36px;border-bottom:1px solid rgba(255,255,255,.065);border-radius:var(--mi-r) var(--mi-r) 0 0;background:var(--mi-bar)}
body[data-pg="modinstall"] .lp-author-k{position:absolute;left:20px;top:13px;margin:0}
body[data-pg="modinstall"] .lp-author img{border-radius:3px;border:3px solid #1A1A25;outline:1px solid rgba(0,0,0,.6)}
body[data-pg="modinstall"] .lp-reco{border-radius:var(--mi-r);border:1px dashed rgba(212,160,23,.42);background:linear-gradient(120deg,rgba(212,160,23,.12),rgba(212,160,23,.03))}
body[data-pg="modinstall"] .lp-reco>i{border-radius:3px;background:#1A1A25;box-shadow:inset 3px 3px 0 #09090E,inset -3px -3px 0 #2E2E3E}

/* rail: the chapters as a folder tree */
body[data-pg="modinstall"] .lp-toc-t{padding-left:24px;background:url(/img/lp/modinstall/open.svg) 0 50%/16px 14px no-repeat;font:400 .78rem/1.3 var(--mi-mono);letter-spacing:0;text-transform:none;color:var(--lp-dim)}
body[data-pg="modinstall"] .lp-toc ol,body[data-pg="modinstall"] .lp-tocm ol{counter-reset:c -1}
body[data-pg="modinstall"] .lp-toc ol{margin-left:7px;border-left:1px dashed rgba(255,255,255,.16)}
body[data-pg="modinstall"] .lp-toc li{position:relative}
body[data-pg="modinstall"] .lp-toc li::before{content:'';position:absolute;left:0;top:19px;width:11px;height:1px;background:rgba(255,255,255,.18);transition:background-color .25s}
body[data-pg="modinstall"] .lp-toc a::after{content:'';position:absolute;left:0;top:19px;width:11px;height:1px;background:var(--mi-t);opacity:0;transition:opacity .25s}
body[data-pg="modinstall"] .lp-toc a{margin-left:0;padding:7px 0 7px 38px;border-left:0;background:url(/img/lp/modinstall/fold.svg) 15px 12px/14px 12px no-repeat;font-size:.84rem;transition:color .25s}
body[data-pg="modinstall"] .lp-toc a::before{font:400 .66rem/1 var(--mi-mono);letter-spacing:0;margin-bottom:4px}
body[data-pg="modinstall"] .lp-toc a.is-on{background-image:url(/img/lp/modinstall/open.svg)}
body[data-pg="modinstall"] .lp-toc a.is-on::before{color:var(--mi-t-hi)}
body[data-pg="modinstall"] .lp-toc a.is-on::after{opacity:1}
body[data-pg="modinstall"] .lp-toc-cta{border-radius:10px;border-color:rgba(var(--mi-t-rgb),.28);background:rgba(var(--mi-t-rgb),.05)}
body[data-pg="modinstall"] .lp-tocm{border-radius:var(--mi-r)}
body[data-pg="modinstall"] .lp-tocm summary{padding-left:44px;background:url(/img/lp/modinstall/open.svg) 18px 50%/16px 14px no-repeat}

/* the CTA: install complete — both files in the folder, the line to the server */
body[data-pg="modinstall"] .lp-cta-in{border-radius:20px;border-color:rgba(var(--mi-t-rgb),.3)}
body[data-pg="modinstall"] .lp-cta-in .lp-launch{margin-bottom:0}
.pg-mi-pipe{display:flex;align-items:center;justify-content:center;gap:0;max-width:760px;margin:0 auto 22px;text-align:left}
.pg-mi-pipe-w{position:relative;isolation:isolate;flex:none;width:300px;padding:0 8px 8px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#15151F,#0D0D14 70%);box-shadow:0 26px 50px -30px rgba(0,0,0,.9)}
.pg-mi-pipe-h{display:flex;align-items:center;gap:8px;height:38px;margin:0 -8px 8px;padding:0 12px;border-bottom:1px solid var(--mi-lip,rgba(255,255,255,.065));font:400 .72rem/1 var(--mi-mono);color:var(--lp-mute)}
.pg-mi-pipe-h svg{flex:none;width:18px;height:16px}
.pg-mi-pipe-h span{color:var(--lp-faint)}
.pg-mi-pipe-h b{font:500 .72rem/1 var(--mi-mono);color:var(--mi-t)}
.pg-mi-pipe-f{display:flex;align-items:center;gap:11px;height:46px;padding:0 10px;border-radius:9px;font:400 .78rem/1 var(--mi-mono);color:#fff;white-space:nowrap}
.pg-mi-pipe-f+.pg-mi-pipe-f{margin-top:4px}
.pg-mi-pipe-f>svg:first-child{flex:none;width:24px;height:30px}
.pg-mi-pipe-f b{flex:1;font-weight:400}
.pg-mi-pipe-f small{font:inherit;color:var(--lp-mute)}
.pg-mi-pipe-ok{flex:none;width:16px;height:16px}
.pg-mi-pipe-f{position:relative}
.pg-mi-pipe-f::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:9px;background:rgba(var(--mi-t-rgb),.11);box-shadow:inset 0 0 0 1px rgba(var(--mi-t-rgb),.28);opacity:0}
.lp-cta-in.is-vis .pg-mi-pipe-f+.pg-mi-pipe-f::before{animation:mi-row-glow 2.4s ease-out infinite}
.pg-mi-pipe-l{position:relative;flex:1;min-width:60px;max-width:220px;height:24px;overflow:hidden;background:repeating-linear-gradient(90deg,rgba(var(--mi-t-rgb),.55) 0 6px,transparent 6px 11px) 0 50%/100% 2px no-repeat}
.pg-mi-pipe-l i{position:absolute;left:0;top:0;width:100%;height:100%;transform:translate3d(-100%,0,0)}
.lp-cta-in.is-vis .pg-mi-pipe-l i{animation:mi-pkt 2.4s cubic-bezier(.55,0,.45,1) infinite}
.pg-mi-pipe-l i svg{position:absolute;right:0;top:3px;width:18px;height:18px}
.pg-mi-pipe-s{flex:none;display:grid;justify-items:center;gap:10px;width:150px;padding:18px 10px 14px;border-radius:14px;border:1px solid rgba(var(--mi-t-rgb),.5);background:linear-gradient(180deg,rgba(var(--mi-t-rgb),.13),rgba(10,10,16,.9));color:var(--mi-t-hi)}
.pg-mi-pipe-srv{position:relative;display:block;width:64px;height:64px}
.pg-mi-pipe-srv svg{display:block;width:100%;height:100%}
.pg-mi-pipe-srv::after{content:'';position:absolute;inset:-10px;border-radius:12px;border:2px solid var(--mi-t-hi);opacity:0}
.lp-cta-in.is-vis .pg-mi-pipe-srv::after{animation:mi-rx 2.4s 2.4s ease-out infinite}
.lp-cta-in.is-vis .pg-mi-pipe-srv svg{animation:mi-rx-b 2.4s 2.4s var(--mi-spring) infinite}
.pg-mi-pipe-s b{position:relative;z-index:1;padding:2px 8px;border-radius:5px;background:#1A150B;font:500 .84rem/1 var(--mi-mono)}
@media(min-width:1100px){
  .pg-mi-pipe{max-width:900px}
  .pg-mi-pipe-w{width:340px}
  .pg-mi-pipe-l{max-width:260px;height:30px}
  .pg-mi-pipe-l i svg{top:2px;width:26px;height:26px}
  .pg-mi-pipe-s{width:170px}
  .pg-mi-pipe-srv{width:80px;height:80px}
}
.pg-mi-done{display:flex;align-items:center;justify-content:center;gap:12px;max-width:420px;margin:0 auto 26px;font:400 .72rem/1 var(--mi-mono);color:var(--lp-mute)}
.pg-mi-done span{white-space:nowrap}
.pg-mi-done i{position:relative;flex:1;height:6px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}
.pg-mi-done b{position:absolute;inset:0;background:repeating-linear-gradient(90deg,var(--mi-ok) 0 10px,var(--mi-ok-hi) 10px 12px);transform-origin:0 50%;transition:transform 1.5s var(--lp-ease) .35s}
.pg-mi-done svg{flex:none;width:16px;height:16px;transition:transform .5s var(--mi-spring) 1.8s}
.lp-rv-armed .lp-cta-in:not(.is-in) .pg-mi-done b{transform:scaleX(0)}
.lp-rv-armed .lp-cta-in:not(.is-in) .pg-mi-done svg{transform:scale(0)}

/* related: links as file shortcuts */
body[data-pg="modinstall"] .lp-link{border-radius:12px;border-color:rgba(255,255,255,.085);background:#0D0D14}
body[data-pg="modinstall"] .lp-link>i{width:36px;height:44px;padding-bottom:9px;box-sizing:border-box;border:0;border-radius:2px;background:linear-gradient(180deg,#ECE6D6,#CDC6B3);color:#1F2A37;font-size:.92rem;
  clip-path:polygon(0 0,66% 0,100% 24%,100% 100%,0 100%);box-shadow:inset 0 -9px 0 var(--mi-t);transition:transform .35s var(--mi-spring)}
body[data-pg="modinstall"] .lp-link::after{color:var(--mi-t)}
body[data-pg="modinstall"] .lp-link:hover>i{transform:translate3d(0,-2px,0) rotate(-4deg)}

/* phones and tablets: the same objects, re-laid for touch */
@media(max-width:1099px){
  .pg-mi-inst.is-live{grid-template-columns:minmax(0,1fr)}
  .pg-mi-inst.is-live .pg-mi-dlg{grid-column:1;grid-row:2;max-width:460px}
  .pg-mi-inst.is-live .pg-mi-tab{grid-column:1;grid-row:3}
}
@media(max-width:899px){
  .pg-mi-steps{display:flex;flex-direction:column}
  .pg-mi-ex{order:-1;position:sticky;top:66px;z-index:20;isolation:isolate;margin:26px 0 0;background:#0D0D14;box-shadow:0 14px 24px -10px rgba(0,0,0,.85),0 0 0 1px rgba(0,0,0,.5)}
  .pg-mi-ex .pg-mi-ex-body{display:none}
  .pg-mi-ex .pg-mi-wbar{height:34px}
  .pg-mi-ex .pg-mi-ex-prog{padding-top:9px}
  .pg-mi-ex p.pg-mi-ex-log{border-top:0;padding-top:8px}
  .pg-mi-steps .lp-steps{margin-top:22px}
}
@media(max-width:640px){
  .pg-mi-ver{grid-template-columns:minmax(0,1fr)}
  .pg-mi-part b{font-size:3.6rem}
  .pg-mi-dig>i{font-size:2.9rem}
  .pg-mi-tl-in{padding:20px 4px 4px}
  .pg-mi-tl-in b{font-size:1.32rem}
  .pg-mi-tl-in li>span{font-size:.58rem}
  .pg-mi-tl-in em{font-size:.58rem;letter-spacing:.08em}
  .pg-mi-jv{padding:10px 8px 14px}
  .pg-mi-jv span{font-size:.58rem;padding:6px 4px}
  body[data-pg="modinstall"] .lp-answer{padding:58px 18px 20px}
  body[data-pg="modinstall"] .lp-chips{grid-template-columns:repeat(3,minmax(0,1fr));margin:20px -18px 0}
  body[data-pg="modinstall"] .lp-chips li:nth-child(4){border-left:0}
  body[data-pg="modinstall"] .lp-chips li:nth-child(n+4){border-top:1px solid rgba(255,255,255,.065)}
  body[data-pg="modinstall"] .lp-chips li{padding:11px 10px 10px;font-size:.66rem}
  body[data-pg="modinstall"] .lp-byline span:last-child i{width:auto;margin-right:8px}
  body[data-pg="modinstall"] .lp-table--stack tbody tr{border-radius:var(--mi-r);background:var(--mi-win)}
  body[data-pg="modinstall"] .lp-table--stack tbody th{background:url(/img/lp/modinstall/doc.svg) 15px 50%/11px 13px no-repeat,linear-gradient(180deg,#14141D,#101017);padding-left:36px;color:var(--lp-gold-hi)}
  body[data-pg="modinstall"] .lp-table--stack caption{padding:0 2px 12px;border:0;background:none}
  body[data-pg="modinstall"] #modrinth-curseforge .lp-table--stack tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  body[data-pg="modinstall"] #modrinth-curseforge .lp-table--stack tbody th{grid-column:1/-1}
  body[data-pg="modinstall"] #modrinth-curseforge .lp-table--stack tbody td{border-top:0;font-size:.84rem}
  body[data-pg="modinstall"] #modrinth-curseforge .lp-table--stack tbody td:nth-child(2){box-shadow:inset 0 2px 0 var(--mi-t);background:rgba(var(--mi-t-rgb),.05);border-right:1px solid rgba(255,255,255,.06)}
  body[data-pg="modinstall"] #modrinth-curseforge .lp-table--stack tbody td:nth-child(3){box-shadow:inset 0 2px 0 var(--lp-gold);background:rgba(212,160,23,.05)}
  .pg-mi-inst-sw{width:100%}
  .pg-mi-dlg-in{padding:13px}
  .pg-mi-dg .pg-mi-wtag{display:none}
  .pg-mi-dg-in{gap:0 34px;padding:12px 10px 14px}
  .pg-mi-dmod,.pg-mi-dlib{min-height:32px;padding:6px 8px;font-size:.66rem;gap:6px}
  .pg-mi-dmod::before{display:none}
  .pg-mi-dlib::after{width:9px;height:9px}
  p.pg-mi-dg-note{padding:9px 12px 12px}
  .pg-mi-insp .pg-mi-wbar{height:auto;min-height:38px;flex-wrap:wrap;row-gap:6px;padding:8px 10px}
  .pg-mi-insp-in{grid-template-columns:minmax(0,1fr);padding:12px}
  .pg-mi-insp-file{grid-template-columns:auto minmax(0,1fr);justify-items:start;align-items:center;padding:12px 14px}
  .pg-mi-insp-ic{width:48px;height:60px}
  .pg-mi-insp-fn{text-align:left}
  .pg-mi-checks li{grid-template-columns:16px minmax(0,1fr);row-gap:3px;padding:8px 10px}
  .pg-mi-checks span{grid-column:2}
  body[data-pg="modinstall"] .lp-fact{grid-template-columns:58px minmax(0,1fr);gap:12px;padding:11px 14px 11px 18px}
  body[data-pg="modinstall"] .lp-fact b{font-size:1.7rem}
  body[data-pg="modinstall"] .lp-fact>span{font-size:.72rem}
  .pg-mi-pv{grid-template-columns:minmax(0,1fr);justify-items:start;gap:16px;padding:16px}
  .pg-mi-pv-item{width:84px;height:84px}
  .pg-mi-pv-item svg{width:50px;height:50px}
  .pg-mi-pv-to{margin-left:0}
  .pg-mi-pv-to::before,.pg-mi-pv-to::after{display:none}
  body[data-pg="modinstall"] .lp-qa summary{padding-left:44px}
  body[data-pg="modinstall"] .lp-qa summary::before{left:14px}
  body[data-pg="modinstall"] .lp-qa-a{margin:0 14px 0 44px}
  .pg-mi-pipe{flex-direction:column;max-width:320px}
  .pg-mi-pipe-w{width:100%}
  .pg-mi-pipe-l{flex:none;width:24px;min-width:0;height:44px;background:repeating-linear-gradient(180deg,rgba(var(--mi-t-rgb),.55) 0 5px,transparent 5px 9px) 50% 0/2px 100% no-repeat}
  .pg-mi-pipe-l i{transform:translate3d(0,-100%,0)}
  .lp-cta-in.is-vis .pg-mi-pipe-l i{animation-name:mi-pkt-v}
  .pg-mi-pipe-l i svg{right:4px;top:auto;bottom:0}
  .pg-mi-pipe-s{grid-template-columns:auto auto;align-items:center;width:auto;padding:12px 18px 12px 14px;gap:12px}
  .pg-mi-pipe-srv{width:44px;height:44px}
}

/* physical file material: manila label tabs standing on the folder edges, a folded corner on the document, paper lifted off
   the desk (a drag shadow under the graph nodes and the stepper's tiles) */
body[data-pg="modinstall"]{--mi-man:linear-gradient(180deg,#E8CC8C,#C9A35E);--mi-ink:#2B2010;--mi-lip:rgba(217,181,108,.5);
  --mi-lift:2px 3px 0 rgba(0,0,0,.4),10px 16px 26px -12px rgba(0,0,0,.85)}
.lp-article .pg-mi-w{border-top-color:var(--mi-lip)}
.lp-article .pg-mi-wbar{align-items:flex-end;height:44px;padding-top:0;padding-bottom:0;background:linear-gradient(180deg,rgba(217,181,108,.07),rgba(217,181,108,.012));border-bottom-color:var(--mi-lip)}
.lp-article .pg-mi-wbar>*{margin-bottom:10px}
.lp-article .pg-mi-wbar>b{margin:0 0 -1px;padding:10px 14px 9px;border-radius:7px 7px 0 0;background:var(--mi-man);color:var(--mi-ink);font-size:.72rem;letter-spacing:.16em;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 -2px 6px -2px rgba(0,0,0,.5)}
.lp-article .pg-mi-wbar>svg{margin-bottom:13px}
body[data-pg="modinstall"] .lp-tablewrap{border-top-color:var(--mi-lip)}
body[data-pg="modinstall"] .lp-table caption{width:max-content;max-width:calc(100% - 28px);margin:12px 0 0 14px;padding:10px 15px 9px 36px;border:0;border-radius:7px 7px 0 0;text-align:left;
  background:url(/img/lp/modinstall/doc.svg) 13px 50%/12px 14px no-repeat,var(--mi-man);color:var(--mi-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
body[data-pg="modinstall"] .lp-table thead th{border-top:1px solid var(--mi-lip)}
@media(min-width:641px){body[data-pg="modinstall"] #modrinth-curseforge .lp-table caption{margin:0 auto 14px;padding:10px 16px 9px 36px;border-radius:7px;background:url(/img/lp/modinstall/doc.svg) 13px 50%/12px 14px no-repeat,var(--mi-man)}}
body[data-pg="modinstall"] .lp-answer{border-color:rgba(255,255,255,.09);border-top-color:var(--mi-lip);border-top-right-radius:0;background:linear-gradient(var(--mi-lip),var(--mi-lip)) 0 41px/100% 1px no-repeat,var(--mi-win)}
body[data-pg="modinstall"] .lp-article .lp-answer .lp-answer-k{left:16px;right:auto;top:7px;margin:0;height:34px;width:max-content;padding:0 15px 0 36px;border:0;border-radius:7px 7px 0 0;
  background:url(/img/lp/modinstall/docx.svg) 13px 50%/12px 14px no-repeat,var(--mi-man);color:var(--mi-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
body[data-pg="modinstall"] .lp-answer-k::after{display:none}
body[data-pg="modinstall"] .lp-answer::after{content:'';position:absolute;top:-1px;right:-1px;width:30px;height:30px;pointer-events:none;border-radius:0 0 0 6px;
  background:linear-gradient(225deg,var(--lp-bg) 0 50%,#4A4232 50% 53%,#2C2A35 53% 100%);box-shadow:-4px 4px 8px -2px rgba(0,0,0,.55)}
body[data-pg="modinstall"] #bezpieczenstwo .lp-pane{background:linear-gradient(var(--mi-lip),var(--mi-lip)) 0 50px/100% 1px no-repeat,var(--mi-win);border-color:rgba(255,255,255,.09);border-top-color:var(--mi-lip)}
body[data-pg="modinstall"] #bezpieczenstwo .lp-pane:not(.lp-pane--hl){background:linear-gradient(rgba(var(--mi-red-rgb),.5),rgba(var(--mi-red-rgb),.5)) 0 50px/100% 1px no-repeat,var(--mi-win);border-top-color:rgba(var(--mi-red-rgb),.5)}
body[data-pg="modinstall"] #bezpieczenstwo .lp-pane h3{display:flex;align-items:center;gap:9px;width:max-content;max-width:calc(100% - 28px);height:36px;box-sizing:border-box;margin:14px 0 16px 14px;padding:0 14px;border:0;border-radius:7px 7px 0 0;background:var(--mi-man);color:var(--mi-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
body[data-pg="modinstall"] #bezpieczenstwo .lp-pane:not(.lp-pane--hl) h3{background:linear-gradient(180deg,#EDA594,#C9786A)}
body[data-pg="modinstall"] #bezpieczenstwo .lp-pane h3 i,body[data-pg="modinstall"] #bezpieczenstwo .lp-pane:not(.lp-pane--hl) h3 i{color:var(--mi-ink)}
body[data-pg="modinstall"] .lp-sources{border-top-color:var(--mi-lip)}
body[data-pg="modinstall"] .lp-sources>b{width:max-content;margin:10px 0 12px 14px;padding:10px 15px 9px 40px;border:0;border-radius:7px 7px 0 0;background:url(/img/lp/modinstall/fold.svg) 15px 50%/16px 14px no-repeat,var(--mi-man);color:var(--mi-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 1px 0 var(--mi-lip)}
.pg-mi-dmod,.pg-mi-dlib{background:linear-gradient(180deg,#17171F,#101017);box-shadow:var(--mi-lift)}
.pg-mi-dmod{border-left:3px solid rgba(var(--mi-t-rgb),.65)}
.pg-mi-dmod:hover,.pg-mi-dlib:hover{transform:translate3d(-1px,-2px,0) rotate(-.5deg)}
.pg-mi-ex-g li{border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#16161E,#111118);box-shadow:2px 2px 0 rgba(0,0,0,.4),6px 10px 16px -10px rgba(0,0,0,.8)}
body[data-pg="modinstall"] .lp-step::before{border-top:2px solid rgba(var(--mi-t-rgb),.75);box-shadow:0 0 0 6px var(--lp-bg),var(--mi-lift)}
body[data-pg="modinstall"] .pg-mi-steps.is-live .lp-step::before{box-shadow:0 0 0 6px var(--lp-bg),var(--mi-lift);border-top:2px solid rgba(var(--mi-t-rgb),.6)}
body[data-pg="modinstall"] .lp-author::before{border-bottom-color:var(--mi-lip)}
body[data-pg="modinstall"] .lp-author{border-top-color:var(--mi-lip)}
body[data-pg="modinstall"] .pg-mi-steps.is-live .lp-step.is-cur::before{color:var(--mi-ink)}
.pg-mi-ex-mods svg,.pg-mi-pipe-f svg{--mi-band:var(--mi-ok)}
body[data-pg="modinstall"] .lp-reco>i::before{content:'';display:block;width:24px;height:30px;background:url(/img/lp/modinstall/jar.svg) center/contain no-repeat}

/* rendering budget: long reading blocks (no .lp-rv inside, so nothing measures them at start) are laid out only when they come near */
body[data-pg="modinstall"] .lp-sec>p:not(.lp-eyebrow),body[data-pg="modinstall"] .lp-sec>.lp-list,body[data-pg="modinstall"] .pg-mi-tab>p,body[data-pg="modinstall"] .pg-mi-tab>.lp-list,body[data-pg="modinstall"] .lp-faq,body[data-pg="modinstall"] .lp-sources ul,body[data-pg="modinstall"] .lp-proof{content-visibility:auto;contain-intrinsic-size:auto 180px}
body[data-pg="modinstall"] .lp-faq{contain-intrinsic-size:auto 420px}
body[data-pg="modinstall"] .lp-sec>.lp-list>li:last-child,body[data-pg="modinstall"] .pg-mi-tab>.lp-list>li:last-child{margin-bottom:0}

/* motion */
@keyframes mi-in-x{from{opacity:0;transform:translate3d(-8px,0,0)}}
@keyframes mi-bob{50%{transform:translate3d(0,-4px,0)}}
@keyframes mi-nudge{50%{transform:translate3d(0,-4px,0)}}
@keyframes mi-row-in{from{opacity:0;transform:translate3d(-14px,0,0)}}
@keyframes mi-squash{0%{transform:scale(1.4,.62)}38%{transform:scale(.86,1.16)}68%{transform:scale(1.06,.95)}100%{transform:none}}
@keyframes mi-pop{0%{transform:scale(0) rotate(-35deg)}60%{transform:scale(1.28) rotate(6deg)}100%{transform:none}}
@keyframes mi-shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(3px,0,0)}30%,50%,70%{transform:translate3d(-5px,0,0)}40%,60%{transform:translate3d(5px,0,0)}}
@keyframes mi-breathe{50%{opacity:.45}}
@keyframes mi-flap{50%{transform:skewX(-14deg) scaleY(.8)}}
@keyframes mi-in-l{from{opacity:0;transform:translate3d(-20px,0,0)}}
@keyframes mi-in-u{from{opacity:0;transform:translate3d(0,24px,0) scale(.985)}}
@keyframes mi-chip{from{opacity:0;transform:translate3d(0,10px,0) scale(.92)}}
@keyframes mi-line{from{transform:scaleX(0)}}
@keyframes mi-fade{from{opacity:0}}
@keyframes mi-pulse{0%{opacity:0;transform:translate3d(-26px,0,0)}12%{opacity:1}30%{opacity:1;transform:translate3d(0,0,0)}36%,100%{opacity:0;transform:translate3d(0,0,0)}}
@keyframes mi-flip{0%{transform:none}45%{transform:rotateX(90deg);opacity:.2}55%{transform:rotateX(-90deg);opacity:.2}100%{transform:none}}
@keyframes mi-pop2{0%{transform:scale(.8)}55%{transform:scale(1.12)}100%{transform:none}}
@keyframes mi-press{0%,70%,100%{transform:none}78%{transform:scale(.9)}86%{transform:scale(1.06)}}
@keyframes mi-hint{50%{transform:translate3d(-4px,0,0)}}
@keyframes mi-scan{0%{transform:translate3d(0,-4px,0);opacity:0}12%{opacity:1}50%{transform:translate3d(0,92px,0);opacity:1}62%{opacity:0}100%{transform:translate3d(0,92px,0);opacity:0}}
@keyframes mi-ring{0%{transform:scale(.55);opacity:0}15%{opacity:.8}100%{transform:scale(1.35);opacity:0}}
@keyframes mi-pkt{0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(0,0,0)}}
@keyframes mi-pkt-v{0%{transform:translate3d(0,-100%,0)}100%{transform:translate3d(0,0,0)}}
@keyframes mi-shine{to{transform:translate3d(300%,0,0)}}
@keyframes mi-rx{0%{opacity:.95;transform:scale(.8)}22%{opacity:0;transform:scale(1.35)}100%{opacity:0;transform:scale(1.35)}}
@keyframes mi-rx-b{0%{transform:scale(1.08)}18%{transform:none}}
@keyframes mi-row-glow{0%{opacity:1}35%,100%{opacity:0}}
@keyframes mi-got{0%{opacity:.22;transform:scale(.94)}55%{opacity:1;transform:translate3d(0,-5px,0) scale(1.08)}100%{opacity:1;transform:none}}
@keyframes mi-fill{0%{transform:scaleX(0);opacity:1}88%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@keyframes mi-nudge-x{50%{transform:translate3d(5px,0,0)}}
@keyframes mi-ping{0%{opacity:0}18%{opacity:1}100%{opacity:0}}
@keyframes mi-idle{50%{transform:translate3d(2px,-3px,0)}}
@keyframes mi-tap{0%{opacity:.9;transform:scale(.6)}100%{opacity:0;transform:scale(2.1)}}
@keyframes mi-dock{from{transform:translate3d(-104%,0,0)}}
@keyframes mi-tb{from{transform:translate3d(0,100%,0)}}