.table td, .table th { vertical-align: middle; }
.code { font-family: ui-monospace, Consolas, monospace; letter-spacing: .05em; }
.stat { font-size: 1.6rem; font-weight: 700; line-height: 1; }
#video-wrap { position: relative; max-width: 480px; margin: 0 auto; background: #000; border-radius: .5rem; overflow: hidden; aspect-ratio: 1 / 1; }
#video-wrap video { width: 100%; height: 100%; object-fit: cover; display: block; }
#video-wrap .frame { position: absolute; inset: 15%; border: 3px solid rgba(255,255,255,.7); border-radius: .75rem; pointer-events: none; }
#result { position: fixed; inset: 0; display: none; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; z-index: 2000; padding: 1.5rem; }
#result.show { display: flex; }
#result.ok { background: #198754; }
#result.dup { background: #fd7e14; }
#result.bad { background: #dc3545; }
#result .big { font-size: 2.4rem; font-weight: 800; }
#result .name { font-size: 1.8rem; font-weight: 700; margin-top: .5rem; }