:root{
  --pbx-bg:#05070a;
  --pbx-panel:#0b0f13;
  --pbx-panel-2:#10161b;
  --pbx-ink:#f4f7f1;
  --pbx-muted:#89938f;
  --pbx-line:rgba(255,255,255,.11);
  --pbx-line-soft:rgba(255,255,255,.065);
  --pbx-green:#68ff5f;
  --pbx-green-2:#c9ff72;
  --pbx-cyan:#6edfff;
  --pbx-orange:#ff9f43;
}

*{box-sizing:border-box}
html,body{margin:0;min-height:100%;overflow-x:hidden;background:var(--pbx-bg);color:var(--pbx-ink)}
body.pb-about-page{
  background:
    radial-gradient(circle at 78% 2%,rgba(104,255,95,.08),transparent 27rem),
    linear-gradient(180deg,#05070a 0%,#070a0d 52%,#05070a 100%);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body.pb-about-page::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.16;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:linear-gradient(#000,transparent 75%);
}
body.pb-about-page a{color:inherit}
.pb-about-icon{display:inline-block;flex:0 0 auto;vertical-align:-.15em;stroke:currentColor;color:currentColor}

.pbx-shell{position:relative;z-index:1;width:min(1180px,100%);margin:0 auto;padding:18px 14px 0}
.pbx-reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}
.pbx-reveal.is-visible{opacity:1;transform:none}

