:root{--bg:#070910;--panel:rgba(16,21,31,.82);--line:rgba(139,108,255,.18);--text:#f5f7fb;--muted:#8d95a5;--purple:#8b6cff;--purple2:#6d4df2;--cyan:#3ee6ff;--teal:#61d9c6;--red:#ff6f7d;--green:#61d99a;--amber:#e6ae55;--font-display:'Orbitron',Inter,system-ui,sans-serif;--font-body:Inter,ui-sans-serif,system-ui,'Segoe UI',Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark}body{min-height:100vh;display:flex;padding:38px 18px;background:radial-gradient(circle at 14% -8%,rgba(109,77,242,.2),transparent 34%),radial-gradient(circle at 95% 88%,rgba(14,127,158,.14),transparent 34%),var(--bg);color:var(--text);font:15px/1.6 var(--font-body);overflow-x:hidden;position:relative}a{color:inherit;text-decoration:none}.orb{position:fixed;border-radius:50%;filter:blur(90px);opacity:.4;pointer-events:none;z-index:0}.orb-a{width:480px;height:480px;background:radial-gradient(circle,#6d4df2,transparent 65%);top:-160px;left:-140px;animation:float-a 14s ease-in-out infinite alternate}.orb-b{width:440px;height:440px;background:radial-gradient(circle,#0e7f9e,transparent 65%);bottom:-180px;right:-140px;animation:float-b 17s ease-in-out infinite alternate}@keyframes float-a{from{transform:translate(0,0) scale(1)}to{transform:translate(60px,44px) scale(1.1)}}@keyframes float-b{from{transform:translate(0,0) scale(1.05)}to{transform:translate(-50px,-36px) scale(.95)}}.scanlines{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.035;background:repeating-linear-gradient(0deg,#fff 0 1px,transparent 1px 3px)}.auth-wrap{width:100%;max-width:430px;margin:auto;display:flex;flex-direction:column;align-items:center;gap:28px;position:relative;z-index:2}.brand{display:flex;align-items:center;font-family:var(--font-display);font-size:20px;letter-spacing:.5px;font-weight:700}.brand-dot{width:9px;height:9px;border-radius:50%;background:var(--purple);box-shadow:0 0 14px var(--purple),0 0 34px rgba(139,108,255,.6);margin-right:11px;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.65}}.brand b{color:#fff;text-shadow:0 0 18px rgba(255,255,255,.35)}.brand span{color:#a18bff;text-shadow:0 0 18px rgba(139,108,255,.55)}.auth-card{width:100%;padding:38px 34px;border-radius:20px;position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(16px);box-shadow:0 24px 70px rgba(0,0,0,.5),0 0 40px rgba(139,108,255,.08)}.auth-card::before,.card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,108,255,.8),transparent)}.eyebrow{font-family:var(--font-display);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--purple);text-shadow:0 0 12px rgba(139,108,255,.6);margin-bottom:12px}.auth-card h1{font-family:var(--font-display);font-size:24px;letter-spacing:.5px;margin-bottom:8px;word-break:break-all}.sub{color:var(--muted);font-size:14px;margin-bottom:24px}label{display:block;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);margin:16px 0 7px}input{width:100%;padding:13px 15px;border-radius:11px;font:inherit;color:var(--text);border:1px solid rgba(139,108,255,.25);background:rgba(10,11,17,.7);outline:none;transition:border-color .2s,box-shadow .2s}input::placeholder{color:#5b6272}input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(139,108,255,.18),0 0 18px rgba(139,108,255,.25)}button.primary,.btn.primary{width:100%;margin-top:28px;padding:14px;border:0;border-radius:12px;cursor:pointer;background:linear-gradient(120deg,var(--purple2),var(--purple) 55%,#a98fff);color:#fff;font-weight:600;font-size:14px;letter-spacing:.6px;position:relative;overflow:hidden;box-shadow:0 0 22px rgba(139,108,255,.45),inset 0 0 12px rgba(255,255,255,.14);transition:transform .2s,box-shadow .25s}button.primary:hover,.btn.primary:hover{transform:translateY(-2px);box-shadow:0 0 38px rgba(139,108,255,.75),inset 0 0 14px rgba(255,255,255,.2)}button.ghost{width:100%;margin-top:24px;padding:13px;border-radius:12px;cursor:pointer;border:1px solid rgba(139,108,255,.4);background:rgba(139,108,255,.06);color:#e8e4ff;font-weight:600;font-size:14px;transition:.2s}button.ghost:hover{background:rgba(139,108,255,.14);box-shadow:0 0 24px rgba(139,108,255,.3)}.alert-error{padding:12px 14px;border-radius:11px;margin-bottom:16px;font-size:13.5px;border:1px solid rgba(255,111,125,.4);background:rgba(255,111,125,.09);color:#ff9aa5;box-shadow:0 0 18px rgba(255,111,125,.12)}.alert-ok{padding:12px 14px;border-radius:11px;margin:16px 0 0;font-size:13.5px;border:1px solid rgba(97,217,154,.4);background:rgba(97,217,154,.09);color:#9ff0c4;box-shadow:0 0 18px rgba(97,217,154,.12)}#form-alert:not(:empty){display:block}.auth-foot{margin-top:22px;text-align:center;font-size:13.5px;color:var(--muted)}.auth-foot a{color:#a18bff;font-weight:600;transition:color .2s}.auth-foot a:hover{color:#fff}.avatar{width:68px;height:68px;border-radius:50%;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:28px;color:#fff;text-transform:uppercase;background:linear-gradient(140deg,rgba(139,108,255,.4),rgba(62,230,255,.16));border:1px solid rgba(139,108,255,.55);box-shadow:0 0 28px rgba(139,108,255,.4),inset 0 0 14px rgba(139,108,255,.2)}.auth-card.center{text-align:center}.auth-card.center .eyebrow{margin-top:2px}.info{margin-top:24px;text-align:left}.info-row{display:flex;justify-content:space-between;gap:12px;padding:13px 2px;border-bottom:1px solid rgba(139,108,255,.1);font-size:14px}.info-row:last-child{border-bottom:0}.info-row span{color:var(--muted)}.info-row b{font-weight:600}.info-row b.online{color:#61d99a;text-shadow:0 0 12px rgba(97,217,154,.5)}.captcha-box{margin-top:22px;padding:16px;border-radius:14px;border:1px solid rgba(139,108,255,.22);background:rgba(10,11,17,.5)}.cap-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cap-label{font-size:14px;color:var(--muted)}.cap-target{font-size:22px;vertical-align:middle;filter:drop-shadow(0 0 8px rgba(139,108,255,.7))}.cap-refresh{width:34px;height:34px;border-radius:9px;border:1px solid rgba(139,108,255,.3);background:none;color:#a18bff;font-size:18px;line-height:1;cursor:pointer;transition:.2s}.cap-refresh:hover{background:rgba(139,108,255,.12);color:#fff;box-shadow:0 0 14px rgba(139,108,255,.3)}.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cap-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:27px;border-radius:10px;border:1px solid rgba(139,108,255,.15);background:rgba(20,22,30,.6);cursor:pointer;user-select:none;transition:transform .12s,box-shadow .15s,border-color .15s,background .15s;transform:rotate(var(--r,0deg))}.cap-cell:hover{border-color:rgba(139,108,255,.55);transform:rotate(var(--r,0deg)) translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.45)}.cap-cell.on{border-color:var(--purple);background:rgba(139,108,255,.22);box-shadow:0 0 14px rgba(139,108,255,.55),inset 0 0 8px rgba(139,108,255,.25);transform:rotate(var(--r,0deg)) scale(1.06)}.cap-hint{margin-top:10px;font-size:12px;letter-spacing:.4px;color:#6f7890;text-align:center}.cap-hint.ready{color:#61d99a;text-shadow:0 0 10px rgba(97,217,154,.5)}.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.dash{width:100%;max-width:960px;margin:auto;position:relative;z-index:2;display:flex;flex-direction:column;gap:18px}.dash-top{display:flex;align-items:center;justify-content:space-between}.dash-home{color:var(--muted);font-size:13px;transition:color .2s}.dash-home:hover{color:#fff}.dash-home span{color:var(--purple);margin-left:4px}.dash-nav{display:flex;align-items:center;gap:17px}.secure-pill{display:inline-flex;align-items:center;gap:7px;color:#8ed9c0;font-size:11px;padding:7px 10px;border:1px solid rgba(97,217,154,.22);border-radius:999px;background:rgba(97,217,154,.055)}.secure-pill i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(97,217,154,.75)}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:17px 0 2px}.welcome-row h1{font-family:var(--font-display);font-size:29px;letter-spacing:.2px;margin-bottom:6px}.welcome-row p{color:var(--muted);font-size:13px}.welcome-date{text-align:right;border-left:1px solid var(--line);padding-left:18px;color:var(--muted);font-size:11px}.welcome-date span,.welcome-date b{display:block}.welcome-date b{color:#d7cdfd;margin-top:4px;font-size:12px}.card{padding:26px;border-radius:18px;background:linear-gradient(145deg,rgba(18,24,35,.88),rgba(12,16,24,.94));border:1px solid var(--line);backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(0,0,0,.4);position:relative;overflow:hidden}.card .eyebrow{margin-bottom:10px}.card h2{font-family:var(--font-display);font-size:17px;letter-spacing:.5px;margin-bottom:10px}.profile-card{padding:21px 24px}.profile-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.profile-card .avatar{width:70px;height:70px;font-size:29px;overflow:hidden;flex:none;margin:0}.avatar-img{width:100%;height:100%;object-fit:cover;display:block}.profile-info{flex:1;min-width:190px}.profile-kicker{color:#7e8a9f;font-size:10px;letter-spacing:1.8px}.profile-info h2{font-size:19px;margin:3px 0 2px;word-break:break-all}.profile-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.profile-meta b{color:#cfc4ff;font-weight:600}.profile-dot{color:var(--green);font-size:9px}.profile-actions{display:flex;flex-direction:column;gap:8px;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:.2s;font-size:13px;padding:10px 16px;font-family:var(--font-body)}.btn.ghost{border-color:rgba(139,108,255,.4);background:rgba(139,108,255,.06);color:#e8e4ff}.btn.ghost:hover{background:rgba(139,108,255,.14);box-shadow:0 0 20px rgba(139,108,255,.28)}.btn.sm{padding:8px 13px;font-size:12px;border-radius:9px}.btn.danger{border-color:rgba(255,111,125,.4);background:rgba(255,111,125,.06);color:#ff9aa5}.btn.danger:hover{background:rgba(255,111,125,.14);box-shadow:0 0 20px rgba(255,111,125,.28)}.btn-block{width:100%}.profile-actions>form{display:flex;flex-direction:column;min-width:0}.profile-actions>form>.btn{width:100%}.profile-actions>a.btn{width:100%}.cab-note{font-size:11px;color:#6f7890;margin:12px 0 0}.tabbar{display:flex;gap:6px;padding:6px;border-radius:14px;background:rgba(13,15,20,.72);border:1px solid var(--line);backdrop-filter:blur(12px);position:sticky;top:12px;z-index:3}.tab-btn{flex:1;padding:11px 6px;border-radius:10px;background:transparent;border:0;color:var(--muted);font-weight:600;font-size:12.5px;cursor:pointer;transition:.2s;letter-spacing:.2px;font-family:var(--font-body)}.tab-btn span{color:#778397;margin-right:5px}.tab-btn:hover{color:#fff;background:rgba(139,108,255,.09)}.tab-btn.active{color:#fff;background:linear-gradient(120deg,rgba(109,77,242,.4),rgba(139,108,255,.22));box-shadow:0 0 18px rgba(139,108,255,.28),inset 0 0 0 1px rgba(139,108,255,.45)}.tab-btn.active span{color:#d2c8ff}.tab-panel{display:none}.tab-panel.active{display:block;animation:panel-in .3s ease}@keyframes panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.panel-heading.compact{margin-bottom:9px}.panel-heading h2{margin:3px 0 4px}.panel-subtitle{color:#727e92;font-size:12px;line-height:1.55;margin-bottom:17px}.panel-status{color:#8ed9c0;font-size:10px;border:1px solid rgba(97,217,154,.25);padding:5px 8px;border-radius:999px;white-space:nowrap}.subscription-layout{display:grid;grid-template-columns:minmax(230px,.88fr) minmax(0,1.12fr);gap:18px;align-items:stretch}.key-visual{min-height:222px;border-radius:16px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:radial-gradient(circle at 90% 0%,rgba(62,230,255,.2),transparent 35%),linear-gradient(135deg,#372788,#171a43 62%,#101729);border:1px solid rgba(161,139,255,.54);box-shadow:0 15px 28px rgba(0,0,0,.24),inset 0 0 28px rgba(139,108,255,.16)}.key-visual::after{content:'';position:absolute;width:150px;height:150px;right:-54px;bottom:-58px;border:1px solid rgba(62,230,255,.25);border-radius:50%;box-shadow:0 0 0 20px rgba(62,230,255,.035),0 0 0 42px rgba(62,230,255,.025)}.key-visual.key-expired,.key-visual.key-disabled{background:radial-gradient(circle at 90% 0%,rgba(255,111,125,.15),transparent 35%),linear-gradient(135deg,#3a203d,#211627 64%,#141722);border-color:rgba(255,111,125,.4)}.key-visual-top,.key-visual-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center}.key-chip{font-size:9px;letter-spacing:1.5px;color:#cdc5ff}.key-spark{color:#7ceada;font-size:18px}.key-visual-label{position:relative;z-index:1;font-size:12px;color:#b3bdd2;margin-top:28px}.key-visual code{position:relative;z-index:1;font-family:ui-monospace,Consolas,monospace;letter-spacing:1.6px;color:#fff;font-size:16px;margin:5px 0 23px}.key-visual-bottom{font-size:10px;color:#aab5c8}.key-visual-bottom b{display:block;color:#fff;margin-top:3px;font-size:11px}.key-status b{font-size:11px}.subscription-details{display:flex;flex-direction:column;justify-content:space-between}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(139,108,255,.1);border:1px solid rgba(139,108,255,.13);border-radius:13px;overflow:hidden}.detail-item{padding:13px 14px;background:rgba(9,12,18,.45);min-height:63px}.detail-item span{display:block;color:#778397;font-size:10px;margin-bottom:5px}.detail-item b{font-size:12px}.renew-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;margin-top:12px;border-radius:13px;border:1px solid rgba(139,108,255,.2);background:linear-gradient(120deg,rgba(139,108,255,.12),rgba(62,230,255,.04))}.renew-box b,.renew-box small{display:block}.renew-box b{font-size:12px}.renew-box small{font-size:10px;color:#778397;margin-top:3px}.btn-renew{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:10px 13px;border-radius:9px;background:linear-gradient(120deg,var(--purple2),var(--purple));color:#fff;font-size:11px;font-weight:700;box-shadow:0 0 16px rgba(139,108,255,.4);transition:transform .2s,box-shadow .25s}.btn-renew:hover{transform:translateY(-2px);box-shadow:0 0 26px rgba(139,108,255,.7)}.link-btn{background:none;border:0;margin-top:11px;padding:0;cursor:pointer;color:#8d95a5;font-size:11px;border-bottom:1px dashed rgba(141,149,165,.4);transition:.2s}.link-btn:hover{color:#ff9aa5;border-color:rgba(255,111,125,.5)}.sub-divider{height:1px;margin:27px 0 21px;background:linear-gradient(90deg,transparent,rgba(139,108,255,.35),transparent)}.cab-form label{margin-top:14px}.st-ok{color:#61d99a;text-shadow:0 0 12px rgba(97,217,154,.5)}.st-trial{color:#e6ae55;text-shadow:0 0 12px rgba(230,174,85,.45)}.st-bad{color:#ff9aa5;text-shadow:0 0 12px rgba(255,111,125,.4)}.btn-tg{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:10px 13px;border-radius:9px;color:#fff;font-weight:700;font-size:12px;background:linear-gradient(120deg,var(--purple2),var(--purple));box-shadow:0 0 16px rgba(139,108,255,.4)}.btn-tg:hover{box-shadow:0 0 26px rgba(139,108,255,.7);transform:translateY(-1px)}.dl-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;margin-bottom:10px;border-radius:12px;border:1px solid rgba(139,108,255,.16);background:rgba(10,11,17,.5)}.dl-item:last-child{margin-bottom:0}.dl-item b{display:block;font-size:14.5px}.dl-item small{color:#6f7890;font-size:12px}.btn-dl{display:inline-flex;align-items:center;padding:10px 20px;border-radius:10px;white-space:nowrap;color:#fff;font-size:13px;font-weight:600;background:linear-gradient(120deg,var(--purple2),var(--purple));box-shadow:0 0 16px rgba(139,108,255,.4);transition:transform .2s,box-shadow .25s}.btn-dl:hover{transform:translateY(-2px);box-shadow:0 0 28px rgba(139,108,255,.65)}.guide-video{width:100%;border-radius:12px;margin-bottom:16px;border:1px solid rgba(139,108,255,.25);box-shadow:0 0 24px rgba(139,108,255,.15)}.steps-list{margin:0;padding-left:20px;display:grid;gap:9px;color:var(--muted);font-size:14px}.steps-list li::marker{color:var(--purple);font-weight:700}.steps-list a{color:#a18bff;font-weight:500}.steps-list a:hover{color:#fff}.tfa-setup{display:flex;flex-direction:column;gap:16px}.tfa-setup h3{font-size:14px;font-weight:600;letter-spacing:.3px}.tfa-row{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap}.tfa-qr{width:180px;height:180px;border-radius:14px;background:#fff;padding:10px;flex:none}.tfa-manual{flex:1;min-width:240px;display:flex;flex-direction:column;gap:10px}.tfa-manual p{font-size:13.5px;color:var(--muted)}.tfa-manual p b{color:#cfc4ff}.tfa-secret{display:inline-block;padding:12px 14px;border-radius:10px;font-family:ui-monospace,Consolas,monospace;font-size:16px;letter-spacing:2.5px;color:#fff;background:rgba(10,11,17,.8);border:1px solid rgba(139,108,255,.35);word-break:break-all}.tfa-uri{font-size:11px;color:#5b6272;word-break:break-all}.tfa-form input{max-width:220px;text-align:center;letter-spacing:4px;font-size:18px}.tfa-btns{display:flex;gap:10px;margin-top:6px}.tfa-confirm{margin-top:0!important;width:auto;padding:12px 22px}.dl-item{flex-direction:column;align-items:stretch;gap:12px}.dl-main{display:flex;align-items:center;gap:14px}.dl-icon{width:52px;height:52px;border-radius:12px;object-fit:cover;flex:none;border:1px solid rgba(139,108,255,.25)}.dl-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.dl-old{width:100%}.dl-old summary{cursor:pointer;font-size:13px;color:#a18bff;font-weight:600;list-style:none;display:inline-flex;gap:6px;align-items:center}.dl-old summary::-webkit-details-marker{display:none}.dl-old summary::before{content:'▸';transition:transform .2s;display:inline-block}.dl-old[open] summary::before{transform:rotate(90deg)}.dl-old-row{display:flex;align-items:center;gap:10px;margin-top:8px;padding:10px 14px;border-radius:10px;border:1px solid rgba(139,108,255,.14);background:rgba(10,11,17,.55);color:var(--muted);font-size:13px;transition:.2s}.dl-old-row:hover{border-color:rgba(139,108,255,.5);color:#fff}.dl-old-row span{color:#cfd4e0;font-weight:600}.dl-old-row small{margin-left:auto;font-size:11.5px;color:#6f7890}.dl-old-row em{font-style:normal;color:var(--purple);font-size:15px}.info-row code{font-family:ui-monospace,Consolas,monospace;letter-spacing:1px;font-size:13px;color:#cfc4ff}/* ── Иконки (SVG-спрайт + <use>) ─────────────────────────────────────────── */
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.ic{width:16px;height:16px;flex:none;display:inline-block;vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.btn .ic,.btn-dl .ic,.btn-renew .ic,.btn-tg .ic,.btn-buy .ic,.btn-ghost-wide .ic{width:17px;height:17px;vertical-align:middle}
.tab-btn .ic{width:15px;height:15px;margin-right:7px;vertical-align:-3px;color:#778397;transition:color .2s,filter .2s}
.tab-btn:hover .ic{color:#cfc4ff}
.tab-btn.active .ic{color:#e7e0ff;filter:drop-shadow(0 0 6px rgba(139,108,255,.8))}
.link-btn{display:inline-flex;align-items:center;gap:6px}
.link-btn .ic{width:13px;height:13px;vertical-align:middle}
.key-chip{display:inline-flex;align-items:center;gap:6px}
.key-chip .ic{width:13px;height:13px;vertical-align:middle}
.key-spark{display:inline-flex}
.key-spark .ic{width:18px;height:18px;vertical-align:middle;color:#7ceada}

/* ── Кнопка «Скачать» ────────────────────────────────────────────────────── */
.btn-dl{
  display:inline-flex;align-items:center;gap:11px;white-space:nowrap;
  padding:9px 17px 9px 10px;border-radius:13px;color:#fff;font-weight:600;
  border:1px solid rgba(139,108,255,.55);
  background:linear-gradient(120deg,var(--purple2),var(--purple) 60%,#a98fff);
  box-shadow:0 6px 18px rgba(109,77,242,.35),inset 0 1px 0 rgba(255,255,255,.22);
  position:relative;overflow:hidden;transition:transform .2s,box-shadow .25s;
}
.btn-dl .btn-dl-ico{
  display:flex;align-items:center;justify-content:center;flex:none;
  width:31px;height:31px;border-radius:10px;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.26);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28);transition:background .2s,transform .2s;
}
.btn-dl .btn-dl-ico .ic{width:17px;height:17px;vertical-align:middle}
.btn-dl-txt{display:flex;flex-direction:column;line-height:1.2;text-align:left}
.btn-dl-txt b{font-size:13.5px;font-weight:700;letter-spacing:.2px}
.btn-dl-txt small{font-size:10.5px;opacity:.74;font-weight:500;margin-top:1px}
.btn-dl::after{
  content:'';position:absolute;top:0;left:-70%;width:42%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.32),transparent);
  transform:skewX(-20deg);animation:dl-shine 3.8s ease-in-out infinite;pointer-events:none;
}
@keyframes dl-shine{0%{left:-70%}55%,100%{left:135%}}
.btn-dl:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(109,77,242,.55),inset 0 1px 0 rgba(255,255,255,.3)}
.btn-dl:hover .btn-dl-ico{background:rgba(255,255,255,.26);transform:translateY(1px)}
.btn-dl:active{transform:translateY(0)}

/* ── Кнопка «Купить подписку» ────────────────────────────────────────────── */
.btn-buy{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  margin-top:16px;padding:13px 24px;border-radius:13px;color:#fff;font-weight:700;font-size:14px;letter-spacing:.4px;
  background:linear-gradient(120deg,var(--purple2),var(--purple) 55%,#a98fff);
  box-shadow:0 0 26px rgba(139,108,255,.5),inset 0 0 12px rgba(255,255,255,.16);
  position:relative;overflow:hidden;transition:transform .2s,box-shadow .25s;
}
.btn-buy::before{
  content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.34),transparent);
  transform:skewX(-20deg);animation:shine 3.4s ease-in-out infinite;pointer-events:none;
}
@keyframes shine{0%{left:-80%}55%,100%{left:140%}}
.btn-buy:hover{transform:translateY(-2px);box-shadow:0 0 42px rgba(139,108,255,.85),inset 0 0 14px rgba(255,255,255,.22)}
.btn-ghost-wide{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  margin-top:12px;padding:12px 20px;border-radius:12px;font-weight:600;font-size:13.5px;
  border:1px solid rgba(139,108,255,.4);background:rgba(139,108,255,.06);color:#e8e4ff;transition:.2s;
}
.btn-ghost-wide:hover{background:rgba(139,108,255,.14);box-shadow:0 0 22px rgba(139,108,255,.3);transform:translateY(-1px)}

/* ── Загрузки ────────────────────────────────────────────────────────────── */
.dl-icon-empty{display:flex!important;align-items:center;justify-content:center;color:#9b8ded;background:rgba(139,108,255,.1);border:1px solid rgba(139,108,255,.25)}
.dl-icon-empty .ic{width:23px;height:23px;vertical-align:middle}
.dl-old summary{gap:8px}
.dl-old summary::before{display:none}
.dl-old summary .ic{width:14px;height:14px;vertical-align:-2px;color:var(--purple);transition:transform .2s}
.dl-old[open] summary .ic{transform:rotate(90deg)}
.dl-old-row .ic{width:15px;height:15px;vertical-align:-3px;color:#8b7fd0}
.dl-old-row em{display:inline-flex;align-items:center}
.dl-old-row em .ic{width:16px;height:16px;vertical-align:middle;color:var(--purple)}
.dl-locked{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 20px;border-radius:14px;
  border:1px dashed rgba(139,108,255,.32);background:linear-gradient(120deg,rgba(139,108,255,.09),rgba(62,230,255,.03));
}
.dl-locked-ico{
  display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex:none;
  border-radius:13px;background:rgba(139,108,255,.14);border:1px solid rgba(139,108,255,.35);color:#c3b6ff;
}
.dl-locked-ico .ic{width:23px;height:23px;vertical-align:middle}
.dl-locked div{flex:1;min-width:200px}
.dl-locked b{display:block;font-size:14.5px;margin-bottom:4px}
.dl-locked small{display:block;color:#778397;font-size:12px;line-height:1.55}
.dl-locked .btn-buy{margin:0}
@media(max-width:760px){body{padding:24px 14px}.welcome-row{align-items:flex-start;flex-direction:column}.welcome-date{text-align:left;border-left:0;border-top:1px solid var(--line);padding:10px 0 0;width:100%}.subscription-layout{grid-template-columns:1fr}.profile-actions{flex-direction:row;width:100%}.profile-actions .btn,.profile-actions>form{flex:1;min-width:0}.dash-nav{gap:10px}.secure-pill{display:none}.tabbar{position:static;flex-wrap:wrap}.tab-btn{flex:1 1 30%}.card{padding:20px}.renew-box{align-items:flex-start;flex-direction:column}.btn-renew{width:100%;justify-content:center}}@media(max-width:460px){.welcome-row h1{font-size:24px}.profile-meta{align-items:flex-start;flex-direction:column;gap:2px}.profile-dot{display:none}.detail-grid{grid-template-columns:1fr}.profile-actions{flex-direction:column}.tab-btn{flex-basis:45%;font-size:11px}.dl-locked{flex-direction:column;align-items:stretch;text-align:center}.dl-locked .btn-buy{width:100%}.btn-dl{width:100%;justify-content:center}.dl-locked div{min-width:0}.dash-top .brand{font-size:17px}.dash-home{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
a.tab-btn{display:flex;align-items:center;justify-content:center;text-decoration:none}

/* ── Карточки сборок ─────────────────────────────────────────────────────── */
.download-stack{display:grid;gap:14px;margin-top:18px}
.dl-card{position:relative;overflow:hidden;padding:17px 18px 16px;border:1px solid rgba(139,108,255,.22);border-radius:16px;background:linear-gradient(135deg,rgba(16,21,31,.92),rgba(10,11,17,.78));box-shadow:0 9px 26px rgba(0,0,0,.16);transition:transform .2s,border-color .25s,box-shadow .25s}
.dl-card::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--dl-accent,var(--purple));box-shadow:0 0 18px var(--dl-accent,var(--purple));pointer-events:none}
.dl-card::after{content:'';position:absolute;right:-90px;top:-100px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,var(--dl-glow,rgba(139,108,255,.14)),transparent 68%);pointer-events:none}
.dl-card:hover{transform:translateY(-2px);border-color:var(--dl-border,rgba(139,108,255,.5));box-shadow:0 14px 34px rgba(0,0,0,.28),0 0 24px var(--dl-shadow,rgba(139,108,255,.12))}
.dl-card-purple{--dl-accent:#9a7bff;--dl-border:rgba(154,123,255,.55);--dl-glow:rgba(154,123,255,.16);--dl-shadow:rgba(154,123,255,.15)}
.dl-card-cyan{--dl-accent:#47d9ff;--dl-border:rgba(71,217,255,.5);--dl-glow:rgba(71,217,255,.13);--dl-shadow:rgba(71,217,255,.13)}
.dl-card-teal{--dl-accent:#61d9c6;--dl-border:rgba(97,217,198,.5);--dl-glow:rgba(97,217,198,.13);--dl-shadow:rgba(97,217,198,.13)}
.dl-card-amber{--dl-accent:#f5b544;--dl-border:rgba(245,181,68,.5);--dl-glow:rgba(245,181,68,.13);--dl-shadow:rgba(245,181,68,.13)}
.dl-card-top{position:relative;z-index:1;display:flex;align-items:center;gap:9px;margin-bottom:13px;color:#9099aa;font-size:10px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase}
.dl-card-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:20px;border:1px solid color-mix(in srgb,var(--dl-accent,var(--purple)) 50%,transparent);border-radius:6px;color:var(--dl-accent,var(--purple));font-family:ui-monospace,Consolas,monospace;font-size:10px;letter-spacing:.5px}
.dl-card-eyebrow{color:var(--dl-accent,var(--purple))}
.dl-card-status{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:4px 8px;border-radius:999px;font-size:10px;letter-spacing:.2px;text-transform:none}
.dl-card-status i{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.dl-card-status.ready{color:#8de8b4;background:rgba(97,217,154,.08);border:1px solid rgba(97,217,154,.2)}
.dl-card-status.pending{color:#b4bdca;background:rgba(141,149,165,.08);border:1px solid rgba(141,149,165,.2)}
.dl-card-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px}
.dl-main{display:flex;align-items:center;gap:14px;min-width:0}
.dl-main>div{min-width:0}
.dl-card .dl-icon{width:58px;height:58px;border-radius:14px;object-fit:cover;flex:none;border:1px solid color-mix(in srgb,var(--dl-accent,var(--purple)) 35%,transparent);box-shadow:0 0 18px var(--dl-glow,rgba(139,108,255,.14))}
.dl-card .dl-icon-empty{display:flex!important;align-items:center;justify-content:center;color:var(--dl-accent,var(--purple));background:color-mix(in srgb,var(--dl-accent,var(--purple)) 10%,transparent);border-color:color-mix(in srgb,var(--dl-accent,var(--purple)) 30%,transparent)}
.dl-card .dl-icon-empty .ic{width:25px;height:25px}
.dl-card h3{font-size:17px;line-height:1.25;letter-spacing:.1px}
.dl-card p{margin-top:3px;color:#9099aa;font-size:12px;line-height:1.45}
.dl-card-content> .dl-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;flex:none;min-width:190px}
.dl-card .btn-dl{justify-content:center;border:1px solid color-mix(in srgb,var(--dl-accent,var(--purple)) 55%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--dl-accent,var(--purple)) 72%,#171329),var(--dl-accent,var(--purple)));box-shadow:0 0 18px var(--dl-shadow,rgba(139,108,255,.25))}
.dl-card .btn-dl:hover{box-shadow:0 0 28px var(--dl-shadow,rgba(139,108,255,.4))}
.dl-card .dl-old{width:100%}
.dl-card .dl-old summary{width:100%;justify-content:center;padding:7px 10px;border:1px solid rgba(139,108,255,.2);border-radius:9px;background:rgba(139,108,255,.05);font-size:11.5px}
.dl-card .dl-old-row{margin-top:6px;padding:8px 10px;font-size:11.5px}
.dl-card .dl-old-row small{font-size:10.5px}
.dl-card .dl-card-content small{display:block;margin-top:5px;color:#697487;font-size:10.5px;line-height:1.35}
.dl-unavailable{display:block;padding:11px 12px;border:1px dashed rgba(141,149,165,.25);border-radius:10px;color:#788396;font-size:11px;line-height:1.35;text-align:center}
@media(max-width:620px){.dl-card-content{align-items:stretch;flex-direction:column}.dl-card-content>.dl-actions{min-width:0;width:100%}.dl-card .btn-dl{width:100%}.dl-card-top{margin-bottom:11px}.dl-card{padding:15px}.dl-card h3{font-size:16px}}

/* ── Копирование ключа и платный сброс устройств ─────────────────────────── */
.key-copy-row{display:flex;align-items:center;gap:10px;margin-top:10px;min-width:0}
.key-copy-row code{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.key-copy-account{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;padding:8px 11px;border:1px solid rgba(139,108,255,.42);border-radius:10px;background:rgba(139,108,255,.1);color:#d8d0ff;font:600 11px/1.2 var(--font-body);cursor:pointer;transition:.2s}
.key-copy-account .ic{width:14px;height:14px;vertical-align:middle}
.key-copy-account:hover{background:rgba(139,108,255,.22);color:#fff;box-shadow:0 0 18px rgba(139,108,255,.3);transform:translateY(-1px)}
.key-copy-account.copied{border-color:rgba(97,217,154,.55);background:rgba(97,217,154,.12);color:#9ff0c4}
.key-copy-account.copy-failed{border-color:rgba(255,111,125,.55);background:rgba(255,111,125,.1);color:#ff9aa5}
.device-reset-box{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:17px 0 4px;padding:14px 15px;border:1px solid rgba(230,174,85,.25);border-radius:14px;background:linear-gradient(120deg,rgba(230,174,85,.08),rgba(139,108,255,.04))}
.device-reset-copy{flex:1;min-width:210px}
.device-reset-copy b{display:block;font-size:13.5px;color:#f4d395}
.device-reset-copy small{display:block;margin-top:3px;color:#8d95a5;font-size:11.5px;line-height:1.45}
.device-reset-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;padding:10px 13px;border:1px solid rgba(230,174,85,.48);border-radius:10px;background:rgba(230,174,85,.12);color:#f7d99b;font:700 12px/1.2 var(--font-body);cursor:pointer;transition:.2s}
.device-reset-btn .ic{width:15px;height:15px}
.device-reset-btn:hover:not(:disabled){background:rgba(230,174,85,.22);box-shadow:0 0 20px rgba(230,174,85,.25);transform:translateY(-1px)}
.device-reset-btn:disabled{cursor:not-allowed;opacity:.55}
.device-reset-panel{flex-basis:100%;padding-top:13px;border-top:1px solid rgba(230,174,85,.17)}
.device-reset-title{margin-bottom:9px;color:#c7b9e8;font-size:12px;font-weight:700}
.device-reset-methods{display:flex;gap:8px;flex-wrap:wrap}
.reset-method{position:relative;display:inline-flex;align-items:center;gap:8px;min-width:150px;padding:9px 11px;border:1px solid rgba(139,108,255,.35);border-radius:10px;background:rgba(139,108,255,.08);color:#e8e4ff;text-align:left;cursor:pointer;transition:.2s}
.reset-method:hover{background:rgba(139,108,255,.18);border-color:rgba(139,108,255,.65);transform:translateY(-1px)}
.reset-method .ic{width:18px;height:18px;color:#b9aaff;flex:none}
.reset-method img{width:20px;height:20px;object-fit:contain;border-radius:5px;flex:none}
.reset-method span{display:flex;flex-direction:column;line-height:1.2}
.reset-method b{font-size:12px}
.reset-method small{margin-top:2px;color:#8d95a5;font-size:10px}
.reset-method-tag{position:absolute;top:-7px;right:8px;padding:1px 6px;border-radius:6px;background:rgba(230,174,85,.9);color:#241a05;font:700 9px/1.6 var(--font-body);letter-spacing:.02em;font-style:normal}
.device-reset-manual-note{display:flex;align-items:flex-start;gap:8px;margin-top:9px;padding:9px 11px;border:1px solid rgba(230,174,85,.35);border-radius:10px;background:rgba(230,174,85,.08);color:#e8d9b8;font-size:11px;line-height:1.5}
.device-reset-manual-note .ic{width:15px;height:15px;margin-top:1px;color:#e6ae55;flex:none}
.device-reset-invoice{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.device-reset-pay,.device-reset-check{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:9px;font:600 12px/1.2 var(--font-body);cursor:pointer;transition:.2s}
.device-reset-pay{background:linear-gradient(120deg,#3aa56f,#61d99a);color:#07140d;box-shadow:0 0 17px rgba(97,217,154,.22)}
.device-reset-pay:hover{transform:translateY(-1px);box-shadow:0 0 25px rgba(97,217,154,.45)}
.device-reset-check{border:1px solid rgba(139,108,255,.4);background:rgba(139,108,255,.1);color:#ded7ff}
.device-reset-check:hover{background:rgba(139,108,255,.2)}
.device-reset-status,.device-reset-message{flex-basis:100%;font-size:11.5px;color:#b9a9dc}
.device-reset-status.ok,.device-reset-message.ok{color:#9ff0c4}
.device-reset-status.bad,.device-reset-message.bad{color:#ff9aa5}
.device-reset-message.info{color:#d3c9ff}
.device-reset-loading,.device-reset-invoice-label{color:#b9a9dc;font-size:11.5px}
@media(max-width:560px){.key-copy-row{align-items:stretch;flex-direction:column}.key-copy-account{width:100%}.device-reset-btn{width:100%}.reset-method{flex:1;min-width:135px}}

/* ── Фиолетовый градиентный префикс роли: переливается везде ─────────────── */
.role-badge{
  display:inline-flex;align-items:center;padding:2px 9px 3px;margin-left:9px;border-radius:7px;
  font-family:var(--font-display);font-size:10px;font-weight:900;letter-spacing:1.8px;line-height:1.4;
  background:linear-gradient(100deg,#4b2fd6,#8b6cff 22%,#e4d9ff 50%,#8b6cff 78%,#4b2fd6);
  background-size:300% 100%;animation:role-shimmer 2.6s linear infinite;
  color:#fff;text-shadow:0 1px 10px rgba(139,108,255,.95);
  border:1px solid rgba(177,156,255,.55);
  box-shadow:0 0 14px rgba(139,108,255,.5),inset 0 0 9px rgba(255,255,255,.16);
  vertical-align:middle;white-space:nowrap;
}
.role-badge::before{content:'[';opacity:.85;margin-right:1px}
.role-badge::after{content:']';opacity:.85;margin-left:1px}
.role-badge-mod{
  background:linear-gradient(100deg,#7a3df0,#b18cff 22%,#f0e2ff 50%,#b18cff 78%,#7a3df0);
  background-size:300% 100%;animation:role-shimmer 2.6s linear infinite;
  box-shadow:0 0 12px rgba(177,140,255,.45),inset 0 0 9px rgba(255,255,255,.14);
}
@keyframes role-shimmer{0%{background-position:0% 0}100%{background-position:300% 0}}

/* ── Вкладка «Конфиги»: общие ключи ───────────────────────────────────────── */
.cfg-share-list{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.cfg-share-item{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:13px;border:1px solid var(--line);background:rgba(139,108,255,.06)}
.cfg-share-ico{flex:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:linear-gradient(135deg,rgba(109,77,242,.55),rgba(139,108,255,.25));border:1px solid rgba(155,128,255,.5);box-shadow:0 0 14px rgba(139,108,255,.3)}
.cfg-share-ico .ic{width:17px;height:17px;color:#e7e0ff}
.cfg-share-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.cfg-share-info b{font-size:13.5px}
.cfg-share-info code{font-size:12px;color:#c9b8ff;word-break:break-all}
.cfg-share-info small{color:var(--muted);font-size:11px}
.cfg-share-actions{display:flex;gap:8px;flex:none}
@media(max-width:640px){.cfg-share-item{flex-wrap:wrap}.cfg-share-actions{width:100%}.cfg-share-actions .btn{flex:1;justify-content:center}}

/* ── Стиль ника: жирный переливающийся градиент ─────────────────────────── */
/* Один класс используют и ник в шапке кабинета, и предпросмотр. Палитра
   приходит из --nick-colors, первый цвет продублирован в конце, поэтому
   сдвиг фона зациклен без рывка на стыке. */
.nick-grad{font-weight:800;background-image:linear-gradient(90deg,var(--nick-colors,#FF2D2D,#FF9A2D,#FFE62D,#4DFF6A,#2DD8FF,#4D7BFF,#C24DFF,#FF2D2D));background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:nick-flow 2.6s linear infinite}
@keyframes nick-flow{to{background-position:200% center}}
.nick-box{display:flex;flex-direction:column;gap:18px}
.nick-preview-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:132px;padding:22px 18px;border-radius:16px;border:1px solid rgba(139,108,255,.22);background:radial-gradient(circle at 50% 0%,rgba(139,108,255,.14),transparent 62%),rgba(9,12,18,.6)}
.nick-preview-label{font-size:10px;letter-spacing:2.2px;text-transform:uppercase;color:#778397}
.nick-preview{font-family:var(--font-display);font-size:30px;letter-spacing:1px;word-break:break-all;text-align:center;line-height:1.25}
.nick-preview:not(.nick-grad){color:#f5f7fb;font-weight:700}
.nick-preview-hint{font-size:11px;color:#6f7890;text-align:center}
/* Строка «какой ник распознан в игре». Точка слева — состояние: зелёная,
   когда клиент уже прислал ник, серая — когда ещё нет. */
.nick-ingame{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid rgba(62,230,255,.16);background:rgba(9,12,18,.5);font-size:12.5px;line-height:1.55;color:var(--muted)}
.nick-ingame b{color:#f2f5ff;font-weight:700;word-break:break-all}
.nick-ingame-dot{flex:none;width:8px;height:8px;margin-top:6px;border-radius:50%;background:#5d6577;box-shadow:0 0 0 3px rgba(93,101,119,.16)}
.nick-ingame-dot.on{background:#4ddc95;box-shadow:0 0 0 3px rgba(77,220,149,.18),0 0 12px rgba(77,220,149,.6)}
.nick-ingame-dot.off{background:#ff9a5c;box-shadow:0 0 0 3px rgba(255,154,92,.16)}
.nick-ingame-text{flex:1}
.nick-switch{display:flex;align-items:center;gap:11px;margin-top:0;cursor:pointer;text-transform:none;letter-spacing:0;font-size:13.5px;color:var(--text)}
.nick-switch input{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.nick-switch-track{width:42px;height:23px;border-radius:999px;flex:none;position:relative;background:rgba(139,108,255,.14);border:1px solid rgba(139,108,255,.32);transition:.22s}
.nick-switch-track i{position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:#8d95a5;transition:.22s}
.nick-switch input:checked + .nick-switch-track{background:linear-gradient(120deg,var(--purple2),var(--purple));border-color:rgba(161,139,255,.7);box-shadow:0 0 16px rgba(139,108,255,.45)}
.nick-switch input:checked + .nick-switch-track i{left:21px;background:#fff}
.nick-switch-text{font-weight:600}
.nick-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.nick-preset{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--muted);border:1px solid rgba(139,108,255,.22);background:rgba(139,108,255,.05);transition:.2s}
.nick-preset i{width:34px;height:9px;border-radius:999px;display:block}
.nick-preset:hover{color:#fff;border-color:rgba(139,108,255,.5)}
.nick-preset.on{color:#fff;border-color:var(--purple);background:rgba(139,108,255,.16);box-shadow:0 0 16px rgba(139,108,255,.3)}
.nick-colors{display:flex;flex-wrap:wrap;gap:10px}
.nick-swatch{display:block;position:relative;width:44px;height:44px;margin:0;cursor:pointer}
.nick-swatch input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0;border:0}
.nick-swatch span{display:block;width:100%;height:100%;border-radius:12px;border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 14px rgba(0,0,0,.4);pointer-events:none}
.nick-swatch:hover span{border-color:#fff}
.nick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.nick-actions .btn{margin-top:0;width:auto}
.nick-game{margin-top:18px;padding:14px 16px;border-radius:13px;border:1px solid rgba(62,230,255,.18);background:rgba(9,12,18,.55)}
.nick-game-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#778397;margin-bottom:9px}
.nick-game-tag{color:#8ed9c0;border:1px solid rgba(97,217,154,.25);padding:3px 8px;border-radius:999px;letter-spacing:.6px}
.nick-game-tag.off{color:#ff9aa5;border-color:rgba(255,111,125,.3)}
.nick-game code{display:block;font-family:ui-monospace,Consolas,monospace;font-size:11.5px;line-height:1.6;color:#cfc4ff;word-break:break-all;max-height:120px;overflow:auto}
@media(max-width:640px){.nick-preview{font-size:24px}.nick-actions .btn{flex:1;justify-content:center}}