#picklife-loader{
  position:fixed;
  inset:0;
  z-index:999999;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  background:#050505;
  transition:opacity .65s ease, visibility .65s ease;
}
#picklife-loader.hide{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
#picklife-loader .loader-logo{
  width:min(180px,42vw);
  height:auto;
  object-fit:contain;
  margin-bottom:22px;
  animation:picklifeLogoIn .7s ease both;
}
#picklife-loader .loader-name{
  color:#fff;
  font-size:18px;
  font-weight:900;
  letter-spacing:.18em;
  margin-bottom:22px;
}


/* Six-star entrance loader: fills from both sides toward the center in 3 seconds. */
#picklife-loader .loader-stars{
  display:grid;
  grid-template-columns:repeat(6,14px);
  align-items:center;
  justify-items:center;
  gap:3px;
  width:max-content;
  height:24px;
}
#picklife-loader .loader-star{
  color:#f09a2f;
  font-size:12px;
  line-height:1;
  opacity:.12;
  transform:scale(.62);
  filter:drop-shadow(0 0 0 rgba(240,154,47,0));
  animation:picklifeStarFill 3s linear forwards;
}
#picklife-loader .loader-star:nth-child(1){animation-delay:0s}
#picklife-loader .loader-star:nth-child(6){animation-delay:0s}
#picklife-loader .loader-star:nth-child(2){animation-delay:.95s}
#picklife-loader .loader-star:nth-child(5){animation-delay:.95s}
#picklife-loader .loader-star:nth-child(3){animation-delay:1.9s}
#picklife-loader .loader-star:nth-child(4){animation-delay:1.9s}
@keyframes picklifeStarFill{
  0%,12%{opacity:.12;transform:scale(.62);filter:drop-shadow(0 0 0 rgba(240,154,47,0))}
  18%,100%{opacity:1;transform:scale(1);filter:drop-shadow(0 0 7px rgba(240,154,47,.55))}
}
@media(max-width:600px){
  #picklife-loader .loader-stars{grid-template-columns:repeat(6,12px);gap:2px}
  #picklife-loader .loader-star{font-size:10px}
}

@keyframes picklifeLogoIn{
  from{opacity:0;transform:scale(.88)}
  to{opacity:1;transform:scale(1)}
}
@media(max-width:600px){
  #picklife-loader .loader-logo{width:130px}
  #picklife-loader .loader-name{font-size:15px}
}

/* Installation actions: two separate full-width boxes stacked vertically */
#install .install-action-grid{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  width:100% !important;
}
#install .install-action{
  width:100% !important;
  min-height:72px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  padding:14px 16px !important;
  margin:0 !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.018)) !important;
  text-decoration:none !important;
  transition:.2s ease !important;
}
#install .install-action:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(240,154,47,.38) !important;
  background:linear-gradient(135deg,rgba(240,154,47,.10),rgba(255,255,255,.025)) !important;
}
#install .install-action .action-icon{
  flex:0 0 42px !important;
  width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:12px !important;
  background:rgba(240,154,47,.10) !important;
  color:#f09a2f !important;
  font-size:15px !important;
}
#install .install-action>span:nth-child(2){
  flex:1 !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
}
#install .install-action b{
  display:block !important;
  color:#eee !important;
  font-size:11px !important;
}
#install .install-action small{
  display:block !important;
  color:#777 !important;
  font-size:8px !important;
}
#install .install-action .action-arrow{
  flex:0 0 auto !important;
  color:#f09a2f !important;
  font-size:10px !important;
}
#install .install-ip-row{
  margin-top:12px !important;
}
@media(max-width:700px){
  #install .install-action{
    min-height:64px !important;
    padding:11px 12px !important;
  }
  #install .install-action .action-icon{
    flex-basis:38px !important;
    width:38px !important;
    height:38px !important;
  }
}