.pbx-hero{display:grid;grid-template-columns:minmax(0,.82fr) minmax(480px,1.18fr);gap:18px;align-items:stretch;min-height:650px}
.pbx-hero-copy{
  position:relative;display:flex;flex-direction:column;justify-content:center;padding:46px 28px 42px;
  border-top:1px solid var(--pbx-line);border-bottom:1px solid var(--pbx-line);
}
.pbx-hero-copy::before{content:"";position:absolute;left:0;top:0;width:38px;height:1px;background:var(--pbx-green);box-shadow:0 0 18px var(--pbx-green)}
.pbx-hero h1{margin:24px 0 18px;font-size:clamp(58px,7vw,104px);line-height:.82;letter-spacing:-.078em;font-weight:1000}
.pbx-hero h1 em{font-style:normal;color:var(--pbx-green);text-shadow:0 0 34px rgba(104,255,95,.22)}
.pbx-hero-lead{max-width:560px;margin:0;color:#c2cbc7;font-size:clamp(17px,1.55vw,21px);line-height:1.55;font-weight:650}
.pbx-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.pbx-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:15px 22px;border:1px solid var(--pbx-line);border-radius:18px;text-decoration:none;font-size:15px;font-weight:950;letter-spacing:-.01em;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
.pbx-action:hover{transform:translateY(-2px)}
.pbx-action--primary{color:#061007;background:linear-gradient(135deg,#83ff72 0%,#58ed58 100%);border-color:rgba(154,255,143,.92);box-shadow:0 12px 34px rgba(89,239,89,.19),inset 0 1px 0 rgba(255,255,255,.38);text-shadow:none}.pbx-action--primary svg,.pbx-action--primary .pb-lucide,.pbx-action--primary .telegram-brand-icon,.pbx-action--primary .daily-bonus-chest-art,.pbx-action--primary .pixel-battle-mark{color:#061007;stroke-width:2.5}
.pbx-action--telegram{color:#dff8ff;background:rgba(110,223,255,.07);border-color:rgba(110,223,255,.35);border-radius:18px}

.pbx-stage{position:relative;align-self:stretch;display:flex;flex-direction:column;min-height:650px;padding:14px;background:linear-gradient(180deg,#0a0f12,#080c0f);border:1px solid rgba(104,255,95,.19);border-radius:24px;box-shadow:0 18px 50px rgba(0,0,0,.24)}
.pbx-stage::before{content:"";position:absolute;inset:1px;pointer-events:none;border:1px solid rgba(255,255,255,.035);border-radius:23px}
.pbx-stage-topline,.pbx-stage-bottom{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 8px;color:#7e8984;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.pbx-stage-meta{display:flex;align-items:center;justify-content:flex-end;min-width:0}.pbx-stage-size{white-space:nowrap}
.pbx-stage-name{color:#dbe6e0}.pbx-stage-name::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;background:var(--pbx-green)}
.pbx-canvas-wrap{position:relative;flex:1;min-height:540px;overflow:hidden;background:#07090c;border:1px solid rgba(255,255,255,.08);border-radius:17px}
.pbx-canvas-wrap::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:20px 20px;mix-blend-mode:screen}
.pbx-canvas-wrap.is-loading::after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(110deg,transparent 30%,rgba(104,255,95,.08) 48%,transparent 66%);animation:pbx-sweep 1.3s linear infinite}
.pbx-canvas{display:block;width:100%;height:100%;min-height:540px;object-fit:cover;image-rendering:pixelated;image-rendering:crisp-edges;background:#080b0e}
.pbx-stage-link{position:absolute;inset:0;z-index:5}
.pbx-coordinate{position:absolute;z-index:3;padding:5px 7px;background:#080b0ed9;border:1px solid rgba(255,255,255,.09);color:#a6b0ac;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em}
.pbx-coordinate--a{left:16px;bottom:18px}.pbx-coordinate--b{right:16px;top:18px}
.pbx-stage-bottom{justify-content:flex-start;letter-spacing:0;text-transform:none;font-size:11px}
.pbx-stage-bottom b{color:#fff;font-size:15px}


.pbx-manifest,.pbx-product{margin-top:76px}
.pbx-eyebrow{margin:0 0 14px;color:var(--pbx-green);font-size:11px;font-weight:1000;letter-spacing:.13em;text-transform:uppercase}
.pbx-manifest-head h2,.pbx-product-intro h2,.pbx-enter h2{max-width:940px;margin:0;font-size:clamp(36px,5vw,66px);line-height:1;letter-spacing:-.052em;font-weight:1000}.pbx-manifest-head>p:last-child{max-width:720px;margin:18px 0 0;color:#89958f;font-size:16px;line-height:1.62;font-weight:650}
.pbx-manifest-lines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}
.pbx-manifest-lines article{display:flex;flex-direction:column;gap:12px;min-height:230px;padding:24px;border:1px solid var(--pbx-line);border-radius:20px;background:linear-gradient(145deg,rgba(104,255,95,.055),transparent 48%),#0a0f12}
.pbx-manifest-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(104,255,95,.1);border:1px solid rgba(104,255,95,.18);color:var(--pbx-green)}.pbx-manifest-icon svg,.pbx-manifest-icon .pb-lucide,.pbx-manifest-icon .telegram-brand-icon,.pbx-manifest-icon .daily-bonus-chest-art,.pbx-manifest-icon .pixel-battle-mark{width:22px;height:22px}.pbx-manifest-lines h3{margin:6px 0 0;font-size:clamp(22px,2.4vw,31px);line-height:1.05;letter-spacing:-.038em}
.pbx-manifest-lines p{max-width:520px;margin:0;color:#8f9994;font-size:14px;line-height:1.62;font-weight:650}

.pbx-product-intro{}.pbx-product-intro>p:last-child{max-width:540px;margin:18px 0 0;color:#87928d;font-size:15px;line-height:1.55}
.pbx-feature-system{margin-top:34px;border:1px solid var(--pbx-line);border-radius:22px;overflow:hidden;background:#080c0f}
.pbx-feature-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--pbx-line)}
.pbx-feature-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:64px;padding:12px;border:0;border-right:1px solid var(--pbx-line);background:transparent;color:#79847f;font:900 13px/1 inherit;cursor:pointer;transition:background .16s ease,color .16s ease}.pbx-feature-tabs button:first-child{border-top-left-radius:21px}.pbx-feature-tabs button:last-child{border-top-right-radius:21px}
.pbx-feature-tabs button:last-child{border-right:0}.pbx-feature-tabs button.is-active{background:var(--pbx-green);color:#061007}.pbx-feature-tabs button svg,.pbx-feature-tabs button .pb-lucide,.pbx-feature-tabs button .telegram-brand-icon,.pbx-feature-tabs button .daily-bonus-chest-art,.pbx-feature-tabs button .pixel-battle-mark{width:18px;height:18px}
.pbx-feature-display{min-height:390px}
.pbx-feature-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.74fr);min-height:390px}
.pbx-feature-panel[hidden]{display:none}
.pbx-feature-copy{display:flex;flex-direction:column;justify-content:center;padding:42px;border-right:1px solid var(--pbx-line)}
.pbx-feature-copy small{color:var(--pbx-green);font-size:10px;font-weight:1000;letter-spacing:.14em}
.pbx-feature-copy h3{max-width:640px;margin:15px 0 14px;font-size:clamp(29px,4vw,49px);line-height:1.03;letter-spacing:-.05em}.pbx-feature-copy h3 em{font-style:normal;color:var(--pbx-green)}
.pbx-feature-copy p{max-width:620px;margin:0;color:#8e9994;font-size:15px;line-height:1.65;font-weight:650}
.pbx-feature-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:26px}.pbx-feature-points>span{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.018)}.pbx-feature-points svg,.pbx-feature-points .pb-lucide,.pbx-feature-points .telegram-brand-icon,.pbx-feature-points .daily-bonus-chest-art,.pbx-feature-points .pixel-battle-mark{grid-row:1/3;width:20px;height:20px;color:var(--pbx-green)}.pbx-feature-points b{font-size:13px;color:#e6eee9}.pbx-feature-points small{margin-top:3px;color:#78837e;font-size:11px;line-height:1.35;letter-spacing:0;text-transform:none;font-weight:650}
.pbx-feature-visual{position:relative;overflow:hidden;min-height:300px;background:#0b1014;border-bottom-right-radius:21px}
.pbx-feature-visual::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(104,255,95,.08),transparent 55%);pointer-events:none}
.pbx-feature-visual--canvas{display:grid;place-items:center;padding:28px}.pbx-pixel-grid{width:min(82%,250px);aspect-ratio:1;background:repeating-linear-gradient(0deg,transparent 0 24px,rgba(255,255,255,.065) 24px 25px),repeating-linear-gradient(90deg,transparent 0 24px,rgba(255,255,255,.065) 24px 25px);border:1px solid rgba(255,255,255,.045);border-radius:24px;transform:rotate(-2deg)}
.pbx-pixel-mark{position:absolute;left:50%;top:50%;width:150px;height:150px;transform:translate(-42%,-38%)}.pbx-pixel-mark i{position:absolute;width:46px;height:46px;border-radius:7px;background:var(--pbx-green);box-shadow:0 0 22px rgba(104,255,95,.13)}.pbx-pixel-mark i:nth-child(1){left:0;top:0}.pbx-pixel-mark i:nth-child(2){left:46px;top:0}.pbx-pixel-mark i:nth-child(3){left:92px;top:0;background:#ff9f43}.pbx-pixel-mark i:nth-child(4){left:46px;top:46px;background:var(--pbx-cyan)}.pbx-pixel-mark i:nth-child(5){left:92px;top:46px;background:var(--pbx-green-2)}.pbx-pixel-mark i:nth-child(6){left:92px;top:92px}
.pbx-feature-visual--chat{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:34px}.pbx-chat-bubble{align-self:flex-start;max-width:88%;padding:15px 17px;border:1px solid rgba(110,223,255,.23);background:#111a25;color:#dcecff;font-size:14px;font-weight:800}.pbx-chat-bubble--mine{align-self:flex-end;border-color:rgba(104,255,95,.24);background:#102015;color:#dfffdc}
.pbx-feature-visual--clans{display:grid;place-items:center}.pbx-clan-mark{font:1000 26px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--pbx-cyan);border:1px solid rgba(110,223,255,.38);padding:16px 20px}.pbx-clan-rank{position:absolute;right:28px;top:28px;color:var(--pbx-green);font-size:48px;font-weight:1000}.pbx-clan-line{position:absolute;left:30px;right:30px;bottom:34px;height:6px;background:#172019}.pbx-clan-line span{display:block;width:78%;height:100%;background:var(--pbx-green)}
.pbx-feature-visual--progress{display:flex;flex-direction:column;align-items:center;justify-content:center}.pbx-level{font-size:112px;line-height:.8;font-weight:1000;color:var(--pbx-green);letter-spacing:-.08em}.pbx-xp-line{width:68%;height:7px;margin-top:30px;background:#1a221d}.pbx-xp-line span{display:block;width:91%;height:100%;background:linear-gradient(90deg,var(--pbx-green),var(--pbx-cyan))}.pbx-xp-copy{margin-top:13px;color:#8f9a95;font-size:10px;font-weight:1000;letter-spacing:.12em}


.pbx-enter{
  display:flex;align-items:center;justify-content:space-between;gap:28px;
  margin-top:76px;padding:30px 32px;border:1px solid rgba(104,255,95,.19);
  border-radius:24px;background:linear-gradient(120deg,rgba(104,255,95,.07),transparent 48%),#090d10;
}
.pbx-enter-copy{min-width:0}
.pbx-enter h2{margin:0;font-size:clamp(30px,4.4vw,52px);line-height:1;letter-spacing:-.045em}
.pbx-enter p{max-width:650px;margin:12px 0 0;color:#8f9994;font-size:15px;line-height:1.55;font-weight:650}
.pbx-enter-button{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:13px;
  min-height:58px;padding:0 22px;border:1px solid rgba(104,255,95,.38);border-radius:18px;
  background:#111914;color:#eaffdf;text-decoration:none;font-size:14px;font-weight:950;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
.pbx-enter-button:hover{transform:translateY(-2px);border-color:rgba(104,255,95,.7);background:#142218}
.pbx-enter-button svg,
.pbx-enter-button .pb-lucide,
.pbx-enter-button .telegram-brand-icon,
.pbx-enter-button .daily-bonus-chest-art,
.pbx-enter-button .pixel-battle-mark{width:20px;height:20px;color:var(--pbx-green)}

.pbx-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px;border-top:1px solid var(--pbx-line);border-bottom:1px solid var(--pbx-line)}
.pbx-facts details{padding:20px;border-right:1px solid var(--pbx-line)}.pbx-facts details:last-child{border-right:0}.pbx-facts summary{list-style:none;cursor:pointer;color:#dfe7e2;font-size:14px;font-weight:950}.pbx-facts summary::-webkit-details-marker{display:none}.pbx-facts summary::after{content:"+";float:right;color:var(--pbx-green)}.pbx-facts details[open] summary::after{content:"−"}.pbx-facts p{margin:12px 0 0;color:#7f8a85;font-size:13px;line-height:1.55;font-weight:650}

@keyframes pbx-live-pulse{0%{box-shadow:0 0 0 0 rgba(104,255,95,.5)}70%{box-shadow:0 0 0 9px rgba(104,255,95,0)}100%{box-shadow:0 0 0 0 rgba(104,255,95,0)}}
@keyframes pbx-sweep{from{transform:translateX(-80%)}to{transform:translateX(80%)}}

@media(max-width:960px){
  .pbx-hero{grid-template-columns:1fr;min-height:0}.pbx-hero-copy{padding:34px 20px 30px}.pbx-stage{min-height:520px}.pbx-canvas-wrap,.pbx-canvas{min-height:430px}
  .pbx-manifest,.pbx-product{grid-template-columns:44px minmax(0,1fr);column-gap:14px;margin-top:64px}
  .pbx-feature-panel{grid-template-columns:1fr}.pbx-feature-copy{border-right:0;border-bottom:1px solid var(--pbx-line);padding:30px}.pbx-feature-visual{min-height:260px}
}

@media(max-width:680px){
  .pbx-shell{padding:10px 9px 0}.pbx-reveal{opacity:1;transform:none}
  .pbx-hero-copy{padding:30px 10px 26px;border-top:0}.pbx-hero h1{font-size:clamp(54px,18vw,76px)}.pbx-hero-lead{font-size:16px}.pbx-actions{display:grid}.pbx-action{width:100%;min-height:52px}
  .pbx-manifest,.pbx-product{display:block;margin-top:54px}  .pbx-manifest-lines{grid-template-columns:1fr;margin-top:24px}.pbx-manifest-lines article{min-height:0;padding:20px}.pbx-manifest-lines h3{font-size:23px}
  .pbx-feature-system{margin-top:26px;border-radius:18px}.pbx-feature-tabs{display:flex;overflow-x:auto;scrollbar-width:none}.pbx-feature-tabs::-webkit-scrollbar{display:none}.pbx-feature-tabs button{min-width:124px}.pbx-feature-copy{padding:24px 20px}.pbx-feature-copy h3{font-size:32px}.pbx-feature-points{grid-template-columns:1fr}.pbx-feature-visual{border-radius:0 0 17px 17px}.pbx-feature-copy p{font-size:14px}.pbx-feature-visual{min-height:230px}.pbx-pixel-grid{width:170px;height:170px}
  .pbx-enter{flex-direction:column;align-items:stretch;margin-top:54px;padding:24px 20px;border-radius:20px}.pbx-enter-button{width:100%;min-height:56px}
  .pbx-facts{grid-template-columns:1fr}.pbx-facts details{border-right:0;border-bottom:1px solid var(--pbx-line)}.pbx-facts details:last-child{border-bottom:0}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.pbx-reveal{opacity:1;transform:none}}

@media(max-width:680px){
  .pbx-stage-topline{align-items:flex-start;padding:8px 7px 10px}.pbx-stage-size{font-size:9px}
  .pbx-action{border-radius:16px}.pbx-action--primary,.pbx-action--telegram{border-radius:16px}
}
body.pb-about-page #pb-topbar,body.pb-about-page #home-bottom-nav-bar{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.pbx-actions{max-width:310px}
.pbx-action--primary{background:#121b14;color:#eaffdf;border-color:rgba(104,255,95,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.pbx-action--primary svg,
.pbx-action--primary .pb-lucide,
.pbx-action--primary .telegram-brand-icon,
.pbx-action--primary .daily-bonus-chest-art,
.pbx-action--primary .pixel-battle-mark{color:var(--pbx-green)}
.pbx-action--primary:hover{background:#16231a;border-color:rgba(104,255,95,.68);box-shadow:0 10px 28px rgba(0,0,0,.2)}
@media(max-width:680px){.pbx-actions{max-width:none}.pbx-hero h1{font-size:clamp(48px,16vw,68px);line-height:.88}.pbx-hero-lead{font-size:15px;line-height:1.52}.pbx-manifest-head h2,.pbx-product-intro h2,.pbx-enter h2{font-size:clamp(30px,10vw,43px)}}
@media(max-width:680px){
  .pbx-feature-panel{display:block;min-height:0}
  .pbx-feature-copy{border-bottom:0;padding-bottom:26px}
  .pbx-feature-copy h3{font-size:29px;line-height:1.08}
  .pbx-feature-visual{display:none!important}
}

/* A213 — live canvas preview */
.pbx-canvas-wrap:not(.is-loading)::before{opacity:.12}
.pbx-canvas-wrap.is-ready::before{opacity:0}
.pbx-canvas-wrap.is-error::before{opacity:.32}
.pbx-canvas-wrap.is-error::after{content:"Превью временно недоступно";position:absolute;inset:0;z-index:3;display:grid;place-items:center;padding:24px;color:#84908a;font:800 12px/1.4 Inter,sans-serif;text-align:center;background:rgba(7,9,12,.72)}