/*
 * VargaTech Palworld Menu UI
 * Original web implementation inspired by the visual language of the Palworld in-game menus.
 * No external game UI assets are required by this stylesheet.
 */
:root{
  --pw-bg:#06101a;
  --pw-bg-deep:#02070c;
  --pw-panel:rgba(8,25,37,.92);
  --pw-panel-soft:rgba(13,37,52,.84);
  --pw-panel-hi:rgba(17,52,71,.88);
  --pw-line:rgba(102,209,230,.42);
  --pw-line-soft:rgba(187,233,244,.16);
  --pw-cyan:#24d9f3;
  --pw-cyan-hi:#86f3ff;
  --pw-teal:#00a8b7;
  --pw-green:#8ce7ab;
  --pw-gold:#f4d56e;
  --pw-red:#ff7d88;
  --pw-text:#edfaff;
  --pw-muted:#9bb7c4;
  --pw-shadow:0 20px 70px rgba(0,0,0,.55);
  --pw-cut:14px;
  --pw-font:"Segoe UI",Inter,Roboto,Arial,sans-serif;
}

*{box-sizing:border-box}
html{scroll-padding-top:142px!important;background:var(--pw-bg-deep)}
body.pw-ui{
  margin:0;
  color:var(--pw-text);
  font-family:var(--pw-font)!important;
  background:
    linear-gradient(180deg,rgba(1,7,12,.32),rgba(1,7,12,.78)),
    radial-gradient(circle at 18% 3%,rgba(30,212,239,.18),transparent 38rem),
    radial-gradient(circle at 84% 11%,rgba(56,165,211,.12),transparent 34rem),
    linear-gradient(135deg,#06111c,#02070c 70%)!important;
  min-height:100vh;
  overflow-x:hidden;
}
body.pw-ui::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-4;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(2,7,12,.18),rgba(2,7,12,.96)),
    url('/assets/premium-server-hero.webp') center top/cover no-repeat;
  filter:saturate(.76) brightness(.53) contrast(1.08);
  transform:scale(1.02);
}
body.pw-ui::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:9998;
  pointer-events:none;
  opacity:.24;
  background:
    linear-gradient(90deg,rgba(63,213,235,.25),transparent 10%,transparent 90%,rgba(63,213,235,.25)),
    repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 4px);
  mix-blend-mode:screen;
}

body.pw-ui a,body.pw-ui button,body.pw-ui input,body.pw-ui textarea,body.pw-ui select{font-family:var(--pw-font)}
body.pw-ui ::selection{background:var(--pw-cyan);color:#001015}
body.pw-ui main{position:relative;z-index:1}

/* Fixed game HUD frame */
.pw-screen-frame{position:fixed;inset:12px;z-index:9997;pointer-events:none;border:1px solid rgba(112,223,239,.12);clip-path:polygon(0 18px,18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px))}
.pw-screen-frame::before,.pw-screen-frame::after{content:"";position:absolute;width:78px;height:22px;border-top:2px solid rgba(114,239,255,.55);top:-1px}
.pw-screen-frame::before{left:28px;border-left:2px solid rgba(114,239,255,.55);transform:skewX(-28deg)}
.pw-screen-frame::after{right:28px;border-right:2px solid rgba(114,239,255,.55);transform:skewX(28deg)}
.pw-corner{position:fixed;z-index:9997;pointer-events:none;width:34px;height:34px;opacity:.72}
.pw-corner::before,.pw-corner::after{content:"";position:absolute;background:var(--pw-cyan-hi);box-shadow:0 0 10px rgba(77,222,239,.35)}
.pw-corner::before{width:28px;height:2px}.pw-corner::after{width:2px;height:28px}
.pw-corner.tl{left:13px;top:13px}.pw-corner.tr{right:13px;top:13px;transform:rotate(90deg)}.pw-corner.br{right:13px;bottom:13px;transform:rotate(180deg)}.pw-corner.bl{left:13px;bottom:13px;transform:rotate(270deg)}

