:root{
  --bg:#03050d;
  --bg2:#070a15;
  --panel:rgba(12,16,31,.76);
  --panel2:rgba(16,21,40,.92);
  --glass:rgba(255,255,255,.055);
  --line:rgba(178,191,224,.14);
  --line2:rgba(198,212,255,.22);
  --text:#f4f7ff;
  --soft:#aab5cc;
  --muted:#68748c;
  --mystic:#8b7cff;
  --mystic2:#6b5cff;
  --cyan:#72f0ff;
  --cyan2:#8ee8ff;
  --vip:#f7d99a;
  --vip2:#ffeec2;
  --free:#8f9bb2;
  --danger:#ff7c9b;
  --ok:#68e0a2;
  --radius:34px;
  --shadow:0 26px 90px rgba(0,0,0,.42);
}
*{box-sizing:border-box}
html{color-scheme:dark;scroll-behavior:smooth}
body{
  margin:0;min-height:100vh;overflow-x:hidden;color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  background:#03050d;
}
body::selection{background:rgba(114,240,255,.24);color:#fff}
button,input,a{font:inherit}
button,a{touch-action:manipulation}
svg{display:block;width:1em;height:1em}


.space-bg{position:fixed;inset:0;z-index:-10;overflow:hidden;background:
  radial-gradient(circle at 18% 12%,rgba(139,124,255,.20),transparent 28rem),
  radial-gradient(circle at 82% 20%,rgba(114,240,255,.10),transparent 27rem),
  radial-gradient(circle at 48% 92%,rgba(73,56,150,.23),transparent 34rem),
  linear-gradient(180deg,#03050d 0%,#070a15 48%,#04050b 100%)}
#starfield{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:.84}
.spaceBubble{position:absolute;border-radius:999px;pointer-events:none;filter:blur(58px);mix-blend-mode:screen;opacity:.22;animation:bubbleFloat 13s ease-in-out infinite alternate}
.bubble-a{width:19rem;height:19rem;left:-8rem;top:10%;background:rgba(139,124,255,.55)}
.bubble-b{width:18rem;height:18rem;right:-8rem;top:34%;background:rgba(114,240,255,.42);animation-delay:-4s}
.bubble-c{width:20rem;height:20rem;left:38%;bottom:-10rem;background:rgba(86,68,180,.48);animation-delay:-8s}
.spaceVignette{position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(circle at center,transparent 0%,transparent 48%,rgba(0,0,0,.50) 100%),
  linear-gradient(90deg,rgba(0,0,0,.42),transparent 24%,transparent 76%,rgba(0,0,0,.42))}
@keyframes bubbleFloat{to{transform:translate3d(38px,-30px,0) scale(1.12)}}

.wrap{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:24px 0 28px;position:relative}
.heroCard{position:relative;overflow:hidden;border-radius:42px;border:1px solid var(--line);background:
  linear-gradient(145deg,rgba(15,20,38,.84),rgba(4,7,15,.88)),
  radial-gradient(circle at 30% 5%,rgba(139,124,255,.18),transparent 22rem);
  box-shadow:var(--shadow);backdrop-filter:blur(22px)}
.heroCard::before{content:"";position:absolute;inset:1px;border-radius:41px;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.08),transparent 30%,transparent 70%,rgba(114,240,255,.055))}
.heroCard::after{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(114,240,255,.45),rgba(139,124,255,.35),transparent);opacity:.9}
.topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 26px 0}
.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand>div{min-width:0}.brand strong{display:block;font-weight:950;letter-spacing:-.035em;font-size:22px;line-height:1.05}.brand small{display:block;margin-top:4px;color:var(--soft);font-weight:730;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brandMark{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;border:1px solid rgba(114,240,255,.24);background:linear-gradient(145deg,rgba(17,25,47,.92),rgba(5,9,18,.92));box-shadow:0 0 32px rgba(114,240,255,.10);overflow:hidden;flex:0 0 auto;text-decoration:none}.brandMark img{width:74%;height:74%;object-fit:contain;display:block}.onlinePill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(104,224,162,.25);background:rgba(104,224,162,.08);color:#bfffe0;border-radius:999px;padding:9px 13px;font-weight:900;font-size:13px}.onlinePill i{width:9px;height:9px;border-radius:999px;background:#68e0a2;box-shadow:0 0 16px #68e0a2;animation:livePulse 1.7s ease-in-out infinite}@keyframes livePulse{50%{opacity:.55;transform:scale(.82)}}
.heroContent{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:28px;align-items:center;padding:34px 34px 36px}.copyBlock{min-width:0}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(139,124,255,.22);background:rgba(139,124,255,.09);color:#dcd9ff;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.11em}.miniIcon{width:16px;height:16px;color:var(--cyan)}
h1{margin:18px 0 0;max-width:730px;font-size:clamp(48px,7vw,88px);line-height:1.06;letter-spacing:-.07em;color:var(--text);overflow:visible;padding-bottom:.06em}#typingText{display:inline;background:linear-gradient(105deg,#f6f8ff 0%,#d7d2ff 30%,#72f0ff 55%,#f7d99a 78%,#f6f8ff 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}.typingDone #typingText{animation:textShimmer 3.4s ease-in-out infinite}@keyframes textShimmer{0%,100%{background-position:0% 50%;filter:drop-shadow(0 0 0 rgba(114,240,255,0))}50%{background-position:100% 50%;filter:drop-shadow(0 0 20px rgba(114,240,255,.18))}}#typingCursor{display:none!important}.subtitle{max-width:620px;margin:18px 0 0;color:var(--soft);font-size:16px;line-height:1.8}.subtitle b{color:var(--text)}
.actionRow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:26px}.randomBtn,.groupBtn{position:relative;min-height:62px;border:1px solid transparent;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:11px;text-decoration:none;cursor:pointer;font-weight:950;letter-spacing:-.02em;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.randomBtn{min-width:230px;padding:0 26px;color:#061019;background:linear-gradient(135deg,#8b7cff,#72f0ff);box-shadow:0 18px 60px rgba(114,240,255,.16),0 10px 42px rgba(139,124,255,.18),inset 0 1px 0 rgba(255,255,255,.42);animation:floatBtn 2.5s ease-in-out infinite}.randomBtn::after{content:"";position:absolute;inset:6px;border-radius:999px;border:1px solid rgba(255,255,255,.24);pointer-events:none}.randomBtn:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 24px 78px rgba(114,240,255,.20),0 14px 50px rgba(139,124,255,.22)}.randomBtn:disabled{opacity:.65;cursor:not-allowed;animation:none}.randomIcon{width:24px;height:24px;display:grid;place-items:center}.randomIcon.loading{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floatBtn{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}.groupBtn{min-width:190px;padding:0 22px;color:#dfe7ff;background:rgba(255,255,255,.055);border-color:rgba(198,212,255,.13)}.groupBtn:hover{background:rgba(139,124,255,.09);border-color:rgba(139,124,255,.32);transform:translateY(-2px)}.groupBtn svg{width:22px;height:22px;color:var(--cyan)}.quickHint{color:var(--soft);font-weight:760}.quickHint b{color:var(--text)}.error{display:none;margin-top:16px;width:min(620px,100%);padding:13px 15px;border-radius:16px;border:1px solid rgba(255,124,155,.22);background:rgba(255,124,155,.08);color:#ffd4de;font-weight:760}

.qualityPanel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:34px;background:linear-gradient(180deg,rgba(13,18,34,.78),rgba(7,10,20,.86));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 24px 70px rgba(0,0,0,.24);padding:22px}.qualityPanel::before{content:"";position:absolute;inset:auto -40% -45% 18%;height:260px;background:radial-gradient(circle,rgba(139,124,255,.16),transparent 65%);pointer-events:none}.qualityHead{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:16px}.qualityTitleBlock b{display:block;font-size:34px;line-height:1.02;letter-spacing:-.06em}.qualityTitleBlock span{display:block;margin-top:7px;color:#9eaac3;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.18em}.qualityHead small{padding:8px 12px;border:1px solid rgba(114,240,255,.20);background:rgba(114,240,255,.06);color:#d8f8ff;border-radius:999px;font-size:11px;font-weight:950;letter-spacing:.1em;white-space:nowrap}.qualityStack{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.qItem{min-height:170px;border-radius:26px;border:1px solid rgba(178,191,224,.14);background:linear-gradient(180deg,rgba(20,25,39,.72),rgba(8,11,20,.86));padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:13px;position:relative;overflow:hidden}.qItem::after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:4px;border-radius:999px;background:rgba(178,191,224,.62)}.qIcon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;border:1px solid rgba(178,191,224,.20);background:rgba(255,255,255,.045);color:#dfe7ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.qIcon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.qBadge{font-weight:950;font-size:18px;letter-spacing:.16em}.qItem p{margin:0;color:var(--soft);line-height:1.5;font-weight:720}.qItem.good{border-color:rgba(114,240,255,.32);background:radial-gradient(circle at 50% -10%,rgba(114,240,255,.16),transparent 10rem),linear-gradient(180deg,rgba(18,32,52,.78),rgba(8,13,25,.88));box-shadow:0 0 34px rgba(114,240,255,.08)}.qItem.good .qIcon{color:#dffbff;border-color:rgba(114,240,255,.33);background:rgba(114,240,255,.10);box-shadow:0 0 24px rgba(114,240,255,.12)}.qItem.good::after{background:linear-gradient(90deg,var(--mystic),var(--cyan))}.qItem.vip{border-color:rgba(247,217,154,.34);background:radial-gradient(circle at 50% -10%,rgba(247,217,154,.17),transparent 10rem),radial-gradient(circle at 80% 70%,rgba(139,124,255,.12),transparent 11rem),linear-gradient(180deg,rgba(36,29,54,.82),rgba(10,9,18,.90));box-shadow:0 0 40px rgba(247,217,154,.08)}.qItem.vip .qIcon{color:#251a07;border-color:rgba(247,217,154,.45);background:linear-gradient(135deg,#fff0c6,#f7d99a);box-shadow:0 0 26px rgba(247,217,154,.16)}.qItem.vip::after{background:linear-gradient(90deg,var(--vip),#fff,var(--vip))}

.resultHead{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:22px 0 12px;padding:0 4px}.resultHead span{display:block;color:var(--muted);font-size:12px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.resultHead b{display:block;margin-top:5px;font-size:28px;letter-spacing:-.045em}.resultHead small{color:var(--soft);font-weight:720;text-align:right}.results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(16,21,38,.86),rgba(7,10,19,.94));box-shadow:0 22px 70px rgba(0,0,0,.30);opacity:0;transform:translateY(14px) scale(.985);animation:cardIn .45s cubic-bezier(.2,.8,.2,1) forwards}.card::before{content:"";position:absolute;inset:auto -110px -120px auto;width:260px;height:260px;border-radius:999px;filter:blur(40px);opacity:.32;pointer-events:none}.card.good{border-color:rgba(114,240,255,.40);box-shadow:0 0 0 1px rgba(114,240,255,.08),0 26px 90px rgba(114,240,255,.10),0 22px 70px rgba(0,0,0,.32)}.card.good::before{background:rgba(114,240,255,.28)}.card.vip{border-color:rgba(247,217,154,.45);box-shadow:0 0 0 1px rgba(247,217,154,.10),0 30px 105px rgba(247,217,154,.12),0 22px 70px rgba(0,0,0,.36)}.card.vip::before{background:rgba(247,217,154,.30)}.cardTop{position:relative;z-index:1;padding:18px;border-bottom:1px solid rgba(178,191,224,.10)}.badge{display:inline-flex;align-items:center;gap:9px;border-radius:999px;padding:8px 11px;border:1px solid rgba(178,191,224,.16);background:rgba(255,255,255,.05);font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#dfe7ff}.badge .tierIcon{width:18px;height:18px;display:grid;place-items:center}.badge svg{fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.badge.good{color:#e0fcff;border-color:rgba(114,240,255,.34);background:rgba(114,240,255,.10)}.badge.vip{color:#fff2c6;border-color:rgba(247,217,154,.38);background:rgba(247,217,154,.10)}.game{display:grid;gap:9px;margin-top:14px}.row{display:grid;grid-template-columns:105px 1fr;gap:10px;align-items:baseline}.label{color:#77839b;font-size:12px;font-weight:950;letter-spacing:.08em}.value{color:#f5f8ff;font-weight:900;font-size:18px;letter-spacing:-.02em;overflow-wrap:anywhere}.rank{color:#d8ddff}.login{margin-top:13px;border:1px solid rgba(178,191,224,.12);background:rgba(0,0,0,.25);border-radius:16px;padding:11px 12px;color:#dfe7ff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;overflow-wrap:anywhere}.cardActions{display:flex;gap:9px;flex-wrap:wrap;margin-top:11px}.smallBtn{border:1px solid rgba(178,191,224,.14);background:rgba(255,255,255,.055);color:var(--text);padding:10px 12px;border-radius:14px;cursor:pointer;font-weight:880;font-size:13px}.smallBtn:hover{border-color:rgba(114,240,255,.28);background:rgba(114,240,255,.07)}.copyBtn{background:linear-gradient(135deg,rgba(139,124,255,.18),rgba(114,240,255,.12));border-color:rgba(114,240,255,.22)}.cardBody{position:relative;z-index:1;padding:16px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.stat{min-width:0;border:1px solid rgba(178,191,224,.10);background:rgba(0,0,0,.22);border-radius:16px;padding:11px}.stat span{display:block;color:#748097;font-size:10px;font-weight:950;letter-spacing:.1em}.stat b{display:block;margin-top:5px;color:#fff;font-size:20px;letter-spacing:-.04em}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.chip{font-size:11px;font-weight:850;color:#cbd5e8;border:1px solid rgba(178,191,224,.12);background:rgba(255,255,255,.055);border-radius:999px;padding:6px 9px}.chip.yes{color:#bfffe0;border-color:rgba(104,224,162,.20);background:rgba(104,224,162,.08)}.chip.no{color:#ffc7d3;border-color:rgba(255,124,155,.18);background:rgba(255,124,155,.07)}.skins{margin-top:11px;border:1px solid rgba(178,191,224,.10);background:rgba(0,0,0,.20);border-radius:16px;padding:12px;color:#b8c4da;font-size:13px;line-height:1.7}.skins b{color:#eef3ff}mark{background:linear-gradient(135deg,rgba(114,240,255,.28),rgba(139,124,255,.24));color:#fff;border-radius:6px;padding:0 3px}.toast{position:fixed;left:50%;bottom:22px;z-index:100;transform:translateX(-50%) translateY(18px);opacity:0;pointer-events:none;border:1px solid rgba(114,240,255,.24);background:rgba(8,13,25,.96);color:#eff8ff;border-radius:999px;padding:12px 16px;box-shadow:0 18px 60px rgba(0,0,0,.4);transition:.22s ease;font-size:13px;font-weight:900}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}footer{text-align:center;color:#68748c;font-size:13px;font-weight:800;margin:24px 0 0}
@keyframes cardIn{to{opacity:1;transform:translateY(0) scale(1)}}


.searchFab{position:fixed;right:18px;bottom:18px;z-index:60;width:58px;height:58px;border-radius:22px;border:1px solid rgba(114,240,255,.24);background:linear-gradient(145deg,rgba(139,124,255,.28),rgba(6,10,20,.92));color:#e9fbff;box-shadow:0 18px 60px rgba(0,0,0,.36),0 0 30px rgba(114,240,255,.08);display:grid;place-items:center;cursor:pointer}.searchFab svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.searchOverlay{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.55);backdrop-filter:blur(10px);display:flex;align-items:flex-end;justify-content:center;padding:18px;opacity:0;pointer-events:none;transition:.22s ease}.searchOverlay.open{opacity:1;pointer-events:auto}.searchSheet{width:min(680px,100%);border:1px solid var(--line2);background:linear-gradient(180deg,rgba(14,19,36,.96),rgba(6,9,18,.98));box-shadow:0 24px 90px rgba(0,0,0,.55);border-radius:28px;padding:16px;transform:translateY(16px);transition:.22s ease}.searchOverlay.open .searchSheet{transform:translateY(0)}.sheetHandle{width:48px;height:5px;border-radius:99px;background:rgba(178,191,224,.24);margin:0 auto 12px}.sheetTop{display:flex;align-items:center;justify-content:space-between;gap:14px}.sheetTop b{display:block;font-size:20px}.sheetTop span{display:block;margin-top:3px;color:var(--soft);font-size:13px}.iconBtn{width:42px;height:42px;border-radius:14px;border:1px solid rgba(178,191,224,.12);background:rgba(255,255,255,.05);color:#fff;font-size:26px;cursor:pointer}.searchForm{display:flex;align-items:center;gap:10px;margin-top:14px;border:1px solid rgba(114,240,255,.18);background:rgba(0,0,0,.25);border-radius:18px;padding:8px}.searchForm svg{width:22px;height:22px;fill:none;stroke:var(--cyan);stroke-width:2;stroke-linecap:round;flex:0 0 auto}.searchForm input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;font-weight:760}.searchForm input::placeholder{color:#68748c}.searchForm button{border:0;border-radius:14px;background:linear-gradient(135deg,var(--mystic),var(--cyan));color:#061019;padding:10px 15px;font-weight:950;cursor:pointer}.searchSheet p{margin:10px 2px 0;color:#78849b;font-size:12px;font-weight:700}


.adminPage{min-height:100vh;display:grid;place-items:center;padding:24px}.adminCard{width:min(560px,100%);border:1px solid var(--line);background:linear-gradient(180deg,rgba(14,19,36,.88),rgba(6,9,18,.94));border-radius:34px;box-shadow:var(--shadow);padding:24px}.adminBrand{margin-bottom:18px}.adminCard h2{margin:0;font-size:34px;letter-spacing:-.05em}.adminCard p{color:var(--soft);line-height:1.7}.adminCard label{display:block;margin:15px 0 7px;color:#dfe7ff;font-weight:900}.adminCard input{width:100%;border:1px solid rgba(178,191,224,.14);background:rgba(0,0,0,.25);color:#fff;border-radius:16px;padding:13px 14px;outline:0}.adminSubmit{margin-top:18px;width:100%;min-height:54px;border:0;border-radius:18px;background:linear-gradient(135deg,var(--mystic),var(--cyan));color:#061019;font-weight:950;cursor:pointer}.adminMsg{display:none;margin-top:14px;padding:13px;border-radius:16px;border:1px solid rgba(114,240,255,.22);background:rgba(114,240,255,.07);color:#dffbff;font-weight:800}

@media (max-width: 980px){.heroContent{grid-template-columns:1fr}.qualityPanel{max-width:760px}.results{grid-template-columns:1fr}.topbar{padding:20px 20px 0}.heroContent{padding:26px 20px 28px}}
@media (max-width: 760px){
  .wrap{width:min(100% - 18px,1180px);padding:12px 0 22px}.heroCard{border-radius:28px}.heroCard::before{border-radius:27px}.topbar{padding:16px 14px 0}.brandMark{width:48px;height:48px;border-radius:15px}.brand strong{font-size:18px}.brand small{font-size:12px;max-width:170px}.onlinePill{font-size:12px;padding:8px 10px}.heroContent{padding:22px 14px 20px;gap:18px}.eyebrow{font-size:10px;letter-spacing:.09em}h1{font-size:clamp(42px,15vw,66px);line-height:1.08;letter-spacing:-.065em;margin-top:14px}.subtitle{font-size:14px;line-height:1.65;margin-top:12px}.actionRow{display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px}.randomBtn,.groupBtn{width:100%;min-width:0;min-height:56px}.quickHint{text-align:center;font-size:13px}.qualityPanel{border-radius:24px;padding:14px}.qualityHead{margin-bottom:12px;align-items:center}.qualityTitleBlock b{font-size:25px}.qualityTitleBlock span{font-size:10px;margin-top:5px}.qualityHead small{font-size:9px;padding:7px 9px}.qualityStack{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.qItem{min-height:82px;border-radius:18px;padding:8px 5px;gap:6px;justify-content:center}.qIcon{width:28px;height:28px;border-radius:10px}.qIcon svg{width:16px;height:16px}.qBadge{font-size:11px;letter-spacing:.11em}.qItem p{display:none}.qItem::after{left:18%;right:18%;height:3px}.resultHead{margin-top:16px;align-items:start}.resultHead b{font-size:22px}.resultHead small{font-size:12px;max-width:170px}.card{border-radius:24px}.row{grid-template-columns:88px 1fr}.value{font-size:16px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.searchFab{width:54px;height:54px;right:14px;bottom:14px}.spaceBubble{filter:blur(46px);opacity:.18}.bubble-a,.bubble-b,.bubble-c{width:13rem;height:13rem}#starfield{opacity:.72}.adminPage{padding:14px}.adminCard{border-radius:28px;padding:18px}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

.accountCard.free,
.card.free,
.resultCard.free {
  border-color: rgba(145, 158, 184, 0.22) !important;
  background:
    linear-gradient(180deg, rgba(18, 23, 36, 0.92), rgba(7, 10, 18, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 18px 60px rgba(0,0,0,0.34) !important;
}

.accountCard.good,
.card.good,
.resultCard.good {
  border-color: rgba(114, 240, 255, 0.58) !important;
  background:
    radial-gradient(circle at 22% 0%, rgba(114, 240, 255, 0.22), transparent 15rem),
    radial-gradient(circle at 90% 80%, rgba(139, 124, 255, 0.14), transparent 14rem),
    linear-gradient(180deg, rgba(15, 34, 52, 0.94), rgba(6, 13, 24, 0.98)) !important;
  box-shadow:
    0 0 0 1px rgba(114, 240, 255, 0.12),
    0 22px 85px rgba(114, 240, 255, 0.18),
    inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

.accountCard.vip,
.card.vip,
.resultCard.vip {
  border-color: rgba(247, 217, 154, 0.68) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(247, 217, 154, 0.24), transparent 15rem),
    radial-gradient(circle at 88% 75%, rgba(139, 124, 255, 0.18), transparent 16rem),
    linear-gradient(180deg, rgba(48, 38, 64, 0.96), rgba(12, 10, 20, 0.98)) !important;
  box-shadow:
    0 0 0 1px rgba(247, 217, 154, 0.16),
    0 26px 95px rgba(247, 217, 154, 0.18),
    inset 0 1px 0 rgba(255,255,255,0.10) !important;
}

.accountCard.good::before,
.card.good::before,
.resultCard.good::before {
  background: rgba(114, 240, 255, 0.30) !important;
}

.accountCard.vip::before,
.card.vip::before,
.resultCard.vip::before {
  background: rgba(247, 217, 154, 0.34) !important;
}


.tier.free,
.badge.free,
.accountTier.free {
  background: rgba(145, 158, 184, 0.12) !important;
  color: #d9e2f3 !important;
  border-color: rgba(145, 158, 184, 0.24) !important;
}

.tier.good,
.badge.good,
.accountTier.good {
  background: rgba(114, 240, 255, 0.15) !important;
  color: #dffbff !important;
  border-color: rgba(114, 240, 255, 0.46) !important;
  box-shadow: 0 0 24px rgba(114, 240, 255, 0.16) !important;
}

.tier.vip,
.badge.vip,
.accountTier.vip {
  background: rgba(247, 217, 154, 0.16) !important;
  color: #fff0c7 !important;
  border-color: rgba(247, 217, 154, 0.52) !important;
  box-shadow: 0 0 28px rgba(247, 217, 154, 0.18) !important;
}

.punishBtn{font-family:inherit}.punishBtn svg{width:22px;height:22px;color:var(--vip)}
.punishForm svg{fill:none;stroke:var(--vip);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.punishResult{margin-top:14px;display:grid;gap:10px;max-height:min(52vh,460px);overflow:auto;padding-right:2px}.punishEmpty,.punishError{border:1px solid rgba(178,191,224,.14);background:rgba(255,255,255,.045);border-radius:18px;padding:13px;color:var(--soft);font-weight:800}.punishError{border-color:rgba(255,124,155,.25);background:rgba(255,124,155,.08);color:#ffd4de}.punishItem{border:1px solid rgba(114,240,255,.18);background:linear-gradient(180deg,rgba(16,22,40,.88),rgba(7,10,20,.94));border-radius:20px;padding:14px;box-shadow:0 14px 44px rgba(0,0,0,.24)}.punishItemTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.punishName{font-weight:950;color:var(--text);font-size:17px;overflow-wrap:anywhere}.punishUid{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--cyan);font-weight:900;font-size:12px}.punishGrid{display:grid;grid-template-columns:96px 1fr;gap:8px 10px;font-size:13px;color:var(--soft)}.punishGrid b{color:#7e8aa4;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.punishGrid span{color:#dce6ff;font-weight:760;overflow-wrap:anywhere}.punishResult mark{background:rgba(114,240,255,.20);color:#e9fbff;border-radius:6px;padding:0 3px}
@media(max-width:760px){.punishBtn{width:100%;min-width:0}.punishResult{max-height:55vh}.punishGrid{grid-template-columns:82px 1fr}.punishItem{padding:12px;border-radius:18px}}


.card.vip,
.punishItem {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.card.vip::after,
.punishItem.success::after,
.punishItem::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1.4px;
  pointer-events: none;
  z-index: 3;
  background: conic-gradient(
    from var(--sweep-angle, 0deg),
    transparent 0deg,
    transparent 58deg,
    rgba(255, 255, 255, 0.04) 82deg,
    rgba(255, 241, 199, 0.95) 102deg,
    rgba(114, 240, 255, 0.88) 118deg,
    rgba(139, 124, 255, 0.35) 136deg,
    transparent 164deg,
    transparent 360deg
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  animation: shimmerBorderSpin 3.2s linear infinite;
  opacity: 0.92;
}

.card.vip::after {
  padding: 1.8px;
  filter: drop-shadow(0 0 12px rgba(247, 217, 154, 0.28));
}

.punishItem::after {
  padding: 1.35px;
  background: conic-gradient(
    from var(--sweep-angle, 0deg),
    transparent 0deg,
    transparent 62deg,
    rgba(255, 255, 255, 0.04) 84deg,
    rgba(114, 240, 255, 0.90) 104deg,
    rgba(139, 124, 255, 0.55) 122deg,
    transparent 152deg,
    transparent 360deg
  );
  filter: drop-shadow(0 0 10px rgba(114, 240, 255, 0.20));
}

.card.vip .cardTop,
.card.vip .cardBody,
.punishItem > * {
  position: relative;
  z-index: 4;
}

@property --sweep-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

@keyframes shimmerBorderSpin {
  to { --sweep-angle: 360deg; }
}

@supports not (background: conic-gradient(from 0deg, red, blue)) {
  .card.vip::after,
  .punishItem::after {
    background: linear-gradient(120deg, transparent, rgba(255,255,255,.55), transparent);
    transform: translateX(-130%);
    animation: shimmerBorderFallback 2.8s ease-in-out infinite;
    -webkit-mask: none;
    mask: none;
    opacity: 0.18;
  }

  @keyframes shimmerBorderFallback {
    0%, 45% { transform: translateX(-130%); }
    100% { transform: translateX(130%); }
  }
}

@media (prefers-reduced-motion: reduce) {
  .card.vip::after,
  .punishItem::after {
    animation: none;
  }
}


.punishMetaLabel{
  display:inline-flex;
  margin-bottom:6px;
  color:var(--soft);
  font-size:11px;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
  opacity:.82;
}
.punishUid span{
  color:var(--cyan);
  font-weight:950;
  letter-spacing:.12em;
  margin-right:8px;
}
.punishGrid span{
  line-height:1.55;
}


.punishItem.success {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border-radius: 24px;
  border-color: rgba(114, 240, 255, 0.30);
  background:
    radial-gradient(circle at 16% 0%, rgba(114, 240, 255, 0.18), transparent 15rem),
    radial-gradient(circle at 92% 10%, rgba(139, 124, 255, 0.16), transparent 18rem),
    linear-gradient(180deg, rgba(15, 22, 42, 0.96), rgba(6, 9, 18, 0.98));
  box-shadow:
    0 0 0 1px rgba(114, 240, 255, 0.08),
    0 22px 80px rgba(0, 0, 0, 0.36),
    0 0 42px rgba(114, 240, 255, 0.08),
    inset 0 1px 0 rgba(255,255,255,0.08);
}

.punishItem.success::before {
  content: "";
  position: absolute;
  inset: -45% -30% auto auto;
  width: 18rem;
  height: 18rem;
  border-radius: 999px;
  background: rgba(114, 240, 255, 0.16);
  filter: blur(42px);
  opacity: 0.75;
  pointer-events: none;
  animation: punishGlowFloat 5.5s ease-in-out infinite alternate;
}

@keyframes punishGlowFloat {
  to { transform: translate3d(-18px, 22px, 0) scale(1.08); }
}

.punishCelebrate {
  position: relative;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  max-width: 100%;
  margin-bottom: 16px;
  padding: 9px 12px;
  border-radius: 999px;
  color: #eafbff;
  background: rgba(114, 240, 255, 0.10);
  border: 1px solid rgba(114, 240, 255, 0.22);
  box-shadow: 0 0 24px rgba(114, 240, 255, 0.08);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: -0.01em;
  line-height: 1.25;
}

.punishCelebrateSpark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  min-width: 22px;
  border-radius: 999px;
  color: #07101a;
  background: linear-gradient(135deg, var(--cyan), var(--mystic));
  box-shadow: 0 0 16px rgba(114, 240, 255, 0.35);
  animation: punishSparkPulse 1.9s ease-in-out infinite;
}

@keyframes punishSparkPulse {
  0%, 100% { transform: rotate(0deg) scale(1); }
  50% { transform: rotate(12deg) scale(1.08); }
}

.punishHero {
  position: relative;
  z-index: 4;
  display: grid;
  gap: 9px;
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(178,191,224,0.12);
}

.punishLine {
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
  min-width: 0;
}

.punishLabel {
  color: var(--soft);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  white-space: nowrap;
}

.punishName {
  color: var(--text);
  font-size: clamp(24px, 3.2vw, 34px);
  font-weight: 950;
  line-height: 1.08;
  letter-spacing: -0.045em;
  overflow-wrap: anywhere;
}

.uidLine { align-items: center; }
.uidLabel { color: var(--cyan); }

.punishUid {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 3px 10px;
  border-radius: 10px;
  color: #e5fdff;
  background: rgba(114, 240, 255, 0.14);
  border: 1px solid rgba(114, 240, 255, 0.22);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.1;
}

.punishGrid {
  position: relative;
  z-index: 4;
  grid-template-columns: 116px 1fr;
  gap: 11px 14px;
}

.punishGrid b {
  color: #8d9ab5;
  font-size: 12px;
}

.punishGrid span {
  color: #e5ecff;
  font-size: 16px;
  font-weight: 850;
}

@media (max-width: 640px) {
  .punishItem.success {
    padding: 15px;
    border-radius: 21px;
  }

  .punishCelebrate {
    align-items: flex-start;
    border-radius: 16px;
    font-size: 12px;
    line-height: 1.45;
  }

  .punishLine {
    gap: 7px;
  }

  .punishLabel {
    font-size: 10px;
    letter-spacing: 0.08em;
  }

  .punishName {
    font-size: 24px;
  }

  .punishUid {
    min-height: 24px;
    padding: 2px 8px;
    font-size: 14px;
  }

  .punishGrid {
    grid-template-columns: 86px 1fr;
    gap: 9px 10px;
  }

  .punishGrid b {
    font-size: 10px;
  }

  .punishGrid span {
    font-size: 14px;
  }
}


.closePill {
  min-width: 86px;
  height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(178, 191, 224, 0.18);
  background: rgba(255, 255, 255, 0.055);
  color: #eef4ff;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: 0.01em;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
  -webkit-tap-highlight-color: transparent;
}
.closePill:focus-visible {
  outline: 2px solid rgba(114,240,255,0.55);
  outline-offset: 3px;
}
@media (hover: hover) and (pointer: fine) {
  .closePill:hover {
    border-color: rgba(114,240,255,0.30);
    background: rgba(114,240,255,0.08);
  }
}


button, a, input, textarea, select {
  -webkit-tap-highlight-color: transparent;
}
button { appearance: none; -webkit-appearance: none; }
@media (hover: none) and (pointer: coarse) {
  .randomBtn:hover,
  .groupBtn:hover,
  .smallBtn:hover,
  .searchForm button:hover,
  .closePill:hover,
  .searchFab:hover {
    transform: none !important;
    filter: none !important;
  }
  .smallBtn:hover,
  .groupBtn:hover,
  .searchFab:hover,
  .closePill:hover {
    background: inherit;
  }
}


.punishHero { display: none !important; }
.punishIdentity {
  position: relative;
  z-index: 4;
  display: grid;
  gap: 12px;
  margin: 16px 0 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(178,191,224,0.12);
}
.punishIdentityRow {
  display: grid;
  grid-template-columns: 178px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  min-width: 0;
}
.punishIdentityLabel {
  color: var(--soft);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: nowrap;
}
.punishIdentityLabel.uid {
  color: var(--cyan);
}
.punishIdentityValue {
  min-width: 0;
  color: var(--text);
  font-weight: 950;
  line-height: 1.04;
  overflow-wrap: anywhere;
}
.punishIdentityValue.name {
  font-size: clamp(30px, 5.2vw, 58px);
  letter-spacing: -0.06em;
}
.punishIdentityValue.uid {
  color: #dffcff;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: clamp(18px, 3.2vw, 30px);
  letter-spacing: -0.045em;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 640px) {
  .sheetTop { align-items: flex-start; }
  .closePill {
    min-width: 76px;
    height: 36px;
    padding: 0 14px;
    font-size: 12px;
  }
  .punishIdentity {
    gap: 10px;
    margin: 14px 0 18px;
    padding-bottom: 14px;
  }
  .punishIdentityRow {
    grid-template-columns: 1fr;
    gap: 5px;
  }
  .punishIdentityLabel {
    font-size: 11px;
    letter-spacing: 0.10em;
  }
  .punishIdentityValue.name {
    font-size: 30px;
    line-height: 1.08;
  }
  .punishIdentityValue.uid {
    font-size: 17px;
  }
}



.punishItem.success {
  border: 1px solid rgba(114, 240, 255, 0.22) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(114, 240, 255, 0.12), transparent 18rem),
    radial-gradient(circle at 88% 18%, rgba(139, 124, 255, 0.10), transparent 18rem),
    linear-gradient(180deg, rgba(14, 19, 36, 0.94), rgba(6, 8, 18, 0.97)) !important;
  border-radius: 24px !important;
  padding: 20px !important;
}

.punishIdentity {
  position: relative;
  z-index: 4;
  display: grid !important;
  gap: 10px !important;
  margin: 16px 0 18px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid rgba(178, 191, 224, 0.14) !important;
}

.punishIdentityRow {
  display: grid !important;
  grid-template-columns: 170px minmax(0, 1fr) !important;
  align-items: baseline !important;
  gap: 14px !important;
  min-width: 0 !important;
}

.punishIdentityLabel {
  color: #a9b4cc !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.punishIdentityLabel.uid {
  color: var(--cyan) !important;
}

.punishIdentityValue {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-height: 1.08 !important;
}

.punishIdentityValue.name {
  color: #f4f7ff !important;
  font-size: clamp(24px, 3.4vw, 38px) !important;
  font-weight: 950 !important;
  letter-spacing: -0.035em !important;
}

.punishIdentityValue.uid {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  color: #dffcff !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  font-size: clamp(16px, 2.4vw, 24px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.035em !important;
}

.punishGrid {
  position: relative;
  z-index: 4;
  display: grid !important;
  grid-template-columns: 170px minmax(0, 1fr) !important;
  gap: 13px 14px !important;
  align-items: baseline !important;
}

.punishGrid b {
  color: #8d99b4 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.punishGrid span {
  color: #edf3ff !important;
  font-size: 17px !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}

.punishGrid span:first-of-type {
  font-size: 18px !important;
  font-weight: 900 !important;
}

@media (max-width: 640px) {
  .punishItem.success {
    padding: 16px !important;
    border-radius: 22px !important;
  }

  .punishIdentity {
    gap: 9px !important;
    margin: 14px 0 16px !important;
    padding-bottom: 14px !important;
  }

  .punishIdentityRow,
  .punishGrid {
    grid-template-columns: 112px minmax(0, 1fr) !important;
    gap: 8px 10px !important;
  }

  .punishIdentityLabel,
  .punishGrid b {
    font-size: 10px !important;
    letter-spacing: 0.09em !important;
  }

  .punishIdentityValue.name {
    font-size: 22px !important;
    letter-spacing: -0.025em !important;
  }

  .punishIdentityValue.uid {
    font-size: 14px !important;
  }

  .punishGrid span,
  .punishGrid span:first-of-type {
    font-size: 14px !important;
  }
}


.punishIdentityValue.uid,
.punishUid,
.uidValue,
.punishUidText {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 30px !important;
  padding: 3px 12px 4px !important;
  border-radius: 999px !important;
  color: #dffcff !important;
  background:
    linear-gradient(135deg, rgba(114, 240, 255, 0.105), rgba(139, 124, 255, 0.055)) !important;
  border: 1px solid rgba(114, 240, 255, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.075),
    0 0 0 1px rgba(255, 255, 255, 0.018),
    0 10px 28px rgba(0, 0, 0, 0.16) !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  font-size: clamp(15px, 2.15vw, 21px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.035em !important;
  line-height: 1 !important;
  overflow-wrap: anywhere !important;
}

.punishIdentityValue.uid::selection,
.punishUid::selection,
.uidValue::selection,
.punishUidText::selection {
  background: rgba(114, 240, 255, 0.28);
  color: #ffffff;
}

@media (max-width: 640px) {
  .punishIdentityValue.uid,
  .punishUid,
  .uidValue,
  .punishUidText {
    min-height: 26px !important;
    padding: 2px 9px 3px !important;
    font-size: 13px !important;
    border-radius: 999px !important;
  }
}



.punishIdentityValue.uid {
  position: relative !important;
  isolation: isolate !important;
  color: #dffcff !important;
  background:
    linear-gradient(135deg, rgba(114, 240, 255, 0.095), rgba(139, 124, 255, 0.045)) !important;
  border: 1px solid rgba(114, 240, 255, 0.16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.065),
    0 10px 26px rgba(0,0,0,.14) !important;
}
.punishIdentityValue.uid mark,
.punishUid mark,
.uidValue mark,
.punishUidText mark {
  background: transparent !important;
  color: inherit !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.punishIdentityValue.uid::selection,
.punishUid::selection,
.uidValue::selection,
.punishUidText::selection {
  background: rgba(114,240,255,.18) !important;
  color: #fff !important;
}


.topActions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex:0 0 auto;
}
.topGroupBtn{
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-decoration:none;
  color:#dfe7ff;
  border:1px solid rgba(198,212,255,.13);
  background:rgba(255,255,255,.055);
  font-weight:900;
  font-size:13px;
  letter-spacing:-.01em;
  transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.topGroupBtn svg{width:18px;height:18px;color:var(--cyan);flex:0 0 auto}
.topGroupBtn:hover{
  transform:translateY(-1px);
  background:rgba(139,124,255,.09);
  border-color:rgba(139,124,255,.32);
  box-shadow:0 10px 30px rgba(114,240,255,.08);
}
.actionRow{
  align-items:center;
}
.actionRow .punishBtn{
  min-width:210px;
}
@media (min-width:761px){
  .actionRow{
    display:flex;
  }
  .actionRow .quickHint{
    flex-basis:100%;
    margin-top:2px;
  }
}
@media (max-width:760px){
  .topbar{
    align-items:flex-start;
    gap:10px;
  }
  .topActions{
    flex-direction:column-reverse;
    align-items:flex-end;
    gap:7px;
  }
  .topGroupBtn{
    min-height:34px;
    padding:0 10px;
    font-size:11px;
    gap:6px;
  }
  .topGroupBtn svg{width:15px;height:15px}
  .onlinePill{min-height:32px}
  .actionRow{
    grid-template-columns:1fr 1fr;
  }
  .actionRow .randomBtn,
  .actionRow .punishBtn{
    width:100%;
    min-width:0;
    min-height:54px;
    padding:0 10px;
    font-size:13px;
  }
  .actionRow .quickHint{
    grid-column:1 / -1;
    margin-top:0;
  }
}
@media (max-width:380px){
  .actionRow{
    grid-template-columns:1fr;
  }
}


/* ===== Integrated admin control ===== */
.topActionsGroup{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.adminLoginBtn{min-height:42px;padding:0 14px;border-radius:14px;border:1px solid rgba(247,217,154,.16);background:rgba(247,217,154,.055);color:#f7ead0;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900;cursor:pointer;transition:.2s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.adminLoginBtn svg{width:18px;height:18px}.adminLoginBtn:hover,.adminLoginBtn.active{transform:translateY(-2px);border-color:rgba(247,217,154,.38);background:rgba(247,217,154,.10);box-shadow:0 10px 28px rgba(247,217,154,.08)}
.adminPanel{margin-top:18px;border:1px solid rgba(247,217,154,.18);border-radius:30px;background:linear-gradient(145deg,rgba(26,22,18,.90),rgba(7,10,18,.94));box-shadow:0 24px 90px rgba(0,0,0,.34);padding:22px;display:none;opacity:0;transform:translateY(10px)}
.adminPanel.show{display:block;animation:adminPanelIn .32s ease forwards}@keyframes adminPanelIn{to{opacity:1;transform:none}}
.adminPanelHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.adminKicker{display:block;color:#f7d99a;font-size:11px;font-weight:950;letter-spacing:.18em}.adminPanelHead h2{margin:5px 0 0;font-size:28px;letter-spacing:-.05em}.adminPanelHead p{margin:7px 0 0;color:var(--soft);line-height:1.6}.adminPanelActions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.adminStatus,.secureBadge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(104,224,162,.20);background:rgba(104,224,162,.07);color:#c9ffe5;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900;white-space:nowrap}.adminStatus i{width:7px;height:7px;border-radius:50%;background:#68e0a2;box-shadow:0 0 12px #68e0a2}.secureBadge{border-color:rgba(114,240,255,.16);background:rgba(114,240,255,.055);color:#d8f8ff;font-size:10px;letter-spacing:.12em}.adminGhostBtn{min-height:40px;padding:0 13px;border-radius:13px;border:1px solid rgba(178,191,224,.14);background:rgba(255,255,255,.04);color:#dfe7ff;font-weight:850;cursor:pointer}.adminGhostBtn:hover{background:rgba(255,255,255,.075);border-color:rgba(198,212,255,.28)}
.adminGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.adminModule{border:1px solid rgba(178,191,224,.12);background:rgba(255,255,255,.025);border-radius:24px;padding:18px}.moduleTitle{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.moduleTitle b{display:block;font-size:18px}.moduleTitle span{display:block;margin-top:5px;color:#8793aa;font-size:12px;font-weight:730}.moduleTitle strong{color:#f7f9ff;font-size:13px;white-space:nowrap}.adminControls{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-top:17px}.field>span{display:block;color:#cfd7e7;font-size:12px;font-weight:850;margin:0 0 7px}.field input,.field select,.adminLoginForm input{width:100%;min-height:48px;border:1px solid rgba(178,191,224,.14);background:rgba(0,0,0,.25);color:#fff;border-radius:14px;padding:0 13px;outline:0}.field input:focus,.field select:focus,.adminLoginForm input:focus{border-color:rgba(114,240,255,.42);box-shadow:0 0 0 4px rgba(114,240,255,.07)}.fieldInline{display:flex;gap:7px}.miniBtn{border:1px solid rgba(114,240,255,.15);background:rgba(114,240,255,.05);color:#dffbff;border-radius:12px;padding:0 11px;font-weight:850;cursor:pointer}.adminPrimaryBtn{min-height:48px;border:0;border-radius:14px;background:linear-gradient(135deg,#8b7cff,#72f0ff);color:#061019;font-weight:950;padding:0 16px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 12px 34px rgba(114,240,255,.10);transition:.2s ease}.adminPrimaryBtn:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(114,240,255,.16)}.adminPrimaryBtn:disabled{opacity:.55;cursor:not-allowed;transform:none}.moduleNote{margin-top:11px;color:#758199;font-size:11px;line-height:1.5}.dropzone{min-height:145px;margin-top:16px;border:1px dashed rgba(114,240,255,.23);border-radius:18px;background:linear-gradient(180deg,rgba(114,240,255,.04),rgba(255,255,255,.015));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;cursor:pointer;transition:.2s ease}.dropzone:hover{border-color:rgba(114,240,255,.44);background:rgba(114,240,255,.06)}.dropzone input{display:none}.dropIcon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;border:1px solid rgba(114,240,255,.15);background:rgba(114,240,255,.06);color:var(--cyan)}.dropIcon svg{width:21px;height:21px}.dropzone strong{font-size:14px}.dropzone span:not(.dropIcon){color:#77839a;font-size:11px}.uploadModule .adminPrimaryBtn{width:100%;margin-top:10px}.adminMessage{display:none;margin-top:11px;padding:11px 12px;border-radius:13px;border:1px solid rgba(178,191,224,.14);background:rgba(255,255,255,.035);color:#dfe7ff;font-size:12px;font-weight:780;line-height:1.5}.adminMessage.success{display:block;border-color:rgba(104,224,162,.20);background:rgba(104,224,162,.065);color:#c9ffe5}.adminMessage.error{display:block;border-color:rgba(255,124,155,.22);background:rgba(255,124,155,.08);color:#ffd4de}.adminMessage.info{display:block;border-color:rgba(114,240,255,.17);background:rgba(114,240,255,.055);color:#d8f8ff}
.adminOverlay{align-items:center}.adminLoginSheet{width:min(460px,100%);padding:18px}.adminLoginForm{margin-top:16px}.adminLoginForm label{display:block;margin:0 0 7px;color:#dfe7ff;font-size:12px;font-weight:900}.adminLoginForm .adminPrimaryBtn{width:100%;margin-top:10px}
@media (max-width:980px){.adminGrid{grid-template-columns:1fr}.adminControls{grid-template-columns:1fr 1fr}.adminControls .adminPrimaryBtn{grid-column:1/-1;width:100%}}
@media (max-width:760px){.topActionsGroup{gap:6px}.topGroupBtn span{display:none}.adminLoginBtn{padding:0 11px}.adminLoginBtn span{display:inline}.adminPanel{border-radius:24px;padding:15px}.adminPanelHead{flex-direction:column}.adminPanelActions{width:100%;justify-content:flex-start}.adminGrid{gap:10px}.adminModule{border-radius:19px;padding:14px}.adminControls{grid-template-columns:1fr}.adminControls .adminPrimaryBtn{grid-column:auto}.fieldInline{display:grid;grid-template-columns:1fr auto}.moduleTitle strong{font-size:12px}.adminPanelHead h2{font-size:24px}}

/* ===== Full account fields + per-account punishment check ===== */
.cardActions{align-items:center}
.banBtn{border-color:rgba(255,124,155,.22);background:rgba(255,124,155,.06);color:#ffdce5}
.banBtn:hover{border-color:rgba(255,124,155,.42);background:rgba(255,124,155,.10);box-shadow:0 10px 30px rgba(255,124,155,.08)}
.banBtn:disabled{opacity:.55;cursor:wait}
.banCheckBox{margin-top:10px}
.banCheckBox:empty{display:none}
.banCheckBox>div{border-radius:14px;padding:10px 12px;font-size:12px;line-height:1.55;border:1px solid rgba(178,191,224,.12);background:rgba(0,0,0,.18)}
.banCheckLoading{color:#d8f8ff;border-color:rgba(114,240,255,.18)!important;background:rgba(114,240,255,.055)!important}
.banCheckClear{display:flex;flex-direction:column;gap:3px;color:#c9ffe5;border-color:rgba(104,224,162,.20)!important;background:rgba(104,224,162,.055)!important}
.banCheckClear b{font-size:12px}
.banCheckClear span{color:#92b8a4}
.banCheckBanned{display:flex;flex-direction:column;gap:3px;color:#ffd4de;border-color:rgba(255,124,155,.22)!important;background:rgba(255,124,155,.07)!important}
.banCheckBanned b{color:#ffe4e9}
.banCheckBanned span{color:#d8aeb8}
.banCheckError{color:#ffd4de;border-color:rgba(255,124,155,.20)!important;background:rgba(255,124,155,.055)!important}
.skinHighlights{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;margin-top:11px;border:1px solid rgba(178,191,224,.10);background:rgba(0,0,0,.20);border-radius:16px;padding:12px;color:#b8c4da;font-size:12px;line-height:1.6}
.skinHighlights b{color:#eef3ff}
.allDetails{margin-top:11px;border:1px solid rgba(178,191,224,.10);background:rgba(255,255,255,.025);border-radius:16px;overflow:hidden}
.allDetails summary{cursor:pointer;list-style:none;padding:12px 13px;color:#dfe7ff;font-size:12px;font-weight:900}
.allDetails summary::-webkit-details-marker{display:none}
.allDetails summary::after{content:'＋';float:right;color:#7f8da8;font-size:16px;line-height:1}
.allDetails[open] summary::after{content:'−'}
.detailGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 10px 10px}
.detailField{min-width:0;border:1px solid rgba(178,191,224,.08);background:rgba(0,0,0,.16);border-radius:12px;padding:9px 10px}
.detailLabel{display:block;color:#748097;font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}
.detailValue{display:block;color:#eef3ff;font-size:12px;font-weight:800;overflow-wrap:anywhere;line-height:1.45}
.detailValue.yesValue{color:#c9ffe5}

@media (max-width:760px){
  .skinHighlights{grid-template-columns:1fr}
  .detailGrid{grid-template-columns:1fr}
  .cardActions .smallBtn{flex:1 1 auto}
}


/* ===== Focused full-field account view ===== */
.results{transition:gap .42s cubic-bezier(.2,.8,.2,1)}
.results.focusMode{display:block;position:relative}
.results.focusMode .card{transition:opacity .38s ease,transform .42s cubic-bezier(.2,.8,.2,1),filter .38s ease,max-height .5s ease,margin .5s ease}
.results.focusMode .card:not(.cardFocused){opacity:.0;transform:scale(.96) translateY(10px);filter:blur(3px);pointer-events:none;max-height:0;margin:0;overflow:hidden}
.results.focusMode .card.cardDimmed{display:none}
.results.focusMode .card.cardFocused{width:100%;max-width:none;transform:none;opacity:1;filter:none;animation:none;margin:0}
.results.focusMode .card.cardFocused .cardBody{padding:24px}
.results.focusMode .card.cardFocused .detailGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 14px 14px}
.results.focusMode .card.cardFocused .detailField{border-radius:14px;padding:12px 13px;min-height:74px}
.results.focusMode .card.cardFocused .detailLabel{font-size:10px;margin-bottom:6px}
.results.focusMode .card.cardFocused .detailValue{font-size:13px;line-height:1.55}
.allDetails summary{display:flex;align-items:center;justify-content:space-between;gap:12px}
.allDetails summary::after{content:'' !important;display:none}
.detailsSummaryState{flex:0 0 auto;border:1px solid rgba(114,240,255,.16);background:rgba(114,240,255,.055);color:#bfefff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:950;letter-spacing:.04em}
.allDetails[open] .detailsSummaryState{background:rgba(255,255,255,.06);color:#dfe7ff;border-color:rgba(178,191,224,.14)}
.detailField{position:relative;padding-left:30px}
.detailField::before{content:'•';position:absolute;left:12px;top:10px;color:#7feeff;font-size:16px;font-weight:950;line-height:1}
.results.focusMode .card.cardFocused .detailField::before{top:12px}
@media (max-width:900px){
  .results.focusMode .card.cardFocused .detailGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .results.focusMode .card.cardFocused .detailGrid{grid-template-columns:1fr}
  .results.focusMode .card.cardFocused .cardBody{padding:14px}
  .detailsSummaryState{padding:4px 8px;font-size:9px}
}