:root{
  --ink:#f2f7ed;
  --muted:#a9bbb1;
  --green:#b8df63;
  --line:#ffffff1c;
}
html,body.privacy-body{min-height:100%;height:auto;overflow:auto}
body.privacy-body{
  margin:0;
  background:linear-gradient(#021016e8,#031015f5),url("assets/ui/game-background.png") center top/cover fixed no-repeat;
  color:var(--ink);
  font-family:Inter,ui-rounded,"Trebuchet MS",system-ui,sans-serif;
}
.privacy-nav{
  position:sticky;top:0;z-index:10;height:76px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 max(24px,calc((100vw - 1040px)/2));
  border-bottom:1px solid var(--line);
  background:#031116df;
  backdrop-filter:blur(16px);
}
.privacy-brand{
  display:flex;align-items:center;gap:11px;color:#eaf6df;text-decoration:none;font-size:18px;font-weight:900;
}
.privacy-brand>span{color:var(--green);font-size:26px}
.privacy-brand img{width:38px;height:38px;border-radius:10px}
.privacy-brand:hover{color:var(--green)}
.privacy-page{width:min(820px,calc(100% - 36px));margin:44px auto 90px}
.privacy-kicker{margin:0;color:var(--green);font-size:13px;font-weight:1000;letter-spacing:.16em;text-transform:uppercase}
.privacy-page h1{margin:6px 0 10px;font-size:clamp(34px,6vw,54px);line-height:1}
.privacy-updated{margin:0 0 28px;color:var(--muted)}
.privacy-doc{
  padding:28px 30px 36px;
  border:2px solid #759a75;
  border-radius:22px;
  background:linear-gradient(150deg,#123638ed,#071e25f5);
  box-shadow:0 24px 70px #0009;
  backdrop-filter:blur(12px);
}
.privacy-doc section{margin-top:2.1rem}
.privacy-doc section:first-of-type{margin-top:0}
.privacy-doc h2{margin:0 0 .7rem;color:#fffdf8;font-size:1.28rem;line-height:1.3}
.privacy-doc p,.privacy-doc li{color:#e4eee6;line-height:1.55}
.privacy-doc p{margin:.7rem 0}
.privacy-doc ul{margin:.7rem 0 1rem;padding-left:1.3rem}
.privacy-doc li+li{margin-top:.28rem}
.privacy-doc a{color:#d8ef8d}
.privacy-doc a:hover{color:#fff}
.privacy-note{
  margin:0 0 1.2rem;
  padding:14px 16px;
  border:1px solid #83a48a;
  border-radius:14px;
  background:#173e32aa;
}
@media(max-width:720px){
  .privacy-nav{height:56px;padding:0 max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left))}
  .privacy-brand{gap:7px;font-size:14px}
  .privacy-brand>span{font-size:21px}
  .privacy-brand img{width:30px;height:30px;border-radius:8px}
  .privacy-page{width:calc(100% - 16px);margin:18px auto 50px}
  .privacy-page h1{font-size:28px}
  .privacy-doc{padding:18px 16px 24px;border-width:1px;border-radius:13px}
}