.bcod-back{position:fixed;inset:0;z-index:99999;background:rgba(2,8,5,.78);display:flex;align-items:center;justify-content:center;padding:12px;overflow-y:auto;backdrop-filter:blur(3px)}
.bcod{position:relative;width:100%;max-width:400px;max-height:calc(100dvh - 24px);overflow-y:auto;background:linear-gradient(160deg,#0d1f16,#06110b);border:1px solid #1fdc7a55;border-radius:18px;padding:22px 18px 16px;color:#e8fff1;font-family:inherit;box-shadow:0 20px 60px #000a,0 0 0 1px #1fdc7a22 inset;text-align:center;box-sizing:border-box}
.bcod *{box-sizing:border-box}
.bcod-x{position:sticky;top:0;float:right;margin:-12px -8px 0 0;width:36px;height:36px;border-radius:50%;border:1px solid #1fdc7a66;background:#0a1a12;color:#e8fff1;font-size:22px;line-height:1;cursor:pointer;z-index:2}
.bcod-x:focus-visible,.bcod a:focus-visible,.bcod button:focus-visible{outline:2px solid #1fdc7a;outline-offset:2px}
.bcod-kick{margin:0;color:#1fdc7a;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.bcod h2{margin:4px 0 14px;font-size:clamp(18px,6vw,24px);font-weight:800}
.bcod-main{display:flex;align-items:center;justify-content:center;gap:12px;background:#0f2a1c;border:1px dashed #1fdc7a88;border-radius:14px;padding:12px}
.bcod-main img{border-radius:8px}
.bcod-main small,.bcod-stats small{display:block;font-size:11px;color:#9fc9b0;text-transform:uppercase;letter-spacing:.08em}
.bcod-code{font-size:clamp(24px,9vw,34px);letter-spacing:.12em;color:#fff;font-weight:900;word-break:break-all}
.bcod-stats{display:flex;gap:8px;margin:12px 0}
.bcod-stats div{flex:1;background:#0a1a12;border-radius:10px;padding:8px}
.bcod-stats b{font-size:18px;color:#1fdc7a}
.bcod-act{display:flex;gap:8px;flex-wrap:wrap}
.bcod-act>*{flex:1 1 120px;padding:11px;border-radius:10px;font-weight:800;font-size:14px;text-decoration:none;cursor:pointer;border:0}
.bcod-copy{background:#1fdc7a;color:#04140b}
.bcod-open{background:#e41827;color:#fff}
.bcod-also{margin:14px 0 6px;font-size:12px;color:#9fc9b0}
.bcod-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.bcod-chip{display:inline-flex;align-items:center;gap:6px;background:#0a1a12;border:1px solid #1fdc7a44;border-radius:999px;padding:4px 10px 4px 4px;color:#e8fff1;text-decoration:none;font-size:12px}
.bcod-chip img{border-radius:50%}
.bcod-chip b{letter-spacing:.06em}
.bcod-all{display:block;margin-top:14px;padding:10px;border:1px solid #1fdc7a;border-radius:10px;color:#1fdc7a;text-decoration:none;font-weight:700}
.bcod-18{margin:10px 0 0;font-size:11px;color:#7fa892}
@media(max-width:320px){.bcod{padding:18px 12px 12px}.bcod-main{flex-direction:column;gap:6px}}
/* flashy v301 */
@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}
.bcod{border:0;background:radial-gradient(120% 80% at 50% 0,#1fdc7a26,transparent 60%),linear-gradient(160deg,#0d1f16f2,#050d09f2);animation:fxPop .45s cubic-bezier(.2,1.4,.4,1)}
.bcod::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:conic-gradient(from var(--a),#1fdc7a,#e41827,#ffd23f,#1fdc7a);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:fxSpin 4s linear infinite;pointer-events:none}
.bcod-kick{display:inline-flex;align-items:center;gap:6px;background:#e41827;color:#fff;padding:4px 10px;border-radius:999px}
.bcod-kick::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;animation:fxPulse 1.2s infinite}
.bcod-main{background:linear-gradient(135deg,#0f2a1c,#13361f);box-shadow:0 0 24px #1fdc7a33 inset}
.bcod-code{font-family:Impact,"Arial Black",system-ui,sans-serif;background:linear-gradient(100deg,#fff 40%,#1fdc7a 50%,#fff 60%) 0 0/250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:fxShine 3s linear infinite}
.bcod-stats b{font-variant-numeric:tabular-nums;text-shadow:0 0 12px #1fdc7a88}
.bcod-copy{background:linear-gradient(135deg,#1fdc7a,#7dffb7);box-shadow:0 6px 20px #1fdc7a55}
.bcod-open{box-shadow:0 6px 20px #e4182755}
.bcod-act>*{transition:transform .15s}.bcod-act>*:hover{transform:translateY(-2px)}
.bcod-chip{transition:transform .15s,box-shadow .15s}.bcod-chip:hover{transform:translateY(-2px);box-shadow:0 0 14px #1fdc7a66}
@keyframes fxSpin{to{--a:360deg}}@keyframes fxPulse{50%{opacity:.25;transform:scale(.7)}}@keyframes fxShine{to{background-position:-250% 0}}@keyframes fxPop{from{opacity:0;transform:scale(.85)}}
.fx-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:100001;background:#1fdc7a;color:#04140b;font-weight:900;padding:10px 18px;border-radius:999px;box-shadow:0 8px 30px #1fdc7a77;animation:fxPop .3s;pointer-events:none}
.fx-bit{position:fixed;z-index:100000;width:7px;height:10px;border-radius:2px;pointer-events:none;animation:fxFly .8s ease-out forwards}
@keyframes fxFly{to{transform:translate(var(--x),var(--y)) rotate(540deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.bcod,.bcod::before,.bcod-kick::before,.bcod-code,.fx-bit,.fx-toast{animation:none!important}.bcod-code{color:#fff;background:none}}