:root{
  --bg:#08090b;--bg2:#0d0f12;--panel:#111317;--panel2:#171a1f;--line:#282d34;--line2:#3a4049;
  --text:#f3f4f6;--muted:#9298a2;--soft:#c8ccd2;--white:#fff;--black:#050607;
  --green:#b8e6c5;--red:#f0b5b5;--sa-top:env(safe-area-inset-top,0px);--sa-bottom:env(safe-area-inset-bottom,0px);
  color-scheme:dark;font-family:"Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{background:var(--bg);-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;min-height:100vh;min-height:100dvh;color:var(--text);overflow-x:hidden;background:linear-gradient(180deg,#090a0c 0%,#08090b 48%,#0a0b0e 100%)}
button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.hidden{display:none!important}
.ic{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
:focus-visible{outline:2px solid #f4f5f6;outline-offset:3px}
::selection{background:#e9ebee;color:#08090b}
.bg-fx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(700px 350px at 52% -8%,#adb4bf15,transparent 72%),radial-gradient(500px 500px at 90% 45%,#7d879008,transparent 75%),linear-gradient(160deg,#0b0d10,#07080a 62%,#0b0d10)}
.bg-glow{position:absolute;width:58vw;height:58vw;max-width:850px;max-height:850px;border-radius:50%;left:50%;top:-32vw;transform:translateX(-50%);background:radial-gradient(circle,#e7ebf014 0%,#9ea8b10a 35%,transparent 70%);filter:blur(30px);animation:glow-drift 14s ease-in-out infinite alternate}
.bg-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(#000,transparent 75%);-webkit-mask-image:linear-gradient(#000,transparent 75%)}
.bg-dust{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(1px 1px at 13% 28%,#fff8,transparent),radial-gradient(1px 1px at 78% 18%,#fff7,transparent),radial-gradient(1px 1px at 36% 66%,#fff6,transparent),radial-gradient(1px 1px at 87% 78%,#fff5,transparent),radial-gradient(1px 1px at 55% 91%,#fff6,transparent)}
.nav-wrap{position:sticky;top:0;z-index:40;padding:calc(var(--sa-top) + 12px) 18px 0;display:flex;justify-content:center;pointer-events:none}
.navpill{pointer-events:auto;display:flex;align-items:center;gap:20px;width:100%;max-width:1180px;padding:10px 13px 10px 17px;border-radius:16px;background:#0e1013eF;border:1px solid #ffffff16;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 12px 40px #0008}
.logo{display:flex;align-items:center;gap:9px;border:0;background:none;padding:0;flex-shrink:0}.logo-word{font-size:17px;font-weight:800;letter-spacing:1.4px}.logo-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#f2f3f4;color:#101114;box-shadow:0 3px 14px #fff2}.logo-mark .ic{width:15px;height:15px;stroke-width:2.4}
.tabs{display:flex;gap:5px;flex:1;margin-left:8px}.tab{display:flex;align-items:center;gap:8px;padding:10px 15px;border-radius:11px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:13px;font-weight:650;transition:background .22s ease,color .22s ease,border-color .22s ease,transform .22s ease}.tab:hover{color:var(--text);background:#ffffff08}.tab.selected{color:var(--text);background:#ffffff0c;border-color:#ffffff1a;box-shadow:inset 0 -1px #ffffff55}.tab:active{transform:scale(.97)}
.nav-actions{display:flex;gap:7px;margin-left:auto}.nav-btn{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;border:1px solid #ffffff16;background:#171a1f;color:#c4c8ce;transition:all .2s ease}.nav-btn:hover{border-color:#ffffff5c;color:#fff;transform:translateY(-2px)}.nav-btn.selected{background:#f1f2f4;color:#090a0b;border-color:#f1f2f4}
.main{position:relative;z-index:1;width:100%;max-width:1180px;margin:0 auto;padding:0 24px 110px}.page:not(.hidden){animation:page-enter .42s cubic-bezier(.2,.7,.2,1) both}.foot{position:relative;z-index:1;text-align:center;color:#626975;font-size:12px;padding:20px 0 calc(100px + var(--sa-bottom));letter-spacing:.2px}
.hero{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:62px 0 30px;max-width:860px}.hero.narrow{max-width:620px;margin:0 auto;align-items:center;text-align:center;padding-top:66px}
.badge{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border-radius:99px;background:#ffffff08;border:1px solid #ffffff19;color:#d7dbe0;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.badge i{width:6px;height:6px;border-radius:50%;background:#f1f3f5;box-shadow:0 0 12px #fff9;animation:pulse 2.4s ease-in-out infinite}
.hero h1{margin:20px 0 0;font-size:clamp(36px,6vw,66px);line-height:1.03;font-weight:800;letter-spacing:-2px;max-width:780px}.hero h1 em{font-style:normal;color:#aeb4bd;position:relative;white-space:nowrap}.hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:3px;background:linear-gradient(90deg,transparent,#dfe2e6,transparent);opacity:.6}.sub{margin:16px 0 0;color:var(--muted);font-size:15px;line-height:1.65;max-width:560px}
.search{display:flex;align-items:center;gap:10px;width:100%;max-width:760px;margin-top:30px;padding:7px 7px 7px 17px;border-radius:15px;background:#111418;border:1px solid #ffffff1b;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.search:focus-within{border-color:#ffffff70;box-shadow:0 0 0 4px #ffffff0b,0 14px 35px #0005}.search-ic{color:#7f8792;width:19px;height:19px}.search input{flex:1;min-width:0;border:0;background:none;outline:0;padding:12px 2px;font-size:15px}.search input::placeholder{color:#737b86}.kbd{display:none;padding:2px 7px;border-radius:6px;border:1px solid #ffffff1c;color:var(--muted);font-size:12px;font-family:inherit}
.btn-find{display:flex;align-items:center;gap:9px;border:1px solid #f4f5f6;border-radius:10px;padding:12px 20px;background:#f2f3f5;color:#101216;font-weight:800;font-size:14px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn-find:hover{background:#fff;box-shadow:0 6px 25px #fff2;transform:translateY(-2px)}.btn-find .ic{width:16px;height:16px}.btn-find:active{transform:scale(.97)}
.notice{margin-top:12px;padding:12px 15px;border-radius:12px;background:#ffffff0c;border:1px solid #ffffff2b;color:#e3e6ea;font-size:13px;max-width:760px;width:100%;animation:fade-up .24s ease both}
.block{margin:34px 0}.block-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.block-title{display:flex;align-items:center;gap:10px;color:#c2c7ce;font-size:11px;font-weight:750;letter-spacing:1.25px;text-transform:uppercase}.dot{width:6px;height:6px;border-radius:50%;background:#e3e6ea;box-shadow:0 0 10px #fff5}.dot.red{background:#bbbfc5}.live{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:99px;border:1px solid #ffffff22;background:#ffffff08;color:#dce0e5;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.live i{width:6px;height:6px;border-radius:50%;background:#e4e7ea;animation:pulse 1.6s ease-in-out infinite}.chip-btn{border:1px solid #ffffff24;background:#171a1f;border-radius:99px;padding:7px 13px;color:#c4c9d0;font-size:12px;transition:all .18s ease}.chip-btn:hover{border-color:#ffffff65;color:#fff;background:#20242a}.free-pill{padding:5px 10px;border-radius:99px;border:1px solid #ffffff22;background:#ffffff0a;color:#e3e6ea;font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:15px}.empty{grid-column:1/-1;padding:30px 18px;border-radius:16px;border:1px dashed #ffffff25;color:#a0a7b0;text-align:center;font-size:14px;line-height:1.6;background:#ffffff04}.scard{position:relative;display:flex;flex-direction:column;text-align:left;padding:0;overflow:hidden;border-radius:16px;background:linear-gradient(155deg,#171a1f,#101216);border:1px solid #ffffff16;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;animation:fade-up .45s both}.scard:hover{border-color:#ffffff61;transform:translateY(-5px);box-shadow:0 18px 36px #0008}.scard-art{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#22262d,#111419)}.scard-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#07080a55);pointer-events:none}.scard-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease;filter:saturate(.78) contrast(1.04)}.scard:hover .scard-image{transform:scale(1.045);filter:saturate(1) contrast(1.05)}.scard-initial{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;border:1px solid #ffffff30;background:#ffffff0e;color:#f1f3f5;font-size:27px;font-weight:800;box-shadow:0 8px 32px #0006}.scard-tag{position:absolute;top:12px;right:12px;z-index:1;padding:5px 8px;border-radius:6px;background:#f1f3f5;color:#111318;font-size:9px;font-weight:850;letter-spacing:1px}.scard-body{padding:15px 16px 16px}.scard-game{font-size:10px;color:#a7aeb8;text-transform:uppercase;letter-spacing:1px;font-weight:750;margin-bottom:7px}.scard-title{margin:0;color:#f1f3f6;font-size:14px;line-height:1.4;font-weight:750;overflow-wrap:anywhere}.scard-meta{margin-top:9px;color:#818995;font-size:11px}
.exec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.ecard{display:flex;align-items:center;gap:15px;text-align:left;width:100%;padding:16px;border:1px solid #ffffff19;border-radius:16px;background:linear-gradient(145deg,#171a1f,#101216);transition:all .22s ease}.ecard:hover{transform:translateY(-3px);border-color:#ffffff55;box-shadow:0 14px 28px #0007}.ecard-art{display:grid;place-items:center;flex:0 0 54px;height:54px;border-radius:14px;background:#ffffff0c;border:1px solid #ffffff17;color:#f2f4f6;font-weight:800;font-size:18px}.ecard-body{min-width:0;display:flex;flex-direction:column;gap:4px}.ecard-name{font-size:14px;font-weight:750;color:#f2f3f5}.ecard-plat{font-size:11px;color:#a0a7b0}.ecard-sub{font-size:11px;color:#737c87}.ecard-free{font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:#e2e5e9}.android,.ios,.windows,.file{color:#f2f4f6}
.seg{display:flex;gap:5px;padding:5px;border:1px solid #ffffff18;background:#111418;border-radius:13px;margin-top:24px;flex-wrap:wrap}.seg-btn{display:flex;align-items:center;gap:7px;padding:9px 13px;border:0;border-radius:9px;background:transparent;color:#a0a7b0;font-size:12px;font-weight:650;transition:all .18s ease}.seg-btn:hover{color:#fff}.seg-btn.selected{background:#edf0f2;color:#101216}.seg-btn .ic{width:15px;height:15px}
.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.help-card{display:flex;align-items:center;gap:13px;text-align:left;padding:16px;border:1px solid #ffffff18;border-radius:14px;background:#111418;color:#dce0e5;transition:all .2s ease}.help-card:hover{border-color:#ffffff50;transform:translateY(-2px)}.help-card>span{display:flex;flex-direction:column;gap:4px}.help-card strong{font-size:13px}.help-card small{color:#89919b;font-size:11px}
.bp-input{display:flex;align-items:center;gap:8px;width:100%;max-width:520px;margin-top:28px;padding:7px 8px 7px 16px;background:#121519;border:1px solid #ffffff22;border-radius:14px}.bp-input:focus-within{border-color:#ffffff80;box-shadow:0 0 0 4px #ffffff0a}.bp-input input{flex:1;min-width:0;background:none;border:0;outline:0;padding:12px 0;font-size:14px}.bp-input input::placeholder{color:#737b85}.bp-paste{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid #ffffff17;background:#ffffff0a;color:#dce0e5}.dial-wrap{margin:28px 0 10px}.dial{width:148px;height:148px;position:relative;border:1px solid #ffffff6a;border-radius:50%;background:radial-gradient(circle at center,#ffffff15,#ffffff04 58%,transparent 60%);display:grid;place-items:center;color:#fff;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.dial:hover{transform:scale(1.035);border-color:#fff;box-shadow:0 0 0 10px #ffffff08,0 0 50px #fff2}.dial:active{transform:scale(.97)}.dial-ticks{position:absolute;inset:0;width:100%;height:100%;animation:rotate 28s linear infinite}.dial-core{width:88px;height:88px;border-radius:50%;border:1px solid #ffffff32;background:#e9ecef;color:#101216;display:grid;place-items:center;font-size:21px;font-weight:900;letter-spacing:2px;box-shadow:0 4px 30px #fff2}.steps{display:flex;gap:6px;margin-top:17px}.steps i{width:25px;height:3px;border-radius:5px;background:#424851}.steps i.on{background:#e9ecef;box-shadow:0 0 12px #fff7}.hint{color:#929aa4;font-size:12px;line-height:1.55}.bp-out{width:100%;max-width:520px}.out-card{padding:15px;margin-top:14px;border:1px solid #ffffff20;border-radius:13px;background:#111418}.out-link{overflow-wrap:anywhere;color:#e9ecef;font-size:13px}
.profile-card{display:flex;align-items:center;gap:15px;width:100%;padding:18px;margin-top:28px;border:1px solid #ffffff1b;border-radius:16px;background:linear-gradient(145deg,#171a1f,#101216);text-align:left}.avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#eef0f2;color:#0c0e11}.who{display:flex;flex-direction:column;gap:5px}.who strong{font-size:15px}.who small{font-size:11px;color:#8b939e}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-top:14px}.stat{display:flex;flex-direction:column;gap:7px;padding:17px;border:1px solid #ffffff18;border-radius:14px;background:#111418;text-align:left}.stat small{color:#a2a9b3;font-size:11px}.stat strong{color:#f4f5f6;font-size:27px;line-height:1;font-weight:800;letter-spacing:-.6px}.stat span{color:#7f8792;font-size:10px}.stat.wide{grid-column:1/-1}
.admin-form{display:grid;gap:13px;padding:18px;border:1px solid #ffffff1a;border-radius:16px;background:#111418;margin-top:14px}.admin-form label{display:grid;gap:7px;color:#c7ccd3;font-size:12px;font-weight:650}.field{width:100%;min-width:0;padding:12px 13px;border:1px solid #ffffff20;border-radius:10px;background:#0b0d10;color:#f2f4f6;outline:0;font-size:13px}.field:focus{border-color:#ffffff70;box-shadow:0 0 0 3px #ffffff0a}.field::placeholder{color:#69727e}.admin-form textarea{resize:vertical;min-height:110px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;border:1px solid #f1f2f4;border-radius:10px;background:#eef0f2;color:#101216;font-size:13px;font-weight:800;transition:all .2s ease}.btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 8px 24px #fff2}.btn.ghost,.ghost{background:#171a1f;color:#dfe3e8;border-color:#ffffff25}.admin-subhead{margin:24px 0 8px;color:#d5d9df;font-size:12px;letter-spacing:.6px;font-weight:750}.channel-list{display:grid;gap:8px}.channel-row{padding:12px 14px;border:1px solid #ffffff16;border-radius:12px;background:#111418;color:#c4cad2;font-size:12px;overflow-wrap:anywhere}.channel-row strong{color:#f3f4f6}.ref-link{color:#e7eaee;font-size:11px;overflow-wrap:anywhere;margin:7px 0}.referral-form{margin-bottom:12px}
.sheet{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:20px;background:#000a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fade-in .2s ease}.sheet-card{width:100%;max-width:620px;max-height:min(82dvh,820px);overflow:auto;padding:20px;border:1px solid #ffffff24;border-radius:20px;background:#111418;box-shadow:0 24px 90px #000b;animation:sheet-up .32s cubic-bezier(.2,.8,.2,1)}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet-head h2{margin:0;font-size:18px}.sheet #sheetBody{display:grid;gap:10px;margin-top:15px}.code{max-height:50vh;overflow:auto;padding:15px;border-radius:12px;background:#080a0d;border:1px solid #ffffff18;color:#e7eaed;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.bottomnav{display:none}
@keyframes pulse{50%{opacity:.35;transform:scale(.86)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes glow-drift{to{transform:translateX(-44%) translateY(30px) scale(1.14);opacity:.6}}@keyframes page-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes sheet-up{from{opacity:.6;transform:translateY(22px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:900px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{padding-top:74px}.hero.narrow{padding-top:78px}}
@media(max-width:760px){.nav-wrap{padding:calc(var(--sa-top) + 8px) 12px 0}.navpill{padding:9px 10px;gap:10px;border-radius:14px}.tabs{gap:2px;margin-left:0}.tab{padding:9px 10px;font-size:12px;gap:6px}.tab .ic{width:16px;height:16px}.logo-word{font-size:15px}.logo-mark{width:25px;height:25px}.nav-actions{gap:5px}.nav-btn{width:34px;height:34px}.main{padding:0 16px calc(100px + var(--sa-bottom))}.hero{padding:48px 0 25px}.hero h1{font-size:clamp(34px,8vw,52px);letter-spacing:-1.3px}.sub{font-size:14px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.scard{border-radius:14px}.scard-body{padding:12px}.scard-title{font-size:13px}.bottomnav{display:flex;position:fixed;z-index:45;left:12px;right:12px;bottom:calc(10px + var(--sa-bottom));justify-content:space-around;gap:4px;padding:8px;background:#101216eF;border:1px solid #ffffff22;border-radius:17px;backdrop-filter:blur(22px);box-shadow:0 10px 36px #0009}.bn{display:flex;flex:1;flex-direction:column;align-items:center;gap:4px;padding:7px 4px;border:0;border-radius:11px;background:transparent;color:#828a95;transition:all .2s ease}.bn small{font-size:9px;font-weight:650}.bn.selected{color:#101216;background:#edf0f2}.bn .ic{width:17px;height:17px}.foot{padding-bottom:calc(92px + var(--sa-bottom))}.exec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ecard{padding:12px;gap:10px}.ecard-art{width:42px;height:42px;flex-basis:42px}.help-grid{grid-template-columns:1fr}.hero.narrow{padding-top:50px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.nav-actions #guidesLink{display:none}.tab{padding:8px 7px;font-size:11px}.logo-word{font-size:14px;letter-spacing:1px}.navpill{gap:8px}.hero h1{font-size:34px}.search{gap:6px;padding-left:12px}.btn-find{padding:11px 13px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.scard-art{aspect-ratio:1.2}.scard-initial{width:48px;height:48px;font-size:21px}.scard-meta{font-size:10px}.stat{padding:14px}.stat strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* 0.4.2 layout pass: editorial hero, horizontal archive rows, no template-like tiles */
.nav-wrap{padding:calc(var(--sa-top) + 8px) max(22px,calc((100vw - 1320px)/2)) 0;}
.navpill{max-width:1320px;padding:12px 0;border:0;border-bottom:1px solid #ffffff20;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;}
.main{max-width:1320px;padding-left:38px;padding-right:38px;}
.home-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 350px;grid-template-areas:"copy art" "search search" "notice notice";align-items:center;gap:0 40px;padding:66px 0 34px;border-bottom:1px solid #ffffff1a;}
.hero-copy{grid-area:copy;position:relative;z-index:2;max-width:720px;}
.hero-copy h1{margin:22px 0 0;font-size:clamp(42px,6vw,76px);line-height:.99;letter-spacing:-3px;font-weight:800;}
.hero-copy h1 em{font-style:normal;color:#8f97a2;}
.hero-copy .sub{margin-top:20px;font-size:15px;}
.hero-graphic{grid-area:art;justify-self:center;position:relative;width:300px;height:250px;display:grid;place-items:center;isolation:isolate;}
.graphic-orbit{position:absolute;border:1px solid #ffffff20;border-radius:50%;transform:rotate(-28deg);}
.orbit-one{width:250px;height:170px;animation:orbit-drift 12s ease-in-out infinite alternate;}
.orbit-two{width:185px;height:240px;transform:rotate(42deg);border-color:#ffffff12;animation:orbit-drift 16s ease-in-out infinite alternate-reverse;}
.graphic-core{display:grid;place-items:center;width:108px;height:108px;border:1px solid #ffffff40;border-radius:30px;background:linear-gradient(145deg,#f5f6f7,#b9bec5);color:#0a0b0d;box-shadow:0 20px 70px #ffffff16, inset 0 1px #fff;transform:rotate(-8deg);animation:core-float 5s ease-in-out infinite;}
.graphic-core span{font-size:27px;letter-spacing:-2px;font-weight:900;transform:rotate(8deg);}
.graphic-node{position:absolute;width:9px;height:9px;border-radius:50%;background:#f1f3f5;box-shadow:0 0 22px #fff9;}
.node-one{top:25px;right:40px;}.node-two{bottom:29px;left:35px;width:6px;height:6px;background:#8d949e;}
.graphic-cross{position:absolute;color:#aeb4bc;font-size:20px;font-weight:300;animation:pulse 3s ease-in-out infinite;}
.cross-one{top:28px;left:48px;}.cross-two{right:22px;bottom:34px;font-size:14px;animation-delay:1.1s;}
.hero-search{grid-area:search;max-width:none;margin-top:34px;border-radius:13px;padding:8px 8px 8px 18px;background:#0e1013;border-color:#ffffff22;}
.hero-search input{padding:13px 2px;}
.home-hero .notice{grid-area:notice;max-width:none;}
.block{margin:31px 0 42px;}
.block-head{padding-bottom:12px;border-bottom:1px solid #ffffff13;}
.block-title{font-size:10px;letter-spacing:1.55px;}
.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;}
.scard{display:grid;grid-template-columns:116px minmax(0,1fr);grid-template-rows:1fr;align-items:stretch;min-height:112px;flex-direction:row;border-radius:13px;border-color:#ffffff19;background:#0e1013;box-shadow:none;animation:fade-up .35s both;}
.scard:hover{transform:translateY(-2px);border-color:#ffffff58;box-shadow:0 10px 26px #0006;}
.scard-art{height:100%;min-height:112px;aspect-ratio:auto;border-radius:0;background:#171a1e;border-right:1px solid #ffffff14;}
.scard-art::after{background:linear-gradient(90deg,transparent,#090a0c22);}
.scard-image{filter:grayscale(.24) contrast(1.08);}
.scard:hover .scard-image{filter:grayscale(0) contrast(1.08);}
.scard-initial{width:52px;height:52px;border-radius:15px;font-size:22px;}
.scard-body{align-self:center;padding:16px 17px;min-width:0;}
.scard-tag{top:9px;right:9px;}
.sc-card-meta{letter-spacing:.3px;}
.exec-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.ecard{border-radius:13px;background:#0e1013;}
/* Bypass is a wide control bar, keeping the same GO action and processing code. */
.bypass-hero{max-width:860px;padding-top:75px;}
.bypass-hero h1{font-size:clamp(42px,6vw,68px);}
.bypass-console{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:10px;width:100%;margin-top:28px;}
.bypass-console .bp-input{max-width:none;margin:0;border-radius:13px;background:#0e1013;padding:8px 10px 8px 17px;}
.dial{width:100%;height:58px;border:1px solid #f2f3f4;border-radius:13px;background:#f0f2f4;color:#0a0b0d;display:flex;align-items:center;justify-content:center;transition:transform .22s ease,box-shadow .22s ease,background .22s ease;}
.dial:hover{transform:translateY(-2px);border-color:#fff;background:#fff;box-shadow:0 8px 28px #ffffff22;}
.dial:active{transform:scale(.98);}
.dial-ticks{display:none;}
.dial-core{width:auto;height:auto;border:0;border-radius:0;background:transparent;color:#101216;box-shadow:none;display:flex;align-items:center;gap:9px;font-size:14px;letter-spacing:1.6px;}
.dial-core .ic{width:16px;height:16px;}
.dial.busy .dial-core .ic{animation:rotate 1s linear infinite;}
.bypass-hero .steps{justify-content:flex-start;width:100%;margin-top:22px;}
.bypass-hero #bypassStatus{text-align:left;width:100%;}
.bypass-hero .bp-out{max-width:none;}
@keyframes orbit-drift{from{transform:rotate(-28deg) translateY(-3px)}to{transform:rotate(-17deg) translateY(5px)}}
@keyframes core-float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-9px) rotate(-4deg)}}
@media(max-width:900px){.main{padding-left:24px;padding-right:24px}.home-hero{grid-template-columns:minmax(0,1fr) 250px;gap:0 20px}.hero-graphic{width:245px;height:220px}.orbit-one{width:205px;height:140px}.orbit-two{width:145px;height:190px}.graphic-core{width:88px;height:88px;border-radius:24px}.graphic-core span{font-size:23px}.scard{grid-template-columns:98px minmax(0,1fr);min-height:102px}.scard-art{min-height:102px}.scard-body{padding:12px 13px}.exec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.nav-wrap{padding:calc(var(--sa-top) + 6px) 14px 0}.navpill{gap:8px;padding:9px 0}.main{padding:0 16px calc(100px + var(--sa-bottom))}.home-hero{grid-template-columns:minmax(0,1fr) 112px;grid-template-areas:"copy art" "search search" "notice notice";gap:0 8px;padding:44px 0 25px}.hero-copy h1{font-size:clamp(34px,8vw,48px);letter-spacing:-1.8px}.hero-copy .sub{font-size:13px;margin-top:13px}.hero-graphic{width:112px;height:132px;transform:scale(.72);transform-origin:center}.orbit-one{width:165px;height:110px}.orbit-two{width:110px;height:145px}.graphic-core{width:65px;height:65px;border-radius:19px}.graphic-core span{font-size:18px}.node-one{top:7px;right:3px}.node-two{bottom:8px;left:0}.cross-one{top:6px;left:1px}.cross-two{right:0;bottom:4px}.hero-search{margin-top:24px}.cards{grid-template-columns:1fr;gap:9px}.scard{grid-template-columns:92px minmax(0,1fr);min-height:94px}.scard-art{min-height:94px}.scard-body{padding:11px 12px}.scard-title{font-size:13px}.scard-meta{font-size:10px}.bypass-hero{padding-top:52px}.bypass-console{grid-template-columns:minmax(0,1fr) 94px;gap:7px}.dial{height:54px}.exec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.hero-copy h1{font-size:33px}.hero-graphic{transform:scale(.62)}.scard{grid-template-columns:82px minmax(0,1fr)}.scard-art{min-height:88px}.scard-body{padding:10px}.scard-title{font-size:12px}.scard-meta{font-size:9px}}

/* Admin-only database catalogue */
.db-list{display:grid;gap:10px;margin-top:14px}.db-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid #ffffff1a;border-radius:14px;background:linear-gradient(155deg,#14171b,#0e1013);min-width:0}.db-row-main{min-width:0;display:grid;gap:5px}.db-row-title{font-size:13px;color:#f0f2f4;overflow-wrap:anywhere}.db-row-meta{font-size:11px;color:#88919c;overflow-wrap:anywhere;line-height:1.45}.db-row-actions{display:flex;gap:7px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.chip-btn.danger{border-color:#9e525244;color:#e3aaaa;background:#291719}.db-stats{margin:0 0 18px}
@media(max-width:560px){.db-row{align-items:flex-start;flex-direction:column}.db-row-actions{width:100%;justify-content:flex-start}.db-row-actions .chip-btn{flex:1}}

/* Keep the admin-only database tab reachable on narrow Telegram screens. */
.tabs{min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.tabs::-webkit-scrollbar{display:none}
.tab{flex:0 0 auto}
.db-scope{display:flex;gap:8px;margin:14px 0 8px;flex-wrap:wrap}.db-scope .chip-btn.selected{background:#eef0f2;color:#101216;border-color:#eef0f2}

/* Космос на фоне: туманности, далёкая планета, звёзды (canvas). Всё приглушено, чтобы не мешать контенту. */
.nebula{position:absolute;border-radius:50%;pointer-events:none;will-change:transform}
.nebula.n1{width:92vmax;height:92vmax;left:-38vmax;top:-48vmax;background:radial-gradient(circle,#7e92cf26 0%,#7e92cf0d 38%,transparent 64%);animation:nebula-a 70s ease-in-out infinite alternate}
.nebula.n2{width:80vmax;height:80vmax;right:-34vmax;top:26%;background:radial-gradient(circle,#8a78c61f 0%,#8a78c60a 40%,transparent 66%);animation:nebula-b 90s ease-in-out infinite alternate}
.planet{position:absolute;right:-150px;bottom:-190px;width:480px;height:480px;border-radius:50%;pointer-events:none;opacity:.55;background:radial-gradient(circle at 28% 24%,#323a4d 0%,#161a24 46%,#07080b 78%);box-shadow:inset -44px -38px 90px #000,0 0 90px #8fa4d012}
.planet::before{content:"";position:absolute;left:-34%;right:-34%;top:44%;height:26%;border-radius:50%;border:1px solid #a9b6d630;transform:rotate(-18deg);box-shadow:0 0 18px #a9b6d614}
#stars{position:absolute;inset:0;width:100%;height:100%;display:block}
@keyframes nebula-a{to{transform:translate3d(6vmax,5vmax,0) scale(1.08)}}
@keyframes nebula-b{to{transform:translate3d(-7vmax,-4vmax,0) scale(1.1)}}
@media(max-width:760px){.planet{width:300px;height:300px;right:-110px;bottom:-110px}}
@media(prefers-reduced-motion:reduce){.nebula{animation:none}}

/* Блок видео-обзоров (TikTok, YouTube) */
.tt-list{display:grid;gap:10px}
.tt{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;text-align:left;border-radius:16px;border:1px solid #ffffff1c;background:linear-gradient(145deg,#171a1f,#0e1013);transition:transform .25s,border-color .25s,box-shadow .25s}
.tt:hover{transform:translateY(-3px);border-color:#ffffff66;box-shadow:0 16px 34px #0008}.tt:active{transform:scale(.985)}
.tt-ic{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:13px;background:#f2f3f5;color:#0a0b0d}.tt-ic svg{width:22px;height:22px;fill:currentColor}
.tt-txt{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.tt-txt strong{font-size:15px}.tt-txt small{color:#8b929c;font-size:12px}
.tt-go{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:11px;background:#f2f3f5;color:#101216;font-size:13px;font-weight:800;white-space:nowrap}.tt-go .ic{width:15px;height:15px;stroke-width:2.4}
@media(max-width:520px){.tt{flex-wrap:wrap}.tt-go{flex:1 1 100%;justify-content:center}}

/* Кнопка «← Все игры» и подзаголовок внутри каталога занимают всю строку и не растягиваются на ячейку сетки */
.cards>.chip-btn{grid-column:1/-1;justify-self:start;align-self:start}
.cards>.block-title,.cards>.cards,.cards>.hint{grid-column:1/-1}

/* Популярные игры под поиском, фильтры по ключу, ярлыки KEY/FREE, ролики YouTube, окно «Что нового» */
.quick{margin:16px 0 4px}.quick-label{display:block;color:#8b929c;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:10px}.quick-chips{display:flex;flex-wrap:wrap;gap:8px}
.filters{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;margin:0 0 6px}.filters .chip-btn.selected{background:#eef0f2;color:#101216;border-color:#eef0f2}.filter-n{font-style:normal;margin-left:7px;opacity:.6;font-size:11px}
.scard-key{position:absolute;top:10px;left:10px;z-index:2;padding:3px 8px;border-radius:6px;font-size:9.5px;font-weight:850;letter-spacing:1px}.scard-key.is-free{background:#e8f5ec;color:#103b1e}.scard-key.is-key{background:#2a1f12;color:#ffcf8a;border:1px solid #ffcf8a55}
.yt-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 12px;margin:0 -2px 4px;scrollbar-width:none}.yt-row::-webkit-scrollbar{display:none}
.yt{flex:0 0 220px;scroll-snap-align:start;text-align:left;padding:0;overflow:hidden;border-radius:14px;background:#0e1013;border:1px solid #ffffff19;transition:transform .25s,border-color .25s}.yt:hover{transform:translateY(-3px);border-color:#ffffff55}
.yt-thumb{position:relative;display:block;aspect-ratio:16/9;background:#171a1f;overflow:hidden}.yt-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.yt-thumb::after{content:"";position:absolute;left:50%;top:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;background:#050608b8 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9 6.5v11l9-5.5z' fill='white'/></svg>") 55% 50%/18px no-repeat;border:1px solid #ffffff40}
.yt-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:10px 12px 2px;font-size:12.5px;font-weight:650;line-height:1.35}.yt-meta{display:block;padding:0 12px 12px;color:#818995;font-size:11px}
.news-item{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid #ffffff14}.news-item p{margin:0}.news-date{color:#8b929c;font-size:11px}
@media(max-width:560px){.yt{flex-basis:196px}}

/* На телефоне вкладки дублирует нижняя панель: верхние прячем, чтобы поместились кнопки */
@media(max-width:560px){.tabs{display:none}.navpill{justify-content:space-between}}

/* ===== Кнопки v2: единая система ===== */
/* верхняя панель: текстовые вкладки с линией, круглые кнопки-иконки справа */
.navpill{gap:30px}
.tabs{gap:2px}
.tab{position:relative;padding:12px 14px;border:0;border-radius:0;background:none;box-shadow:none;color:#8b929c;font-size:14px;font-weight:600;letter-spacing:.01em}
.tab .ic{display:none}
.tab:hover{color:#fff;background:none;transform:none}
.tab::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;border-radius:2px;background:#f4f5f7;transform:scaleX(0);transition:transform .25s ease}
.tab.selected{color:#fff;background:none;border:0;box-shadow:none}.tab.selected::after{transform:scaleX(1)}
.nav-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:1px solid #ffffff22;color:#c9cdd4;transition:background .2s,color .2s,border-color .2s}
.nav-btn:hover{background:#f4f5f7;color:#0b0c0f;border-color:#f4f5f7;transform:none}
.nav-btn.selected{background:#f4f5f7;color:#0b0c0f;border-color:#f4f5f7}
/* основные кнопки: светлые, с мягким объёмом */
.btn-find,.btn,.dial,.tt-go{border:0;border-radius:12px;background:linear-gradient(#fbfbfc,#e4e7eb);color:#0b0c0f;font-weight:650;letter-spacing:.01em;box-shadow:0 1px 0 #fff inset,0 6px 16px #00000050;transition:transform .2s,box-shadow .2s,filter .2s}
.btn-find:hover,.btn:hover,.dial:hover{background:linear-gradient(#fff,#eceff3);filter:none;transform:translateY(-1px);box-shadow:0 1px 0 #fff inset,0 10px 22px #00000066}
.btn-find:active,.btn:active,.dial:active{transform:translateY(0) scale(.98)}
.search{border-radius:16px}.bp-input{border-radius:14px}
/* второстепенные кнопки и чипы */
.btn.ghost,.ghost{background:#ffffff0a;color:#d7dbe0;border:1px solid #ffffff1f;box-shadow:none}
.btn.ghost:hover,.ghost:hover{background:#ffffff14;border-color:#ffffff38;box-shadow:none;transform:translateY(-1px)}
.chip-btn,.seg-btn{border-radius:10px;border:1px solid #ffffff1c;background:#ffffff08;color:#cfd3da;font-size:13px;font-weight:600;padding:8px 14px;transition:background .2s,border-color .2s,color .2s}
.chip-btn:hover,.seg-btn:hover{background:#ffffff14;border-color:#ffffff38;color:#fff}
.chip-btn.selected,.seg-btn.selected,.filters .chip-btn.selected,.db-scope .chip-btn.selected{background:linear-gradient(#fbfbfc,#e4e7eb);color:#0b0c0f;border-color:transparent}
.seg{border-radius:14px}.seg-btn{border-radius:10px}
.chip-btn.danger{background:#ff6b8114;border-color:#ff6b8150;color:#ff9aab}
/* нижняя панель на телефоне: без залитого белого квадрата */
@media(max-width:760px){
  .bottomnav{border-radius:20px;padding:6px;background:#0f1114ea;border:1px solid #ffffff1f}
  .bn{border-radius:14px;gap:5px;padding:9px 4px 7px;color:#7f8792;transition:color .2s,background .2s}
  .bn .ic{width:22px;height:22px;stroke-width:1.7}.bn small{font-size:10.5px;font-weight:600}
  .bn.selected{background:#ffffff12;color:#fff;box-shadow:none}
}

.out-card{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.out-link{flex:1 1 100%}

/* Вкладки шапки: единая капсула, каждая вкладка выглядит как кнопка, активная залита */
.tabs{flex:0 1 auto;gap:4px;padding:4px;margin-left:6px;border:1px solid #ffffff1f;border-radius:14px;background:#ffffff08}
.tab{padding:9px 16px;border-radius:10px;color:#a4abb5;font-size:13.5px;font-weight:650;transition:background .2s,color .2s,box-shadow .2s}
.tab::after{display:none}
.tab:hover{background:#ffffff12;color:#fff}
.tab.selected{background:linear-gradient(#fbfbfc,#e4e7eb);color:#0b0c0f;box-shadow:0 1px 0 #fff inset,0 4px 12px #00000060}

/* Шапка не просвечивает при прокрутке */
.nav-wrap{background:#090a0cf2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #ffffff14;pointer-events:auto;z-index:60}
.navpill{border-bottom:0}

/* Ещё объекты на космическом фоне: третья туманность, галактика, луна, планета с кольцом */
.nebula.n3{width:70vmax;height:70vmax;left:-26vmax;bottom:-34vmax;background:radial-gradient(circle,#4fb3c71c 0%,#4fb3c70a 40%,transparent 66%);animation:nebula-a 110s ease-in-out infinite alternate-reverse}
.galaxy{position:absolute;left:5%;bottom:9%;width:230px;height:230px;border-radius:50%;pointer-events:none;opacity:.55;transform:rotate(-24deg) scaleY(.42);background:radial-gradient(circle,#f3f0ffcc 0%,#b9b0ff55 9%,transparent 34%),repeating-conic-gradient(from 0deg,#9aa8ff22 0 14deg,transparent 14deg 50deg);-webkit-mask:radial-gradient(circle,#000 0%,#000 30%,transparent 70%);mask:radial-gradient(circle,#000 0%,#000 30%,transparent 70%);animation:galaxy-spin 240s linear infinite}
.obj{position:absolute;border-radius:50%;pointer-events:none}
.moon{right:12%;top:15%;width:64px;height:64px;opacity:.42;background:radial-gradient(circle at 30% 28%,#e4e7ee 0%,#9aa1b0 52%,#3b4050 100%);box-shadow:0 0 34px #aab4cc26,inset -9px -7px 16px #0009}
.moon::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 62% 38%,#00000030 0 7%,transparent 8%),radial-gradient(circle at 36% 64%,#00000028 0 9%,transparent 10%),radial-gradient(circle at 70% 70%,#00000024 0 5%,transparent 6%)}
.saturn{left:7%;top:57%;width:58px;height:58px;opacity:.4;background:radial-gradient(circle at 32% 30%,#e6d9c4 0%,#a89478 55%,#3d3427 100%);box-shadow:inset -8px -6px 14px #000a}
.saturn::after{content:"";position:absolute;left:-58%;right:-58%;top:36%;height:30%;border-radius:50%;border:2px solid #d9c9a866;transform:rotate(-20deg);box-shadow:0 0 14px #d9c9a822}
@keyframes galaxy-spin{to{transform:rotate(336deg) scaleY(.42)}}
@media(max-width:760px){.galaxy{width:150px;height:150px;left:-2%;bottom:14%}.moon{width:44px;height:44px;right:8%;top:20%}.saturn{width:40px;height:40px;left:5%;top:62%}}
@media(prefers-reduced-motion:reduce){.galaxy{animation:none}}

/* ===== Плавность и эффект нажатия ===== */
:root{--ease:cubic-bezier(.22,1,.36,1)}
.page:not(.hidden){animation:page-enter .6s var(--ease) both}
.scard{animation:fade-up .65s var(--ease) both}
.cards>.scard:nth-child(2){animation-delay:45ms}.cards>.scard:nth-child(3){animation-delay:90ms}.cards>.scard:nth-child(4){animation-delay:135ms}.cards>.scard:nth-child(5){animation-delay:180ms}.cards>.scard:nth-child(6){animation-delay:225ms}.cards>.scard:nth-child(7){animation-delay:270ms}.cards>.scard:nth-child(8){animation-delay:315ms}.cards>.scard:nth-child(9){animation-delay:360ms}.cards>.scard:nth-child(10){animation-delay:405ms}.cards>.scard:nth-child(11){animation-delay:450ms}.cards>.scard:nth-child(12){animation-delay:495ms}
.scard,.ecard,.help-card,.yt,.tt{transition:transform .45s var(--ease),border-color .3s ease,box-shadow .45s var(--ease),background .3s ease}
.btn,.btn-find,.dial,.chip-btn,.seg-btn,.nav-btn,.tab,.bn,.bp-paste{transition:transform .35s var(--ease),background .25s ease,color .25s ease,border-color .25s ease,box-shadow .35s var(--ease)}
.scard-image,.yt-thumb img{animation:fade-in .6s ease both}
/* нажатие: кнопка чуть «вдавливается» */
.btn:active,.btn-find:active,.dial:active,.chip-btn:active,.seg-btn:active,.tab:active,.nav-btn:active,.bn:active,.bp-paste:active{transform:scale(.94);transition-duration:.1s}
.scard:active,.ecard:active,.help-card:active,.yt:active,.tt:active{transform:scale(.97);transition-duration:.12s}
/* волна от точки касания */
.rip-host{position:relative;overflow:hidden}
.ripple{position:absolute;z-index:5;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#ffffff40 0%,#ffffff14 45%,transparent 70%);transform:scale(0);animation:ripple .7s var(--ease) forwards}
.btn:not(.ghost) .ripple,.btn-find .ripple,.dial .ripple,.tab.selected .ripple,.chip-btn.selected .ripple,.seg-btn.selected .ripple,.nav-btn:hover .ripple,.nav-btn.selected .ripple{background:radial-gradient(circle,#0000003d 0%,#0000001a 45%,transparent 70%)}
@keyframes ripple{to{transform:scale(1);opacity:0}}
/* окно: плавное появление и закрытие */
.sheet{animation:fade-in .28s ease both}
.sheet-card{animation:sheet-up .5s var(--ease) both}
.sheet.closing{animation:fade-out .23s ease forwards}.sheet.closing .sheet-card{animation:sheet-down .23s cubic-bezier(.5,0,.75,0) forwards}
@keyframes fade-out{to{opacity:0}}
@keyframes sheet-down{to{opacity:.4;transform:translateY(28px) scale(.99)}}

/* ===== Байпасс: космический портал ===== */
.portal{position:relative;width:210px;height:210px;margin:0 auto 10px;display:grid;place-items:center;align-self:center}
.portal i{position:absolute;border-radius:50%;pointer-events:none}
.portal .p1{inset:0;background:conic-gradient(from 0deg,#8aa0ff00,#8aa0ff80,#c9b8ff00 28%,#6fd3ff66 52%,#ffffff00 70%,#8aa0ff80,#8aa0ff00);-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%,#000 74%,transparent 76%);mask:radial-gradient(circle,transparent 58%,#000 60%,#000 74%,transparent 76%);animation:spin 16s linear infinite}
.portal .p2{inset:18px;background:conic-gradient(from 90deg,#ffffff00,#ffffff66,#ffffff00 38%,#9ab0ff66 68%,#ffffff00);-webkit-mask:radial-gradient(circle,transparent 56%,#000 58%,#000 70%,transparent 72%);mask:radial-gradient(circle,transparent 56%,#000 58%,#000 70%,transparent 72%);animation:spin 10s linear infinite reverse}
.portal .p3{inset:44px;border:1px solid #ffffff2e;box-shadow:inset 0 0 36px #8aa0ff3d,0 0 40px #8aa0ff22;animation:portal-pulse 4s ease-in-out infinite}
.portal .core{width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,#fff 0%,#d3dbff 28%,#7f95ff55 58%,transparent 72%);box-shadow:0 0 54px #8aa0ff99;animation:breathe 3.2s ease-in-out infinite}
.portal::before{content:"";position:absolute;inset:-70px;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .5s ease;background:repeating-conic-gradient(from 0deg,#cfd8ff00 0 5deg,#cfd8ff38 5deg 6deg);-webkit-mask:radial-gradient(circle,transparent 30%,#000 55%,transparent 72%);mask:radial-gradient(circle,transparent 30%,#000 55%,transparent 72%)}
@keyframes portal-pulse{50%{transform:scale(1.07);opacity:.7}}
@keyframes warp-rays{from{transform:scale(.55)}to{transform:scale(1.5)}}
@keyframes core-flash{0%{transform:scale(1)}30%{transform:scale(2.6);box-shadow:0 0 90px #9bf5c0cc}100%{transform:scale(1)}}
/* запуск: кольца раскручиваются, из центра летят лучи */
.bypass-hero.warp .portal .p1{animation-duration:1.5s}
.bypass-hero.warp .portal .p2{animation-duration:1s}
.bypass-hero.warp .portal .p3{animation-duration:.9s;border-color:#ffffff66}
.bypass-hero.warp .portal .core{animation:none;transform:scale(1.5);box-shadow:0 0 80px #b8c6ffcc}
.bypass-hero.warp .portal::before{opacity:1;animation:warp-rays .7s linear infinite}
/* готово: вспышка и зелёный отсвет */
.bypass-hero.done .portal .core{animation:core-flash 1.1s ease-out both;background:radial-gradient(circle,#fff 0%,#c8ffe0 30%,#5fe3a055 60%,transparent 72%)}
.bypass-hero.done .portal .p3{border-color:#7be8aa88;box-shadow:inset 0 0 36px #5fe3a044,0 0 44px #5fe3a033}
/* этапы под кнопкой */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0 30px}
.steps i{position:relative;width:auto;max-width:none;height:3px;border-radius:3px}
.steps i::after{content:attr(data-l);position:absolute;top:10px;left:0;font-size:10.5px;font-style:normal;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:#656c77;white-space:nowrap;transition:color .3s}
.steps i.on::after{color:#e9ecef}
.bypass-hero #bypassStatus{margin-top:6px}
/* результат: «координаты» */
.out-card::before{content:"Координаты получены";flex:1 1 100%;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#9fe0b8}
.out-card{border-color:#7be8aa40;background:linear-gradient(145deg,#112019cc,#0c1310cc);animation:fade-up .5s var(--ease) both}
@media(max-width:560px){.portal{width:168px;height:168px}.portal .p3{inset:34px}.portal .core{width:40px;height:40px}}

/* портал ярче: насыщенные кольца, свечение, тёмная воронка в центре */
.portal{filter:drop-shadow(0 0 22px #7f95ff55)}
.portal .p1{background:conic-gradient(from 0deg,#8aa0ff00,#a9b8ffee,#c9b8ff00 26%,#6fd3ffdd 50%,#ffffff00 68%,#b9a6ffee,#8aa0ff00)}
.portal .p2{background:conic-gradient(from 90deg,#ffffff00,#ffffffcc,#ffffff00 36%,#9ab0ffdd 66%,#ffffff00)}
.portal .p3{background:radial-gradient(circle,#05060f 0%,#0a1030 52%,#2b3b8c66 100%);border-color:#ffffff40}
.portal .core{background:radial-gradient(circle,#fff 0%,#e1e7ff 26%,#8aa0ffaa 55%,transparent 72%)}

/* ===== Заголовок главной: Находи. Обходи. Запускай. ===== */
.hero-title{font-size:clamp(46px,8.6vw,88px)!important;line-height:.98!important;letter-spacing:-.035em!important;font-weight:800}
.hero-title em{font-style:normal!important;color:transparent!important;background:linear-gradient(95deg,#ffffff 0%,#b8c8ff 45%,#d4b8ff 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 26px #8aa0ff44)}
.hero-title em::after{display:none!important}
.hero-copy .sub{max-width:430px}
@media(max-width:560px){.hero-title{font-size:clamp(42px,12.4vw,56px)!important}}

/* ===== Кнопка «Гайд на байпас» ===== */
.guide-btn{display:flex;align-items:center;gap:12px;width:100%;margin:6px 0 4px;padding:14px 16px;text-align:left;border-radius:14px;background:linear-gradient(145deg,#171b2a,#0e1119);border:1px solid #8aa0ff40;color:#e9ecff;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;transition:transform .35s var(--ease),border-color .25s,box-shadow .35s var(--ease),background .25s}
.guide-btn span{flex:1}
.guide-btn .ic{width:19px;height:19px;color:#a9b8ff}
.guide-btn .go{width:17px;height:17px;transition:transform .35s var(--ease)}
.guide-btn:hover{transform:translateY(-2px);border-color:#a9b8ffa0;box-shadow:0 10px 28px #5f78ff33}
.guide-btn:hover .go{transform:translateX(4px)}
.guide-btn:active{transform:scale(.97)}