/* Utility HUD */
body.pw-ui .premium-utility{
  position:sticky!important;
  top:0!important;
  z-index:120!important;
  height:37px!important;
  background:linear-gradient(90deg,rgba(3,12,20,.98),rgba(7,28,40,.96),rgba(3,12,20,.98))!important;
  border-bottom:1px solid rgba(89,216,235,.28)!important;
  box-shadow:0 8px 25px rgba(0,0,0,.36)!important;
}
body.pw-ui .premium-utility::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,transparent,var(--pw-cyan),transparent);opacity:.65}
body.pw-ui .premium-utility-inner{height:37px!important;width:min(1420px,calc(100% - 40px))!important;font-size:.72rem!important;letter-spacing:.055em;text-transform:uppercase}
body.pw-ui .premium-live{color:#b8ffd0!important;text-shadow:0 0 12px rgba(117,255,165,.3)}
body.pw-ui .premium-live::before{border-radius:2px!important;transform:rotate(45deg)}
body.pw-ui .premium-utility a{border-left:1px solid rgba(255,255,255,.08);padding-left:14px}
body.pw-ui .premium-utility .vote-link{background:transparent!important;color:var(--pw-gold)!important;border-radius:0!important;padding:0 0 0 14px!important}

/* Top game tabs */
body.pw-ui .header,body.pw-ui .site-header{
  position:sticky!important;
  top:37px!important;
  z-index:110!important;
  background:linear-gradient(180deg,rgba(6,20,30,.98),rgba(4,14,22,.95))!important;
  backdrop-filter:blur(18px) saturate(1.15)!important;
  border:0!important;
  border-bottom:1px solid rgba(105,220,239,.34)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.4)!important;
}
body.pw-ui .header::before,body.pw-ui .site-header::before{content:"";position:absolute;inset:auto 0 -5px;height:5px;background:linear-gradient(90deg,transparent 0 3%,rgba(36,217,243,.8) 15%,rgba(36,217,243,.16) 48%,rgba(36,217,243,.8) 85%,transparent 97%);clip-path:polygon(0 0,100% 0,97% 100%,3% 100%)}
body.pw-ui .nav,body.pw-ui .site-nav{width:min(1420px,calc(100% - 30px))!important;min-height:78px!important;height:auto!important;margin:auto!important;gap:18px!important}
body.pw-ui .brand,body.pw-ui .site-brand{
  min-width:max-content;
  padding:9px 18px 9px 10px;
  gap:11px!important;
  position:relative;
  background:linear-gradient(115deg,rgba(16,54,70,.92),rgba(6,22,32,.72));
  border:1px solid rgba(91,214,232,.36);
  clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,10px 50%);
}
body.pw-ui .brand::after,body.pw-ui .site-brand::after{content:"";position:absolute;left:12px;right:24px;bottom:4px;height:1px;background:linear-gradient(90deg,var(--pw-cyan),transparent)}
body.pw-ui .brand-emblem{width:45px!important;height:45px!important;flex:0 0 45px!important;border-radius:2px!important;border:1px solid rgba(120,233,247,.45)!important;background:rgba(14,43,56,.8)!important;box-shadow:inset 0 0 15px rgba(83,229,245,.15),0 0 18px rgba(42,207,231,.18)!important;transform:rotate(45deg);overflow:hidden!important}
body.pw-ui .brand-emblem img{transform:rotate(-45deg) scale(.82);width:100%!important;height:100%!important;object-fit:contain!important}
body.pw-ui .site-brand-copy strong{font-size:1rem!important;letter-spacing:.02em;text-transform:uppercase}
body.pw-ui .site-brand-copy strong span{color:var(--pw-cyan-hi)!important}
body.pw-ui .site-brand-copy small{font-size:.62rem!important;color:#86a8b6!important;letter-spacing:.08em;text-transform:uppercase}
body.pw-ui .navlinks,body.pw-ui .site-nav nav{display:flex;align-items:stretch;justify-content:flex-end;gap:3px!important;flex:1}
body.pw-ui .navlinks a,body.pw-ui .site-nav nav a{
  position:relative;
  min-height:43px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  padding:0 15px!important;
  border:1px solid rgba(140,207,220,.14);
  border-bottom-color:rgba(78,219,240,.28);
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(23,49,62,.78),rgba(7,23,33,.85))!important;
  color:#b9ccd5!important;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.045em;
  font-size:.68rem!important;
  font-weight:800!important;
  clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);
  transition:filter .16s ease,transform .16s ease,color .16s ease!important;
}
body.pw-ui .navlinks a::before,body.pw-ui .site-nav nav a::before{content:"";position:absolute;left:18%;right:18%;bottom:4px;height:1px;background:transparent;box-shadow:none}
body.pw-ui .navlinks a:hover,body.pw-ui .navlinks a.active,body.pw-ui .site-nav nav a:hover,body.pw-ui .site-nav nav a.active{
  color:#fff!important;
  background:linear-gradient(180deg,#18bfe2,#057ba2)!important;
  border-color:rgba(139,244,255,.74)!important;
  box-shadow:inset 0 0 16px rgba(160,245,255,.2),0 0 18px rgba(22,200,233,.2)!important;
  filter:brightness(1.07);
  transform:translateY(-1px);
}
body.pw-ui .navlinks a:hover::before,body.pw-ui .navlinks a.active::before,body.pw-ui .site-nav nav a:hover::before,body.pw-ui .site-nav nav a.active::before{background:#d3fbff;box-shadow:0 0 8px #57e9ff}
body.pw-ui .navlinks .btn-discord{background:linear-gradient(180deg,#6c79c9,#46539e)!important;border-color:#9aa7ff!important}
body.pw-ui .mobile-toggle{border-radius:0!important;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:linear-gradient(180deg,#159fc2,#08718e)!important;border:1px solid #6ae4f5!important;box-shadow:0 0 18px rgba(36,217,243,.18)}

/* Page banners / hero panels */
body.pw-ui .premium-server-banner{
  width:min(1420px,calc(100% - 38px))!important;
  min-height:clamp(430px,55vw,650px)!important;
  margin:26px auto 22px!important;
  border-radius:0!important;
  border:1px solid rgba(121,226,241,.48)!important;
  clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px);
  box-shadow:var(--pw-shadow),inset 0 0 0 1px rgba(255,255,255,.04)!important;
}
body.pw-ui .premium-server-banner::before{background-position:center!important;filter:saturate(.88) brightness(.64) contrast(1.12)}
body.pw-ui .premium-server-banner::after{background:linear-gradient(90deg,rgba(2,8,13,.96) 0%,rgba(4,14,22,.88) 36%,rgba(3,11,17,.28) 72%,rgba(1,6,11,.55) 100%),linear-gradient(0deg,rgba(1,7,11,.92),transparent 62%)!important}
body.pw-ui .premium-banner-content{padding:clamp(38px,6vw,82px)!important;max-width:830px!important}
body.pw-ui .premium-server-banner h1,body.pw-ui .premium-server-banner h2{
  font-size:clamp(2.8rem,6.2vw,5.7rem)!important;
  line-height:.95!important;
  letter-spacing:-.055em!important;
  text-transform:uppercase;
  text-shadow:0 4px 0 rgba(0,0,0,.38),0 15px 35px rgba(0,0,0,.6)!important;
}
body.pw-ui .premium-server-banner h1 span,body.pw-ui .premium-server-banner h2 span{background:linear-gradient(180deg,#ecfdff 0,#71f2ff 48%,#0bb7da 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;filter:drop-shadow(0 0 8px rgba(38,219,243,.2))}
body.pw-ui .premium-eyebrow,body.pw-ui .eyebrow,body.pw-ui .site-kicker,body.pw-ui .kicker{
  border-radius:0!important;
  border:1px solid rgba(73,218,237,.46)!important;
  background:linear-gradient(90deg,rgba(7,117,143,.5),rgba(6,33,46,.64))!important;
  color:#bbf9ff!important;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
body.pw-ui .premium-banner-pills span,body.pw-ui .trust span,body.pw-ui .voting-tags span{
  border-radius:0!important;
  clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);
  background:linear-gradient(180deg,rgba(32,67,81,.76),rgba(8,27,38,.82))!important;
  border:1px solid rgba(140,223,236,.22)!important;
  color:#d9edf2!important;
}
body.pw-ui .premium-page-banner{
  border-radius:0!important;
  clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);
  border:1px solid rgba(83,220,239,.4)!important;
  background:linear-gradient(100deg,rgba(4,22,33,.97),rgba(8,45,61,.84)),url('/assets/premium-server-hero-1200.webp') center/cover!important;
  box-shadow:var(--pw-shadow)!important;
}
body.pw-ui .hero{padding-top:58px!important}
body.pw-ui .hero-grid{gap:30px!important}
body.pw-ui .hero h1,body.pw-ui .site-hero h1{font-weight:800!important;text-transform:uppercase!important;text-shadow:0 5px 0 rgba(0,0,0,.25),0 12px 28px rgba(0,0,0,.5)}
body.pw-ui .gradient,body.pw-ui .site-hero h1 span{background:linear-gradient(180deg,#fff,#62eaff 60%,#08a8c7)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
body.pw-ui .lead,body.pw-ui .site-hero p{color:#b7cbd5!important}

/* Buttons: game action strips */
body.pw-ui .btn,body.pw-ui .premium-btn,body.pw-ui .submit,body.pw-ui .vote{
  min-height:48px!important;
  border-radius:0!important;
  position:relative;
  overflow:hidden;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  border:1px solid rgba(126,218,233,.32)!important;
  background:linear-gradient(180deg,rgba(27,62,77,.96),rgba(7,28,40,.96))!important;
  color:#e9fbff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 10px 25px rgba(0,0,0,.28)!important;
  text-transform:uppercase;
  letter-spacing:.045em;
  font-size:.78rem!important;
  font-weight:850!important;
}
body.pw-ui .btn::after,body.pw-ui .premium-btn::after,body.pw-ui .submit::after,body.pw-ui .vote::after{content:"";position:absolute;left:8px;right:8px;bottom:3px;height:1px;background:linear-gradient(90deg,transparent,rgba(141,239,250,.55),transparent)}
body.pw-ui .btn:hover,body.pw-ui .premium-btn:hover,body.pw-ui .submit:hover,body.pw-ui .vote:hover{transform:translateY(-2px)!important;filter:brightness(1.13);border-color:rgba(134,241,255,.78)!important}
body.pw-ui .btn-primary,body.pw-ui .premium-btn-primary,body.pw-ui .submit,body.pw-ui .vote{background:linear-gradient(180deg,#1bc8e5,#087a9e)!important;color:#fff!important;border-color:#7feeff!important}
body.pw-ui .premium-btn-vote{background:linear-gradient(180deg,#f1d877,#a77724)!important;color:#17120a!important;border-color:#fff0a7!important}
body.pw-ui .btn-discord{background:linear-gradient(180deg,#6e7bd1,#45529a)!important;border-color:#9faaff!important}

/* Core panels/cards */
body.pw-ui .card,body.pw-ui .hero-card,body.pw-ui .poll-card,body.pw-ui .metric,body.pw-ui .feature,body.pw-ui .join-card,body.pw-ui .status-card,body.pw-ui .news-card,body.pw-ui .rule,body.pw-ui .voting-intro,body.pw-ui .voting-trust,body.pw-ui .vote-card,body.pw-ui .box,body.pw-ui .join-tools{
  position:relative;
  border-radius:0!important;
  background:
    linear-gradient(135deg,rgba(15,48,64,.92),rgba(4,20,30,.96))!important;
  border:1px solid rgba(91,207,224,.34)!important;
  box-shadow:var(--pw-shadow),inset 0 0 24px rgba(36,217,243,.025)!important;
  clip-path:polygon(var(--pw-cut) 0,100% 0,100% calc(100% - var(--pw-cut)),calc(100% - var(--pw-cut)) 100%,0 100%,0 var(--pw-cut));
  backdrop-filter:blur(12px) saturate(1.08)!important;
}
body.pw-ui .card::before,body.pw-ui .hero-card::before,body.pw-ui .poll-card::before,body.pw-ui .feature::before,body.pw-ui .join-card::before,body.pw-ui .status-card::before,body.pw-ui .news-card::before,body.pw-ui .voting-intro::before,body.pw-ui .voting-trust::before,body.pw-ui .vote-card::before,body.pw-ui .box::before,body.pw-ui .join-tools::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,var(--pw-cyan),transparent 28%) top left/46% 2px no-repeat,
    linear-gradient(180deg,var(--pw-cyan),transparent 42%) top left/2px 46% no-repeat,
    linear-gradient(270deg,rgba(129,236,248,.55),transparent 28%) bottom right/38% 1px no-repeat;
  opacity:.72;
  z-index:0;
}
body.pw-ui .card>* ,body.pw-ui .hero-card>* ,body.pw-ui .poll-card>* ,body.pw-ui .feature>* ,body.pw-ui .join-card>* ,body.pw-ui .status-card>* ,body.pw-ui .news-card>* ,body.pw-ui .voting-intro>* ,body.pw-ui .voting-trust>* ,body.pw-ui .vote-card>* ,body.pw-ui .box>* ,body.pw-ui .join-tools>*{position:relative;z-index:1}
body.pw-ui .card:hover,body.pw-ui .feature:hover,body.pw-ui .news:hover,body.pw-ui .poll-card:hover{border-color:rgba(100,235,250,.64)!important;box-shadow:0 22px 75px rgba(0,0,0,.58),0 0 24px rgba(29,211,237,.08)!important}
body.pw-ui .feature-icon{border-radius:0!important;transform:rotate(45deg);border:1px solid rgba(81,221,239,.45)!important;background:linear-gradient(135deg,rgba(15,122,145,.8),rgba(6,40,53,.9))!important}
body.pw-ui .feature-icon i{transform:rotate(-45deg)}
body.pw-ui .metric{padding:15px 16px!important;background:linear-gradient(180deg,rgba(17,55,70,.84),rgba(5,25,35,.9))!important;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
body.pw-ui .metric small{color:#83aab9!important;text-transform:uppercase;letter-spacing:.08em}
body.pw-ui .metric strong{color:#f3fdff;text-shadow:0 0 12px rgba(53,221,240,.12)}
body.pw-ui .capacity,body.pw-ui .bar{border-radius:0!important;background:rgba(0,0,0,.38)!important;border:1px solid rgba(106,216,232,.16)}
body.pw-ui .capacity>span,body.pw-ui .bar span{border-radius:0!important;background:linear-gradient(90deg,#08a9c9,#5ceaff)!important;box-shadow:0 0 10px rgba(44,220,240,.35)}
body.pw-ui .address-box,body.pw-ui .quick-address,body.pw-ui .join-code{
  border-radius:0!important;
  background:linear-gradient(90deg,rgba(5,26,37,.96),rgba(9,49,62,.86))!important;
  border:1px solid rgba(93,226,243,.42)!important;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
}
body.pw-ui code{color:#c6faff!important;letter-spacing:.035em}

/* Sections */
body.pw-ui .section{padding:72px 0!important;position:relative}
body.pw-ui .section.alt{background:linear-gradient(90deg,transparent,rgba(5,26,37,.48) 12%,rgba(5,26,37,.48) 88%,transparent)!important;border-top:1px solid rgba(87,203,219,.08);border-bottom:1px solid rgba(87,203,219,.08)}
body.pw-ui .section-head,body.pw-ui .site-section-head{position:relative;padding-left:20px;border-left:3px solid var(--pw-cyan)}
body.pw-ui .section-head::after,body.pw-ui .site-section-head::after{content:"";position:absolute;left:0;bottom:-12px;width:min(420px,75%);height:1px;background:linear-gradient(90deg,var(--pw-cyan),transparent)}
body.pw-ui .section h2,body.pw-ui .site-section-head h2{font-weight:700!important;text-transform:uppercase;letter-spacing:-.025em!important}
body.pw-ui .section-head p{color:#9eb8c3!important}
body.pw-ui .premium-feature-rail{width:min(1420px,calc(100% - 38px))!important;gap:8px!important}
body.pw-ui .premium-feature-card{
  border-radius:0!important;
  min-height:105px;
  position:relative;
  border:1px solid rgba(98,210,227,.27)!important;
  background:linear-gradient(180deg,rgba(18,51,66,.9),rgba(4,22,32,.94))!important;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
}
body.pw-ui .premium-feature-card::after{content:"";position:absolute;left:12px;right:12px;bottom:7px;height:1px;background:linear-gradient(90deg,var(--pw-cyan),transparent)}
body.pw-ui .premium-feature-card i{color:#7af1ff!important;text-shadow:0 0 12px rgba(36,217,243,.35)}

/* Lists, rows and settings */
body.pw-ui .fact,body.pw-ui .check,body.pw-ui .player,body.pw-ui .rank-row,body.pw-ui .milestone-row,body.pw-ui .option,body.pw-ui .comment,body.pw-ui .stat{
  border-radius:0!important;
  background:linear-gradient(90deg,rgba(10,38,51,.78),rgba(5,23,33,.78))!important;
  border:1px solid rgba(118,209,222,.14)!important;
  border-left:2px solid rgba(52,207,228,.55)!important;
}
body.pw-ui .check i,body.pw-ui .rule b,body.pw-ui .feature i,body.pw-ui .text-link{color:var(--pw-cyan-hi)!important}
body.pw-ui .tag,body.pw-ui .current,body.pw-ui .platform-badge{border-radius:0!important;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}
body.pw-ui .tag{background:linear-gradient(180deg,#f7d87a,#b47b21)!important;color:#211805!important}
body.pw-ui .current{background:linear-gradient(90deg,rgba(14,119,141,.45),rgba(8,37,49,.7))!important;border:1px solid rgba(76,222,240,.42)!important}
body.pw-ui .steps li::before{border-radius:0!important;transform:rotate(45deg);background:linear-gradient(135deg,#18b8d4,#075a75)!important;color:#fff!important;border:1px solid #71e9f8}
body.pw-ui .steps li{align-items:center!important}
body.pw-ui .steps li::before{line-height:34px}

/* Forms */
body.pw-ui input[type="text"],body.pw-ui input[type="number"],body.pw-ui input[type="email"],body.pw-ui textarea,body.pw-ui select,body.pw-ui .custom-input,body.pw-ui .text-input{
  border-radius:0!important;
  color:#eaffff!important;
  background:rgba(2,15,23,.82)!important;
  border:1px solid rgba(109,207,221,.28)!important;
  border-bottom-color:rgba(61,220,240,.6)!important;
  clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);
}
body.pw-ui input:focus,body.pw-ui textarea:focus,body.pw-ui select:focus{outline:none!important;border-color:#74edfb!important;box-shadow:0 0 0 2px rgba(54,219,239,.14),0 0 20px rgba(36,217,243,.08)!important}
body.pw-ui input[type="radio"],body.pw-ui input[type="checkbox"]{accent-color:var(--pw-cyan)}
body.pw-ui .stars button{color:#637985!important}
body.pw-ui .stars button.selected,body.pw-ui .stars button:hover{color:var(--pw-gold)!important;text-shadow:0 0 11px rgba(244,213,110,.32)}

/* FAQ / accordions */
body.pw-ui .faq details{
  border-radius:0!important;
  border:1px solid rgba(94,202,219,.26)!important;
  background:linear-gradient(90deg,rgba(8,34,46,.88),rgba(4,20,29,.9))!important;
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
}
body.pw-ui .faq summary{letter-spacing:.02em;text-transform:uppercase;font-size:.84rem}
body.pw-ui .faq details[open]{border-color:rgba(94,230,246,.55)!important;box-shadow:0 0 18px rgba(35,216,239,.06)}

/* Footer / modal */
body.pw-ui .footer{position:relative;background:linear-gradient(180deg,rgba(3,13,20,.92),#010609)!important;border-top:1px solid rgba(84,213,231,.3)!important}
body.pw-ui .footer::before{content:"";position:absolute;top:-3px;left:8%;right:8%;height:3px;background:linear-gradient(90deg,transparent,var(--pw-cyan),transparent);clip-path:polygon(2% 0,98% 0,100% 100%,0 100%)}
body.pw-ui .modal{backdrop-filter:blur(13px);background:rgba(0,5,9,.82)!important}
body.pw-ui .modal-card{max-height:min(82vh,760px);overflow:auto;border-color:rgba(96,225,243,.56)!important}
body.pw-ui .toast{border-radius:0!important;border:1px solid rgba(101,230,246,.55)!important;background:linear-gradient(180deg,#0b718d,#064358)!important;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}

/* Utility hint bar injected by JS */
.pw-control-hints{position:fixed;right:22px;bottom:20px;z-index:9996;display:flex;gap:8px;align-items:center;pointer-events:none;color:#9bb5c0;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}
.pw-control-hints span{display:flex;align-items:center;gap:6px;background:rgba(3,15,23,.82);border:1px solid rgba(103,214,230,.2);padding:6px 9px;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.pw-control-hints kbd{font:700 .62rem var(--pw-font);min-width:18px;height:18px;display:grid;place-items:center;color:#dffcff;background:rgba(18,85,104,.75);border:1px solid rgba(103,226,240,.52);box-shadow:none;border-radius:0}

/* Generic landing pages */
body.pw-ui .top{position:sticky!important;top:37px!important;z-index:110!important;background:linear-gradient(180deg,rgba(6,20,30,.98),rgba(4,14,22,.95))!important;border-bottom:1px solid rgba(105,220,239,.34)!important}
body.pw-ui .top .nav{padding:8px 0}
body.pw-ui .crumb{color:#78bdca!important;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}
body.pw-ui .site-hero{background:linear-gradient(180deg,rgba(7,32,44,.38),rgba(2,12,19,.2))!important;border-bottom:1px solid rgba(77,203,221,.12)}
body.pw-ui .notice{border-radius:0!important;background:rgba(11,49,63,.72)!important;border:1px solid rgba(85,219,237,.34)!important;border-left:3px solid var(--pw-cyan)!important}

/* Scrollbar */
body.pw-ui *{scrollbar-color:#0e90ad #06131c;scrollbar-width:thin}
body.pw-ui ::-webkit-scrollbar{width:10px;height:10px}
body.pw-ui ::-webkit-scrollbar-track{background:#06131c}
body.pw-ui ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#15bad8,#08728e);border:2px solid #06131c;border-radius:0}

/* Responsive game menu */
@media(max-width:1180px){
  body.pw-ui .navlinks a,body.pw-ui .site-nav nav a{padding:0 10px!important;font-size:.62rem!important}
  body.pw-ui .site-brand-copy small{display:none}
}
@media(max-width:920px){
  html{scroll-padding-top:105px!important}
  body.pw-ui .premium-utility{height:32px!important}
  body.pw-ui .premium-utility-inner{height:32px!important;width:calc(100% - 22px)!important}
  body.pw-ui .header,body.pw-ui .site-header,body.pw-ui .top{top:32px!important}
  body.pw-ui .nav,body.pw-ui .site-nav{min-height:68px!important;width:calc(100% - 22px)!important}
  body.pw-ui .navlinks,body.pw-ui .site-nav nav{
    display:none!important;
    position:absolute;
    top:calc(100% + 6px);
    left:11px;
    right:11px;
    padding:10px;
    flex-direction:column;
    align-items:stretch;
    background:rgba(3,15,23,.98);
    border:1px solid rgba(90,222,239,.5);
    box-shadow:0 25px 65px rgba(0,0,0,.65);
    clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
  }
  body.pw-ui .navlinks.open,body.pw-ui .site-nav nav.open{display:flex!important}
  body.pw-ui .navlinks a,body.pw-ui .site-nav nav a{min-height:44px!important;justify-content:flex-start!important;padding:0 18px!important;font-size:.72rem!important}
  body.pw-ui .mobile-toggle{display:grid!important;place-items:center}
  body.pw-ui .premium-server-banner{width:calc(100% - 22px)!important;min-height:560px!important}
  body.pw-ui .premium-server-banner::after{background:linear-gradient(0deg,rgba(1,7,11,.98) 0,rgba(2,9,14,.72) 68%,rgba(2,8,13,.38))!important}
  body.pw-ui .premium-banner-content{justify-content:flex-end!important;padding:34px 24px!important}
  body.pw-ui .hero-grid{grid-template-columns:1fr!important}
  .pw-control-hints{display:none}
}
@media(max-width:620px){
  :root{--pw-cut:10px}
  .pw-screen-frame,.pw-corner{display:none}
  body.pw-ui::after{opacity:.13}
  body.pw-ui .premium-utility-left span:nth-child(n+3){display:none!important}
  body.pw-ui .brand,body.pw-ui .site-brand{padding-right:12px}
  body.pw-ui .brand-emblem{width:39px!important;height:39px!important;flex-basis:39px!important}
  body.pw-ui .site-brand-copy strong{font-size:.84rem!important}
  body.pw-ui .site-brand-copy small{display:none!important}
  body.pw-ui .premium-server-banner{min-height:590px!important}
  body.pw-ui .premium-server-banner h1,body.pw-ui .premium-server-banner h2{font-size:clamp(2.45rem,13vw,4rem)!important}
  body.pw-ui .premium-banner-pills{gap:6px!important}
  body.pw-ui .premium-banner-pills span{font-size:.65rem!important;padding:6px 8px!important}
  body.pw-ui .premium-actions,body.pw-ui .hero-actions{width:100%;display:grid!important;grid-template-columns:1fr!important}
  body.pw-ui .premium-actions>* ,body.pw-ui .hero-actions>*{width:100%!important}
  body.pw-ui .premium-feature-rail{width:calc(100% - 22px)!important;grid-template-columns:1fr!important}
  body.pw-ui .section{padding:55px 0!important}
  body.pw-ui .section-head{padding-left:13px}
  body.pw-ui .section h2{font-size:clamp(1.8rem,9vw,2.7rem)!important}
  body.pw-ui .grid-3,body.pw-ui .news-grid,body.pw-ui .join-panel,body.pw-ui .rules{grid-template-columns:1fr!important}
  body.pw-ui .summary{grid-template-columns:1fr!important}
}

@media(prefers-reduced-motion:reduce){
  body.pw-ui *,body.pw-ui *::before,body.pw-ui *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Branding/mobile corrections against legacy rules */
body.pw-ui .brand > .brand-emblem,body.pw-ui .site-brand > .brand-emblem{display:grid!important;place-items:center}
body.pw-ui .brand > .site-brand-copy,body.pw-ui .site-brand > .site-brand-copy{display:flex!important}
body.pw-ui .brand .site-brand-copy strong span,body.pw-ui .site-brand .site-brand-copy strong span{display:inline!important;font-size:inherit!important}
body.pw-ui .mobile-toggle::before{content:"☰";font-size:1.25rem;line-height:1;color:#eaffff}
body.pw-ui .mobile-toggle i{display:none!important}
@media(max-width:620px){
  body.pw-ui .brand > .brand-emblem,body.pw-ui .site-brand > .brand-emblem{display:grid!important}
  body.pw-ui .brand > .site-brand-copy,body.pw-ui .site-brand > .site-brand-copy{display:flex!important}
  body.pw-ui .brand .site-brand-copy strong span,body.pw-ui .site-brand .site-brand-copy strong span{display:inline!important}
}


/* Voluntary server support */
body.pw-ui .support-nav-link{color:#ffd8e2!important;border-color:rgba(255,125,158,.28)!important}
body.pw-ui .support-nav-link i{color:#ff8eaa;text-shadow:0 0 12px rgba(255,91,132,.45)}
body.pw-ui .btn-support{
  color:#fff!important;
  border:1px solid rgba(255,146,174,.74)!important;
  background:linear-gradient(180deg,#d54e74,#8f2448)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.22),0 0 22px rgba(220,55,102,.22)!important;
}
body.pw-ui .btn-support:hover{background:linear-gradient(180deg,#ed668a,#a52c55)!important;box-shadow:inset 0 1px rgba(255,255,255,.25),0 0 30px rgba(235,76,123,.34)!important}
body.pw-ui .support-section{padding-top:38px!important}
body.pw-ui .support-command{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);
  gap:28px;
  align-items:stretch;
  padding:32px!important;
  border-color:rgba(255,124,157,.4)!important;
  background:linear-gradient(118deg,rgba(39,24,43,.96),rgba(8,31,43,.96) 58%,rgba(52,18,38,.92))!important;
}
body.pw-ui .support-command::before{background:linear-gradient(90deg,rgba(255,120,153,.9),transparent 35%) top left/48% 1px no-repeat,linear-gradient(90deg,transparent,rgba(84,226,242,.75)) bottom right/42% 1px no-repeat!important}
body.pw-ui .support-copy h2{margin:11px 0 12px!important;max-width:760px}
body.pw-ui .support-copy>p{color:#b9cbd3;font-size:1.03rem;max-width:820px}
body.pw-ui .support-principles{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 18px}
body.pw-ui .support-principles span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,132,164,.26);background:rgba(56,17,37,.46);clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);font-size:.85rem;font-weight:800;color:#f4dbe2}
body.pw-ui .support-principles i{color:#ff94ae}
body.pw-ui .support-legal{margin:0!important;padding:14px 16px;border-left:3px solid #ff85a4;background:rgba(8,16,24,.42);font-size:.9rem!important}
body.pw-ui .support-action-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px 22px;border:1px solid rgba(255,133,164,.32);background:linear-gradient(180deg,rgba(81,23,49,.72),rgba(7,25,34,.86));clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px)}
body.pw-ui .support-action-panel .support-icon{width:72px;height:72px;display:grid;place-items:center;margin-bottom:14px;border:1px solid rgba(255,160,183,.55);background:radial-gradient(circle,rgba(255,105,145,.28),rgba(81,18,44,.8));transform:rotate(45deg);box-shadow:0 0 30px rgba(239,72,119,.18)}
body.pw-ui .support-action-panel .support-icon i{transform:rotate(-45deg);font-size:1.65rem;color:#ffacc0}
body.pw-ui .support-action-panel strong{font-size:1.08rem;color:#fff}
body.pw-ui .support-action-panel small{display:block;color:#9db4bf;margin:6px 0 17px;line-height:1.45}
body.pw-ui .support-action-panel .btn{width:100%}
body.pw-ui .support-details-link{margin-top:13px;color:#bdeef5;text-decoration:none;font-size:.86rem;font-weight:800}
body.pw-ui .support-details-link:hover{color:#fff}
body.pw-ui .footer-support{display:inline-flex;align-items:center;gap:8px;margin-top:8px;color:#ff9fb7!important;font-weight:800;text-decoration:none}
body.pw-ui .footer-support:hover{color:#ffdce5!important}
body.pw-ui .support-mini{display:flex;gap:13px;margin-top:22px;padding:16px;border:1px solid rgba(255,132,163,.28);border-left:3px solid #ef6e91;background:linear-gradient(90deg,rgba(67,20,43,.58),rgba(5,25,35,.72))}
body.pw-ui .support-mini>i{color:#ff91ac;font-size:1.15rem;margin-top:3px}
body.pw-ui .support-mini strong,body.pw-ui .support-mini span,body.pw-ui .support-mini a{display:block}
body.pw-ui .support-mini span{color:#9fb7c1;font-size:.83rem;margin:2px 0 7px}
body.pw-ui .support-mini a{color:#bff4fa;font-size:.84rem;font-weight:800;text-decoration:none}
body.pw-ui .support-aside-btn{width:100%;margin-top:22px;justify-content:center}
body.pw-ui .support-smallprint{color:#93aab5!important;font-size:.8rem!important;line-height:1.5;margin-top:13px!important}
body.pw-ui .support-page-highlight{display:flex;gap:15px;align-items:flex-start;margin:24px 0;padding:18px;border:1px solid rgba(255,133,163,.3);border-left:3px solid #f07899;background:linear-gradient(90deg,rgba(68,20,43,.62),rgba(6,28,38,.7))}
body.pw-ui .support-page-highlight>i{color:#ff9ab3;font-size:1.35rem;margin-top:4px}
body.pw-ui .support-page-highlight p{margin:4px 0 0!important}
body.pw-ui .support-final-box{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:28px;padding:20px;border:1px solid rgba(255,131,163,.35);background:rgba(57,18,39,.45)}
body.pw-ui .support-final-box span,body.pw-ui .support-final-box strong{display:block}
body.pw-ui .support-final-box span{color:#ff9db5;text-transform:uppercase;letter-spacing:.09em;font-size:.72rem;font-weight:900}
body.pw-ui .pw-support-dock{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:72px;z-index:58;display:flex;align-items:center;gap:9px;min-height:43px;padding:0 14px 0 12px;color:#fff;text-decoration:none;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(255,148,174,.58);background:linear-gradient(180deg,rgba(171,47,85,.96),rgba(91,23,52,.97));clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);box-shadow:0 12px 35px rgba(0,0,0,.48),0 0 20px rgba(235,70,117,.18);transition:transform .18s ease,filter .18s ease}
body.pw-ui .pw-support-dock:hover{transform:translateY(-2px);filter:brightness(1.12)}
body.pw-ui .pw-support-dock i{color:#ffd1dd;text-shadow:0 0 10px rgba(255,155,180,.4)}
@media(max-width:820px){body.pw-ui .support-command{grid-template-columns:1fr;padding:24px!important}body.pw-ui .support-final-box{align-items:stretch;flex-direction:column}body.pw-ui .support-final-box .btn{width:100%}body.pw-ui .pw-support-dock{right:10px;bottom:62px;min-height:40px;padding:0 11px;font-size:.7rem}body.pw-ui .pw-support-dock span{display:none}}


/* Buy Me a Coffee QR integration */
body.pw-ui .btn-bmc{
  color:#15120a!important;
  border:1px solid rgba(255,226,64,.92)!important;
  background:linear-gradient(180deg,#ffe55b,#ffc928)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.65),0 0 24px rgba(255,205,43,.18)!important;
}
body.pw-ui .btn-bmc:hover{background:linear-gradient(180deg,#ffec78,#ffd33f)!important;box-shadow:inset 0 1px rgba(255,255,255,.7),0 0 32px rgba(255,213,48,.28)!important}
body.pw-ui .support-payment-actions{display:flex;flex-wrap:wrap;gap:10px;width:100%}
body.pw-ui .support-payment-actions .btn{flex:1 1 180px;justify-content:center}
body.pw-ui .support-payment-actions-stack{flex-direction:column;margin-top:14px}
body.pw-ui .support-payment-actions-stack .btn{width:100%;flex:auto}
body.pw-ui .support-qr-link{
  display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px;
  color:#f8fbff;text-decoration:none;border:1px solid rgba(255,217,63,.45);
  background:linear-gradient(145deg,rgba(255,221,57,.12),rgba(8,24,34,.88));
  box-shadow:0 18px 48px rgba(0,0,0,.34),0 0 24px rgba(255,211,49,.08);
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
  transition:transform .18s ease,filter .18s ease,border-color .18s ease;
}
body.pw-ui .support-qr-link:hover{transform:translateY(-2px);filter:brightness(1.08);border-color:rgba(255,224,82,.82)}
body.pw-ui .support-qr-link span{display:flex;align-items:center;gap:8px;font-size:.77rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#ffe778}
body.pw-ui .support-qr-image{display:block;width:min(100%,220px);height:auto;aspect-ratio:1;border-radius:16px;background:#fff;object-fit:contain}
body.pw-ui .support-qr-large{width:min(100%,250px);margin:0 auto 16px}
body.pw-ui .support-qr-large .support-qr-image{width:210px}
body.pw-ui .support-qr-aside{margin-top:20px}
body.pw-ui .support-qr-aside .support-qr-image{width:190px}
body.pw-ui .support-qr-showcase{
  display:grid;grid-template-columns:minmax(190px,260px) minmax(0,1fr);gap:26px;align-items:center;
  margin:26px 0;padding:24px;border:1px solid rgba(255,217,63,.34);
  background:linear-gradient(120deg,rgba(255,218,50,.1),rgba(50,22,39,.42) 48%,rgba(6,26,37,.76));
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
}
body.pw-ui .support-qr-showcase h2{margin:5px 0 9px!important;font-size:clamp(1.55rem,3vw,2.25rem)}
body.pw-ui .support-qr-showcase p{margin:0 0 18px!important}
body.pw-ui .support-provider-label{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid rgba(255,222,68,.5);background:rgba(255,213,40,.12);color:#ffe66a;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}
body.pw-ui .footer-qr-layout{display:flex;align-items:center;justify-content:space-between;gap:24px}
body.pw-ui .footer-legal-copy{min-width:0;line-height:1.65}
body.pw-ui .footer-qr-card{
  display:flex;align-items:center;gap:12px;flex:0 0 auto;max-width:270px;padding:10px 12px;
  color:#f7fbff!important;text-decoration:none!important;border:1px solid rgba(255,218,58,.36);
  background:linear-gradient(135deg,rgba(255,214,41,.1),rgba(5,20,29,.8));
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
  transition:transform .18s ease,filter .18s ease;
}
body.pw-ui .footer-qr-card:hover{transform:translateY(-2px);filter:brightness(1.1)}
body.pw-ui .footer-qr-card img{display:block;width:72px;height:72px;object-fit:contain;background:#fff;border-radius:10px;flex:0 0 auto}
body.pw-ui .footer-qr-card span,body.pw-ui .footer-qr-card strong,body.pw-ui .footer-qr-card small{display:block}
body.pw-ui .footer-qr-card strong{font-size:.88rem;color:#ffe873}
body.pw-ui .footer-qr-card small{margin-top:3px;color:#a9bdc7;font-size:.72rem;line-height:1.35}
body.pw-ui .support-action-panel>.support-payment-actions{margin-top:2px}
body.pw-ui .support-final-box>.support-payment-actions{width:auto;min-width:min(100%,390px)}
body.pw-ui .footer-grid .footer-qr-card{margin-top:16px}
@media(max-width:820px){
  body.pw-ui .support-qr-showcase{grid-template-columns:1fr;padding:20px}
  body.pw-ui .support-qr-showcase .support-qr-link{width:min(100%,260px);margin:auto}
  body.pw-ui .footer-qr-layout{align-items:flex-start;flex-direction:column}
  body.pw-ui .footer-qr-card{width:100%;max-width:340px}
  body.pw-ui .support-final-box>.support-payment-actions{width:100%;min-width:0}
}
@media(max-width:520px){
  body.pw-ui .support-payment-actions{flex-direction:column}
  body.pw-ui .support-payment-actions .btn{width:100%;flex:auto}
  body.pw-ui .support-qr-image{width:min(100%,190px)}
  body.pw-ui .footer-qr-card img{width:64px;height:64px}
}

/* Server-password verification navigation */
body.pw-ui .verify-nav-link{color:#f8dfa0!important;border-color:rgba(240,212,119,.26)!important}
body.pw-ui .verify-nav-link i{color:#f0d477!important}
body.pw-ui .verify-nav-link:hover,body.pw-ui .verify-nav-link.active{color:#fff7d8!important;background:rgba(240,212,119,.11)!important;border-color:rgba(240,212,119,.46)!important}
.vote-nav-actions{display:flex;align-items:center;gap:9px}
@media(max-width:700px){.vote-nav-actions{flex-wrap:wrap;justify-content:flex-end}}