.ac{--card-bg:#0a1a18;--card-border:#1a3a36;--card-accent:#15827d;--text-primary:#e8f4f3;--text-secondary:#7e9e9b;--text-muted:#4a6a67;box-sizing:border-box;background:var(--card-bg);border:1px solid var(--card-border);opacity:0;border-radius:16px;width:100%;max-width:320px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:perspective(900px)rotateX(0)rotateY(0)translateZ(0)}.ac--in{opacity:1}.ac--builder{padding-bottom:0}.ac__top-bar{background:linear-gradient(90deg, var(--card-accent), #234fd2);height:4px}.ac__header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.ac__attribution{align-items:center;gap:10px;display:flex}.ac__header-avatar{color:#fff;letter-spacing:.5px;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.ac__attribution-info{flex-direction:column;gap:2px;display:flex}.ac__attribution-role{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-size:9px;font-weight:600}.ac__attribution-handle{color:var(--text-primary);font-size:9px;font-weight:600}.ac__header-meta{color:var(--text-muted);letter-spacing:.5px;font-size:10px}.ac__avatar-section{flex-direction:column;align-items:center;padding:24px 20px 16px;display:flex;position:relative}.ac__corner{border-color:var(--card-accent);border-style:solid;border-width:0;width:12px;height:12px;position:absolute}.ac__corner--tl{border-top-width:2px;border-left-width:2px;top:12px;left:20px}.ac__corner--tr{border-top-width:2px;border-right-width:2px;top:12px;right:20px}.ac__blob-glow{filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#7b61d64d 0%,#0000 70%);width:140px;height:140px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ac__avatar-float{animation:4s ease-in-out infinite avatar-float}@keyframes avatar-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.ac__avatar-frame{border-radius:12px;position:relative;overflow:hidden}.ac__scan{background:linear-gradient(90deg,#0000,#5bffe699,#0000);height:3px;animation:3s ease-in-out infinite scan;position:absolute;top:0;left:0;right:0}@keyframes scan{0%,to{opacity:0;top:0}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.ac__unit-label{color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;margin-top:12px;font-size:9px;font-weight:600}.ac__identity{border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.ac__identity-left{flex:1}.ac__name{color:var(--text-primary);letter-spacing:2px;font-size:28px;font-weight:700}.ac__unit-num{color:var(--text-muted);letter-spacing:1px;font-size:24px;font-weight:300}.ac__stats{border-bottom:1px solid var(--card-border);gap:20px;padding:16px 20px;display:flex}.ac__stat{flex-direction:column;flex:1;gap:4px;display:flex}.ac__stat-label{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-size:9px;font-weight:600}.ac__stat-value{color:var(--text-primary);font-size:16px;font-weight:700}.ac__skills-section{border-bottom:1px solid var(--card-border);margin:0 -24px;padding:12px 24px}.ac__micro-label{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;font-size:9px;font-weight:600}.ac__skills{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:8px;display:flex;overflow-x:auto}.ac__skills::-webkit-scrollbar{display:none}.ac__skill{color:var(--card-accent);letter-spacing:.5px;white-space:nowrap;text-align:center;background:#15827d26;border:1px solid #15827d4d;border-radius:4px;flex:1;padding:5px 10px;font-size:8px;font-weight:600}.ac__perf{background:repeating-linear-gradient(90deg, var(--card-border) 0px, var(--card-border) 2px, transparent 2px, transparent 6px);opacity:.5;height:32px;margin:0 20px}.ac__footer{border-top:1px solid var(--card-border);padding:16px 20px}.ac__footer-split{justify-content:space-between;align-items:flex-end;display:flex}.ac__footer-text{flex-direction:column;gap:4px;display:flex}.ac__footer-label{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-size:8px;font-weight:600}.ac__footer-id{color:var(--text-secondary);letter-spacing:.5px;font-size:10px;font-weight:600}.ac__qr-cell{opacity:.8}.ac__side-label{color:var(--text-muted);letter-spacing:2px;white-space:nowrap;opacity:.5;font-size:8px;font-weight:600;position:absolute;top:50%;right:-48px;transform:rotate(90deg)translate(-50%)}.ac--user{background:linear-gradient(#0d1f1d 0%,#0a1816 100%);border-radius:20px;width:100%;max-width:400px;padding:0;overflow:hidden}.badge__notch{background:var(--card-bg);border:1px solid var(--card-border);border-top:1px solid var(--card-bg);border-radius:0 0 10px 10px;width:60px;height:16px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.badge__notch:after{display:none}.badge__tier-band{color:#0a1816;letter-spacing:1.5px;justify-content:space-between;align-items:center;padding:18px 20px 12px;font-size:11px;font-weight:700;display:flex}.badge__tier-rank{font-size:12px;font-weight:800}.badge__tier-label{text-align:center;flex:1}.badge__body{min-width:0;display:flex;overflow:hidden}.badge__main{flex:1;min-width:0;padding:20px 24px}.badge__photo-section{justify-content:center;margin-bottom:16px;display:flex;position:relative}.badge__photo-frame{border:2px solid var(--tier-accent,var(--card-accent));border-radius:12px;position:relative;overflow:hidden}.badge__name-section{text-align:center;margin-bottom:16px}.badge__name{color:var(--text-primary);letter-spacing:3px;font-size:32px;font-weight:700}.badge__info{border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);flex-direction:column;gap:0;margin:0 -24px;display:flex}.badge__info-row{background:0 0;border-radius:0;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.badge__info-row+.badge__info-row{border-top:1px solid var(--card-border);margin:0 24px;padding:14px 0}.badge__info-label{color:var(--text-muted);letter-spacing:1.5px;font-size:11px;font-weight:600}.badge__info-value{color:var(--text-primary);font-size:16px;font-weight:700}.badge__footer{padding-top:16px}.badge__barcode{opacity:1;margin:16px 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.badge__id{color:var(--text-muted);letter-spacing:1px;text-align:center;font-size:9px;font-weight:600}.badge__side-strip{border-left:1px dashed var(--card-border);background:0 0;justify-content:center;align-items:center;width:32px;margin:0;display:flex}.badge__side-text{writing-mode:vertical-rl;text-orientation:mixed;color:var(--text-muted);letter-spacing:2px;white-space:nowrap;font-size:8px;font-weight:700}.ac--fresh .badge__tier-band,.ac--fresh .badge__side-strip{background:#7e8e8d}.ac--assembling .badge__piece--hidden{opacity:0}.badge__piece--from-top{transition:opacity .5s,transform .5s cubic-bezier(.16,1,.3,1)}.badge__piece--from-top.badge__piece--hidden{transform:translateY(-20px)}.badge__piece--from-bottom{transition:opacity .5s,transform .5s cubic-bezier(.16,1,.3,1)}.badge__piece--from-bottom.badge__piece--hidden{transform:translateY(20px)}.badge__piece--from-left{transition:opacity .5s,transform .5s cubic-bezier(.16,1,.3,1)}.badge__piece--from-left.badge__piece--hidden{transform:translate(-20px)}.badge__piece--from-right{transition:opacity .5s,transform .5s cubic-bezier(.16,1,.3,1)}.badge__piece--from-right.badge__piece--hidden{transform:translate(20px)}.badge__piece--from-center{transition:opacity .5s,transform .5s cubic-bezier(.16,1,.3,1)}.badge__piece--from-center.badge__piece--hidden{transform:scale(.8)}.badge__piece--in{opacity:1;transform:none}.ac__eye{transform-origin:50%}@keyframes blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.ac__eye--left{animation:4s ease-in-out infinite blink}.ac__eye--right{animation:4s ease-in-out .1s infinite blink}.ac--paused .ac__avatar-float,.ac--paused .ac__scan,.ac--paused .ac__eye--left,.ac--paused .ac__eye--right{animation-play-state:paused}@media (max-width:767px){.ac--user{border-radius:16px;width:100%;max-width:280px}.ac--user .ac__blob-glow{width:100px;height:100px}.ac--user .badge__photo-frame svg{width:80px;height:80px}.badge__notch{width:32px;height:12px}.badge__tier-band{padding:12px 12px 8px;font-size:9px}.badge__tier-rank{font-size:10px}.badge__main{padding:16px}.badge__photo-section{margin-bottom:12px}.badge__name{letter-spacing:2px;font-size:24px}.badge__info{gap:6px;margin:0 -16px 12px}.badge__info-row{padding:6px 16px}.badge__info-row+.badge__info-row{margin:0 16px;padding:6px 0}.badge__info-label{font-size:8px}.badge__info-value{font-size:11px}.badge__footer{padding-top:12px}.badge__barcode{margin:8px 0}.badge__id{font-size:8px}.badge__side-strip{width:24px}.badge__side-text{font-size:7px}}@media (max-width:640px){.ac{border-radius:12px;width:280px}.ac__header{padding:12px 16px 10px}.ac__header-avatar{width:28px;height:28px;font-size:10px}.ac__attribution-role{font-size:8px}.ac__attribution-handle{font-size:11px}.ac__avatar-section{padding:16px 16px 12px}.ac__blob-glow{width:100px;height:100px}.ac__avatar-frame svg{width:80px;height:80px}.ac__unit-label{margin-top:8px;font-size:8px}.ac__identity{padding:10px 16px}.ac__name{letter-spacing:1.5px;font-size:22px}.ac__unit-num{font-size:18px}.ac__stats{gap:12px;padding:12px 16px}.ac__stat-label{font-size:8px}.ac__stat-value{font-size:14px}.ac__skills-section{margin:0 -16px;padding:12px 16px}.ac__micro-label{margin-bottom:8px;font-size:8px}.ac__skills{gap:4px}.ac__skill{flex:none;padding:3px 8px;font-size:9px}.ac__perf{height:24px;margin:0 16px}.ac__footer{padding:12px 16px}.ac__footer-label{font-size:7px}.ac__footer-id{font-size:9px}.ac__qr-cell svg{width:40px;height:40px}.ac__side-label{font-size:7px;right:-42px}}@media (max-width:320px){.ac{width:100%;min-width:240px}.ac--user{width:100%;min-width:220px}}