.name-maker{max-width:680px;margin:0 auto;text-align:center;border-color:var(--gold)}.name-maker label{display:block;font-weight:700;font-size:1.2rem;margin-bottom:.6rem}.name-maker .small{color:var(--muted);margin:.9rem 0 0}.name-result{margin-top:2.5rem}.name-result[hidden]{display:none}.id-card{width:min(560px,100%);margin:0 auto 1.6rem;border-radius:18px;overflow:hidden;color:#2b2418;background:var(--grain),linear-gradient(170deg,#f6ecd2,#e6d6ad);box-shadow:var(--shadow),0 0 50px rgba(255,210,63,.3);border:3px solid #8a5a00}.id-card.pop{animation:id-pop .5s cubic-bezier(.2,.9,.3,1.3)}@keyframes id-pop{0%{transform:scale(.85) rotate(-3deg);opacity:0}100%{transform:none;opacity:1}}.id-top{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.7rem 1.1rem;background:linear-gradient(180deg,#2c1470,#120939);color:var(--gold)}.id-agency{font-family:var(--head);letter-spacing:.05em;font-size:clamp(1rem,3.6vw,1.3rem)}.id-official{font-family:"Courier New",monospace;font-weight:700;font-size:.85rem;letter-spacing:.15em;color:var(--lime);text-transform:uppercase}.id-body{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1.1rem 1.1rem .6rem;align-items:center}.id-pups{display:flex;flex-direction:column;gap:.5rem}.id-pups img{width:96px;height:96px;object-fit:cover;border-radius:12px;border:3px solid #fff;box-shadow:0 4px 10px rgba(0,0,0,.25)}.id-pups img:nth-child(1){transform:rotate(-3deg)}.id-pups img:nth-child(2){transform:rotate(2.5deg)}.id-label{display:block;font-family:"Courier New",monospace;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8a5a00}.id-codename{font-family:var(--head);font-size:clamp(1.7rem,6.4vw,2.5rem);line-height:1.05;color:#2b1a5e;margin:.1rem 0 .7rem}.id-realname{font-size:1.3rem;font-weight:700;margin:.1rem 0 .6rem}.id-meta{display:flex;flex-wrap:wrap;gap:.2rem 1.2rem;font-size:.9rem;color:#5a4320}.id-foot{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.5rem 1.1rem .9rem;border-top:2px dashed rgba(138,90,0,.4);margin:0 1.1rem;padding-inline:0}.id-sign{font-size:.95rem}.id-sign .sig-w{color:#1f5fbf}.id-sign .sig-t{color:#c4302b}.id-stamp{font-family:var(--head);letter-spacing:.08em;color:#d8322e;border:3px solid #d8322e;border-radius:6px;padding:.15rem .6rem 0;transform:rotate(-8deg);font-size:1rem}@media (max-width:420px){.id-body{grid-template-columns:1fr;text-align:center}.id-pups{flex-direction:row;justify-content:center}.id-pups img{width:84px;height:84px}.id-meta{justify-content:center}}.name-memo{margin-top:2.5rem}.name-memo a{color:#6b2bd1}@media print{body.name-printing{background:#fff !important}body.name-printing>*:not(main),body.name-printing main>*:not(.name-page),body.name-printing .section-head,body.name-printing .name-maker,body.name-printing .no-print{display:none !important}body.name-printing .name-page{padding:0}body.name-printing .id-card{width:5.5in;margin:.3in auto;box-shadow:none;animation:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:letter portrait;margin:.4in}}@media (prefers-reduced-motion:reduce){.id-card.pop{animation:none}}