.server-about-section{margin:34px auto;max-width:980px;padding:0 18px}
.server-about-card{
  padding:26px 28px;border-radius:22px;
  background:linear-gradient(145deg,#101012,#09090a);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 55px rgba(0,0,0,.22)
}
.server-about-kicker{display:block;color:#f09a2f;font-size:8px;font-weight:900;letter-spacing:.18em;margin-bottom:8px}
.server-about-card h2{margin:0 0 13px;color:#f2f2f2;font-size:21px}
.server-about-card p{margin:8px 0;color:#888;line-height:2;font-size:10px}

.picklife-bottom-nav{
  position:fixed;left:50%;bottom:14px;transform:translateX(-50%);
  z-index:99990;width:min(680px,calc(100% - 24px));
  display:grid;grid-template-columns:repeat(5,1fr);gap:4px;
  padding:7px;border:0;
  border-radius:22px;background:rgba(10,10,12,.88);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:0 15px 45px rgba(0,0,0,.42);
}
.picklife-bottom-nav a{
  min-height:50px;display:flex;align-items:center;justify-content:center;
  flex-direction:column;gap:4px;border-radius:16px;color:#777;
  text-decoration:none;font-size:8px;font-weight:800;transition:.2s ease;
}
.picklife-bottom-nav a i{font-size:15px}
.picklife-bottom-nav a:hover,.picklife-bottom-nav a.active{
  color:#f09a2f;background:rgba(240,154,47,.08);
}
@media(max-width:600px){
  .picklife-bottom-nav{bottom:8px;width:calc(100% - 16px);border-radius:19px;padding:5px}
  .picklife-bottom-nav a{min-height:45px;font-size:7px;border-radius:14px}
  .picklife-bottom-nav a i{font-size:14px}
}

.picklife-bottom-nav .download-raised{
  position:relative;
  width:56px;
  height:56px;
  min-height:56px;
  margin:-24px auto 0;
  align-self:start;
  border-radius:50%;
  background:#f09a2f;
  color:#111;
  border:5px solid #0a0a0c;
  box-shadow:0 10px 28px rgba(0,0,0,.42),0 0 24px rgba(240,154,47,.18);
  font-size:20px;
  z-index:3;
}
.picklife-bottom-nav .download-raised i{
  font-size:18px;
}
.picklife-bottom-nav .download-raised:hover,
.picklife-bottom-nav .download-raised.active{
  color:#111;
  background:#ffab42;
  transform:translateY(-2px);
}
@media(max-width:600px){
  .picklife-bottom-nav .download-raised{
    width:52px;height:52px;min-height:52px;
    margin-top:-21px;
    border-width:4px;
  }
}

.picklife-menu-overlay{
  position:fixed;inset:0;z-index:99998;
  display:flex;align-items:flex-end;justify-content:center;
  padding:0 12px 86px;
  background:rgba(0,0,0,.42);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:.22s ease;
}
.picklife-menu-overlay.open{
  opacity:1;visibility:visible;pointer-events:auto;
}
.picklife-menu-panel{
  position:relative;width:min(420px,100%);
  padding:20px;border-radius:22px;
  background:#0b0b0d;
  border:0;
  box-shadow:0 20px 60px rgba(0,0,0,.5);
  transform:translateY(18px);
  transition:.22s ease;
}
.picklife-menu-overlay.open .picklife-menu-panel{transform:translateY(0)}
.picklife-menu-title{
  color:#fff;font-size:15px;font-weight:900;
  text-align:right;margin:0 34px 15px 0;
}
.picklife-menu-close{
  position:absolute;top:12px;left:12px;
  width:32px;height:32px;border:0;border-radius:50%;
  background:#171719;color:#aaa;font-size:21px;cursor:pointer;
}
.picklife-menu-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:9px;
}
.picklife-menu-grid a{
  min-height:62px;padding:10px;
  display:flex;align-items:center;gap:10px;
  border-radius:15px;text-decoration:none;
  background:#111114;color:#bcbcbc;
  border:1px solid rgba(255,255,255,.05);
  font-size:10px;font-weight:800;
}
.picklife-menu-grid a i{color:#f09a2f;font-size:15px}
.picklife-menu-grid a:hover{background:#171719;color:#fff}

.picklife-bottom-nav{display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
.picklife-bottom-nav a{cursor:pointer!important;}
.picklife-menu-overlay{display:flex!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
.picklife-menu-overlay.open{visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
.picklife-menu-panel{pointer-events:auto!important;}
.picklife-menu-grid a{cursor:pointer!important;}
@media(max-width:600px){
  .picklife-menu-grid{grid-template-columns:repeat(2,1fr)!important;}
}

.picklife-lang-trigger{min-height:50px;border:0!important;background:transparent!important;color:#777!important;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:8px;font-weight:900;cursor:pointer;transition:.2s ease;box-shadow:none!important;outline:0!important}
.picklife-lang-trigger i{font-size:15px;line-height:1;color:inherit}
.picklife-lang-trigger:hover,.picklife-lang-trigger.active{background:transparent!important;color:#777!important}
@media(max-width:600px){.picklife-lang-trigger{min-height:45px}.picklife-lang-trigger i{font-size:14px}}

.picklife-bottom-nav a[href="#gallery"],.picklife-bottom-nav a[data-bottom-target="gallery"]{display:none!important}

.picklife-clean-topbar{
  position:relative!important;
  min-height:128px!important;
  height:auto!important;
  padding:22px 20px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.picklife-clean-topbar .picklife-main-brand{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  text-decoration:none!important;
}
.picklife-clean-topbar .picklife-main-brand img{
  width:74px!important;
  height:74px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.35))!important;
}
.picklife-clean-topbar .picklife-main-brand span{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  line-height:1!important;
}
.picklife-clean-topbar .picklife-main-brand b{
  color:#fff!important;
  font-size:25px!important;
  font-weight:900!important;
  letter-spacing:-.04em!important;
}
.picklife-clean-topbar .picklife-main-brand small{
  margin-top:6px!important;
  color:#777!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
}
.picklife-clean-topbar nav,
.picklife-clean-topbar .header-tools{display:none!important}
@media(max-width:600px){
 .picklife-clean-topbar{min-height:112px!important;padding:17px 16px 13px!important}
 .picklife-clean-topbar .picklife-main-brand img{width:62px!important;height:62px!important}
 .picklife-clean-topbar .picklife-main-brand b{font-size:21px!important}
}

.picklife-floating-panel{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:99970;min-width:190px;height:52px;padding:0 28px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:linear-gradient(180deg,rgba(24,24,30,.92),rgba(8,8,12,.84));border:1px solid rgba(255,255,255,.10);box-shadow:0 18px 48px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:transform .38s ease,opacity .38s ease,filter .38s ease;pointer-events:none}
.picklife-floating-panel::after{content:"";position:absolute;left:50%;bottom:-1px;width:44px;height:2px;border-radius:99px;transform:translateX(-50%);background:rgba(240,154,47,.8);box-shadow:0 0 15px rgba(240,154,47,.28)}
.picklife-floating-name{font-size:19px;font-weight:950;letter-spacing:.10em;color:transparent;background:linear-gradient(105deg,#777 0%,#e9e9e9 22%,#fff 35%,#f09a2f 50%,#fff 65%,#777 100%);background-size:260% 100%;background-position:220% 50%;-webkit-background-clip:text;background-clip:text;animation:picklifeFloatingShine 3.1s linear infinite}
.picklife-floating-panel.is-hidden{transform:translate(-50%,-150%);opacity:0;filter:blur(5px)}
@keyframes picklifeFloatingShine{from{background-position:220% 50%}to{background-position:-20% 50%}}
@media(max-width:600px){.picklife-floating-panel{top:12px;min-width:155px;height:46px;padding:0 22px;border-radius:16px}.picklife-floating-name{font-size:16px}}

/* Extra scroll clearance for the floating header at the very bottom. */
body::after{
  content:"";
  display:block;
  height:95px;
}
@media (max-width:600px){
  body::after{height:105px;}
}

/* Modern rotating partial rings around the entrance logo */
.picklife-loader-logo-wrap{position:relative;width:164px;height:164px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center}
.picklife-loader-logo-wrap img{position:relative;z-index:5;width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 10px 25px rgba(0,0,0,.45))}
.picklife-loader-ring{position:absolute;display:block;border-radius:50%;border:2px solid transparent;box-sizing:border-box;pointer-events:none}
.picklife-loader-ring.r1{width:112px;height:112px;border-top-color:rgba(255,255,255,.9);border-right-color:rgba(240,154,47,.5);animation:picklifeRing1 1.25s linear infinite}
.picklife-loader-ring.r2{width:136px;height:136px;border-left-color:rgba(240,154,47,.85);border-bottom-color:rgba(255,255,255,.35);animation:picklifeRing2 1.85s linear infinite reverse}
.picklife-loader-ring.r3{width:158px;height:158px;border-top-color:rgba(240,154,47,.68);border-right-color:rgba(255,255,255,.22);animation:picklifeRing3 2.55s linear infinite}
@keyframes picklifeRing1{to{transform:rotate(360deg)}}@keyframes picklifeRing2{to{transform:rotate(360deg)}}@keyframes picklifeRing3{to{transform:rotate(360deg)}}